@charset "utf-8";
/*===================================
基本設定
===================================*/
[data-inview=rise] { opacity: 0; transform: translate(0, 50px); will-change: transform,opacity;}
[data-inview=rise] .--inview { opacity:1; transform: translate(0, 0); transition: opacity 1.6s .2s,transform 1.6s .2s;}
[data-inview=fade] { opacity: 0; will-change: opacity;}
[data-inview=fade] .--inview { opacity:1; transition:opacity 1s}*:where(:not(iframe,canvas,img,svg,video):not(svg *)){all:unset;display:revert}*,*::before,*::after{box-sizing: border-box;}
ol,ul { list-style: none;}
img { max-width: 100%;}
table { border-collapse: collapse;}
a,button { cursor:pointer;}
body { color: #231815; 	font-family: source-han-sans-japanese, sans-serif;font-size:16px;position:relative;text-align:justify;}
img,svg { -webkit-user-drag: none; user-drag: none; -moz-user-select: none; height: auto;}
._right { text-align: right;}
._center { text-align: center;}
._color { color: #000; background: linear-gradient(to top, #FFD19D 30%, transparent 5%);font-weight: bold;font-size: 20px;}
._color2 { color:#DF0011;font-size: 20px;}
._color3 { color:#DF0011; font-size: 35px;}
._color4 { color:#3463A8; font-size: 30px;}

._number { display: inline-block; font-size: 1.5em; line-height: 1; vertical-align: middle;}
._line { -webkit-box-decoration-break: clone; background: linear-gradient(to top, #f64d1f 5%, transparent 5%); box-decoration-break: clone; letter-spacing: .02em; padding-bottom: .15em;}
._line-light { background: linear-gradient(to top, #fff 5%, transparent 5%); letter-spacing: 0; padding-bottom: .35em;}

@media not all and (min-width: 768px){
._pc{display:none}
}

@media screen and (min-width: 768px){
._sp{display:none}._line{padding-bottom:.4em}
._line-light{padding-bottom:.3em}
}
/*===================================
header 基本設定
===================================*/
.header { width: 100%; height: 80px; top: 0; left: 0; padding-left: 6px; background-color: #353535; position: fixed; z-index: 10000; display: block;}
.h_wrap { align-items: center; display: flex;max-width: 1000px;margin: auto;}
.h_nav { margin-left: auto;}
.hn_list { display: flex;}
.item_link { display: flex; font-size: 16px; font-weight: 600; justify-content: center; overflow: hidden; position: relative;padding-right: 15px; border-radius: 50px; top: 10px; right: 12px;text-align:start;white-space: nowrap; }
.h_logo { width: 220px; margin-top: 20px;}


.item_l-tel { padding-top: 2px; padding-right: 25px; border-radius: 0;}
.item_l-tel img { width: 70px;}
.item_l-mypage { background: #00c6c2; color: #fff; right: 10px;}
.item_l-document { background:#00c6c2; color: #fff; right: 6px;}
.item_l-trial { background: linear-gradient(90deg, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1)); color: #fff; right: 3px;}

.btn_22b {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: a;height: 35px;
	margin: auto;
	padding: 1rem;display: flex;
    align-items: center;
	font-weight: bold;font-size: 14px;
background: transparent linear-gradient(180deg, var(--unnamed-color-3463a8) 0%, var(--unnamed-color-a2c3e7) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
border-radius: 20px;
opacity: 1;	color: #fff;
	position: relative;
}
.hn_item {
  list-style: none;
  margin-bottom: 10px;padding-right: 10px;
}


    /* ラッパーが基準位置になる */
.menu-wrapper {position: relative;display: inline-block;}

/* アコーディオンメニュー */
    .accordion_content {
      display:none;
      position: absolute;
      top: 45px; /* ボタンの下に出す */
    margin: auto;
    font-size: 15px;font-weight: bold;
      background: #fff;line-height: 33px;
      padding: 15px;
      width: 200px;
      border: 1px solid #ccc;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      z-index: 100;
    }

    .accordion_content.show {
      display: block;
    }
.fa-circle-chevron-down {
  transition: transform 0.3s ease;
}

.accordion_open .fa-circle-chevron-down {
  transform: rotate(180deg);
}

a.btn_22c {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;height: 35px;
	margin: auto;
	padding: 1rem;display: flex;
    align-items: center;
	font-weight: bold;font-size: 14px;
background: transparent linear-gradient(180deg, var(--unnamed-color-f18e1d) 0%, #FFD19D 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #F18E1D 0%, #FFD19D 100%) 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
border-radius: 20px;
opacity: 1;	color: #fff;
	position: relative;
}

.btn_22b:hover {
		opacity:0.6;
	transition:0.1s;
	}
a.btn_22c:hover {
		opacity:0.6;
	transition:0.1s;
	}
.menu {width: 100%;height: 40px; position: fixed;top:75px;background-color: #7B7B7B ; left: 0;}
.menu_in {max-width: 950px;height:auto; margin: auto;display: flex;font-size: 16px;align-items: center;
    justify-content: space-between;padding-top:10px; color: #fff;width: 90%;}

/*===================================
header 設定(画面サイズ960px以上)
===================================*/
@media screen and (min-width: 960px){
.header{ height: 77px; padding-left: 16px;}
.item_link { font-size: 16px; height: 40px; width: 130px; padding-right: 15px; border-radius: 50px; top: 10px; right: 12px;}
.item_link br { display: none;}
.item_l-tel { padding: 5px 40px 0 0; width: auto; border-radius: 0;}
.item_l-tel img { width: 196px;}
.item_l-mypage { right: 30px;}
.item_l-document { right: 20px;}

}



/*===================================
header 設定（画面サイズ640px以下）
===================================*/
@media not all and (min-width: 640px){
.menu {display: none;}
.h_logo { width: 60px; margin-top: 15px;}

}
/*===================================
header 設定（画面サイズ520px以下）
===================================*/
@media not all and (min-width: 520px){
.h_logo { display: none;}
.h_wrap { align-items: center; display: flex;max-width: 500px;margin: auto;margin-top: 10px;}
}

/*===================================
header 設定（画面サイズ480px以下）
===================================*/
@media not all and (min-width: 480px){
.btn_22b {font-size: 12px;}

a.btn_22c {font-size: 12px;}
}

/*===================================
基本設定
===================================*/
.link:hover::before{transform:translate(0, 4px)}
.sp-br {display: none;}
.price{padding:22px 0 72px;}
.price2{padding-top: 30px; background-color: #fff;margin-top: 50px;}
.price3{padding-top: 30px; background-color: #fff;margin-top: -20px;max-width: 1000px;margin: auto;}
.p_h_c_text4{font-size:15px;font-weight:400;line-height:2.0; max-width:450px; color:black;margin-top: 80px;}
.circle{width: 300px;height: 300px;border-radius: 50%;background: transparent linear-gradient(138deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;
        text-align:center;margin-right: 30px;}
.circle2{width: 300px;height: 300px;border-radius: 50%;background: transparent linear-gradient(180deg, #F18E1D 0%, #FFE1BF 100%) 0% 0% no-repeat padding-box;
        text-align:center;margin-left: 30px;}
.circle_txt{display:inline-block;width: 300px;height: 300px;letter-spacing: var(--unnamed-character-spacing-0);text-align: center;font-size:15px;color: #000;opacity: 1;font-weight:300;margin-top:60px;}
.plan{max-width: 80%;height: 50px;background: #8B8989 0% 0% no-repeat padding-box;border-radius: 37px;opacity: 1;margin: auto;margin-top: 50px;letter-spacing: var(--unnamed-character-spacing-0);text-align:center;align-content: center; color: #FFFFFF;font-weight: bold;font-size: 20px;padding: 5px;}
.plan2{max-width: 80%;height: 50px;background:#3463A8 ;border-radius: 37px;opacity: 1;margin: auto;margin-top: 50px;letter-spacing: var(--unnamed-character-spacing-0);text-align:center;align-content: center; color: #FFFFFF;font-weight: bold;font-size: 20px;padding: 5px 0;}
.charge{max-width: 600px;height: 50px;background: transparent linear-gradient(154deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;border-radius: 39px;opacity: 1;margin: auto;letter-spacing: var(--unnamed-character-spacing-0);text-align:center;align-content: center; color: #FFFFFF;font-weight: bold;font-size: 25px;padding: 5px;}
.red{color:#DF0011;font-size: 25px;font-weight: bold;}
.plan_img{padding-top: 30px; text-align:center;padding: 30px;}
.melit{background: #FFFFFF 0% 0% no-repeat padding-box;margin-bottom: 100px;}
.textspace{width:100%;height:auto;background-image: url("../img/1back.png");opacity: 1;}
#solution_01{margin-top:-150px;text-align:center;background-color: #FFFFFF;margin-bottom: 100px;}
.pic_style_img {width: 70%;}
.pic_style_img2 {max-width: 500px;margin: auto;}
.pic_style_img3 {max-width:100%; margin: auto;justify-content: center;display: flex;padding-right:20px;padding-left: 20px;padding-top: 5px;}
.pic_style_img4 {max-width: 700px;height: auto; margin: auto;margin-top: -60px;}
.pic_style_img5 {max-width: 150px;height: auto; margin: auto;margin-top: 50px;}
.pic_style_img6 {max-width: 180px;height: auto; margin: auto;}
.pic_style_img7 {max-width:100%; margin: auto;justify-content: center;display: flex;padding-right:50px;padding-left: 50px;padding-top: 15px;}

.hover-menu:hover{color: #003583;}

.p_e2_i_inner_img5 { max-width:370px;padding: 5px; }
.p_e2_i_inner_img6 { max-width:400px;margin-top: 100px;}
.point{background-color:#ffffff;margin-top: 50px;}
.point2{background-color:#e8f4ff;padding:27px 0 0px}
.point3{background-color:#F2F7FD;padding-top:70px;padding-bottom:0px;}

.p_head { background-color: #fff; position: relative; }
.p_head::before,.p_head::after { border-bottom: 50px solid #FFF; bottom: 0; content:""; display: block; position: absolute;}
.p_head::before { border-right:30px solid rgba(0,0,0,0); left: 0; right: 50%;}
.p_head::after { border-left: 30px solid rgba(0,0,0,0); left: 50%; right: 0;}
.p_h_text { color: #094295; font-size: 30px; font-weight: bold; letter-spacing: .01em; margin-top: 10px; text-align: center;}
.p_h_text2 { max-width: 1000px; color: #FFF; font-size: 22px; font-weight: bold; letter-spacing: .02em; margin-top: 10px; text-align: center;background: transparent linear-gradient(180deg, var(--unnamed-color-353535) 0%, #787878 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #353535 0%, #787878 100%) 0% 0% no-repeat padding-box;
opacity: 1;height: 50px;padding-top: 10px;margin: auto;}
.p_h_text3 { max-width: 900px; color:#FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: 3.5px; text-align: center;align-content: center;
    background: transparent linear-gradient(149deg, var(--unnamed-color-3463a8) 0%, var(--unnamed-color-a2c3e7) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(149deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;opacity: 1; height: 60px; align-items:center; margin: auto;}
.p_h_text4 { color: #353535; font-size: 20px; font-weight: bold; letter-spacing: .01em; text-align: center;padding-top: 10px;margin-bottom: 30px;padding-left: 5px;padding-right: 5px;}
.ec_text { color: #353535; font-size: 20px; font-weight: bold; letter-spacing: .01em; text-align: center;margin-top: 10px;margin-bottom: 10px;}
.wrapper { overflow:hidden; padding-top: 77px;}
.container { box-sizing: content-box; margin:auto; max-width: 1020px;margin-bottom: 50px;justify-content: center;padding: 0 20px;}
.container2 { box-sizing: content-box; margin:auto; position: relative;max-width: 1050px;padding: 0 }
.container3 { box-sizing: content-box; margin:auto; position: relative;width:100%;}
.container4 { box-sizing: content-box; margin:auto; max-width: 900px;height: auto; position:relative;background-color:#FFF;}
.container5 { box-sizing: content-box; margin:auto; max-width: 1300px;display: flex;}
.container6 { box-sizing: content-box; margin:auto; max-width: 950px;height: auto; position:relative;margin-top: 20px;margin-bottom: 20px; flex-wrap:wrap;display: flex;justify-content: center;}
.container7 {  margin:auto; justify-content:center;display: flex;margin-top: 20px;margin-bottom: 20px;flex-wrap: wrap;}


.case { width:100%;height:auto;position: relative;}
.case2 { width:100%;height:auto;position: relative;margin:auto;display: flex;justify-content: center;top:30px;padding-bottom: 30px;}
.case2img { width:100%;height:auto;position: relative;}
.casetxt {text-align: right;font-weight: 600;top:10%;right:150px;font-size:25px;position: absolute;background-color: #FFF;padding: 10px;}
.casetxt2 {text-align: left;font-weight: 600;top:10%;left:150px;font-size:25px;position: absolute;background-color: #FFF;padding: 10px;}
.case2txt { max-width:450px;height: auto;  margin: auto; text-align: left;font-weight:bold;top:10%;font-size:35px;position: absolute;letter-spacing: 0px;color: #3463A8;}
.case2txtb { max-width:450px;height: auto;  margin: auto; text-align: right;font-weight:bold;top:10%;font-size:35px;position: absolute;letter-spacing: 0px;color: #3463A8;}
.honbun{text-align: center;font: normal normal normal 18px/34px Source Han Sans JP;letter-spacing: 0px;color: #3B4043;opacity: 1;padding-bottom: 30px;}
.midashi{text-align: left;font: normal normal normal 12px/20px Source Han Sans JP;letter-spacing: 0px;color: #6F7579;opacity: 1; padding: 10px;border-style: solid;border-width:1px;}
.chargeillust { max-width:80%; margin: auto;justify-content: center;display: flex;padding:30px;}
.p_h_c_text5{font-size:25px;font-weight:600;line-height:1.8; color:black;margin-top: 30px;}
.p_h_text5 { color: #353535; font-size: 20px; font-weight:400; letter-spacing: .01em;margin-bottom: 50px;}

#eyecatch { position: relative; top:75px;}
.ec_container {　position:　relative;padding-top: 10px;}
.ec_background { left: 0; position: absolute; top: 0; width: 100%; }
.ec_bg_inner { height: 90%; margin: 0 auto; max-width: 1280px; position: relative; z-index:1;}
.ec_bg_image { height: auto; position: absolute; bottom: 0;}
.ec_inner { box-sizing: content-box; margin: 0 auto; max-width: 1280px; padding: 0 17px; position: relative}
.ec_h_text { font-feature-settings: "palt"; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: .08em; line-height: 1.35}
.ec_h_text2 { font-size: 25px; font-weight: 900; position: absolute; top: 50%; left: 35%;}
.ec_h_text3 { font-size: 25px; font-weight: 900; color:#FFF;}

.ec_h_title { display: block; margin: 17px auto 0;}
.ec_content { margin-top: 20px; max-width: 67%; position: relative}
.ec_head { text-align: center;margin-top: -60px;}
.ec_head2 { text-align: center;margin: auto;max-width: 1000px;height: auto; margin-top: -70px;}
.medal_img{ max-width: 26%;padding: 20px;margin: auto;}
.ec_container2 {
background-image:url("../img/ecbk.png");
opacity: 1;height:auto;width: 100%; margin: auto;margin-top: 30px;padding-bottom: 30px;padding-left: 20px;padding-right: 20px;background-size:cover;margin-bottom: 50px;}
.ec_container3 {height: auto;max-width: 800px; margin: auto;margin-top: -10px;display: flex;align-items: center; flex-wrap: wrap;justify-content: center;padding-bottom: 5px;}
.ec_container4 {height: auto;max-width: 900px; margin: auto;margin-top: 20px;display: flex;justify-content: center;align-items: center; padding: 10px;background-color: #FFF;padding-bottom: 10px;flex-wrap: wrap;}

.btn_22 {
max-width: 800px;
padding: 0.5rem;
font-weight: bold;font-size:30px;
border-radius: 77px;
opacity: 1;	color: #fff;
background: #F18E1D;margin: auto;text-align-last: center;position: relative;top:-30px;
}
.textbox-001{ width: 220px;height: 45px;margin:auto;font-weight:600; font-size: 18px; justify-content: center; 
    align-items: center;background-color:#FFB460; text-align: center;align-content: center;}
.textbox-002{width: 100%;height: 30px;margin:auto;font-weight: bold; font-size: 25px; justify-content: center;align-items: center; text-align: center;letter-spacing: 3px;color: #003583;}
.textbox-003{width: 100%;margin:auto;font-weight: bold; font-size: 20px; justify-content: center;align-items: center; text-align: center;color: #000;letter-spacing: 0px;padding-bottom: 60px; }
.textbox-004{background: #D8EAFF;font-size: 15px;width: 100%; }
.boxa {width: 220px;height: 100px;margin:auto;font-weight: bold; font-size: 20px; justify-content: center; 
    align-items: center;background-color:#FFF; text-align: center;padding-top:0px;align-content: center;}
.boxb {width: 130px;height:auto;margin:auto;font-weight: bold; font-size: 20px; 
    align-items: center;background-color:#FFF; text-align: center;padding-top:25px;align-content: center;}
.box2 {height: 180px;font-weight: bold; justify-content: center; 
    align-items: center;text-align: center;margin: 2px;}
.textbox-001span{ font-size: 28px;font-weight: bold; }

.title { color: #094295; text-align: center;margin-top:50px;margin: auto;}
.title2 { color: #FFF; text-align: center;background: #353535;padding: 15px;}
.title ._number { font-size: 45px; vertical-align: middle; letter-spacing: .001em;}
.title__text { display: block; font-size: 25px; font-weight: 400; letter-spacing: .01em; }
section#sec1{
  background: #F2F7FD;
  position: relative;
}
section#sec1:after{
  content: "";
  width: 0;
  height: 600px;
  border-style: solid;
  border-width: 100px 50vw 0 50vw;
  border-color: #F2F7FD #fff transparent #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
section#sec2{background: #e4e1ce;}
.problem { background-image: url("../img/triangle.png");background-size:contain;max-width:100%; height: 900px;margin: auto;background-repeat: no-repeat;margin-top:30px;}
.textbox_a{ margin:auto;font-weight: bold; font-size: 17px; flex-direction: column;text-align: start; max-width: 1000px;}
.textbox_b{ margin:auto;font-weight: bold; font-size: 17px;  flex-direction: column;text-align:end; max-width: 1000px;}

.text_bk1{background: transparent linear-gradient(90deg, #D9E3ED 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;opacity: 1;height: 49px;padding: 9px;margin-top: 15px;}
.text_bk2{background: transparent linear-gradient(270deg, #D9E3ED 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;opacity: 1;height: 49px;padding: 9px;margin-top: 15px;}

/*===================================
画面サイズ960px以下
===================================*/
@media not all and (min-width: 960px){
.problem { background-image: url("../img/triangle.png");background-size:contain;max-width:100%; height: 900px;margin: auto;background-repeat: no-repeat;margin-top:30px;}
#solution_01{margin-top:-250px;text-align:center;background-color: #FFFFFF;margin-bottom: 100px;}

.pic_style_img4 {max-width: 500px;height: auto; margin: auto;margin-top: 0px;margin-left: -50px;}
.p_e2_i_inner_img6 { max-width:400px;margin-top: 50px;}
}

/*===================================
画面サイズ860px以下
===================================*/
@media not all and (min-width: 860px){
.chargeillust { max-width:100%; margin: auto;}
.case2txt { max-width:400px;height: auto;  margin: auto; text-align: left;font-weight:bold;top:10%;font-size:25px;position: absolute;letter-spacing: 0px;color: #3463A8;}
.case2txtb { max-width:400px;height: auto;  margin: auto; text-align: right;font-weight:bold;top:10%;font-size:25px;position: absolute;letter-spacing: 0px;color: #3463A8;}
.ec_text { font-size: 16px;}

.p_h_c_text5{font-size:20px;font-weight:600;line-height:1.8; color:black;margin-top: 20px;}
.p_h_text5 { color: #353535; font-size: 15px; font-weight:400; letter-spacing: .01em;margin-bottom: 50px;}

}


/*===================================
画面サイズ768px以下
===================================*/
@media not all and (min-width: 768px){
.casetxt {text-align: right;font-weight: 600;top:5%;right:50px;font-size:18px;position: absolute;}
.casetxt2 {text-align: left;font-weight: 600;top:5%;left:50px;font-size:18px;position: absolute;}
.container7 {  margin:auto; justify-content:center;display: flex;padding: 0px;flex-wrap: wrap;}
.chargeillust { max-width:100%; margin: auto;padding:0px;margin-top: 50px;}
.plan{max-width: 90%;height: auto;font-size: 15px;padding: 5px;}
.plan2{max-width: 90%;height: auto;font-size: 15px;padding: 5px;}

#eyecatch { position: relative; top:120px;}
.ec_container { }
.ec_background { }
.ec_bg_image { width: 100.0%; max-width: 520px; bottom: -7px;}
.ec_h_title { width: 96%; max-width: 460px;}
.ec_content { max-width: 98%; margin: 20px auto 0; text-align: center;}
.ec_c_image { margin: 0 auto 15px; width: 96%; max-width: 460px;}
.ec_h_text3 { font-size: 20px; font-weight: 900; color:#FFF;}
.btn_22 {max-width: 600px;
padding: 0.5rem;
font-weight: bold;font-size:20px;
border-radius: 77px;
opacity: 1;	color: #fff;
background: #F18E1D;margin: auto;text-align-last: center;position: relative;top:-30px;
}
.title__text { margin-left: -10px; margin-right: -10px;}
.problem { background-image: url("../img/triangle2.png");background-size:contain;max-width:100%; height: 900px;margin: auto;background-repeat: no-repeat;margin-top:100px;}
.textbox_a{ font-size: 13px; flex-direction: column;text-align: start; max-width: 700px;}
.textbox_b{font-size: 13px;  flex-direction: column;text-align:end; max-width: 700px;}
.title { color: #094295; text-align: center;margin-top:0px;margin: auto;}
#solution_01{margin-top:0px;text-align:center;background-color: #FFFFFF}
._color4 { color:#3463A8; font-size: 20px;}
.container { box-sizing: content-box; margin:auto; max-width: 700px;position:relative;padding:50px;}
.pic_style_img4 {max-width: 500px;height: auto; margin: auto;}
.container5 { flex-wrap: wrap;margin:auto;justify-content:center;margin-top: -50px;}
.pic_style_img3 {max-width:100%; margin: auto;justify-content: center;display: flex;padding-right:15px;padding-left: 15px;padding-top: 5px;}
.p_h_c_text4{font-size:16px;font-weight:400;line-height:2.0; max-width:400px; color:black;margin-top: 0px;}
.circle{width: 250px;height: 250px;border-radius: 50%;background: transparent linear-gradient(138deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;
        text-align:center;}
.circle2{width: 250px;height: 250px;border-radius: 50%;background: transparent linear-gradient(180deg, #F18E1D 0%, #FFE1BF 100%) 0% 0% no-repeat padding-box;
        text-align:center;}
.circle_txt{display:inline-block;width: 250px;height: 250px;letter-spacing: var(--unnamed-character-spacing-0);text-align: center;font-size:13px;color: #000;opacity: 1;font-weight:300;margin-top:40px;}
.accordion_content {
      top: 45px; /* ボタンの下に出す */
    margin: auto;
    font-size: 13px;font-weight: bold;
      background: #fff;
      padding: 10px;
      width: 120px;
    }


}

/*===================================
画面サイズ640px以下
===================================*/
@media not all and (min-width: 640px){
.charge{max-width: 400px;height: 50px;background: transparent linear-gradient(154deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;border-radius: 39px;opacity: 1;margin: auto;letter-spacing: var(--unnamed-character-spacing-0);text-align:center;align-content: center; color: #FFFFFF;font-weight: bold;font-size: 20px;padding: 5px 0;}
.honbun{text-align: center;font: normal normal normal 13px/34px Source Han Sans JP;letter-spacing: 0px;color: #3B4043;opacity: 1;padding-bottom: 30px;}
.pic_style_img3 {max-width:100%; margin: auto;justify-content: center;display: flex;padding: 30px;}
.pic_style_img5 {max-width: 100px;height: auto; margin: auto;margin-top: 50px;}
.pic_style_img7 {max-width:100%; margin: auto;justify-content: center;display: flex;padding:30px;}
.p_h_text3 { max-width: 500px;font-size: 23px;align-content: center;}
.plan_img{padding-top: 30px; text-align:center;padding: 5px;}

.ec_head { text-align: center;margin-top: -120px;}
.ec_head2 { flex-wrap: wrap;margin-top: 0px;}
.medal_img{ max-width: 30%;padding: 5px;margin: auto;}
.ec_h_text3 { font-size: 18px; font-weight: 900; color:#FFF;}
.pic_style_img6 {width: 150px;height: auto; margin: auto;padding: 10px;}
.circle{margin-right: 0px;}
.circle2{margin-left: 0px;}
}

/*===================================
画面サイズ520px以下
===================================*/
@media not all and (min-width: 520px){
.container7 {  max-width: 500px; margin:auto; justify-content:center;display: flex;padding: 0px;flex-wrap: wrap;}
.ec_container2 {height: auto;width: 100%; margin: auto;margin-top: 30px; margin-bottom: -20px;padding-left: 20px;padding-right: 20px;}
.p_h_c_text5{font-size:15px;font-weight:600;line-height:1.8; color:black;margin-top: 20px;}
.pic_style_img2 {max-width: 350px;margin: auto;}
.pic_style_img3 {max-width:100%; margin: auto;justify-content: center;display: flex;padding-right:5px;padding-left: 5px;padding-top: 15px;}
.p_h_text3 { max-width: 500px;font-size: 18px;text-align: center;align-content: center;}
.ec_h_text3 { font-size: 15px; font-weight: 900; color:#FFF;}
._color4 { color:#3463A8; font-size: 18px;}
.textbox_b{font-size: 14px;  flex-direction: column;text-align:end;margin-top: -9px;}
.textbox_a{ font-size: 14px; flex-direction: column;text-align: start; margin-top: -9px;}
.casetxt {text-align: right;font-weight: 600;top:5%;right:0px;font-size:15px;position: absolute;}
.casetxt2 {text-align: left;font-weight: 600;top:5%;left:0px;font-size:15px;position: absolute;}
.pic_style_img6 {width: 120px;height: auto; margin: auto;padding: 10px;}
.container { box-sizing: content-box; margin:auto; max-width: 900px;position:relative;padding:20px;}

.chargeillust { max-width:100%; margin: auto;padding:0px;margin-bottom: 30px;margin-top: 30px;}
.case2txt { max-width:500px;height: auto;  margin: auto; text-align: left;font-weight:bold;top:10%;font-size:20px;position: absolute;letter-spacing: 0px;color: #3463A8;}
.case2txtb { max-width:500px;height: auto;  margin: auto; text-align: right;font-weight:bold;top:10%;font-size:20px;position: absolute;letter-spacing: 0px;color: #3463A8;}
}
/*===================================
画面サイズ480px以下
===================================*/
@media not all and (min-width: 480px){
.ec_c_image { margin-bottom: 0px;}
.btn_22 {max-width: 400px;font-size:15px;}
.textbox-001{ width: 150px;height:auto;margin:auto;font-weight: 600; font-size: 13px; justify-content: center; align-items: center;background-color:#FFB460; text-align: center;}
.boxa {width: 150px;height: 80px;margin:auto;font-weight: bold; font-size: 15px; justify-content: center; align-items: center;background-color:#FFF; text-align: center;padding-top:25px;}
.textbox-001span{ font-size: 18px;font-weight: bold; }
.box2 {height: 120px;font-weight: bold; justify-content: center; align-items: center;text-align: center;margin: 10px;}
.textbox-003{width: 100%;margin:auto;font-weight: bold; font-size: 16px; justify-content: center;align-items: center; text-align: center;color: #000;padding-bottom: 20px; }
.p_e2_i_inner_img6 { max-width:300px;margin-top: 80px;}
.p_h_c_text4{font-size:13px;font-weight:400;line-height:2.0; max-width:100%; color:black;margin-top: 30px;}
._color { color: #000; background: linear-gradient(to top, #FFD19D 30%, transparent 5%);font-weight: bold;font-size: 16px;}
.sp-br { display: block;}  

}

/*===================================
画面サイズ360px以下
===================================*/
@media not all and (min-width: 360px){
.ec_c_image { margin-bottom: -20px;}
.pic_style_img2 {max-width: 300px;margin: auto;}

.pic_style_img4 {max-width: 400px;height: auto; margin: auto;}
.charge{max-width: 350px;height: 50px;background: transparent linear-gradient(154deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;border-radius: 39px;opacity: 1;margin: auto;letter-spacing: var(--unnamed-character-spacing-0);text-align:center;align-content: center; color: #FFFFFF;font-weight: bold;font-size: 16px;padding: 5px 0;}
.pic_style_img7 {width:300px; margin: auto;justify-content: center;display: flex;padding:0px;margin-top: 20px;}
.pic_style_img3 {width:300px; margin: auto;justify-content: center;display: flex;padding-right:0px;padding-left: 0px;padding-top: 20px;}

}

/*===================================
画面サイズ960px以上
===================================*/
@media screen and (min-width: 960px){
.wrapper { padding-top: 58px}
.ec_container {margin-top: 30px;padding-bottom: 55px;}

}

/*===================================
画面サイズ768px以上
===================================*/
@media screen and (min-width: 768px){
.pic_style_img {width: 600px;}

.point{padding:30px 0 0px}
.point2{padding:30px 0 50px}
.p_h_text { font-size: 40px; margin-top: 5px; color: #094295;}
.container2 { box-sizing: content-box; margin:auto; position: relative;width:600px;padding: 0 }
.btn_22b {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 220px;height: 35px;
	margin: auto;
	padding: 1rem;display: flex;
    align-items: center;
	font-weight: bold;font-size: 18px;
background: transparent linear-gradient(180deg, var(--unnamed-color-3463a8) 0%, var(--unnamed-color-a2c3e7) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #3463A8 0%, #A2C3E7 100%) 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
border-radius: 20px;
opacity: 1;	color: #fff;
	position: relative;
}
a.btn_22c {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 220px;height: 35px;
	margin: auto;
	padding: 1rem;display: flex;
    align-items: center;
	font-weight: bold;font-size: 18px;
background: transparent linear-gradient(180deg, var(--unnamed-color-f18e1d) 0%, #FFD19D 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #F18E1D 0%, #FFD19D 100%) 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
border-radius: 20px;
opacity: 1;	color: #fff;
	position: relative;
}
.ec_container {padding: 35px 0 35px}
.ec_background { background:url("../img/topback.png") center center/cover;}
.ec_bg_image { width: 80%; right: 0; bottom: -7px;}
.ec_inner { padding:0 28px;}
.ec_h_text { font-size: min(2.5vw, 26px); letter-spacing:.05em; margin: 0;}

.ec_h_title { margin: 20px 0 20px; max-width: 47.0%;}
.ec_content { max-width: 600px; width: 47.0%;}
.title ._number { font-size:50px;}
.title__text { font-size:30px;}

}



/*===================================
cta 基本設定
===================================*/
.cta { max-height: 400px; padding:40px 0;background-image: url("../img/cta_back2.png");background-repeat:no-repeat;background-size:cover;}
.cta_inner {max-width: 1000px;height: auto; margin: auto;display: flex;margin-top: -30px;padding-right: 0px;}
.cta_inner2 {margin: auto; text-align: center;margin-right: 0px;padding-left: 20px;}
.cta_inner3 {max-width:100%;height: auto; margin: auto;display: flex;margin-top: 30px;}

.cta_img {max-width: 100%;margin: auto;margin-top: 0px;}
.cta_img2 {max-width: 55%;margin: auto;margin-top: -30px;}
.ctabtn {
	position:relative;
	max-width:400px;
	height: 150px;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.ctabtn img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.ctabtn:hover img:nth-of-type(2) {
	opacity: 0;
}
.ctabtn2 {
	position:relative;
	max-width:450px;
	height: 150px;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.ctabtn2 img {
	position: absolute;flex: auto; 
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.ctabtn2:hover img:nth-of-type(2) {
	opacity: 0;
}

.button-wrap {
  display: flex;text-align: center;flex-wrap: wrap;justify-content: center;
  align-items: center;margin: auto;
  gap: 30px; /* 画像間のスペース調整 */
}

.ctabtn3 a {
  position: relative;max-width: 350px;
  display: inline-block;
}

.ctabtn3 a img {
  display: block;
  transition: opacity 0.3s ease;
}

.img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.ctabtn3 a:hover .img-hover {
  opacity: 1;
}

.ctabtn3 a:hover .img-default {
  opacity: 0;
}

.ctabtn-fixed{max-width: 250px;}

/* アニメーション */
@keyframes fuwafuwa {from {translateY(0) scale(1)}to {transform: translateY(10px) scale(.9);}}
.anime-object {animation: fuwafuwa 1s ease-in-out infinite alternate;}

/*===================================
860px以下
===================================*/
@media not all and (min-width: 860px){
.cta { max-height: 350px; padding:40px 0;background-image: url("../img/cta_back2.png");background-repeat:no-repeat;background-size:cover;}
.cta_img {max-width: 100%;margin: auto;margin-top: 40px;}
.ctabtn3 a {max-width: 250px;}
.ctabtn-fixed{max-width: 180px;}

}

/*===================================
640px以下
===================================*/
@media not all and (min-width: 640px){
.cta_img2 {max-width: 60%;margin: auto;margin-top: 10px;} 
.ctabtn {width:300px;}
.ctabtn2 {width:300px;}

}    

/*===================================
520px以下
===================================*/
@media not all and (min-width: 520px){
.cta { max-height: 200px; padding:40px 0;background-image: url("../img/cta_back2.png");background-repeat:no-repeat;background-size:cover;}
.cta_img {max-width: 90%;margin: auto;margin-top: 0px;}
.ctabtn {width:230px;margin-top: -35px;}
.ctabtn2 {width:350px;margin-top: 0px;}

.cta_img2 {max-width: 55%;margin: auto;margin-top: -30px;} 

}
/*===================================
480px以下
===================================*/
@media not all and (min-width: 480px){
.cta_img {max-width: 200px;margin: auto;margin-top: 0px;}
.cta_img2 {max-width: 50%;margin: auto;margin-top: 0px;margin-left: -30px;} 
.ctabtn {width:220px;margin-top: -40px;}
.cta_inner2 {margin: auto; text-align: center;margin-left: -20px;}

}
    
/*===================================
360px以下
===================================*/
@media not all and (min-width: 360px){
.ctabtn2 {width:300px;margin-top: 0px;}
.cta_img2 {max-width: 60%;margin: auto;margin-top: 10px;margin-left: -30px;} 
.cta_img {max-width: 180px;margin: auto;margin-top: 10px;}
.ctabtn {width:180px;margin-top: -30px;}


}
/*==================================
ふわっと出るアニメーション
===================================*/
.flex{
  display:flex;
  flex-wrap: wrap;
}

.box{
  opacity: 0;
}


.fadeUp {
animation-name:fadeUpAnime;
animation-duration:1.0s;
animation-fill-mode: forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/*===================================
スクロール
===================================*/
.container8 {
  box-sizing: content-box;
  margin: auto;
  max-width: 800px;
  height: auto;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow-x: auto;       /* ← scrollでもOK */
  display: flex;
  gap: 10px;              /* 要素間の余白 */
  padding: 10px;
  scroll-behavior: smooth;
}
.box3 {min-width: 160px;height: 130px;flex-shrink: 0; font-weight: bold; justify-content: center; align-items: center;text-align: center;margin: auto;border: 1px solid #000000;}

/*===================================
ふわっと出るアニメーション（画面サイズ480px以下）
===================================*/
@media not all and (min-width: 480px){
.box{margin-bottom: 30px;
}
    }
/*==================================
アコーディオン 基本設定
===================================*/
.wrap {
  margin: 2em 0 ;
  padding: 0;
}

.wrap label {
  display: block;
  color: #fff;margin: auto;width: 100%; 
  font-weight: bold;
  cursor: pointer;
}

.wrap input[type="checkbox"] {
  display: none;
}

.wrap .content {
  height: 0;max-width: 1000px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px;margin: auto;
  border: 0px solid ;background: #FFF;
}

.switch:checked + .content {
  height: auto;
  padding: 25px;
  background: #fff;
}

/*===================================
フェードイン
===================================*/
.container{
	overflow: hidden;
}
.slidein{
	/* 装飾に関わるスタイルは省略 */
	margin: 50px auto;
	transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.slide_left{
opacity: 0;
  transform: translate(0%, 50);
  transition: 2s;}
.slide_right{
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;}
.show{
 transform: translate(0, 0);
  opacity: 1;}


/*===================================
矢印文字 基本設定
===================================*/
.triangle {
  position: relative;
  background: #FFF;
  height:50px;margin-top: -10px;font-family: "源ノ角ゴシック JP";font-size: 30px;font-weight: bold;
}

.triangle::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 73px 0 73px;
  border-color: #FFF transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}


/*===================================
ふきだし 設定
===================================*/
.speech{display: flex;max-width: 1000px;  margin: auto;justify-content: space-around;padding: 20px;flex-wrap: wrap;}
.speechBubble {
  position: relative;
  width: 280px;
  margin: 10px;margin-top: 30px;
  padding: 30px;
  border: 2px solid #000000;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: center;
  line-height: 1.5;
  color: #000000;
}

.speechBubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 15px 30px 15px;
  border-color: transparent transparent #000000;
  translate: -50% -100%;
}

.speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 12.8px 25.5px 12.8px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
}


/*===================================
お申込みのステップ 設定
===================================*/
.step2{background-image: url("../img/product_back.png");background-size:cover;}
.step_lead{font-size:24px;font-weight:600;margin-top:16px;text-align:center;text-transform:uppercase}
.step_body{margin-top:42px;}
.step_img{padding-left: 100px;}
.step_footer_attend{background-color: #FFF;padding:30px;display: flex;margin: auto;max-width: 900px;margin-bottom: 0px;}
.step_text{text-align: left; font: normal normal normal 12px/30px Kozuka Gothic Pr6N;margin: auto;max-width: 500px;}

.flow_design05 {
  display: flex;
  justify-content: center;
  align-items: center;margin-top: 70px;
}

.flow05 {
  padding-left: 0;
}

.flow05 > li {
  list-style-type: none;
  position: relative;
  padding-left: 100px;
}

.flow05 > li:not(:last-child) {
  padding-bottom: 10px;
}

.flow05 > li .icon05 {
  width: 3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  border-radius: 100vh;
  display: inline-block;
background: transparent linear-gradient(1deg, #5C9CF8 0%, #17579D 100%) 0% 0% no-repeat padding-box;
    color: #fff;
  position: absolute;
  left: 0;
}

.flow05 > li:not(:last-child)::before {
  content: '';
  background: #c3c3c3;
  width: 4px;
  height: 100%;
  position: absolute;
  top: calc(50% - -30px);
  left: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.flow05 > li dl dt {
  font-size: 1.5em;
  font-weight: 600;
  color: #4D9BC1;
}

.flow05 > li dl dd {
  margin-left: 0;margin-bottom: 50px;font-weight: bold;
}

/*===================================
お申込みのステップ 設定（画面サイズ768px以下）
===================================*/
@media not all and (min-width: 768px){
._pc{display:none}
.feature__example__item--text{line-height:1}
.feature__p_head{flex-wrap:wrap;justify-content:center}
.feature__p_head__image{max-width:140px}
.feature__problem__detail__item{padding-bottom:5px}
.feature__problem__detail__item__text{letter-spacing:-0.02em;line-height:1.6}
.step_body .container{padding:0}
.step_item:not(:last-child)::before{height: 100%; bottom:0;left:40px;top:0}
.step_i_inner{margin-top:5px}
.step_i_title__number{line-height:1}
.step_i_title__inline{margin-top:-10px}
.step_i_text{font-size:17px}
.step_footer__inline{line-height:1.4}
.step_text{text-align: left; font: normal normal normal 10px/25px Kozuka Gothic Pr6N;padding-left: 10px;padding-right: 10px;}
.step_border {border-left:1px solid #000000; /*線の設定*/padding:5px 5px; /*余白の設定*/}
.step_footer_attend{background-color: #FFF;padding:30px;display: flex;margin: auto;max-width: 700px;margin-bottom: 50px;text-align:center;}
.step_img{padding-left: 0px;}

}

/*===================================
お申込みのステップ 設定（画面サイズ520px以下）
===================================*/
@media not all and (min-width: 520px){
.step_text{text-align: left; font: normal normal normal 10px/25px Kozuka Gothic Pr6N;padding-left: 10px;padding-right: 10px;width: auto;}
 .step_footer_attend{background-color: #FFF;padding:10px;display: flex;margin: auto;max-width: 500px;margin-bottom: 50px;}
   
    
}

/*===================================
お申込みのステップ 設定（画面サイズ768px以上）
===================================*/
@media screen and (min-width: 768px){
.step{padding:64px 0 100px}
.step_lead{font-size:26px;margin-top:8px}
.step_body{margin-top:64px}
.step_list{margin: 0 auto; padding-top: 30px; padding-bottom: 35px;}
.step_item{align-items:center;gap:34px}
.step_item:not(:last-child){padding-bottom:62px}
.step_i_image{height:140px;width:140px}
.step_i_image img{width:90px}
.step_i_title{display:flex;font-size:26px}
.step_i_title__number{padding-top:5px;width:68px}
.step_i_title__inline{align-items:flex-start;display:inline-flex}
.step_i_title__inline::before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #0080c8;border-style:solid;border-width:4.5px 0 4.5px 8px;content:"";display:block;height:0;margin:14px 12px 0px 16px;width:0}
.step_i_text{margin-top:5px}
.step_footer{padding:47px 20px 35px}
.step_footer::before{border-width:33px 43px 0 43px}
.step_footer__inline{align-items:center;display:flex;font-size:47px;justify-content:center}
.step_footer__inline__image{margin-right:20px; width:80%;max-width: 700px;}
.step_border {border-left:1px solid #000000; /*線の設定*/padding:5px 5px; /*余白の設定*/}
.textbox-005{ margin:auto; font-size: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top:10px; }

}

/*===================================
基本FAQ設定
===================================*/
.style_faq_text2{color:#353535;font-size:25px;font-weight:600;letter-spacing:.02em; text-align: center}
.style_faq { width: 100%; text-align: center;}
.style_faq section { padding-top: 30px;}
.style_faq ul { width: 100%; margin: 4.0% auto 1.0%; display: flex; flex-wrap: wrap; justify-content:center;}
.style_faq ul li:first-child { width: 24%; padding: 0; }
.style_faq ul li { width: 24%; margin: 0 0 0 1%; }
.style_faq ul li:last-child { width: 24%; margin: 0 0 0 1%; }
.style_faq .btn { width: 100%; padding: 3.8% 0 4%; font-size: 100%; position: relative; color: #FFFFFF; background-color: #9a9a9a; border-radius: 30px; display: block; border: solid 2px #9a9a9a; font-size: 95%; font-weight: 900;}
.style_faq .btn:hover { color: #515151; background-color: #FFFFFF;}
.style_faq .btn:before { padding: 0 3% 0 0; font-family: 'Font Awesome 5 Free'; position: relative; content: '\f078';}
.style_faq h4 { margin: 0 auto 25px; padding: 0.8% 0 0 7.0%; font-size: 140%; font-weight: 900; letter-spacing: 0em; text-align: left; position: relative; display: block; color: #3463A8;}
.style_faq h4 span { position: absolute; top: 0; left: 0; padding: 0.5% 1.2% 0.8%; font-size: 90%; font-weight: 900; letter-spacing: 0em; color: #FFFFFF; background: #3463A8; border-radius: 4px;}
.style_faq h4 span:after { position: absolute; top: calc(50% - 6px); right: -10px; width: 0; height: 0; content: ''; border-width: 6px 0 6px 12px; border-style: solid; border-color: transparent transparent transparent #3463A8;}
.style_faq .hidden_box { width: 100%; margin: 0 auto; padding: 0; display: block;}
.style_faq label { width: 100%; margin: 0.6% auto 0; padding: 1.0% 2.5% 1.2%; font-size: 98%; font-weight: 500; color: white; text-align: left; display: block; border-top: solid 1px #fff; border-bottom: solid 1px #fff; background-color: #40a6ff; border-radius: 8px;}
.style_faq i { margin: 0 0.5% 0 0; font-size: 130%; line-height: 1; color: #FFF;}
.style_faq label:hover { color: #FFF; background: #3463A8; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
.style_faq input { display: none;}
.style_faq input:checked ~ .hidden_show { width: 100%; padding: 0; height: auto; opacity: 1;}
.style_faq .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0;}
.style_faq p { width: 100%; margin: 0 auto; padding: 1.4% 1.5% 1.5%; background-color: #f2f2f2; font-size: 85%; font-weight: 500; color: #505050; text-align: left; line-height: 1.3; display: block; border-bottom: solid 1px #fff; border-radius: 8px;}
.style_faq p a { color: #FF5700; font-weight: bold;}
@media screen and (min-width: 768px){
.style_faq_text2{font-size:26px}
.anchor{
scroll-margin-top: 120px; 
}
}

/*===================================
基本FAQ設定(画面サイズ896px以下)
===================================*/
@media (max-width: 896px){
.style_faq section { padding-top: 30px;}
.style_faq ul { width: 100%; margin: 4.0% auto 1.0%; display: flex; flex-wrap: wrap;}
.style_faq ul li:first-child { width: 49%; margin: 0.5% 0; padding: 0 0.5%;}
.style_faq ul li { width: 49%; margin: 0.5% 0; padding: 0 0.5% 0 0.5%;}
.style_faq ul li:last-child { width: 49%; margin: 0.5% 0; padding: 0 0.5%;;}
.style_faq .btn { width: 98%; padding: 3.4% 5% 4%; font-size: 120%;}
.style_faq .btn:before { padding: 0 4% 0 0; font-size: 96%;}
.style_faq h4 { margin: 0 auto 25px; padding: 0.8% 0 0 10.0%; font-size: 130%;}
.style_faq h4 span { padding: 0.5% 2.0% 0.8%; font-size: 100%;}
.style_faq h4 span:after { top: calc(50% - 3px); right: -8px; border-width: 3px 0 3px 15px;}
.style_faq label { width: 100%; margin: 0.6% auto 0; padding: 1.0% 2.5% 1.2%; font-size: 92%;}
.style_faq i { margin: 0 0.5% 0 0; font-size: 124%;}
.style_faq p { width: 100%; margin: 0 auto; padding: 1.4% 1.5% 1.5%; font-size: 79%;line-height: 1.3;}
}

/*===================================
基本FAQ設定(画面サイズ768px以下)
===================================*/
@media (max-width: 768px){
.style_faq section { padding-top: 30px;}
.style_faq ul { width: 100%; margin: 8.0% auto 1.0%; display: flex; flex-wrap: wrap;}
.style_faq ul li:first-child { width: 100%; margin: 0.5% 0; padding: 0 0.5%;}
.style_faq ul li { width: 100%; margin: 0.5% 0; padding: 0 0.5% 0;}
.style_faq ul li:last-child { width: 100%; margin: 0.5% 0; padding: 0 0.5%;}
.style_faq .btn { width: 100%; padding: 3.4% 5% 4%; font-size: 110%; border-radius: 50px}
.style_faq .btn:before { padding: 0 4% 0 0; font-size: 90%;}
.style_faq h4 { margin: 0 auto 25px; padding: 0.8% 0 0 18.0%; font-size: 130%;}
.style_faq h4 span { padding: 0.5% 2.0% 0.8%; font-size: 100%;}
.style_faq h4 span:after { top: calc(50% - 3px); right: -8px; border-width: 3px 0 3px 8px;}
.style_faq label { width: 100%; margin: 1.6% auto 0; padding: 2.0% 2.5% 2.2%; font-size: 92%;}
.style_faq i { margin: 0 0.5% 0 0; font-size: 124%;}
.style_faq p { width: 100%; margin: 0 auto; padding: 1.4% 1.5% 1.5%; font-size: 79%;line-height: 1.3;}
}


/*===================================
footer 基本設定
===================================*/
.f_company { padding: 2px 0 32px; background: linear-gradient(to right, #2d3336, #262c30); color: #FFFFFF;}
.f_company .container { max-width: 1280px;}
.f_c_title { font-size: 18px; font-weight: bold; letter-spacing: -0.1em; line-height: 1.8;}
.f_c_inner { margin-top: 24px;}
.f_c_description { font-size: 11px; letter-spacing: 0.005em; line-height: 1.4;}
.f_info { background-color: #1e2428; padding: 13px 0;}
.f_i_list { align-items: center; display: flex; justify-content: center;}
.f_i_item {align-items: center; display: flex;}
.f_i_item:not(:first-child)::before { background-color: #fff; content:""; display: block; height: 10px; margin: 0 10px; width: 1px;}
.f_i_i_link { color: #fff; font-size: 11px; letter-spacing: -0.075em; text-decoration: underline;}
.f_copy { color: #fff; display: block; font-size: 13px; text-align: center;}
.pagetop{position: fixed;bottom: 20px;right: 20px;width: 60px;}
.pagetop a{display: block;text-decoration: none;}
.pagetop:hover{opacity: 0.85 ;}

/*===================================
footer 設定（画面サイズ768px以上）
===================================*/
@media screen and (min-width: 768px){
.f_company { padding: 1px 0 22px;}
.f_c_title { font-size: 18px;}
.f_c_inner { -ms-grid-columns:(260px 1fr)[1]; display: -ms-grid; display: grid; grid-template-columns: repeat(1,260px 1fr);}
.f_c_logo { margin: 5px 0 0 0; text-align: left;}
.f_c_logo img { width: 210px;}
.f_c_description { font-size: 11px; line-height: 1.4; white-space: nowrap;}
.f_info { padding: 18px 0 14px;}
.f_i_inner { align-items: center; display: flex;}
.f_i_item:not(:first-child)::before{ margin:0 15px;}
.f_i_i_link { font-size: 14px;}
.f_copy { font-size: 14px; margin-left: auto;}
    
/* sns_guide 基本設定 */
#sns_guide { width: 100px; margin: 10px auto; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; gap: 1%; grid-template-columns: repeat(2, 1fr); text-align: center; list-style: none;}

/* SNS_button 基本設定 */
#sns_guide a.btn-sns { width: 60px; height: 60px; padding: 8px 9px; font-size: 1.3rem; line-height: 1; letter-spacing: 0; color: #fff; border-radius: 50%;}
#sns_guide a.btn-sns:hover { color: #fff; }
#sns_guide a.btn-sns--twitter { background: #000; }
#sns_guide a.btn-sns--instagram { background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; }
}

/*===================================
footer 設定（画面サイズ768px以下）
===================================*/
@media not all and (min-width: 768px){
.f_c_logo { margin: 0 auto; width: 196px;}
.f_c_description { margin-top: 6px; text-align: center;}
.f_copy{ margin-top:10px;}
    /* sns_guide 基本設定 */
#sns_guide { width: 100px; margin: 10px auto; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; gap: 1%; grid-template-columns: repeat(2, 1fr); text-align: center; list-style: none;}

/* SNS_button 基本設定 */
#sns_guide a.btn-sns { width: 60px; height: 60px; padding: 8px 9px; font-size: 1.3rem; line-height: 1; letter-spacing: 0; color: #fff; border-radius: 50%;}
#sns_guide a.btn-sns:hover { color: #fff; }
#sns_guide a.btn-sns--twitter { background: #000; }
#sns_guide a.btn-sns--instagram { background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; }
}