@charset "utf-8";

h3 {
    font-size: 131%;
    margin-bottom: 0;
    margin-top: .7em;
}
#nai{ 
	text-align:left; 
	font-size:14px; 
	line-height:1.8; 
	border-bottom: 2px solid #333;
	border-top: 2px solid #333;
	padding: 0.3em;
	margin-bottom:1em;
	position: relative;
}

ul {
	list-style: none;
	/*margin-left:-3em;*/
	margin-top:0;
	line-height:1.5;
}

/*li {
	margin-bottom:0.8em;
}*/

ul .b {
	color: #0068b7;
	font-weight:700;
}
dd ,dt { 
	text-align:left; 
	font-size:14px; 
	line-height:1.8;
}
dd { 
	margin:0 1em;
	font-size:18px;	
}
.rosen{ 
	margin:0.5em 0.7em;
	padding:0.5em;
	font-size:16px;
	background:#eee;	
}
dd img { 
	margin:0.5em 0 0 -0.5em;
	width:100%;
	max-width:350px;
}
dd a{ 
	color:#293949 !important;
}

dt { 
}
.znews2 { 
	color:red;
	background:#fff;
	font-size:19px; 
	font-weight:700;
	padding:0 0.5em;
	margin:0.5em 0;
}
.znews2 a{ 
	color:red !important;
	font-size:18px; 
	font-weight:700;
}
.znews2 a:hover { 
	text-decoration:underline;
}
.znews-waku{
	margin-top:3em;
	padding:0.5em;
	margin:0 auto; 
	max-width:1000px; 
}

.znews { 
	color:#fff;
	background:red;
	font-size:19px; 
	font-weight:700;
	padding:0 0.5em;
	margin:0.5em 0;
}
.znews a{ 
	color:#fff !important;
	font-size:18px; 
	font-weight:700;
}
.znews a:hover { 
	text-decoration:underline;
}
.ddnews { 
	color:red;
	background:#fff;
	font-size:18px; 
	font-weight:700;
	border: 2px solid red;
	padding:0 0.5em;
	margin-bottom:0.5em;
}
.ddnews a{ 
	color:red !important;
	font-size:18px; 
	font-weight:700;
}
.ddnews a:hover { 
	text-decoration:underline;
}

.c1 {
	color:#000; 
	text-decoration:underline; 
	font-size:18px; 
	letter-spacing:2px;
}
.c2 {
	color:red; 
	text-decoration:underline; 
	font-size:18px; 
}
.kaigyou {
	display: inline-block;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
	margin:0 auto;
	width:100%;
	max-width:847px;
}
.sp {
	display: none !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
	margin:0 auto;
	width:100%;
	max-width:847px;
}
}

@media only screen and (max-width: 480px) {
	.c2 {
		color:red; 
		text-decoration:underline; 
		font-size:14px; 
	}
}
@media screen and (min-width: 720px) {
	.br-sp { display:none; }
}

@media only screen and (max-width: 720px) {

	.bg { 
		font-size:15px; 
		margin-top:20px; 
		background:#333; 
		color:yellow; 
	}
	h1 { 
		font-size:16px; 
		text-align:left;
		padding-left:1em;
	}
	dt { 
		margin:0.5em;
		padding-top:0;
	}
	dd { 
		font-size:18px; 
		margin:0.5em;
	}
	dd .speace { 
		height:1.5em;
	}

	ul {
		margin:0;
	}
	.rosen{ 
		margin:0.5em;
		font-size:16px;
		background:#eee;	
	}
}

@media print, screen and (min-width: 600px) {
.br-sp { display:none;}
}



.eigyousyowaku {
	display: flex;
	justify-content: center;
	margin:0 auto; 
	margin-bottom:4em;
	max-width:1000px; 
}
 
.eigyousyowaku .koumoku{
	color:#333;
	font-size: 14px;
	font-weight:700;
	margin-top:1em;
}
.eigyousyowaku ul li {
	line-height: 1.8; /*文の行高*/
}

@media screen and (max-width: 896px) {
	.eigyousyowaku {
		display: block;
		/*padding:30px 1.5em 30px 1.5em ;*/
		margin-bottom:2em;
	}
	.page-content-width {
		margin:0;
	}
	/*.inner-n-eigyousyo h2{
		padding:30px 0 0 0 ;
	}*/
}

@media screen and (max-width: 480px) {
	.inner-n{
		padding:0.5em;
	}
	.eigyousyowaku {
		display: block;
		/*padding:30px 1.5em 30px 1.5em ;*/
		margin:1em 0;
	}
	.page-content-width {
		margin:0;
	}
	.inner-n-eigyousyo h2{
		padding:0 0 0 0 ;
	}
}
.btn_top {
	display: block;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	margin:2em 0 1em 0;
	padding: 0.5em;
	font-weight: bold;
	background: #3cb371;
	color: #fff;
	/*box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;*/
}

.container-otoku{
	margin: 2em auto;
	padding:2em;/*内側余白*/
	border:dotted 3px #3cb371;/*線の種類・太さ・色*/
}
.container-otoku p{
	margin-top:0.5em;
}
.container-otoku-bn {
	color: #fff;
	background-color: #293949;
	border-radius: 50px;
	display: flex;
	justify-content: left;
	align-items: center;
	width: auto;
	font-weight: 600;
	padding:0 1em;
}

.nai{ 
	text-align:left; 
	font-size:14px; 
	line-height:1.8; 
	border-bottom: 2px solid #333;
	border-top: 2px solid #333;
	padding: 0.3em;
	margin:2em 0 1em 0;
	position: relative;
}
table{
	border-collapse: collapse;
	width: 100%;
}
.tb01 th,
.tb01 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align:center;
	box-sizing:border-box;
	border-radius: 50px;
}
.tb01 th {
	background: #ff7bac;
	color: #fff;
	border-radius: 50px;

}
@media screen and (max-width: 480px) {
	.container-otoku{
		padding:0.8em;/*内側余白*/
	}
	.container-otoku-bn {
	font-size:17px;
	margin-top:0;
	padding:0.5em 1em;
	line-height:1.4;
	border-radius: 10px;
	}
	.tb01 th,
	.tb01 td{
	padding: 5px;
	}
}

#rosnannai{
	width:100%;
	max-width:936px;
	overflow: hidden;
}

#rosnannai .btn-square-pop {
	text-decoration: none;
	color: #FFF;
	background: #fd9535;/*背景色*/
	border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
	border: solid 2px #fff;/*少し濃い目の色に*/
	border-radius: 10px;/*角の丸み*/
	font-weight: bold;
	margin:0.2em;
	font-size:15px;
	padding:10px;
	width:30%;
	text-align:center;
}

#rosnannai .btn-square-pop2 {
	text-decoration: none;
	color: #FFF;
	background: #009944;
	border-radius: 10px;
	font-weight: bold;
	margin:0.2em;
	font-size:17px;
	padding:10px;
	width:32.5%;
	text-align:center;
	margin:0 0 0 auto;
}
#rosnannai .btn-square-pop3 {
	text-decoration: none;
	color: #FFF;
	background: #52b9e3;
	border-radius: 10px;
	font-weight: bold;
	margin:0.2em;
	font-size:17px;
	padding:10px;
	width:32.5%;
	text-align:center;
	float:left;
}
/*#rosnannai .btn-square-pop4 {
	text-decoration: none;
	color: #FFF;
	background: #21449a;
	border-radius: 10px;
	font-weight: bold;
	margin:0.2em;
	font-size:17px;
	padding:10px 0;
	width:32%;
	text-align:center;
	float:left;
}*/

#rosnannai .btn-square-pop5,
#rosnannai .btn-square-pop6 {
	text-decoration: none;
	color: #FFF;
	background: #2589d0;
	border-radius: 30px;
	font-weight: bold;
	font-size:13px;
	padding:3px;
	width:200px;
	text-align:center;
	margin:0 0 0 auto;
	height:2.3em;
}
#rosnannai .btn-square-pop6 {
	margin-top:0.5em;
}
#rosnannai a.btn-square-pop5 {
	color:#ffffff !important;
}
#rosnannai .btn-square-pop7 {
	text-decoration: none;
	color: #FFF;
	background: #1e50a2;
	border-radius: 10px;
	font-weight: bold;
	margin:0.2em;
	font-size:17px;
	padding:10px;
	width:32.5%;
	text-align:center;
	margin:0 0 0 auto;
	margin-bottom:0.5em;
}

@media only screen and (max-width :495px){
#rosnannai .btn-square-pop5 {
	width:100%;
	margin:0 auto;
	margin-top:1em;
}
#rosnannai .btn-square-pop6 {
	width:100%;
	margin:0 auto;
	margin-top:0.2em;
}
}

/*== ボタン共通設定 */
#rosnannai .btn-square-pop4 {
    /*アニメーションの起点とするためrelativeを指定*/
	position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	padding:10px 0;
	text-align: center;
	outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
	background: #21449a;
	border-radius: 10px;
	font-weight: bold;
	float:left;
	width:32%;
	margin:0.2em;
	font-size:17px;
	color: #FFF;
}

/*ボタン内spanの形状*/
#rosnannai .btn-square-pop4 span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
}

#rosnannai .btn-square-pop4:hover span{
  color:#fff;
}

/*== 背景が流れる（斜め） */
.bgskew::before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: -130%;
    /*色や形状*/
  background:#4169e1;
  width:120%;
  height: 100%;
  transform: skewX(-25deg);
}

/*hoverした時のアニメーション*/
.bgskew:hover::before {
  animation: skewanime .7s forwards;/*アニメーションの名前と速度を定義*/
}

@keyframes skewanime {
  100% {
    left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
  }
}


.radius-table{
	border-collapse: separate;
}

#rosnannai ul li{ 	
	display: inline;
} 
#rosnannai ul{
	padding-inline-start:0;
}

@media only screen and (max-width :1000px){
	#rosnannai ul li{ 	
		width:48.8%;
	}
	#rosnannai ul {
		padding: 0;
	}
}
@media only screen and (max-width :495px){
	#rosnannai ul li{ 	
		width:46%;
		/*display: none;*/
		height:80px;
	}
	#rosnannai img{
	width: 100%;
	height:470px;
	object-fit:cover;
	}
	.inner-n-eigyousyo {
	    /*background: #fff;*/
	    padding: 4em 0.5em;
	    margin:0 auto;
	    width:100%;
	}
	#rosnannai .btn-square-pop2,
	#rosnannai .btn-square-pop3,
	#rosnannai .btn-square-pop4,
	#rosnannai .btn-square-pop7 {
		width:100%;
	}
	#rosnannai .btn-square-pop2 {
		margin-bottom:2em;
	}
	#rosnannai .btn-square-pop7 {
		margin-bottom:0.5em;
	}
	#rosnannai .btn-square-pop4 {
		margin:0.5em 0;
		padding:1em 0;
	}
	#rosnannai .btn-square-pop5,
	#rosnannai .btn-square-pop6 {
		font-size:16px;
	}
}
.eigyousyowaku-waku{
	    margin-top:3em;
	    padding:1em;
}
@media only screen and (max-width :1024px){

	#rosnannai .btn-square-pop {
		padding:2px;
		height:120px;
		font-size:14px;
	}
	.eigyousyowaku-waku{
		    margin-top:0;
		    padding:1em;
	}
}

.radius-table table {
	margin:0;
}
.radius-table td.n1 {
	width:60px;
	text-align:center;
	background-color:#666;
	padding:0.5em;
	color:#fff;
}
.radius-table td.n2 {
	text-align:center;
	background-color:#666;
	padding:0.5em;
	color:#fff;
}
.radius-table td.n3 {
	text-align:center;
	background-color:#ccc;
	padding:0.5em;
}
.radius-table td.n4 {
	background-color:#ffe6b3;
	padding:0.5em;
}
.radius-table td.n5 {
	background-color:#fff7e5;
	padding:0.5em;
}
.radius-table b {
	color:#036;
}
.radius-table a {
	text-align:right;
}

.page-content-width {
	width: 100%;
	max-width: 800px;
	margin:0 2em;
}

@media screen and (max-width: 896px) {
	.page-content-width {
		margin:0;
	}
}
.text_right{
	margin: 0.7em 1em;
}
.availability {
	display: flex;
	justify-content: space-between;
	margin: 2em 0;
}


.selectbox-1 {
    position: relative;
    margin-left:1.5em;
}

.selectbox-1::before,
.selectbox-1::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.selectbox-1::before {
    display: inline-block;
    right: 0;
    width: 2.8em;
    height: 2.2em;
    border-radius: 0 3px 3px 0;
    background-color: #2589d0;
}

.selectbox-1::after {
    position: absolute;
    top: 50%;
    right: 1.4em;
    transform: translate(50%, -50%) rotate(45deg);
    width: 9px;
    height: 9px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}

.selectbox-1 select {
    appearance: none;
    width: 300px;
    height: 2.3em;
    padding: .4em 3.6em .4em .8em;
    border: none;
    border-radius: 3px;
    background-color: #f2f2f2;
    color: #333;
    font-size: 17px;
    cursor: pointer;
    outline: 2px solid #2589d0;
}

.cyu{
	font-size:11px;
	color:#00afcc;
}
@media only screen and (max-width :495px){
	dd{
		padding:0.25em 0;
	}
	.selectbox-1 select {
		font-size: 14px;
		height: 2.8em;
		margin-top:0.5em;
	}
	.selectbox-1::before {
	    width: 2.8em;
	    height: 2.2em;
		margin-top:0.35em;
	}

}

@media only screen and (max-width :386px){
	.selectbox-1 {
	    margin-left:0.5em;
	}
	.selectbox-1 select {
		width: 280px;
	}
}