@charset "utf-8";

body { border: solid 5px #000; font-size: 1em;}


@media only screen and (max-width: 500px) {
	body { padding-bottom: 70px;}
}


.hidden_s { display: none !important;}

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

/* ------------------------
	ヘッダー
------------------------ */

.header {padding: 12px 10px 12px 15px}
.header h1{font-size: 1.5em;}

/* ------------------------
	グローバルナビ
------------------------ */

.humberger { top: 10px; right: 15px;}
.sp-navi .sp-navi-inner { padding-top: 70px;}

/* ------------------------
	フッター
------------------------ */
.footer{padding: 20px 15px 10px;}
.footer .box01 ul:nth-of-type(2){margin-left: 15%;}
.footer .box01 ul li a{font-size: 1.1em;}
.footer .box01 ul li:not(:last-of-type){margin-bottom: 15px;}
.footer .campany_name{font-size: 1.1em;}
.footer .address{font-size: 1.1em;margin-bottom: 20px;}

/* ------------------------
	コンテンツ
------------------------ */

.mainimage .btn_area { max-width: 530px; min-width: 300px; bottom: -2%;}
.heading{font-size: 1.5em;}


/* sec01 */
.sec01{padding: 30px 15px 30px 0;}
.sec01 .box01 .label-container p{
    font-size: 1.5em;
    padding: 0.375em 0.875em;
    border-radius: 35px;
}
.sec01 .box01 > p{font-size: 0.9em;font-weight: 500;margin-left: 3em;}
@media only screen and (max-width: 500px) {
    .sec01 .box01 .line-wrapper{max-width: 50px;}
    
}

/* sec02 */
.sec02 {padding:30px 15px 20px;}
.sec02 .sec02_heading{border-bottom: 2px solid #1E2896;font-size: 1.5em;width: 11em;margin: 0 auto 20px;}
.sec02 > p{font-size: 0.9em;}

/* sec03 */
.sec03 {padding: 30px 15px 50px;}

/* sec04 */
.sec04 .box01{padding: 190px 0;}
.sec04 figure{
    transform: translate(5%, -50%);
    top: 60%;
    max-width: 350px;
}

/* sec05 */
.sec05{padding: 30px 15px 0;}
.sec05 .box01 ul{gap: 10px;}
.sec05 .box01 ul .price_box p:nth-of-type(1){font-size: 0.8em;padding: 0.682em 0;}
.sec05 .box01 ul .price_box p:nth-of-type(2){font-size: 1.3em;padding: 0.625em 0;}
.sec05 > p:nth-of-type(1),.sec05 > p:nth-of-type(2){font-size: 1.5em;}
.sec05 .box02{gap: 15px;}
.sec05 .box02 table tr{}
.sec05 .box02 table tr th{font-size: 0.75em;}
.sec05 .box02 table tr td{font-size: 0.75em;}
.sec05 > p:nth-of-type(3){font-size: 0.9em;}

/* sec06 */
.sec06{padding: 30px 15px;}
.slider img {max-width: 80%;}

/* 矢印の位置を上書き */
.slick-prev, 
.slick-next {
	width: 30px; 
	height: 30px;
	top: 50%; 
	transform: translateY(-50%); /* 垂直方向の中央配置 */
	z-index: 500;
}

/* 矢印の位置調整 */
.slick-prev {
    left: calc(50% - 150px - 25px);
}

.slick-next {
    right: calc(50% - 150px - 25px);
}

.slick-prev::before,
.slick-next::before {
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid #1E2896; /* 青色 */
    border-right: 2px solid #1E2896; /* 青色 */
    transform: translateY(-50%);
}

.slick-prev::before { /* 戻る矢印 (左向き) */
    left: 12px;
    transform: translateY(-50%) rotate(225deg);
}

.slick-next::before { /* 次へ矢印 (右向き) */
    right: 12px;
    transform: translateY(-50%) rotate(45deg);
}


/* sec07 */
.sec07{padding: 30px 15px 0;}
.sec07 .question{
    font-size: 1.1em;
    padding: 15px 45px 15px 15px;
}

.sec07 .answer{
    background-color: #FBF5E7;
    font-size: 1.1em;
    font-weight: 500;
    padding: 15px 15px;
}

/* sec08 */
.sec08{padding: 30px 15px;}
.sec08 > p:nth-of-type(1){font-size: 1.5em;}
.sec08 > p:nth-of-type(2){font-size: 1.1em;}