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


@media screen and (min-width: 768px) {
/*common*/
.sp {display: none;}
.pc {display: block;}
.contact-btn a{
  width: 300px;
  height: 70px;
  font-size: 20px;
  column-gap: 10px;
}
.contact-btn a:before {
  width: 25px;
}
.out-box{
padding: 70px 15px;
}
.out-box-b{
padding: 70px 15px 0 15px;
}
h2.tit{
text-align: center;
font-weight: bold;
font-size: 35px;
margin-bottom: 15px;
}
.l_txt{
font-size: 40px;
}
	
/*コンバージョンエリア*/
.conv .tit{
font-size: 36px;
}
.conv .txt{
font-size: 20px;
}
a.conv_contact , a.conv_sample {
width: 300px;
height: 65px;
font-size: 20px;
}
.btn_area ul{
display: flex;
width: 650px;
margin: auto;
}
.btn_area .l ,.btn_area .r {
width: 50%;
}
a.conv_sample {
margin-bottom: 0;
}


/*MV*/
.out-box-mv{
padding: 30px auto 60px auto;
}
#MV .flex{
display: flex;
flex-wrap: wrap;
margin: 30px auto;
}

/*footer*/
#footer .txt{
font-size: 20px;
margin: 20px auto 30px auto;
}

/*zero*/
#zero .web-box {
display: flex;
flex-wrap: wrap;
flex-direction:row-reverse;
margin-top: 100px;
}
#zero .web-child {
width:50%;
box-sizing:border-box;
}
#zero .web-box img {
margin: auto 30px auto auto;
}
#zero .web-box .tit {
text-align: left;
}

/*step*/
#step .lead {
margin-bottom: 55px;
}
#step .step-box {
margin-bottom: 50px;
}
#step .step-child {
width:calc(100%/3 - 20px);/* ちょうどで割り切れない数値を指定 */
padding: 30px 40px;
box-sizing:border-box;/* 装飾用 */
}

/*nayami*/
#nayami .icon{
margin-top: -100px;
}
#nayami .box-child {
width:calc(100%/3 - 20px);/* ちょうどで割り切れない数値を指定 */
padding: 30px 40px;
box-sizing:border-box;/* 装飾用 */
}
#nayami .nayami-box {
row-gap: 30px;/* 行と行の間(縦方向)の余白 */
margin-top:30px;
}
#nayami .box-child .img{
margin: 0 auto 30px auto;
}

/*difference*/
#difference .difference-box {
display: flex;
flex-wrap: wrap; /* flexアイテムを折り返す（複数行に配置する） */
}
#difference .difference-box .tit {
width: 25%; /* 列の幅を均等に分配し、マージンを考慮して計算 */
padding: 10px;
box-sizing: border-box; /* ボックスモデルを維持するために必要なスタイル */
}
#difference .difference-box .txt {
width: 73%; /* 列の幅を均等に分配し、マージンを考慮して計算 */
padding: 10px;
margin-left: 2%;
}
#difference .difference-box .maru li , #difference .difference-box .batsu li{
font-size: 18px;
}
	
/*hihaku*/
.table-hikaku {
margin-top: 70px;
}
.hikaku-logo {
width: 100px;
}
.table-hikaku span {
font-size: 36px;
margin: 15px auto;
}


/*merit*/
.merit_box{
width: 100%;
display: flow-root;
padding-top: 70px;
}
.merit_box .r-txt,.merit_box .r-img{
float: right;
width: 48%;
}
.merit_box .l-txt,.merit_box .l-img{
float: left;
width: 48%;
}
	
/*price*/
#price .table-price td {
padding: 17px 10px;
}

/*post*/
.post_box{
padding: 35px;
}
.text-bg span {
font-size: 20px;
}
.post_box_lr p {
font-size: 20px;
}
.post_box_lr{
display: flex;
}
.post_box_lr .l,.post_box_lr .r{
width: 50%;
}
.post_box_lr .post_point {
font-size: 35px;
}


/*faq*/
.faq-box .q-txt {
font-weight: bold;
}
.q{
margin-bottom: 15px;
align-items: center;
}
.a{
margin-bottom: 35px;
}
.faq-box .q-icon{
width: 65px;
height: 65px;
border-radius: 50%;
font-size: 24px;
}
.faq-box .q-txt{
font-size: 18px;
margin-left: 20px;
}
.faq-box .a-txt{
margin-left: 20px;
}
.faq-box .a-icon{
width: 65px;
height: 65px;
border-radius: 50%;
font-size: 24px;
}

}