@charset "UTF-8";

/* 
---------------------------------------------------------*/
#pagebody{
    padding-bottom: 0;
}
.m_img_area{
    border-bottom:rgba(66,57,50,0.35) 1px solid;
}
.w1220 {
	width: 94%;
	padding: 0 3%;
	max-width: 1220px;
	margin: 0 auto;
    text-align: left;
}
.com_lead_tit{
    text-align: center;
    margin-bottom: 60px;
}
.med_col2 li{
	width: 49%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.com_lead_tit{
    margin-bottom: 5%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.m_img_area{
    border-bottom:rgba(66,57,50,0.35) 1px solid;
}
.com_lead_tit{
    margin-bottom: 8%;
}
.med_col2 li{
	width: 100%;
}
}







/* price_list
---------------------------------------------------------*/
.price_list_index{
    text-align: center;
    color: #63B7A3;
    margin-bottom: 50px;
}
.price_list_index p{
    font-size: 460%;
    line-height: 1em;
}
.price_list_index h2{
    font-size:88%;
    font-weight: normal;
    line-height: 1em;
    margin-top: .8em;
}

.price_list_ank{
    text-align: center;
    margin-bottom: -2.3em;
}
.price_list_ank li{
    display: inline-block;
    margin-left: .3em;
    font-size:15px;
    letter-spacing: 0.05em;
    line-height: 1em;
    margin-bottom: 2.3em;
}
.price_list_ank li:first-child{
    margin-left: 0;
}
.price_list_ank li a{
    position: relative;
    background: #fff;
    border-radius: 50px;
    border:1px solid #F2F2F2;
    padding: 1em 3em 1em 1.7em;
    box-sizing: border-box;
}
.price_list_ank li a:hover{
    border-color:#63B7A3!important;
}
.price_list_ank li a::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/faq/icon_arrow1.svg) no-repeat top right;
    background-size: 100% auto;
    width: .45em;
    height: .6em;
    top: 1.2em;
    transform: rotate(90deg);
    right:1.5em;
}

.price_list_ank li:nth-last-child(-n+3) a{
    background: rgba(242,242,242,0.50);
    border:1px solid rgba(242,242,242,0.50);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.price_list_index{
    margin-bottom: 5%;
}
.price_list_index p{
    font-size: 400%;
}
.price_list_ank li{
    font-size:13px;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.price_list_index{
    margin-bottom: 8%;
}
.price_list_index p{
    font-size: 330%;
}
.price_list_index h2{
    font-size: 90%;
    margin-top: .4em;
}
    
.price_list_ank{
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
    margin-bottom:10%;
}
.price_list_ank li{
    width: 49.5%;
    display: block;
    margin-left: 0;
    font-size: 88%;
    letter-spacing: -0.01em;
    margin-bottom: 2%;
    text-align: left;
}
.price_list_ank li a{
    display: block;
    padding: 1.2em 1em;
    box-sizing: border-box;
}
.price_list_ank li a::before{
    width: .4em;
    height: .55em;
    top: 51%;
    right: 1em;
}
}







/* table
---------------------------------------------------------*/
#price_list .zei{
    color: #C1272D;
    text-align: right;
    line-height: 1.3em;
    margin-bottom: .8em;
}
#price_list .price_content{
    margin-top: -2em;
    margin-bottom: 1.5em;
}

#price_list table{
    max-width: 1220px;
    margin: 0 auto;
}
#price_list table,
#price_list table tr{
    width: 100%;
}
#price_list table th,
#price_list table td{
    border-bottom:rgba(66,57,50,0.50) 1px solid;
    box-sizing: border-box;
    padding: 50px 0;
}
#price_list table tr:first-child th,
#price_list table tr:first-child td{
    border-top:rgba(66,57,50,0.50) 1px solid;
}
#price_list table th{
    width: 75.5%;
    font-weight: normal;
    padding-right: 3%;
}
#price_list table th .img{
    float: left;
    width: 31%;
    margin-right: 4%;
    max-width: 270px;
}
#price_list table th .img img{
    width: 100%;
    height: auto;
}
#price_list table th div dl.type_images{
    width: 65%;
    float: right;
}
#price_list table th dl dt{
    color: #63B7A3;
    font-size:150%;
    letter-spacing:normal;
    font-weight: bold;
    margin-bottom:.6em;
}
#price_list table th dl dd p{
    margin-bottom: 1em
}
#price_list table th dl dd p:last-child{
    margin-bottom: 0;
}

#price_list table td{
    width: 24.5%;
    background: rgba(99,183,163,0.07);
    text-align: center;
}
#price_list table td dl{
    margin-bottom: .9em;
}
#price_list table td dl:last-child{
    margin-bottom: 0;
}
#price_list table td dt{/*説明*/
    font-size:90%;
    line-height: 1.3em;
    margin-bottom: .25em;
}
#price_list table td dd{/*数字*/
    font-size:138%;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: normal;
}/*
#price_list table td dd span{円
    font-size: 75%;
    padding-left: 0.2em;
}*/

#price_list .com_btn1{
    text-align: center;
    margin-top: 50px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#price_list .zei{
    margin-bottom: .5em;
}
#price_list .price_content{
    margin-top: -1em;
    margin-bottom: 1em;
    line-height: 1.8em;
}
#price_list table th,
#price_list table td{
    padding: 5% 0;
}
#price_list table th{
    padding-right: 2%;
}
#price_list table th .img{
    width: 31%;
    margin-right: 4%;
}
#price_list table th div dl.type_images{
    margin-top: -0.5em;
}
#price_list table th dl dt{
    font-size:130%;
    margin-bottom:.3em;
}
#price_list table td dl{
    margin-bottom: .9em;
}
#price_list table td dt{/*説明*/
    font-size:88%;
    letter-spacing: normal;
}
#price_list table td dd{/*数字*/
    font-size:110%;
    letter-spacing: -0.01em;
}
#price_list .com_btn1{
    margin-top: 4%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#price_list .zei{
    margin-bottom: .5em;
}
#price_list .price_content{
    margin-top: -0.5em;
    margin-bottom: 1em;
}

#price_list table{
    display: block;
}
#price_list table,
#price_list table tr{
    display: block;
}
#price_list table th,
#price_list table td{
    display: block;
    width: 100%;
}
#price_list table tr:first-child td{
    border-top:none;
}
#price_list table th{
    width: 100%;
    padding-right: 0;
    border-bottom: none;
    padding: 10% 0 5%;
}
#price_list table th .img{
    float: none;
    width: 70%;
    margin: 0 auto 3%;
}
#price_list table th .img img{
    width: 100%;
    height: auto;
}
#price_list table th div dl.type_images{
    width: 100%;
    float: none;
}
#price_list table th dl dt{
    font-size:130%;
    text-align: center;
    margin-bottom:.3em;
}
#price_list table td{
    width: 100%;
    padding: 5% 0;
}
#price_list table td dl{
    margin-bottom: .9em;
}
#price_list table td dl:last-child{
    margin-bottom: 0;
}
#price_list table td dt{/*説明*/
    font-size:80%;
}
#price_list table td dd{/*数字*/
    font-size:110%;
}
#price_list .com_btn1{
    margin-top: 6.5%;
}
    
.ank_adjust.com_btm_100{
    margin-bottom: 18%;
}
}







/* price_com_btn1_list
---------------------------------------------------------*/
.price_com_btn1_list{
    text-align: center;
}
.price_com_btn1_list li{
    display: inline-block;
    min-width: 290px;
    margin-right: 2em;
}
.price_com_btn1_list li:last-child{
    margin-right: 0;
}
.price_com_btn1_list li a{
    max-width: 290px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.price_com_btn1_list li{
    min-width: 270px;
    margin-right: .5em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.price_com_btn1_list li{
    display: inline-block;
    min-width: 100%;
    margin-right: 0;
}
.price_com_btn1_list li:last-child{
    margin-right: 0;
}
.price_com_btn1_list li a{
    max-width: 100%;
}
}





/* price_index
---------------------------------------------------------*/
/*price_index1*/
.price_index1{
    font-size:100%!important;
    color: #63B7A3;
}
.price_index1 .fs37{
    font-size:220%!important;
    letter-spacing: 0.05em;
    line-height: 1em;
    text-align: center;
    margin-bottom:.6em;
}

/*price_index3*/
.price_index3{
    text-align: center;
    font-size:140%;
    letter-spacing: 0.22em;
    line-height: 1.3em;
    padding: 1em 0;
    color: #63B7A3;
    border-top: 1px solid #63B7A3;
    border-bottom: 1px solid #63B7A3;
    margin-bottom: 1.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
/*price_index1*/
.price_index1 .fs37{
    font-size: 180%!important;
}

/*price_index3*/
.price_index3{
    font-size:125%;
    letter-spacing: 0.15em;
    padding: .8em 0;
    margin-bottom: .8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
/*price_index1*/
.price_index1 .fs37{
    font-size:160%!important;
    margin-bottom:.5em;
}

/*price_index3*/
.price_index3{
    font-size:115%;
    letter-spacing: 0.05em;
    padding:.8em 0;
    margin-bottom: .8em;
}
}






/* hosho
---------------------------------------------------------*/
#hosho .bg{
    background: #EFF8F6;
    padding: 145px 0 100px;
}
#hosho .txt1{
    text-align: center;
}
#hosho .com_btn1{
    text-align: center;
    margin-top: 1.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#hosho .bg{
    padding: 8% 0;
}
#hosho .com_btn1{
    margin-top: 1.3em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#hosho .bg{
    padding: 13% 0;
}
#hosho .txt1{
    text-align: left;
}
#hosho .com_btn1{
    margin-top: 4%;
}
}







/* pay
---------------------------------------------------------*/
#pay .w1300{
    padding-top: 100px;
    padding-bottom: 100px;
}
#pay .paybox{
    text-align: center;
}
#pay .red{
    text-align: center;
    color: #C1272D;
    line-height: 1.3em;
    margin-bottom:4em;
}
#pay .cardlist{
    justify-content: center;
    margin-top: 35px;
}
#pay .cardlist li{
    width: 90px;
    margin-right: 15px;
}
#pay .cardlist li:last-child{
    margin-right: 0;
}
#pay .cardlist li img{
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.3));
}
#pay .paybox .com_btn1{
    margin-top: 1.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#pay .w1300{
    padding-top: 8%;
    padding-bottom: 8%;
}
#pay .red{
    line-height: 1.3em;
    margin-bottom:2em;
}
#pay .cardlist{
    margin-top: 2.5%;
}
#pay .cardlist li{
    width: 80px;
    margin-right: 10px;
}
#pay .paybox .com_btn1{
    margin-top: 1.2em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#pay .w1300{
    padding-top: 13%;
    padding-bottom:13%;
}
#pay .paybox{
    text-align: left;
}
#pay .red{
    text-align: left;
    line-height: 1.5em;
    margin-top: 0.5em;
    margin-bottom:1.5em;
}
#pay .cardlist{
    margin-top: 4%;
}
#pay .cardlist li{
    width: 18%;
    margin-right: 2%;
}
#pay .cardlist li img{
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.4));
}
#pay .paybox .com_btn1{
    margin-top: 4%;
    text-align: center;
}
}







/* kojo
---------------------------------------------------------*/
#kojo .bg{
    background: #EFF8F6;
    padding: 100px 0;
}
#kojo .w1300{
    text-align: center;
} 
#kojo .whitebox{
    display: inline-block;
    background: #fff;
    padding: 50px 3.5%;
    box-sizing: border-box;
    margin: 2em auto 2.2em;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.4em;
}
#kojo .whitebox .span1,
#kojo .whitebox .span2{
    font-size:130%;
}
#kojo .whitebox .span1{
    color: #63B7A3;
}
#kojo .whitebox .span1 small{
    font-size:70%;
    color: #423932;
}
#kojo .whitebox .span3{
    font-size:110%;
    color: #E3831B;
}
#kojo .whitebox div:nth-child(2){
    text-align: right;
    font-size:88%;
    color: #E3831B;
    margin-top: 1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#kojo .bg{
    padding: 8% 0;
}
#kojo .whitebox{
    padding: 4% 3.5%;
    margin:1.5em auto 2em;
    letter-spacing: normal;
}
#kojo .whitebox .span1,
#kojo .whitebox .span2{
    font-size:120%;
}
#kojo .whitebox .span3{
    font-size:100%;
    color: #E3831B;
}
#kojo .whitebox div:nth-child(1){
    text-align: left;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#kojo .bg{
    padding: 13% 0;
}
#kojo .w1300{
    text-align: left;
} 
#kojo .whitebox{
    padding: 6% 3.5%;
    margin: 5% auto 6%;
    letter-spacing: normal;
}
#kojo .whitebox .span1{
    line-height: 1.7em;
}
#kojo .whitebox .span1{
    font-size:110%;
}
#kojo .whitebox .span2{
    font-size:105%;
}    
#kojo .whitebox .span3{
    font-size:100%;
}
#kojo .whitebox div:nth-child(2){
    line-height: 1.4em;
}
#kojo .com_btn1{
    text-align: center;
}
}