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

/*smaller than 640-----------------------------*/
@media screen and (max-width:640px) {

/*=======================
.btn_price
=======================*/
.btn_price{
position: fixed;
bottom: 0;
right: 0;
top: 133px;
z-index: 100;
}

/*=======================
#content1
=======================*/
#content1{
margin:0 auto 0 auto;
margin-top: 10%;
}
.ct_inner{
width:90%;
margin: 0 auto;
background: #fff;
border-radius: 30px;
padding-top: 10%;
padding-bottom: 10%;
}
.ct_inner2{
width: 90%;
margin:0 auto 0 auto;
padding: 10% 0 10% 0;
background: #fff;
border-radius: 30px;
padding-top: 10%;
padding-bottom: 10%;
}
#ct1_inner h3{
padding-bottom: 10%;;
} 
#ct1_inner p{
text-align: center;
}  

/*斜め線*/
.ct1_txt{
font-size: 130%;
display: flex;
justify-content: center;
align-items: center;
color: #fdb072;
}
.ct1_txt::before,.ct1_txt::after {
content: "";
background-color: #fdb072;
height: 2px;
width: 30px;
}
.ct1_txt::before {
margin-right: 2px;
transform: rotate(60deg); 
}
.ct1_txt::after {
margin-left: 2px;
transform: rotate(-60deg); 
}
/*.ct1_txt2*/
.ct1_txt2{
    font-size: 130%;
    color: #7ecac1;
    padding: 0 5%;
    margin: 3% auto 5px;
    line-height: 1.5;
}
/*.ct1_txt3*/
.ct1_txt3{
    font-size: 130%;
    color: #7ecac1;
    padding: 0 5%;
    margin-top: 5%;
    line-height: 1.5;
}
.ct1_txt3 span:not(.sp){
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
/*nav1*/   
#nav1{
width: 90%;
margin: 0 auto;
display: flex;
flex-flow: column;
color: #fff;
}
#nav1 li{
list-style: none;
width: calc(100% - 8px);
padding: 2% 0 5%;
border-radius: 55px;
text-align: center;
border: solid 4px #7ecac1;
background-color: #fff;
font-size: 130%;
margin: 0;
margin-top: 5%;
overflow: hidden;
}
#nav1 li:first-child{
    margin-top: 0;
}
#nav1 li a{
text-decoration: none;
color: #7ecac1;
vertical-align: middle;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
line-height: 1;
}
#nav1 li a img{
width: 55%
}
#nav1 li:nth-child(1) a .au_logo{
height: 21.1vw;
width: 85%;
}
#nav1 li:nth-child(1) a img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
/*#ct1_box*/
#ct1_box{
width: 90%;/*80→90*/
background: #e9f6f4;
margin-left: 5%;/*10→5*/
margin-top: 5%;
padding-top: 10%;/*5→10*/
padding-bottom: 5%;
}
#ct1_btn{
width: 80%;
padding: 2% 5% 5% 5%;
border-radius: 75px;
text-align: center;
background-color: #bec8d5;
display: inline-block;
font-size: 120%;
margin: 5% 10% 5% 10%;
}
#ct1_btn a{
color: #282828;
text-decoration: none;
}
#ct1_box p span{
color: #ff0000;
vertical-align: top;
}

/*nav2*/   
#nav2{
}
.nav2 li {
width: 70%;
padding: 5%;
border-radius: 75px;
text-align: center;
background-color: #bec8d5;
display: inline-block;
font-size: 80%;
margin: 3% 15% 3% 15%;
}
.nav2 li a {
text-decoration: none;
color: #282828;
vertical-align: middle;
display: block;
letter-spacing: 0px;
}
.nav2_btn a{
padding-top: 8px;
}

/*=======================
#content2
=======================*/
#content2{
margin:0 auto 0 auto;
margin-top: 10%;
}
#ct2_inner{
margin:0 auto 0 auto;
}
#ct2_inner h3{
padding-bottom: 10%;;
} 
#ct2_inner h4{
width: 90%;
margin:0 auto 0 auto;
padding-bottom: 10%;;
color: #7ecac1;
font-size: 145%;/*170→145*/
padding-top: 10%;
}  

/*タイトル横の罫線*/
.head-border {
display: flex;
align-items: center;
}
.head-border:before,
.head-border:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #7ecac1;
}
.head-border:before {
margin-right: 1rem;
}
.head-border:after {
margin-left: 1rem;
}
#content2 ul{
width:90%;
margin: 0 auto;
}
#content2 ul li{
display: inline-block;
text-align: center;
vertical-align: top;
line-height: 1.5;
}
#content2 ul li img{
margin-bottom: 20px;
}
.box_image img {
display: block;
max-width: 100%;
}
*{
box-sizing:border-box;
}
.ct2_price {
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
margin-bottom: 10%;
}

/*斜め線*/
.ct2_cap{
font-size: 135%;
display: flex;
justify-content: center;
align-items: center;
color: #fdb072;
margin: 0 auto;
}
.ct2_cap::before,.ct2_cap::after {
content: "";
background-color: #fdb072;
height: 2px;
width: 30px;
}
.ct2_cap::before {
margin-right: 2px;
transform: rotate(60deg); 
}
.ct2_cap::after {
margin-left: 2px;
transform: rotate(-60deg); 
} 

.example1 {
font-size: 0.5em;
vertical-align: top;
}
.example2 {
font-size: 0.5em;
vertical-align:bottom;
}
.example3 {
font-size: 0.4em;
vertical-align:bottom;
}
.ct2_txt1{
width: 100%;
background: #7ecac1;
text-align: center;
color: #fff;
line-height: 0.8;
font-size: 170%;
padding: 5%;/*3→5*/
}
.ct2_txt1 span{
font-size: 50%;
display:block;/*追加*/
margin-top:7px;/*追加*/
}
.ct2_txt2{
width: 100%;
text-align: center;
background: #dbf0ee;
line-height: 1.9;/*1.5→1.9*/
padding: 3% 3% 0 3%;
font-size: 90%;
}
.ct2_txt3{
width: 100%;
background: #dbf0ee;
text-align: center;
line-height: 1.3;
padding: 5%;/*3→5*/
font-size: 220%;
color: #7ecac1;
}
.ct2_txt4{
width: 100%;
background: #dbf0ee;
text-align: center;
line-height: 1.9;/*1.3→1.9*/
font-size: 110%;
}
.ct2_txt4_inner{
margin:0 auto 0 auto;
border: 1px solid #7ecac1;
margin-left: 3%;/*5→3*/
margin-right: 3%;/*5→3*/
padding-top: 5%;/*3→5*/
padding-bottom: 5%;/*3→5*/
}
.ct2_txt4 em{
color: #fdb072;
font-style: normal;
vertical-align: top;
}
.ct2_txt5{
width: 100%;
background: #dbf0ee;
text-align: center;
line-height: 1.9;/*1.3→1.9*/
padding: 3% 3% 6% 3%;
font-size: 110%;
margin:0 auto 0 auto;
}
.ct2_txt5 em{
color: #fdb072;
font-style: normal;
vertical-align: top;
}
.ct2_price_cap{
width: 90%;
margin:0 auto 0 auto;
font-size: 80%;/*90→80*/
margin-top: 20px;
}

/*=======================
#content3
=======================*/
#content3{
margin:0 auto 0 auto;
margin-top: 10%;
}
#ct3_inner h3{
padding-bottom: 10%;
} 
#ct3_inner p{
font-size: 120%;
line-height: 1.3;
padding-bottom: 3%;
}  
.icon-text {
display: flex;
align-items: center;
gap: 10px;
margin-left: 5%;
margin-bottom: 5%;
}
.icon-text img{
width: 25%;
}
.ct3_img img{
padding-bottom: 15%;
}


/*=======================
#content4
=======================*/ 
#content4{
width:90%;
margin:0 auto 0 auto;
margin-top: 10%;
}
#content4 p{
font-size: 100%;
letter-spacing: 1px;
}
/*斜め線*/
.ct4_ttl {
font-size: 115%;
display: flex;
justify-content: center;
align-items: center;
color: #282828;
letter-spacing: 3px;
}
.ct4_ttl::before,.ct4_ttl::after {
content: "";
background-color: #282828;
height: 2px;
width: 30px;
}
.ct4_ttl::before {
margin-right: 2px;
transform: rotate(60deg); 
}
.ct4_ttl::after {
margin-left: 2px;
transform: rotate(-60deg); 
} 
#content4 h4{
margin-top: 20px;
margin-bottom: 10%;
}
}