@charset "UTF-8";
/*---------------------------------------------

	初期設定用

---------------------------------------------*/

:root{
	--main-width:1400px;
	--kihon-font:1.3rem;
	--kihon-color:#00318b;
	--kihon-color2:#006fb6;

}




html,body{
	margin:0px;
	padding:0px;
    scroll-behavior: smooth;

}


*{



font-family: "游ゴシック体 ", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック ", "Yu Gothic","Hiragino Kaku Gothic ProN", "Hiragino Sans","メイリオ ", Meiryo, Osaka, sans-serif;

}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	color: #333;

 }



iframe{
margin: 0;
padding: 0;

}


/*---------------------------------------------
	a
---------------------------------------------*/
a{
	color: #004680;
	text-decoration: none;
}
a:link {
}
a:visited{
}
a:hover{
	color: #e60;
	text-decoration: underline;
}
a:active{
}
a.on{
	color: #f60;
	text-decoration: underline;
}



li{
	list-style: none;
}

.all_wrap{
	padding: 0;
}








.mb30{
	margin-bottom: 30px;
}

.mb60{
	margin-bottom: 60px!important;
}





.header{
	display: flex;
	justify-content: space-between;
	padding: 20px;
	align-items: flex-end;
	background: white;
	position: fixed;
	width: 100%;
	z-index: 999;
}



.header>li:nth-child(1)>a>img{
max-width: 180px;
height: auto;
}




.header>li:nth-child(2)>img{
max-width: 180px;
height: auto;
}


.main_area{
padding-top: 70px;
}

.main_area>picture>img{
width: 100%;
height: auto;
}


.sticky{
position: fixed;
right: 0;
top: 150px;
}

.sticky>a>img:hover{
  filter: hue-rotate(30deg);
}





.kininaru_back{
background: url("../img/wave-haikei.svg"),url("../img/kininaru_back.webp");
padding: 60px 60px 160px 60px;
background-repeat: no-repeat, repeat;
background-position: bottom,center;
background-size: 100%,contain;

}



.dakarakoso_back{
background: url("../img/dakarakoso_back.webp"),white;
padding: 60px;
margin-top: -2px;
}



.seisou_back{
background: url("../img/seisou_back.webp"),#d2eeff;
padding: 60px;
background-size: 100%;
}




.mousikomi_back{
background: url("../img/mousikomi_back_right.webp"),url("../img/mousikomi_back_left.webp"),#e2f2f9;
padding: 60px 60px 160px 60px;
background-repeat: no-repeat,no-repeat,repeat;
background-position: top right,bottom left,center;
background-size: 400px,400px,contain;
}





.yokuaru_back{
background: url("../img/yokuaru_back.webp"),#f3f9fb;
padding: 60px 60px 160px 60px;
background-position: bottom,center;
background-repeat: repeat-x,repeat;
}







.content_wrap{
	max-width: var(--main-width);
	width: 100%;
	margin: 0 auto;
	padding: 60px 30px;
}

.content_white_radius{
	border-radius: 20px;
	background: white;
}


.kininaru_midasi{
	text-align: center;
	margin-bottom: 60px;
}

.kininaru_midasi>div{
	font-weight: bold;
	line-height: 1.2;
}




.kininaru_midasi>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0rem);
margin-bottom: 10px;
position: relative;
padding-top: 20px;
}


.kininaru_midasi>div:nth-child(1):after {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  background-image: url("../img/attention.webp");
  background-size: contain;

  position: absolute;
  top: 0px;
  margin-left: 10px;
}



.kininaru_midasi>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.9rem);
}


.kininaru_midasi>h1{
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}


.kininaru_midasi>h1>span{
font-size: calc(var(--kihon-font) + 1.6rem);
background: linear-gradient(transparent 70%, #63d5ff 70%);
display: inline-block;
}


.kininaru_midasi>h1>br{
display: none;
}









.tasikana{
	text-align: center;
}

.tasikana>div{
font-weight: bold;
margin-bottom: 5px;

}

.tasikana>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.7rem);
}

.tasikana>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.5rem);

}

.tasikana>div:nth-child(2)>span{
background: var(--kihon-color);
color: white;
border-radius: 5px;
display: inline-block;
padding: 5px 10px;
font-size: calc(var(--kihon-font) + 0.9rem);
margin: 0 5px;
}


.tasikana>div:nth-child(3){
font-size: calc(var(--kihon-font) + 0.7rem);
margin-bottom: 60px;
}


.award{
	width: 100%;
	max-width: 560px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 30px auto;
}

.award>li{
width: 48%;
}

.award>li>img{
width: 100%;
height: auto;
}


.minitxt,.minitxt>p{
	font-size: calc(var(--kihon-font) - 0.2rem);
}



.kininaru_list{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
}

.kininaru_list>li{
width: 30%;
margin-bottom: 30px;
text-align: center;
font-size:var(--kihon-font) ;
font-weight: bold;
line-height: 1.2;
}


.kininaru_list>li>img{
width: 100%;
height: auto;
margin-bottom: 5px;
border-radius: 5px;
}






.common_midasi{
	text-align: center;
	margin-bottom: 10px;
}

.common_midasi>div{
	font-weight: bold;
	line-height: 1.2;
}

.common_midasi>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.3rem);

}

.common_midasi>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.9rem);
}


.common_midasi>div:nth-child(2)>br{
display: none;
}

.common_midasi>div:nth-child(2)>span{
font-size: calc(var(--kihon-font) + 1.6rem);
}


.common_midasi>div:nth-child(3){
font-size: calc(var(--kihon-font) + 0.9rem);
}

.white_maker>span{
font-size: calc(var(--kihon-font) + 0.9rem);
display: inline-block;

background: linear-gradient(transparent 70%, #fff 70%);
}



.common_midasi2{
	text-align: center;
	margin-bottom: 10px;
}

.common_midasi2>div{
	font-weight: bold;
	line-height: 1.2;
}

.common_midasi2>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.3rem);

}

.common_midasi2>div:nth-child(2){
font-size: calc(var(--kihon-font) + 1.6rem);
}


.common_midasi2>div:nth-child(2)>span{
font-size: calc(var(--kihon-font) + 1.6rem);
}


.common_midasi2>div:nth-child(3){
font-size: calc(var(--kihon-font) + 0.9rem);
}









.common_midasi3{
	text-align: center;
	margin-bottom: 10px;
}

.common_midasi3>div{
	font-weight: bold;
	line-height: 1.2;
}


.common_midasi3>div:nth-child(1){
font-size: calc(var(--kihon-font) + 1.6rem);
}


.common_midasi3>div:nth-child(1)>span{
font-size: calc(var(--kihon-font) + 1.6rem);
background: linear-gradient(transparent 70%, #63d5ff 70%);
display: inline-block;
}














.white_maker>span{
display: inline-block;

}



.set_li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}



.set_li>li{
	width: 48%;
}

.set_li>li>img{
width: 100%;
height: auto;
}

.set_li>li:nth-child(2)>div:nth-child(1){
	margin-bottom: 5px;
}

.set_li>li:nth-child(2)>div:nth-child(1)>span{
	background: var(--kihon-color);
	color: white;
	display: inline-block;
	padding: 5px 10px;
	font-size: var(--kihon-font);
	font-weight: bold;
	border-radius: 5px;
}



.set_li>li:nth-child(2)>div:nth-child(2)>span{
	display: inline-block;

	font-size: calc(var(--kihon-font) + 0.9rem);
	font-weight: bold;
	margin-left: -2px;
	border-bottom: 3px solid var(--kihon-color);
}


.text_area,.text_area>p{
font-size: var(--kihon-font) ;
}


.set_midasi{
	margin-bottom: 20px;
}

.set_midasi>span{
background: var(--kihon-color2);
color: white;
border-radius: 5px;
display: inline-block;
font-size: var(--kihon-font);
padding: 5px 10px;
font-weight: bold;
}

.bset_midasi>span{
	background: #a61b00;
}


.bset_midasi_ul{
	display: flex;
}


.bset_midasi_ul>li:nth-child(1){
margin-right: 10px;
}

.bset_midasi_ul>li:nth-child(2){
	font-size: calc(var(--kihon-font) - 0.2rem);
	line-height: 1.3;
	font-weight: bold;

}

.set_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 100px;
}


.set_list:nth-last-of-type(1){
margin-bottom: 0!important;
}

.no_margin_right{
	margin-right: 0!important;
}

.no_border{
	border: none;
}


.set_list>li{
width: 48%;
margin-right: 4%;
}

.set_list>li:nth-child(2n){
margin-right: 0;
}



.set_list>li>dl{
}

.set_list>li>dl>dt{
background: var(--kihon-color2);
padding: 5px 20px;
color: white;
font-size: var(--kihon-font);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: bold;
}

.bset_list>li>dl>dt{
		background: #a61b00;
}


.set_list>li>dl>dd{
background: white;
padding: 20px;
margin-bottom: 30px;

	min-height: 190px;
}


.bset_list>li>dl>dd{
	min-height: 140px !important;
}

.set_list>li>dl>dd>div:nth-child(1){
	margin-bottom: 10px;
}

.set_list>li>dl>dd>div:nth-child(1)>span{
background: var(--kihon-color2);
padding: 5px 10px;
color: white;
font-size: var(--kihon-font);
border-radius: 5px;
font-weight: bold;
}

.bset_list>li>dl>dd>div:nth-child(1)>span{

	background: #a61b00;

}

.set_list>li>dl>dd>div:nth-child(2){
	font-size: calc(var(--kihon-font) - 0.1rem);
}





/* オープン時にアニメーションを設定 */
details[open] .op_inner{
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}






details{

}


summary{
	list-style: none;
	margin-bottom: 5px;
}

summary::-webkit-details-marker {
  display:none;
}


details[open] > .blue_open>div:nth-child(1) {
background: url('../img/back_close.webp') no-repeat #0060a4 99% 50%;
}


.blue_open>div:nth-child(1){
background: url('../img/back_open.webp') no-repeat var(--kihon-color) 99% 50%;
padding: 10px;
}



details[open] > .red_open>div:nth-child(1) {
background: url('../img/back_close.webp') no-repeat #6b1607 99% 50%;
}


.red_open>div:nth-child(1){
background: url('../img/back_open.webp') no-repeat #85210f 99% 50%;
padding: 10px;
}



.hosi_moji{
	font-size: calc(var(--kihon-font) + 0.2rem);
	color: white;
	font-weight: bold;
	display: inline-block;
	position: relative;
}




.hosi_moji:after {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url("../img/hosi.webp");
  background-size: contain;

  position: absolute;
  top: 0px;
  margin-left: 0px;
}








footer{
	background: #ffda6b;
	padding: 20px 0;
	text-align: center;
}

footer>a>img{

max-width: 200px;
margin-bottom: 10px;

}





.tc{
	text-align: center;
}







.copyright{

	text-align: center;
	padding: 20px 0;
	background: #1371c1;
	font-size: calc(var(--kihon-font) - 0.3rem);
	color: white;
}


.blue_2list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.blue_2list>dt{
	font-size: var(--kihon-font);
	color: white;
	font-weight: bold;
	background: var(--kihon-color);
	width:250px;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.blue_2list>dd{
	font-size: var(--kihon-font);
	
	background: #fff;
	width: calc(100% - 250px);
	padding: 5px 10px;
	margin-bottom: 5px;
}


.blue_2list>dd>span,.blue_2list>dd>ul>li>span{
font-size: calc(var(--kihon-font) - 0.2rem);
padding: 0 10px 0 0;
}

.blue_2list>dd>ul{
	display: flex;
}

.blue_2list>dd>ul>li{
	font-size: var(--kihon-font);

}

.blue_2list>dd>ul>li:nth-last-of-type(1){
margin-right: 0;
}

.blue_2list>dd>ul>li:after{
content: "、";
	font-size: var(--kihon-font);

}


.blue_2list>dd>ul>li:nth-last-of-type(1):after{
content: "";
}


.menu_wrap{
	margin-bottom: 60px;
}

.common_kakaku{
	font-size: calc(var(--kihon-font) + 0.2rem);
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

.area_mini>dd{
font-size: calc(var(--kihon-font) - 0.2rem)!important;
padding-top: 7px;
}


.blue_inner{
	background: #e8f3ff;
	padding: 30px 20px;
	margin-top: -5px;
}


.red_inner{
	background: #fffafa;
	padding: 30px 20px;
	margin-top: -5px;
}


.blue_3list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}


.blue_3list>li:nth-child(1)>br,
.blue_3list>li:nth-child(2)>br,
.blue_3list>li:nth-child(3)>br
{
display: none;
}



.blue_3list>li{
width: 33.33%;
font-size: var(--kihon-font);
padding: 5px 10px;
background: #f1fbff;
border-right: 1px solid #c8ecf7;
text-align: center;
}

.red_3list>li{
background: #fff1f1;

border-right: 1px solid #ffdada;
}

.blue_3list>li:nth-of-type(3n){
border-right: 0;
}

.blue_3list>li:nth-last-child(6n),.blue_3list>li:nth-last-child(6n-1),.blue_3list>li:nth-last-child(6n-2){
background: #fff;
}

.blue_3list>li:nth-child(3),.blue_3list>li:nth-child(2),.blue_3list>li:nth-child(1){

color: white;
font-weight: bold;
}

.blue_3list>li:nth-child(1){
	background: #0f4a85;
}


.blue_3list>li:nth-child(2){
	background: #0f7385;
}



.blue_3list>li:nth-child(3){
	background: #85210f;
}


.blue_3list>li>span{
font-size: calc(var(--kihon-font) - 0.2rem);
display: block;
}

.blue_3list>li>div{
font-size: var(--kihon-font);
padding-top: 15px;
text-align: left;

}


.cta{
	background: #0f4a85;
	padding: 40px 20px;
	text-align: center;
}

.cta>div{
display: inline-block;
position: relative;
margin-bottom: 20px;
}


.cta>div:nth-child(1):before {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 49px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image: url("../img/cta_left.webp");
  background-size: contain;
background-repeat: no-repeat;

  position: absolute;
  bottom: -18px;
  left: -40px;
}


.cta>div:nth-child(1):after {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 59px;/*画像の幅*/
  height: 51px;/*画像の高さ*/
  background-image: url("../img/cta_right.webp");
  background-size: contain;
background-repeat: no-repeat;

  position: absolute;
  top: 0px;
  right: -22px;
}


.cta>div>div{
color: white;
font-weight: bold;
}

.cta>div>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.3rem);
}

.cta>div>div:nth-child(2){
font-size: calc(var(--kihon-font) + 1.6rem);

}


.cta>ul{
display: flex;
justify-content: center;
}

.cta>ul>li>a{
padding: 10px 60px 10px 10px;
border-radius: 10px;
display: block;
border: 2px solid #fff;
font-size: calc(var(--kihon-font) + 0.2rem);
color: white;
font-weight: bold;
background: url("../img/cta_bt.webp") ,#ac4500;
background-position: 94% 50%,center;
background-repeat: no-repeat,repeat;
text-decoration: none;
}


.cta>ul>li:nth-child(2)>a{
background: url("../img/cta_bt.webp") ,#903a00;
background-position: 94% 50%,center;
background-repeat: no-repeat,repeat;
}

.cta>ul>li:nth-child(1){
	margin-right: 40px;
}


.cta>ul>li>a:hover{
 filter: hue-rotate(10deg);
}


.mousikomi_list{
	max-width: 980px;
	margin: 0 auto;
}


.mousikomi_list>li{
background: url("../img/tateline.webp") repeat-y 41px 0px;
padding-bottom: 30px;
}


.mousikomi_list>li:nth-child(3){
background: none;

}

.mousikomi_mini{
	width: 980px!important;
	margin: 0 auto!important;
}


.mousikomi_list>li>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mousikomi_list>li>ul>li:nth-child(1){
width: 90px;
}

.mousikomi_list>li>ul>li:nth-child(2){
width: calc(100% - 120px);
background: white;
border-right: 10px;
padding: 20px;
}



.mousikomi_list>li>ul>li:nth-child(1)>div{

background: var(--kihon-color);
border-radius: 100px;
padding: 18px 10px 19px 10px;
width: 90px;

}


.mousikomi_list>li>ul>li:nth-child(1)>div>div{
color: white;
text-align: center;
font-weight: bold;
line-height: 1;
}

.mousikomi_list>li>ul>li:nth-child(1)>div>div:nth-child(1){
font-size: calc(var(--kihon-font) - 0.2rem);
}

.mousikomi_list>li>ul>li:nth-child(1)>div>div:nth-child(2){
font-size: calc(var(--kihon-font) + 1.3rem);
}



.mousikomi_list>li>ul>li:nth-child(2)>div:nth-child(1){
background: var(--kihon-color);
color: white;
padding: 2px 20px;
max-width: 240px;
font-size: var(--kihon-font);
border-radius: 10px;
font-weight: bold;
margin-bottom: 20px;
}


.mousikomi_list>li>ul>li:nth-child(2)>div:nth-child(1)>span{
font-size: calc(var(--kihon-font) - 0.2rem);
}


.mousikomi_list>li>ul>li:nth-child(2)>div:nth-child(2)>p{
font-size: var(--kihon-font);
}

.mousikomi_list>li>ul>li:nth-child(2)>div:nth-child(2){
	margin-bottom: 30px;
}



.yokuaru_list>li{
box-shadow: 3px 3px 0px #a4aaac;
margin-bottom: 60px;
}



.yokuaru_list>li>dl>dt{
background: var(--kihon-color);
color: white;
font-size: calc(var(--kihon-font) + 0.5rem);
padding: 5px 20px;
  text-indent: -1em;
  padding-left: 2em;
}




.yokuaru_list>li>dl>dd{
background: white;
font-size: var(--kihon-font);
padding: 20px;
}


.yokuaru_list>li>dl>dd>p{
font-size: var(--kihon-font);
margin-bottom: 10px;
}


.cancel_dl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}


.cancel_dl>dt{
	width: 200px;
	text-align: center;
color: white;
background: var(--kihon-color);
padding: 5px 20px;
font-size: calc(var(--kihon-font) - 0.2rem);
margin-bottom: 10px;
border-radius: 5px;
}

.cancel_dl>dd{
width: calc(100% - 220px);
font-size: calc(var(--kihon-font) - 0.2rem);
margin-bottom: 10px;
padding: 5px 20px;
}

.pc_none{
	display: none;
}

.sp_none{
	display: inline!important;
}


.ozon_midasi{
	text-align: center;
	margin-bottom: 60px;
}

.ozon_midasi>div:nth-child(1){
	font-size: calc(var(--kihon-font) + 0.6rem);
	font-weight: bold;
	font-feature-settings: "palt";
}

.ozon_midasi>div:nth-child(1)>br{
display: none;
}

.ozon_midasi>div:nth-child(1)>span{
	font-size: calc(var(--kihon-font) + 1.2rem);
}


.ozon_midasi>div:nth-child(2){
	font-size: calc(var(--kihon-font) + 0.3rem);
	font-weight: bold;
	line-height: 1.2;

	font-feature-settings: "palt";
}

.ozon_li{
border: 3px solid #a61b00;
border-radius: 15px;
background: #fff;
padding: 20px;
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}


.ozon_li>li:nth-child(1){
width: calc(100% - 300px);

}

.ozon_li>li:nth-child(1)>div:nth-child(1){
margin-bottom: 10px;
}

.ozon_li>li:nth-child(1)>div:nth-child(1)>span{
        background: #a61b00;
        color: white;
        display: inline-block;
        padding: 5px 10px;
        font-size: var(--kihon-font);
        font-weight: bold;
        border-radius: 5px;
}

.ozon_li>li:nth-child(1)>div:nth-child(2){
	margin-bottom: 30px;
}

.ozon_li>li:nth-child(1)>div:nth-child(2)>span{

        display: block;
        font-size: calc(var(--kihon-font) + 0.9rem);
        font-weight: bold;
        margin-left: -2px;
        border-bottom: 3px solid #a61b00;
}



.ozon_li>li:nth-child(2){
width: 270px;
}


.ozon_li>li:nth-child(2)>img{
width: 100%;
height: auto;

}



.cta_center{
	text-align: center;
	color: white;
	font-size: calc(var(--kihon-font) - 0.2rem);
	margin-top: 15px;
}