header{
       border-bottom: none;
border-bottom: 1px solid #CCC;

}

.left{
       padding-bottom: 25px;
}

.scroll-border {
    position: fixed;
       z-index: 3;
    bottom: 0;
    width: 100%;
    background-color: #468D2A;
    padding: 10px;
    box-sizing: border-box;
    transition: transform 0.6s ease;
    transform: translateY(100%);
    display: flex;
    justify-content: center;
  }
  .scroll-border.show {
    transform: translateY(0);
  }
  .button {
    background-color: #FFF; 
	height: 43px;
    color: #468D2A;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px; 
    border: none; 
    border-radius: 5px; 
    cursor: pointer;
  }
/* home
---------------------------------------- */
#mv {
height: 450px;
    width: 100%;
    background-image: url(../img/bg_mv.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}

#mv .inner{
     max-width: 1094px;
     height: 450px;
     width: 90%;
     margin: auto;
     position: relative;
}


#mv h1{
    position: absolute;
    text-align: left;
    top: 49%;
    transform: translate(0%, -50%);
    left: 0;
}

#mv h1 span:nth-child(1){
    font-size: clamp(14px, 2vw, 24px);
    display: block;
    line-height: 140%;
    margin-bottom: 8px;
}
#mv h1 span:nth-child(2){
     font-size: clamp(20px, 3vw, 38px);
     display: block;
line-height: 140%;
}
#mv h1 span:nth-child(2) > span{
color: #F18D00;
     font-size: clamp(20px, 3vw, 38px);
font-weight: bold;
}

#mv figure{
position: absolute;
    right: -11px;
    width: 384px;
    top: 47px;
}

#mv figure img{
    width: 100%;
}



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


#mv{
    height: 340px;
background-position: 55%;
}
#mv h1 {
    top: 38%;
}

#mv h1 span:nth-child(2) {
    line-height: 180%;
}

#mv figure{
position: absolute;
        right: 0;
        left: 55%;
        margin: 0 auto;
        width: 240px;
        top: 12%;
}


}


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

}
@media screen and (max-width:768px) {
#mv {
   height: 340px;
   width: 100%;
   background:none;
   position: relative;
   text-align: center;
   overflow: hidden;
}

/* 背景用の疑似要素 */
#mv::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0%;
        width: 100%;
        height: 100%;
        background: url(../img/bg_mv.png);
        background-size: cover;
        background-position: 57%;
        background-repeat: no-repeat;
        transform: rotate(0deg) scale(2);
        z-index: -1;
}

#mv .inner{
     height: 340px;

}


#mv h1{
position: absolute;
        text-align: left;
        top: 31%;
        right: 0%;
        left: 0%;
        margin: auto;
        max-width: 336px;
        width: 100%;
}

#mv h1 span:nth-child(1){
    font-size: clamp(14px, 2vw, 24px);
    display: block;
    line-height: 140%;
    margin-bottom: 8px;
}
#mv h1 span:nth-child(2){
        font-size:20px;
        display: block;
        line-height: 180%;
        margin-bottom: 8px;
        width: 100%;
}
#mv h1 span:nth-child(2) > span{
color: #F18D00;
        font-size: 20px;

}

#mv figure{
position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}

#mv figure img{
    position: absolute;
    right: 0%;
    left: 0;
    margin: auto;
    width: 90%;
    max-width: 340px;
    bottom: -46%;
    top: 0;
}


}


.breadcrum{
display: flex;
    max-width: 1118px;
    margin: 48px auto 0;
        width: 90%;

}
.breadcrum li:nth-of-type(1){
}
.breadcrum li{
margin: 0 16px 0 0px;
font-size: 14px;
}
.breadcrum li a{
color: #0A64BB;
font-weight: 500;
text-decoration: underline;
font-size: 14px;
}
@media (max-width: 768px) {
.breadcrum {
    margin: 28px auto 0;
    width: 90%;
}
#faq_content {
    padding-top: 28px !important;
}
}


main .content{
       padding-top: 75px!important;
}
@media (max-width: 768px) {
main .content{
       padding-top: 32px!important;
}


}


/* ↓↓不要なら消していく 20251210*/


#sec1 .title{
       margin-bottom: 40px;
}

#sec1 .clearfix{
       display: flex;
       justify-content: space-between;
       align-items: center;
       column-gap:24px;
}
.clearfix:after {
    display: none;
}
/*
#sec1 .clearfix li{
       flex: 0 1 33%;
       position: relative;
}
#sec1 .clearfix li img{
       width: 100%;

}
#sec1 .clearfix li .btn{
      position: absolute;
       top: 82%;
       left: 50%;
       transform: translate(-50%,-50%);
       color: #FFF !important;
       border: none;
       padding: 2.5% 0px;
       margin: 0;
}
*/

/* btn  */
.button-wrapper {
    max-width: 260px;
	width: calc(100% - 48px);
    color: #FFF !important;
    border: none;
    margin: 0 auto;
    border-radius: 5px; 
    text-align: center;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}
#sec1 .clearfix li a.btn{
	width: 100%!important;
	margin: 0!important;
	border: none!important;
}
#sec1 .clearfix li:first-of-type .btn{
     background: #0A64BB !important;
}
#sec1 .clearfix li:nth-of-type(2) .btn{
     background: #468D2A;
}
#sec1 .clearfix li:last-of-type .btn{
     background: #1D8697;
}


@media screen and (max-width:768px) {
    .button-wrapper {
    }
	#sec1 .clearfix li .btn{
		font-size: 12px;
		padding: 1px 0px;
		top: 78%;
	}
}
#sec1 .clearfix li .btn {
    padding: 10px 20px; /* ボタンのパディングを調整 */
    font-size: 16px; /* ボタンのフォントサイズを調整 */
}

@media screen and (max-width:768px) {
    #sec1 .clearfix li .btn {
        font-size: 14px; /* モバイルビューでのフォントサイズを調整 */
        padding: 8px 16px; /* モバイルビューでのパディングを調整 */
    }
}


/* #sec1 ---------------------------   */

#sec1 ul.clearfix{
	max-width: 1118px;
}
#sec1 h3{
	font-size: clamp(28px,1.7vw,34px);
	line-height: 1.2em;
	padding-bottom: 20px;
	font-weight: 500;
}
#sec1 li.tenken h3{
	color:#0A64BB;
	border-bottom: dotted 2px #0A64BB;
}
#sec1 li.tenken{
	background-color: #DDEEFF;
}
#sec1 li.anshin h3{
	color:#468D2A;
	border-bottom: dotted 2px #468D2A;
}
#sec1 li.anshin{
	background-color:#E9F7DF;
}
#sec1 li.parts h3{
	color:#1D8697;
	border-bottom: dotted 2px #1D8697;
}
#sec1 li.parts{
	background-color: #D7F5EE;
}
#sec1 li.selectable{
	width:100%;
	height:100%;
	border-radius: 10px;
	padding: 18px 24px 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#sec1 li.selectable p{
	text-align: justify;
	margin: 15px 0 20px;
	padding: 0 10px 5px 10px;
	font-size: clamp(13px,1.7vw,15px);
	letter-spacing: 2px;
	flex-grow: 1;
}
#sec1 div.selectable_inner{
	display: flex;
	flex-direction: column;
}
@media screen and (max-width:1149px) {
	.br_sp{
		display: none;
	}
}

@media screen and (max-width:768px) {
	#sec1 ul.clearfix{
		width: 100%;
	}
	#sec1 .clearfix{
		flex-direction: column;
		gap:24px;
		margin-bottom: 20px;
	}
	#sec1 li.selectable{
		/*height: 350px;*/
	}
	#sec1 li.selectable p{
		font-size: 15px;
	}
	
}

/* //#sec1 --------------------------- */

@media screen and (max-width:500px) {
       
       main {
		text-align: center;
		padding-top: 77px;
	}
       
       /*#sec1 .clearfix li .btn{
		  font-size: 16px;
		  padding: 3% 0px;
		  top: 82%;
	}*/
		#sec1 .clearfix li{
		   margin-bottom: 0px;
	}
       #sec1 .title{
		   margin-bottom: 20px;
	}
}

/* info_wrapper --------------------------- */
.info_wrapper{
	margin-inline:auto;
	margin-bottom: 45px;
    /*max-width: 930px;*/
    width: 80%;
    border: 1px solid #BBB;
    border-radius: 10px;
}
.info_detail{
	width: 100%;
	padding: 15px 0 20px;
}
h3.period{
	padding-top: 10px;
	color: #DD0B0B;	
} 
.info_detail h3{
	font-size:16px;
	font-weight: 700;
}

.info_detail p a{
	color: #DD0B0B;	
	font-weight: 700;
}



.info_detail p.notes::before{
	content: '※';
}
.info_wrapper h2.bold {
    border-bottom: 1px solid #BBB;
    font-size: 22px;
    padding: 10px 0 13px 0;
	font-weight: 600;
}
@media (max-width: 1150px) {
	.info_detail{
		width: 80%;
		padding: 15px 10px 20px;
		margin: 0 auto;
	}
}
@media (max-width: 500px) {
	.info_wrapper{
		width: 100%;
		/*padding: 0 24px 25px;*/
	}
	h2.bold {
		font-size: 17px;
		padding: 6px 0 8px 0;
	}
	.info_detail h3{
		font-size: 16px;
	}
	h3.period{
		
	}
	.info_detail{
		width: 100%;
		padding: 15px 0 0;
		margin: 0;
	}
	.info_detail p{
		text-align: justify;
		font-size: 15px;
		padding: 0 24px 25px;
	}
	.info_detail p.notes{
		padding-left: 24px;
        text-indent: -15px;
        margin-left: 9px;
	}
}
/* /info_wrapper --------------------------- */


/* ↑↑不要なら消していく 20251210*/


.about_anshin_service{
border: #ccc 2px solid;
border-radius: 10px;
padding: 44px 74px 54px;
}

.about_anshin_service section{
margin-bottom: 2px;
}

.about_anshin_service section h2{
color: #F18D00;
font-size: 30px;
font-weight: bold;
}

.about_anshin_service section p.lead1{
    font-size: 20px;
    margin: 24px 0 40px;
}
.about_anshin_service section p.lead2{
font-size: 20px;
    margin: 40px 0 0px;
    padding: 40px 0 0px;
    border-top: 1px #333 dashed;
}

.about_anshin_service section ul{
     display: flex;
     justify-content: space-between;
}

.about_anshin_service section ul li{
     width: calc(24% - 12px);
}

.about_anshin_service section ul li img{
     width: 100%;
}

.about_anshin_service figure{
    margin: 8px 0 0px;
}

.about_anshin_service figure img{
          width: 100%;
}


main > .content section.contract_fee{
    margin: 60px 0 25px 0;
}

main > .content section.contract_fee ul{
display: flex;
justify-content: space-between;
color: #0A64BB;
margin: 0 0 64px;
}

@media (max-width: 768px) {
.about_anshin_service {
    padding: 24px 24px;
}

.about_anshin_service section h2 {
    font-size: 24px;
}

.about_anshin_service section p.lead1 {
    font-size: 16px;
    margin: 16px 0 24px;
    text-align: left;
}

.about_anshin_service section ul {
   display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about_anshin_service section ul li {
   width: calc(50% - 8px);
    margin: 0px 0 16px 0;
}

.about_anshin_service section p.lead2 {
    font-size: 16px;
    margin: 16px 0 24px;
    padding: 24px 0 0px;
    border-top: 1px #333 dashed;
    text-align: left;
}

main > .content section.contract_fee{
    margin: 32px 0 25px 0;
}

main > .content section.contract_fee ul {
    display: block;
    margin: 0 0 32px;
}
main > .content section.contract_fee ul li:nth-child(1){
    width: 100%;
}

main > .content section.contract_fee ul li:nth-child(2){
    width: 100%;
	
}


}



/* 契約料左側 */
main > .content section.contract_fee ul li:nth-child(1){
    font-size: 30px;
    color: #0A64BB;
    text-align: left;
    width: calc(48% - 8px);
	padding-left: 10px;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(1){
    font-size: 30px;
    color: #0A64BB;
    text-align: left;
    line-height: 150%;
    font-weight: bold;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(1) span{
    font-size: 24px;

}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2){
    font-size: 24px;
    color: #0A64BB;
    margin: 24px 0;
    font-weight: bold;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2) span:nth-of-type(1){
font-size: 48px;
color: #0A64BB;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2) span:nth-of-type(2){
font-size: 32px;
color: #0A64BB;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(3){
    display: flex;
    align-items: flex-start;
        font-weight: 500;
font-size: clamp(12px, 3vw, 24px);
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(3) span:nth-of-type(1){
    font-size: 14px;
    color: #0A64BB;
    display: block;
    margin: 0 4px 0 0;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(3) span:nth-of-type(2){
    font-size: 14px;
    color: #0A64BB;
}

@media (max-width: 1200px) {
main > .content section.contract_fee ul li:nth-child(1){
    font-size: clamp(20px, 2.5vw, 30px);
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(1) {
    font-size: clamp(20px, 2.5vw, 30px);
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(1) span {
    font-size: clamp(16px, 2.2vw, 24px);
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2) span:nth-of-type(1) {
    font-size: clamp(24px, 5vw, 48px);
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2) span:nth-of-type(2) {
    font-size: clamp(20px, 2.2vw, 32px);
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2){
    font-size: clamp(16px, 2.2vw, 24px);
}






}


@media (max-width: 768px) {
    main > .content section.contract_fee ul {
        display: block;
        margin: 0 0 32px;
    }

main > .content section.contract_fee ul li:nth-child(1)
{
    color: #0A64BB;
    text-align: left;
    width: 100%;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(1) {
    font-size: clamp(16px, 5vw, 32px);
    color: #0A64BB;
    text-align: left;
    line-height: 150%;
    font-weight: bold;
    margin: 0 0 24px;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(1) span
{
   font-size: clamp(14px, 5vw, 20px);
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2)
{
    font-size: 20px;
    color: #0A64BB;
    margin: 10px 0 15px;
    font-weight: bold;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2) span:nth-of-type(1) {
    font-size: clamp(38px, 10.5vw, 48px);
    color: #0A64BB;
    font-weight: bold;
}
main > .content section.contract_fee ul li:nth-child(1) div:nth-child(2) span:nth-of-type(2){
    font-size: clamp(16px, 5.5vw, 48px);
    color: #0A64BB;
    font-weight: bold;
}

main > .content section.contract_fee ul li:nth-child(1) div:nth-child(3)
{
    display: flex;
    align-items: flex-start;
	padding-left: 5px;
	line-height: normal;
}

main > .content section.contract_fee ul li:nth-child(1) div:nth-child(3) span:nth-of-type(1) {
    font-size: clamp(14px, 3.5vw, 16px);
    color: #0A64BB;
    display: block;
    margin: 0 4px 0 0;
}

main > .content section.contract_fee ul li:nth-child(1) div:nth-child(3) span:nth-of-type(2) {
font-size: clamp(14px, 3.5vw, 16px);
        color: #0A64BB;
}



}


/* 契約料右側 */
main > .content section.contract_fee ul li:nth-child(2){
text-align: left;
border: 1px #0A64BB solid;
border-radius: 8px;
padding: 16px 32px;
max-width: 676px;
width: 57%;
font-weight: bold;
}
main > .content section.contract_fee ul li:nth-child(2) h3{
font-size: 16px;
color: #0A64BB;
font-weight: bold;
}

main > .content section.contract_fee ul li:nth-child(2) h3 span{
font-size: 13px;
color: #0A64BB;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(1){
    font-size: 30px;
    color: #0A64BB;
    text-align: left;
    margin: 12px 0;
    font-weight: bold;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(1) span{
    font-size: 16px;
    margin: 0px 0px 0px 0;
    display: inline-block;
    position: relative;
    top: -10px;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2){
color: #0A64BB;
display: flex;
    font-weight: 500;
	gap:5px;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2) span:nth-of-type(1){
font-size: 16px;
color: #0A64BB;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2) span:nth-of-type(2){
font-size: 14px;
color: #0A64BB;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(3){
font-size: 14px;
color: #0A64BB;
margin: 16px 0 0;
    font-weight: 500;
    letter-spacing: -0.1px;
}




@media (max-width: 1200px) {
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(1){
    font-size:  clamp(16px, 2.5vw, 30px);
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(1) span {
    font-size: clamp(4px, 2vw, 12px);
}

main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2){
    font-size: clamp(4px, 2vw, 12px);
}

main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2) span:nth-of-type(1) {
    font-size: clamp(12px, 2vw, 14px);
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2) span:nth-of-type(2)
{
font-size: clamp(4px, 2vw, 14px);
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(3) {
font-size: clamp(4px, 2vw, 14px);

}


}














@media (max-width: 768px) {
main > .content section.contract_fee ul li:nth-child(2) {
text-align: left;
    border: 1px #0A64BB solid;
    border-radius: 8px;
    padding: 16px 16px;
    max-width: 676px;
    width: 100%;
    margin-top: 20px;
    font-weight: bold;
}

main > .content section.contract_fee ul li:nth-child(2) h3{
/*font-size: clamp(14px, 3.5vw, 16px);*/
}

main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(1) {
    font-size: clamp(16px, 4.5vw, 24px);
    color: #0A64BB;
    text-align: left;
    margin: 12px 0;
    position: relative;
	margin-left: -5px;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(1) span {
font-size: clamp(12px, 5.5vw, 12px);
        margin: 0px 0px 0px 0;
        display: inline-block;
        position: absolute;
        top: -2px;
}

main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2) span:nth-of-type(1) {
    font-size: clamp(12px, 5.5vw, 14px);
    color: #0A64BB;
	margin-top: -2px;
}
main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(2) span:nth-of-type(2) {
    font-size: clamp(12px, 5.5vw, 14px);
    color: #0A64BB;
	line-height: normal;
}

    main > .content section.contract_fee ul li:nth-child(2) div:nth-of-type(3){
        font-size: clamp(8px, 5.5vw, 12px);
        margin: 16px 0 0;
    }



}


/*対象機器*/
main > .content section.taisho_kiki{
    margin: 60px 0 25px 0;
    justify-content: space-between;
    padding: 0 0 0 0px;
}

main > .content section.taisho_kiki p:nth-of-type(1){
    margin: 48px 0 12px 0;
    font-size: 20px;
}
main > .content section.taisho_kiki p:nth-of-type(2){
    margin: 0px 0 40px 0;
    font-size: 20px;
}

main > .content section.taisho_kiki .inner{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}


main > .content section.taisho_kiki figure:nth-of-type(1){
max-width: 500px;
    width: calc(520px - 20px);
        align-self: end;
        margin: 0 40px 0px 0;
}

main > .content section.taisho_kiki figure:nth-of-type(2){
max-width: 500px;
    width: calc(520px - 20px);
        align-self: end;
}

main > .content section.taisho_kiki figure img{
width: 100%;

}

main > .content section.taisho_kiki article{
    width: 100%;
    max-width: 1118px;
    text-align: left;
    background: #F2F2F7;
    padding: 0px 0px;
    align-self: end;
    margin: 48px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
main > .content section.taisho_kiki h3{
font-size: 18px;
    margin: 0 0 4px;
    width: 275px;
    padding: 24px;
    text-align: center;
    font-weight: 500;
}

main > .content section.taisho_kiki ul{
    flex-wrap: wrap;
    margin: 0 0px 0px 0px;
    display: flex;
    width: 843px;
    padding: 24px;
}

main > .content section.taisho_kiki ul li:nth-of-type(1){
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 160%;
    width: 100%;
    font-weight: 500;
}

main > .content section.taisho_kiki ul li::marker{
    font-size: 11px;

}

main > .content section.taisho_kiki ul li.note{
width: 100%;
font-size: 14px;
    margin: 8px 0 0;
    font-weight: 500;
	padding-left: 10px;
	text-indent: -10px;
}
main > .content section.taisho_kiki ul li.note:before{
	content: "※";
}


@media (max-width: 1200px) {

main > .content section.taisho_kiki figure:nth-of-type(1){
        margin: 0 40px 64px 0;
}

main > .content section.taisho_kiki figure:nth-of-type(2){
        margin: 0 0px 64px 0;
}


}









@media (max-width: 768px) {
main > .content section.taisho_kiki p {
    margin: 24px 0 28px 0;
    font-size: 20px;
}

main > .content section.taisho_kiki .inner{
    display: block;
}


main > .content section.taisho_kiki figure:nth-of-type(1){
    width: 100%;
    max-width: 100%;
    margin: 0 0 48px;
}

main > .content section.taisho_kiki figure:nth-of-type(2){
    width: 100%;
    margin: 0 0 32px;
        max-width: 100%;

}
main > .content section.taisho_kiki article {
    width: 100%;
    padding: 20px 24px;
    align-self: end;
    max-width: 100%;
}

main > .content section.taisho_kiki h3{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 0 16px;
}

main > .content section.taisho_kiki ul{
    flex-wrap: wrap;
    margin: 0 0px 0px 0px;
    display: flex;
    width: 100%;
    padding: 0px;
}

main > .content section.taisho_kiki ul li.note {
    margin: 16px 0 0;
}


    }



/* チラシをご希望の。。。 */
main article.to_chirashi{
    background: #E2F1FF;
        padding: 40px 0;
        width: 100%;
}

main article.to_chirashi p{
font-size: 18px;
    margin: 0 0 24px;
    font-weight: 500;
}
main article.to_chirashi .btn_orange1{
    
}

main article.to_chirashi .btn_orange1{
    width: 100%;
    display: block;
    margin: 0 auto;
}

main article.to_chirashi .btn_orange1 a{
    background: #F18D00;
    border-radius: 32px;
    padding: 9px 0 11px;
    color: #fff;
    max-width: 500px;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    /* pointer-events: none; */
}
main article.to_chirashi .btn_orange1 a:hover{
    opacity: 0.8;
}

@media (max-width: 768px) {
main article.to_chirashi {
    text-align: center;

}

main article.to_chirashi p{
    width: 90%;
    margin: auto;
    margin: 0 auto 24px;
}

main article.to_chirashi .btn_orange1 {
    width: 90%;
    display: block;
    margin: 0 auto;
}
main article.to_chirashi .btn_orange1 a {
font-size: 14px;
}



}


/* よくあるご質問 */
.top_faq{
max-width: 1118px;
width: 100%;
margin: 60px auto 76px auto;
}
.faq{
max-width: 1118px;
width: 100%;
margin: 0px auto 90px auto!important;
}


/* トップ用 */
.top_faq .inner{
      position: relative;
      overflow: hidden;
      transition: max-height 0.5s ease;
    }



.top_faq summary {
     display: block;
     cursor: pointer;
     padding: 10px 0px 0px;
     position: relative;
}
.top_faq summary::-webkit-details-marker {
     display: none;
}
.top_faq summary > h3::before {
     content: "Q.";
     border-radius: 5px;
     padding: 5px 8px;
     margin-right: 4px;
}
.top_faq summary > h3 {
     max-width: 1118px;
     font-size: 18px;
     line-height: 1.8em;
}
.top_faq summary::after {
     position: absolute;
     right: 10px;
     top: 66%;
     transform: translateY(-50%);
     content: "";
     display: inline-block;
     margin: 0;
     width: 32px;
     height: 32px;
     background-image: url("../img/QA_tagu.png");
     background-size: cover;
     transition: transform 0.2s;
     float: right;
}
details[open] summary::after {
     background-image: url("../img/QA_tagu2.png");
}

.top_faq details {
     text-align: left;
     border-bottom: 1px solid #ccc;
     margin-bottom: 10px;
     padding-bottom: 24px;
}

.top_faq details .answer {
     display: flex;
     max-width: 1118px;
     width: 100%;
     text-align: left;
     margin: 20px 0 0;
}

.top_faq details span.letter_a {
    width: 34px;
    padding: 2px 10px;
    margin-right: 4px;
}

.top_faq details .answer .a_content{

}
.top_faq details .answer .a_content p{
margin: 0px 0 16px 0;
}


.top_faq details .answer .a_content dl{
margin: 0px 0 16px 0;
}
.top_faq details .answer .a_content dl dt{
margin: 0px 0 8px 0;
}

.top_faq details .answer .a_content dl dd{

}


.top_faq details .answer .a_content .note{
font-size: 14px;
margin: 0px 0 0 0;
}

.top_faq details .answer .a_content a{
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}

.top_faq details .answer .a_content ul{
    margin: 12px 0;
}

.top_faq details .answer .a_content ul li{
    list-style-type: disc;
    list-style-position: outside;
    margin: 0 0 0 18px;
}
    .btn_faq {
      text-align: center;
      margin-top: 48px;
    }

    .btn_faq #showAllBtn {
      background: #fff;
      color: #333;
      border: 1px #333 solid;
      border-radius: 5px;
      padding: 15px 40px;
      font-size: 18px;
      border-radius: 5px;
      cursor: pointer;
      transition: all 0.3s;
      font-weight: 500;
      width: 355px;
    }

    .btn_faq #showAllBtn:hover {
      transform: translateY(-2px);
      opacity: 0.5;
    }

    .btn_faq #showAllBtn.hidden {
      display: none;
    }

    .btn_faq #showAllBtn.close-btn {
      background: #666;
    }

    .btn_faq #showAllBtn.close-btn:hover {
      background: #555;
      box-shadow: 0 4px 12px rgba(102, 102, 102, 0.3);
    }

    
.top_faq h2.title{
    position: relative;

}

.top_faq .btn_all_open{
    border: 1px #e55a00 solid;
    font-size: 12px;
    color: #e55a00;
    padding: 8px;
    position: absolute;
    right: 8px;
    top: 7px;
}

.top_faq .btn_all_close{
display: none;
    border: 1px #666 solid;
    font-size: 12px;
    color: #666;
    padding: 8px;
    position: absolute;
    right: 8px;
    top: 7px;

}
@media (max-width: 1200px) {
.top_faq{
    width: 95%;

}





}



/* 下層用 */

.faq .inner{
      position: relative;
      overflow: hidden;
      transition: max-height 0.5s ease;
    }



.faq summary {
     display: block;
     cursor: pointer;
     padding: 10px 0px 0px;
     position: relative;
}
.faq summary::-webkit-details-marker {
     display: none;
}
.faq summary > h3::before {
     content: "Q.";
     border-radius: 5px;
     padding: 5px 8px;
     margin-right: 4px;
}
.faq summary > h3 {
     max-width: 1118px;
     font-size: 18px;
     line-height: 1.8em;
}
.faq summary::after {
     position: absolute;
     right: 10px;
     top: 66%;
     transform: translateY(-50%);
     content: "";
     display: inline-block;
     margin: 0;
     width: 32px;
     height: 32px;
     background-image: url("../img/QA_tagu.png");
     background-size: cover;
     transition: transform 0.2s;
     float: right;
}
details[open] summary::after {
     background-image: url("../img/QA_tagu2.png");
}

.faq details {
     text-align: left;
     border-bottom: 1px solid #ccc;
     margin-bottom: 10px;
     padding-bottom: 24px;
}

.faq details .answer {
     display: flex;
     max-width: 1118px;
     width: 100%;
     text-align: left;
     margin: 20px 0 0;
}

.faq details span.letter_a {
    width: 34px;
    padding: 2px 10px;
    margin-right: 4px;
}

.faq details .answer .a_content{

}

.faq details .answer .a_content div{
margin: 8px 0 0 0;
}

.faq details .answer .a_content p{
margin: 0px 0 16px 0;
}


.faq details .answer .a_content dl{
margin: 0px 0 16px 0;
}
.faq details .answer .a_content dl dt{
margin: 0px 0 0px 0;
}

.faq details .answer .a_content dl dd{

}


.faq details .answer .a_content .note{
font-size: 14px;
margin: 0px 0 0 0;
}

.faq details .answer .a_content a{
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}

.faq details .answer .a_content ul{
    margin: 12px 0;
}

.faq details .answer .a_content ul li{
    list-style-type: disc;
    list-style-position: outside;
    margin: 0 0 0 18px;
}


    .btn_faq button {
      background: #fff;
      color: #333;
      border: 1px #333 solid;
      border-radius: 5px;
      padding: 15px 40px;
      font-size: 18px;
      border-radius: 5px;
      cursor: pointer;
      transition: all 0.3s;
      font-weight: 500;
      width: 355px;
    }

    .btn_faq button:hover {
      transform: translateY(-2px);
      opacity: 0.5;
    }

    .btn_faq button.hidden {
      display: none;
    }

    .btn_faq button.close-btn {
      background: #666;
    }

    .btn_faq button.close-btn:hover {
      background: #555;
      box-shadow: 0 4px 12px rgba(102, 102, 102, 0.3);
    }

    
.faq h2.title{
    position: relative;

}

.faq .btn_all_open{
    border: 1px #e55a00 solid;
    font-size: 12px;
    color: #e55a00;
    padding: 8px;
    position: absolute;
    right: 8px;
    top: 7px;
}

.faq .btn_all_close{
display: none;
    border: 1px #666 solid;
    font-size: 12px;
    color: #666;
    padding: 8px;
    position: absolute;
    right: 8px;
    top: 7px;

}


/* 下層faq用コンテント */
#faq_content{
    padding-top: 48px !important;
}

@media (max-width: 768px) {
#faq_content {
    padding-top: 28px !important;
}
}






@media (max-width: 768px) {
.top_faq {
    width: 90%;
    margin: 32px auto 72px auto;
}

.top_faq summary > h3 {
     font-size: clamp(12px, 5vw, 16px);
     width: 85%;
     display: flex;
 }
.top_faq summary > h3::before {
    padding: 0px 8px;
    align-self: auto;
}

.top_faq h2.title {
    margin-bottom: 16px;
}

.top_faq .btn_all_open {
    right: 0px;
    top: 40px;
}

.top_faq .btn_all_close {
    right: 0px;
    top: 40px;
}




.faq {
    width: 100%;
    margin: 32px auto 25px auto;
}
.faq summary > h3 {
     font-size: clamp(12px, 5vw, 16px);
     width: 85%;
     display: flex;
 }
.faq summary > h3::before {
    padding: 0px 8px;
    align-self: auto;
}




.faq h2.title {
    margin-bottom: 64px;
}

.faq .btn_all_open {
    right: 0px;
    top: 50px;
}

.faq .btn_all_close {
    right: 0px;
    top: 50px;
}

}



/* お申込み */
section.omoushikomi{
max-width: 1118px;
width: 100%;
margin: 60px auto 100px auto;
}

section.omoushikomi > p{
font-size: 18px;
    margin: 0 0 8px;
}

section.omoushikomi > p.sub_lead{
font-size: 18px;
    margin: 0 0 44px;
    color: #D70407;
}

section.omoushikomi ul{
display: flex;
justify-content: space-between;
}

section.omoushikomi ul li:nth-of-type(1){
background: #DDEEFF;
    max-width: 530px;
    width: 48%;
    padding: 44px 36px 36px 36px;
}

section.omoushikomi ul li:nth-of-type(1) p{
    font-size: 28px;
    margin: 0 auto 25px;
    font-weight: 500;
    text-align-last: justify;
    width: 148px;
}

section.omoushikomi ul li:nth-of-type(1) .btn_navy1{
    max-width: 355px;
    margin: 44px auto 0;
}

section.omoushikomi ul li:nth-of-type(1) .btn_navy1 a{
font-size: 20px;
background: #0A64BB;
display: block;
border-radius: 8px;
color: #fff;
    padding: 20px 0;
    font-weight: bold;
}

section.omoushikomi ul li:nth-of-type(2){
background: #D9EFF2;
    max-width: 530px;
    width: 48%;
    padding: 32px 32px;
    letter-spacing: 0.01em;
}

section.omoushikomi ul li:nth-of-type(2) .btn_bluegreen1{
max-width: 355px;
margin: 16px auto 0;
}

section.omoushikomi ul li:nth-of-type(2) .btn_bluegreen1 a{
font-size: 20px;
background: #00AEC4;
display: block;
border-radius: 8px;
color: #fff;
    padding: 20px 0;
    font-weight: bold;

}

section.omoushikomi ul li:nth-of-type(2) h3{
font-size: 28px;
font-weight: 500;
}
section.omoushikomi ul li:nth-of-type(2) h3 span{
font-size: 24px;

}
section.omoushikomi ul li:nth-of-type(2) h4{
    font-size: 14px;
    margin: 12px 0 0;
    font-weight: bold;
}

section.omoushikomi ul li:nth-of-type(2) p:nth-of-type(1){
    font-size: 16px;
    line-height: 150%;
    margin: 16px 0 8px 0;
    font-weight: 500;

}
section.omoushikomi ul li:nth-of-type(2) p{
    font-size: 14px;
    line-height: 150%;
}
section.omoushikomi ul li:nth-of-type(2) p:nth-of-type(2){
    color: #EC1818;
    font-weight: 500;
}


section.omoushikomi ul li:nth-of-type(2) p.note{
    margin: 8px auto 0;
    font-size: 13px;
	font-weight: 500;
	padding-left: 10px;
	text-indent: -10px;
}
section.omoushikomi ul li:nth-of-type(2) p.note:before{
	content: "※";
}
@media (max-width: 1200px) {
section.omoushikomi {
    width: 95%;
}
section.omoushikomi ul li:nth-of-type(2) h3{
    font-size: clamp(16px, 2.2vw, 28px);
}
section.omoushikomi ul li:nth-of-type(2) h3 span {
    font-size: clamp(14px, 2vw, 24px);
}
section.omoushikomi ul li:nth-of-type(2) p:nth-of-type(1) {
text-align: left;
font-size: clamp(14px, 2vw, 24px);
}
section.omoushikomi ul li:nth-of-type(2) p:nth-of-type(2) {
text-align: left;
}
section.omoushikomi ul li:nth-of-type(2) p.note {
text-align: left;
}


section.omoushikomi ul li:nth-of-type(1){
    padding: 44px 24px 36px 24px;
}
section.omoushikomi ul li:nth-of-type(2){
    padding: 32px 24px;
}



}


@media (max-width: 768px) {
section.omoushikomi {
    width: 90%;
    margin: 56px auto 72px auto;
}

section.omoushikomi ul {
    display: block;
}
section.omoushikomi ul li:nth-of-type(1) {
    background: #DDEEFF;
    max-width: 100%;
    width: 100%;
    padding: 36px;
}
section.omoushikomi ul li:nth-of-type(2) {
    background: #DDEEFF;
    max-width: 100%;
    width: 100%;
    padding: 36px;
}

    section.omoushikomi ul li:nth-of-type(1) {
        margin: 0 0 20px 0;
                padding: 24px;
    }

section.omoushikomi ul li:nth-of-type(1) p {
    font-size: 20px;
        margin: 0 auto 16px;
        width: 108px;
}
section.omoushikomi ul li:nth-of-type(1) .btn_navy1 {
    max-width: 355px;
    margin: 16px auto 0;
}
section.omoushikomi ul li:nth-of-type(1) .btn_navy1 a {
    font-size: 16px;
}

section.omoushikomi ul li:nth-of-type(2) {
    text-align: left;
        padding: 24px;
        height: auto;
    }
section.omoushikomi ul li:nth-of-type(2) h3 {
    font-size: 20px;
	text-align: center;
}

section.omoushikomi ul li:nth-of-type(2) h3 span {
    font-size: 20px;
    display: block;
}

section.omoushikomi ul li:nth-of-type(2) .btn_bluegreen1 a {
    font-size: 16px;
text-align: center;
}





}