@charset "utf-8";


/* ====================================================================================================
   CSSリセット
   ---------------------------------------------------------------------------------------------------- */

/* Googleフォント */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

/* ベース */
body                                    { *font-size:small; *font:x-small; margin:0; padding:0; font-feature-settings:'palt'; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.231; font-weight:500; }
*                                       { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; }

/* HTML5対応 */
header, footer,
section, aside, nav, article            { display:block; margin:0; padding:0; }

/* Link */
a                                       { color:#0e237c; text-decoration:none; }
a img                                   { text-decoration:none; border-style:none; }

/* Reset */
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote ,iframe       { margin:0; padding:0; display:block; }
hr                                      { border:none; }
li                                      { list-style:none; }
table                                   { font-size:inherit; }
img                                     { border:none; vertical-align:bottom; text-align:right; -ms-interpolation-mode:bicubic; max-width:100%; height:auto; width:100%;}

/* テキスト */
p                                       { margin:0px 0 1.6em; font-size: 108%; line-height:1.7em; text-align:justify; text-justify:inter-ideograph; }
em                                      { font-weight:bold; font-style:normal; }

/* クリアー */
.clear                                  { clear:both; }
.cf:after                               { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
.cf                                     { min-height:1px; }

@media screen and (max-width: 760px){
a:hover img                             { opacity:1; filter:alpha(opacity=100); }
}

.pc                                     { display: block;}
.sm                                     { display: none;}

/* ====================================================================================================
   独自（基本設定）
   ---------------------------------------------------------------------------------------------------- */

/* カラム設定 */
body                                    { background: linear-gradient(90deg,#182987, #101d60); }
#wrap                                   { position:relative; width:100%; height:auto; box-sizing:border-box; overflow:hidden; }

/* ベース */
.container                              { max-width:1200px; position:relative; width:80%; margin:0px auto; }
.container.size_m                       { max-width: 900px; }
.container.size_s                       { max-width: 600px; }

/* ====================================================================================================
   ローディング
   ---------------------------------------------------------------------------------------------------- */

#cover                                  { position:fixed; top:0; left:0; z-index:1001; width:100%; height:100%; background:#f5f6f7; }
#cover img                              { position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; margin:auto; width:300px; height:auto; display:block; }


/* ====================================================================================================
   ヘッタ
   ---------------------------------------------------------------------------------------------------- */

/* 基本設定 */
header                                  { position:fixed; top:0; left:0; right:0; z-index:1000; width:100%; height:65px; margin:0 auto; display:flex; background:#122a5f; box-shadow:0px 1px 3px rgba(0,0,0,0.05); transition:all 0.8s ease-in-out; }

/* ロゴ */
header h1,
header h1 img                           { width:450px; height:auto; }
header h1 img:hover                     { transform: scale(1.05); }

/* ナビ */
header nav                              { width:100%; }
header nav ul                           { width:100%; padding-right:40px; display:flex; justify-content:flex-end; }
header nav ul li a                      { position:relative; display:block; height:auto; padding:18px 15px 0 15px; font-size:16px; font-weight:bold; text-align:center; line-height:30px; letter-spacing:0.05em; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.05); }
header nav ul li a:hover                { color:#fac92c; transition:.2s; }

/* 申し込みボタン */
header .nav_btn                         { width:200px; height:64px; display:block; color: #031872;background:#fac918; font-size: 16px; padding: 18px 0 0 0; font-weight:bold;text-align:center; line-height:30px; letter-spacing:0.05em;text-shadow:1px 1px 4px rgba(0,0,0,0.05); }
header .nav_btn:hover                   { background-color: #f3d97b; color:#031872; } 

/* コクリエアイコン */
#cocrea_icons                           { position:fixed; top:80px; right:20px; z-index:4; width:100%; height:auto; max-width: 400px;  margin:0; }

/* 安心アイコン */
#ansin_icons                            { position:fixed; top:80px; right:20px; z-index:4; width:100%; height:auto; max-width: 300px;  margin:0; }

/* ====================================================================================================
   メインビジュアル
   ---------------------------------------------------------------------------------------------------- */

/* 基本設定 */
#box_mv                                 { position:relative; width:100%; height:auto; }
/* catch画像設定 */
#box_mv .catch                          { position:absolute; width:42%; height:auto; top: 48%;left: 48%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 6; filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.1)); }

#box_mv .box_mv_inner                   { position:relative; width:100%; height:auto; margin:60px 0 0 0; overflow:hidden; }
#box_mv .box_mv_inner::before           { content:""; width:100%; height:auto; padding-bottom:calc(50% - 100px); display:block; }
#box_mv .box_mv_inner::after            { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none;}


/* 表示設定 */
#box_mv .slider .bg.pc                  { display:block; }
#box_mv .slider .bg.sm                  { display:none; }

/* Slick調整 */
#box_mv .slider                         { position:absolute; top:0; right:0; z-index:2; width:100%; height:100%; }
#box_mv .slider .txt                    { position:absolute; top:0; right:0; z-index:4; width: 50%; height:100%; }
#box_mv .slider .bg                     { width:100%; margin-right:200px; background:#031872; }

#box_mv .slick-slide .bg                { opacity:0.1; filter:alpha(opacity=10) ; transition:1.0s ease; }
#box_mv .slick-current .bg              { opacity:0.9; filter:alpha(opacity=90) ; }
#box_mv .slick-slide .txt               { opacity:0.0; filter:alpha(opacity=0)  ; transition:1.0s ease 0.0s; }
#box_mv .slick-current .txt             { opacity:1.0; filter:alpha(opacity=100); transition:1.0s ease 1.0s; }

/* 半円画像設定 */
#box_mv .box_mv_inner .btm_img          { position:absolute; width:100%; height:auto; bottom: -1px; left: 0; z-index: 5; }

/*　<<フェードアップ記述>>　*/
.fadeUp          { animation: fadeUp .8s ease-in-out 1s 1 normal backwards;}
@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*　<<フェードアップ記述ここまで>>　*/

/*　<<フェードイン>>　*/
.fadeIn { animation: fadeIn 1s ease-in-out 2s 1 normal backwards;}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
/*　<<フェードイン　ここまで>>　*/

/* <<フェードイン　可視化域にきたら表示>>　*/
.fade_off      { opacity: 0;
                 -webkit-transition: all 1.5s;
                 -moz-transition: all 1.5s;
                 -o-transition: all 1.5s;
                 -ms-transition: all 1.5s; transition: all 1s}
.fade_on       { opacity: 1;}
/* <<フェードイン　ここまで>>　*/


/* ====================================================================================================
   01／安心の理由
   ---------------------------------------------------------------------------------------------------- */
/* 基本設定 */
#section_01                             { padding:80px 0 120px 0px; background-image: url("../img/bg/pattern.png");background-repeat: no-repeat;background-size: cover; background-position: center;}
#section_01 .caption                    { width: 100%; padding: 20px 30px; margin: 0 auto 80px; background: #00274e;}
#section_01 .caption p                  { font-size: 0.95rem; line-height: 1.5; margin: 10px 0; color: #fff; text-align: center;}
#section_01 .container                  { text-align: center;}
#section_01 .container h1 img           { width: 100%; height: auto; margin: 80px auto 50px;}
#section_01 .container p                { width: 100%; height: auto; font-size:1.2rem; font-weight: bold; margin:0 auto 1.8em auto; color:#fff; letter-spacing:0.05em; }


/* ====================================================================================================
   02／料金比較
   ---------------------------------------------------------------------------------------------------- */
/* 基本設定 */
#section_02                             { padding:80px 0 120px 0px; background-color:#fac92c; background-image: url("../img/bg/thunder.png");background-repeat: no-repeat;background-size: contain; background-position: top;}
#section_02 .container                  { text-align: center; }
#section_02 .container h1 img           { width: 100%; height: auto; margin: 100px auto 50px; max-width: 400px; }
#section_02 .container h2               { width: 100%; height: auto; margin: 30px auto; font-size: 2.5rem; font-weight: bold; line-height: 1.4; color: #0d3873; }
#section_02 .container h2 span          { display: inline-block;}
#section_02 .container p                { width: 100%; height: auto; font-size:1.2rem; font-weight: bold; margin:0 auto 1.8em auto; letter-spacing:0.05em; color: #0d3873; }
#section_02 .container img              { width: 100%; height: auto; margin: 30px auto; }
#section_02 .container .notes           { display: inline-block;margin-top: 10px; font-size: 0.8rem; line-height: 1.5; text-align: justify;}
#section_02 .setwari                    { width: 100%; margin: 100px auto 50px; padding: 0 50px 30px; background: #fff6e3;}
#section_02 .setwari p                  { font-size:1.0rem; font-weight: bold; margin:0 auto 20px; }
#section_02 .setwari img                { margin: 10px auto 20px; max-width: 410px;}
#section_02 .setwari .title             { margin-top:-25px; max-width: 600px;}
#section_02 .setwari .denkihikari       { max-width: 400px;}
#section_02 .btn                        { width:100%; max-width: 400px; height:auto; margin-top: 15px; display:block; color: #031872; background:#fac918; font-size: 18px; font-weight:bold; text-align:center; letter-spacing:0.05em;border-radius: 10px; }
#section_02 .btn:hover                  { background-color: #f3d97b; } 


/* ====================================================================================================
   03／特徴
   ---------------------------------------------------------------------------------------------------- */
/* 基本設定 */
#section_03                             { padding:80px 0 120px 0px; background-color:#f7f7f7; background-image: url("../img/bg/triangle.png");background-repeat: no-repeat; background-position: top;}
#section_03 .container                  { text-align: center; }
#section_03 .container .box             { width: 45%; padding: 0 2.5% 0; text-align: center; }
#section_03 .container h1 img           { width: 100%; height: auto; margin: 100px auto 50px; max-width: 500px; }
#section_03 .container img              { width: 100%; height: auto; margin: 30px auto; }
#section_03 .container h2               { width: 100%; height: auto; margin: 30px auto; font-size: 1.6rem; font-weight: bold; color: #0d3873; }
#section_03 .container .attention       { background: linear-gradient(transparent 70%, #fac918 70%);}
#section_03 .container p                { width: 100%; height: auto; font-size:1.2rem; font-weight: bold; margin:0 auto 1.8em auto; letter-spacing:0.05em; color: #0d3873; }

/* ====================================================================================================
   04／お申込方法
   ---------------------------------------------------------------------------------------------------- */
/* 基本設定 */
#section_04                             { padding:80px 0 120px 0px; background-image: linear-gradient(90deg, #6ebdf4 50%, #38a2f9 50%); }
#section_04 .container                  { text-align: center; }
#section_04 .container img              { width: 100%; height: auto; margin: -39px auto 0; }
#section_04 .container p                { width: 100%; height: auto; font-size:1.1rem; font-weight: bold; margin: 30px auto 100px; color:#fff; letter-spacing:0.05em;max-width: 600px; }
#section_04 .container h1 img           { width: 100%; height: auto; margin: 100px auto 50px; max-width: 500px; }
#section_04 .container h2               { width: 100%; height: auto; margin: 30px auto 0 ; font-size: 1.8rem; font-weight: bold; line-height: 1.4;color: #fff; }
#section_04 .container h2 span          { display: inline-block;}
#section_04 .container h3               { width: 100%; height: auto; margin: 30px auto 0 ; font-size: 1.2rem; font-weight: bold; color: #fff; }
#section_04 .container h3 img           { width: 100%; height: auto; margin: 80px auto 30px; max-width: 450px; }
#section_04 .container h4 img           { width: 100%; height: auto; margin: 20px auto 0; max-width: 700px; }
#section_04 .container .notes           { font-size: 1.1rem; margin-bottom: 0;}
#section_04 .container .anker           { width: 30px; height:auto; }
#section_04 .container .box             { width: 45%; padding: 0 5% 0; text-align: center; border: 3px solid #fff; margin: 0 20px;}
#section_04 .container .box p           { font-size:1.1rem ; font-weight: bold ; margin:  25px auto 40px; }
#section_04 .container .box h2          { margin: 30px auto 0 ; }
#section_04 .container .box .notes      { color: #031872; font-size: 0.9rem; }
#section_04 .container .attention       { background: linear-gradient(transparent 70%, #fac918 70%);}
#section_04 .container .form_btn        { width:100%; height:50px; display:block; color: #031872; background:#fac918; font-size: 20px; font-weight:bold; text-align:center; line-height:50px; letter-spacing:0.05em;border-radius: 10px; }
#section_04 .container .form_btn:hover  { background-color: #f3d97b; } 
#section_04 .container .form_btn_l      { width:100%; height:100px; display:block; margin: 100px auto 0; color: #031872; background:#fac918; font-size: 30px; font-weight:bold; text-align:center; line-height:105px; letter-spacing:0.05em;border-radius: 10px; }
#section_04 .container .form_btn_l:hover{ background-color: #f3d97b; } 
#section_04 .container .qrcode          { width: 200px; height: auto; margin: 50px auto 0; }

/* ====================================================================================================
   05／Q＆A
   ---------------------------------------------------------------------------------------------------- */
/* 基本設定 */
#section_05 .container                  { width:100%; padding:100px; }
#section_05 .col_left                   { width:30%; }
#section_05 .col_right                  { width:63%; }
#section_05 .ttl_l                      { margin:0px 0px 40px 0px; text-align:left; text-shadow:1px 1px 4px rgba(0,0,0,0.05); }
#section_05  p.ttl_read                 { color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.05); } 

/* 開閉ボタン設定 */
.toggle_btn                             { position:relative; width:100%; height:auto; display:block; margin-bottom:5px; padding:14px 50px 14px 25px; font-size:17px; line-height:1.3; text-align:left; font-weight:bold; color:#fff; border:1px solid #222; background:url(../img/common/wt/plus.svg) no-repeat right 10px center #222; background-size:15px; border-radius:4px; cursor:pointer; user-select:none; transition:all .2s ease; }
.toggle_btn:hover                       { background-color:#000; }
.toggle_btn.on                          { background-image:url(../img/common/wt/minus.svg); }
.toggle_btn span.off,
.toggle_btn.on span.on                  { display:none; }
.toggle_btn.on span.off                 { display:block; }

/* 開閉ボックス設定 */
.toggle_box                             { margin:0px 0px 25px 0px; padding:20px; background:#fff; border-radius:3px; }
.toggle_box:before                      { content:""; position:absolute; bottom:0; left:0; width:100%; height:20px; background:rgba(255,255,255,0);}
.toggle_box.hide                        { display:none; }
.toggle_box                             { font-size:1.0rem; line-height:1.6em; font-weight:500; color:#333 !important; letter-spacing:0.02em; }
.toggle_box p                           { margin:10px 0; padding:0px; }

/* ====================================================================================================
   フッタ
   ---------------------------------------------------------------------------------------------------- */
/* 基本設定 */
footer                                  { width: 100%; height: auto; background-color: #f7f7f7; text-align: center; }
footer .f-logo                          { width: 50%; max-width: 550px; margin: 100px auto 0px; }
footer .about                           { width: 100%; height: auto; position:relative; background-color: #f7f7f7; background-image:url("../img/bg/footer.png"); background-position: top; background-repeat: no-repeat; background-size:cover; text-align: center; }
footer ul                               { width:100%; display:flex; justify-content:center; padding: 140px 0 50px;}
footer ul li                            { padding: 0 30px ;}
footer ul li:not(:last-child)           { border-right: 1px solid #fff;}
footer ul li a                          { position:relative; display:block; height:auto; font-size:16px; font-weight:bold; text-align:center; line-height:30px; letter-spacing:0.05em; color:#fff;}
footer ul li a:hover                    { color:#fac92c; transition:.2s; }
footer a :hover                         { opacity: 0.7; }
footer a .estyle                        { width: 80%; max-width: 600px;}
footer .copy                            { font-size: 0.7rem; color: #fff; padding: 50px 0;text-align: center;margin: 0;}

/* ページ先頭 */
#page-top                               { position:fixed; bottom:30px; right:0; z-index:104; width:60px; height:80px; }
#page-top a                             { width:100%; height:100%; background:url(../img/common/wt/up.svg) no-repeat 50% 50% #c1c1c1; display:block; text-indent:150%; white-space:nowrap; overflow:hidden; display:block; background-size:18px; border-radius:4px 0 0 4px; box-shadow:1px 1px 5px rgba(0,0,0,0.04); }
#page-top a:hover                       { background-color:#e2e2e2; background-position:50% 0; }
#page-top a:before                      { content:""; position:absolute; top:0; right:0; left:0; z-index:2; width:12px; height:2px; background:rgba(255,255,255,1); margin:0px auto 0px auto; transition:all 0.2s ease; }
#page-top a:hover:before                { background:rgba(255,255,255,1); width:20px; }

/* ====================================================================================================
   共通パーツ
   ---------------------------------------------------------------------------------------------------- */
/* フレックスボックス */
.flex                                   { display:flex; }
.flex.wrap                              { flex-wrap:wrap; }
.flex.between                           { justify-content:space-between; }
.flex.center                            { justify-content:center;padding: 50px 0 100px; }

/* タイトル */
.ttl_l                                  { width:100%; margin:0 auto 40px auto; text-align:center; line-height:30px; display:block; text-shadow:1px 1px 4px rgba(0,0,0,0.05); }
.ttl_l span                             { font-size:1.0rem; line-height:1.2; font-weight:  bold; font-style:normal; letter-spacing: 0.1em; color:#fff; margin:0 0 8px 0; display:block; }
.ttl_l em                               { font-size:3.5rem; line-height:1.2; font-weight:normal; font-style:normal; letter-spacing:0.05em; color:#fff; font-family: 'Roboto', sans-serif; }
.ttl_read                               { max-width: 640px; margin:40px auto; font-size:17px; font-weight:bold; line-height:1.8em; color:#111; }

/* 動画 ※Youtube貼り付け */
.youtube_if                             { position:relative; width:100%; padding-top:58.1%; margin:0 0 1.6em 0; }
.youtube_if iframe                      { position:absolute; top:0; left:0; width:100%; height:100%; }

/* 枠（フレーム） */
.frame                                  { padding:44px; background:rgba(255,255,255,0.85); margin-bottom:1em; -webkit-border-radius:3px; border-radius:3px; }

/* リンク：ボタン */
a.btn                                   { position:relative; font-size:19px; line-height:1.4; font-weight:bold; margin:0 auto 10px auto; padding:10px 30px; display:block; background:#fff; color:#000; border:1px solid #ddd; border-bottom:4px solid #ddd; text-align:center; -webkit-border-radius:3px 3px 4px 4px;  border-radius:3px 3px 4px 4px; }
a.btn:hover                             { background-color:#eee; }
a.btn:after                             { content:""; position:absolute; top:0; bottom:0; right:0; width:42px; height:42px; margin:auto 0 auto -5px; display:block; background:url(../img/common/bk/next.svg) no-repeat 50% 50%; -webkit-background-size:16px; background-size:16px; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
a.btn.blank:after                       { background-image:url(../img/common/bk/blank.svg); }
.btns                                   { width:60%; max-height:600px; margin:15px auto 50px auto; display:flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; }
.btns a.btn                             { width:100%; margin:0 1%; }

/* カラム・フロート設定 */
.col_left                               { float:left ; width:48%; }
.col_right                              { float:right; width:48%; }
.left                                   { float:left ; }
.right                                  { float:right; }

/* イメージ設定 */
img.img_center , 
div.img_center                          { margin:20px auto; display:block; max-width:100%; text-align:center; }
img.img_left , 
div.img_left                            { clear:both; float:left;  margin:8px 35px 20px 0; display:block; max-width:48%; }
img.img_right , 
div.img_right                           { clear:both; float:right; margin:8px 0 20px 35px; display:block; max-width:48%; }
.img_center p,
.img_right p,
.img_left p                             { font-size:93%; color:#333; margin-top:10px; }

/* ====================================================================================================
   タブレット設定
   ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1100px){
/* ヘッタ */
header                                  { position:fixed; top:0 !important; left:0; right:0; z-index:1000; width:100%; height:130px; margin:0 auto; display:flex; box-shadow:0px 1px 3px rgba(0,0,0,0.05); transition:all 0.8s ease-in-out; }
header h1                               { width:calc(100% - 200px); height:80px; }
header h1 img                           { width:auto; height:80px; display:block; margin:0; }
header .nav_btn                         { width:200px; height:65px; display:block; }

/* ナビ */
header nav                              { position:absolute; bottom:0; left:0; width:100%; height:50px; background:#122a5f; box-shadow:0px 0px 6px rgba(0,0,0,0.1); }
header nav ul                           { width:100%; padding-right:0px; display:flex; justify-content:left; flex-wrap:wrap; }
header nav ul li                        { width:16.66%; border-right:1px solid #eee; }
header nav ul li:nth-child(6)           { border-right:none; }
header nav ul li a,
header nav ul li a:hover                { position:relative; display:block; height:49px; padding:0px; font-size:15px; line-height:50px; color:#fff; }
#cocrea_icons                           { position:fixed; top:20px; right:210px; z-index:10000; max-width: 300px; }
#ansin_icons                            { position:fixed; top:20px; right:210px; z-index:10000; max-width: 300px; }

/* メインビジュアル */
#box_mv                                 { margin:130px 0 0 0; }

}

/* ====================================================================================================
   スマホ設定
   ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 760px){

.pc                                     { display: none;}
.sm                                     { display: block;}
  
/* ヘッタ */
header                                  { position:relative; top:0 !important; left:0; right:0; z-index:1000; width:100%; height:180px; margin:0 auto; display:flex; box-shadow:0px 1px 3px rgba(0,0,0,0.05); transition:all 0.8s ease-in-out; }
header h1                               { width: 100%; height:80px; }
header h1 img                           { width: 60%; height:auto; max-width: 330px; display:block; padding-top: 0px; margin-left: 0;}
  
/* ナビ */
header nav                              { position:absolute; bottom:0; left:0; width:100%; height:100px; background:#122a5f; box-shadow:0px 0px 6px rgba(0,0,0,0.1); }
header nav ul                           { width:100%; padding-right:0px; display:flex; justify-content:left; flex-wrap:wrap; }
header nav ul li                        { width:33.33%; border-right:1px solid #eee; border-bottom:1px solid #eee; color: #fff; }
header nav ul li:nth-child(3),
header nav ul li:nth-child(6)           { border-right:none; }
header nav ul li:nth-child(4),
header nav ul li:nth-child(5),
header nav ul li:nth-child(6)           { border-bottom-color:#fff; }
header nav ul li a,
header nav ul li a:hover                { position:relative; display:block; height:49px; padding:0px; font-size:15px; line-height:50px; color:#fff; }
header .nav_btn                         { width:  50%; height:45px; display:block; background:#fac918; position:fixed; top:0; right:0; padding: 0;line-height:45px;border-left: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; }
#cocrea_icons                           { display: none; }
#ansin_icons                            { display: none;}

/* メインビジュアル */
#box_mv                                 { margin:0; }
#box_mv .box_mv_inner                   { width:100%; height:auto; margin: 0; overflow:hidden; }
#box_mv .box_mv_inner::before           { width:100%; padding-bottom:50%; }  
#box_mv .slider .bg.pc                  { display:none; }
#box_mv .slider .bg.sm                  { display:block; }
#box_mv .slider .bg                     { width:100%; margin-right:0;}
#box_mv .slider .txt                    { position:absolute; top:auto; bottom:0; right:0; left:0; z-index:4; width:100%; height:85%; }
#box_mv .slick-dots                     { bottom: -50px;}
/* catch画像設定 */
#box_mv .catch                          { position:absolute; width:70%; height:auto; top: 75%;left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 6;  }
/* 半円画像設定 */
#box_mv .btm_img                        { display: block; }

/* 01.安心の理由 */
#section_01                             { padding:50px 0 60px; background-image: url("../img/bg/sm/pattern.png"); background-size: contain;}
#section_01 .container h1 img           { width: 100%; height: auto; margin: 30px auto;}
#section_01 .container p                { font-size:1.1rem; margin:0 auto 1.8em auto;  }
#section_01 .caption                    { width: 100%; padding: 10px 30px; margin: 0 auto 10px; background: #00274e;}
#section_01 .caption p                  { font-size: 0.75rem; line-height: 1.5; margin: 5px; color: #fff; text-align: left;}
/* catch画像設定 */
#section_01 .catch                      { display: block;  width:80%; height:auto; margin:-150px auto 100px; z-index:10;  }
  
/* 02.料金比較 */
#section_02                             { padding:50px 0 60px; background-image: url("../img/bg/sm/thunder.png");background-size: contain; }
#section_02 .container h1 img           { width: 85%; height: auto; margin: 30px auto 20px; }
#section_02 .container h2               { margin: 30px auto; font-size: 1.65rem; }
#section_02 .container p                { font-size:1.1rem; margin:0 auto 1.8em ; }
#section_02 .container img              { height: auto; margin: 20px auto; }
#section_02 .setwari p                  { margin:0 auto; }
#section_02 .setwari                    { margin: 50px auto 50px; padding: 0 20px 20px;}
#section_02 .setwari .title             { margin-top:-12px;}

/* 03.特徴 */
#section_03                             { padding:50px 0 60px; }
#section_03 .container .flex            { display: block; }
#section_03 .container .box             { width: 100%; padding: 0 5% 0;}
#section_03 .container h1 img           { width: 85%; height: auto; margin: 50px auto 20px; }
#section_03 .container img              { width: 100%; height: auto; margin: 30px auto 20px; }
#section_03 .container h2               { width: 100%; height: auto; margin: 10px auto 20px; font-size: 1.4rem;   }
#section_03 .container p                { font-size:1.1rem; }  

/* 04.申し込み方法 */
#section_04                             { padding:50px 0 60px; background-image: linear-gradient(90deg, #6ebdf4 50%, #38a2f9 50%); }
#section_04 .container                  { text-align: center; }
#section_04 .container .flex            { display:block; }
#section_04 .container .box             { width: 100%; margin: 20px auto 30px; padding: 0 20px; }
#section_04 .container img              { width: 80%; margin: 40px auto 0; }
#section_04 .container p                { width: 100%; font-size:1.1rem; margin: 20px auto 30px; }
#section_04 .container h1 img           { width: 85%; margin: 20px auto 20px;}
#section_04 .container h2               { width: 100%; margin: 30px auto; font-size: 1.6rem; }
#section_04 .container h3               { width: 85%; margin: 30px auto 0 ; font-size: 1.4rem;}
#section_04 .container h3 img           { margin: 50px auto 10px;}
#section_04 .container h4 img           { margin: 20px auto 0;}
#section_04 .container .form_btn        { font-size: 16px; margin: 30px auto 20px; }
#section_04 .container .form_btn_l      { height: 50px; margin: 50px auto 0;  font-size: 16px;line-height: 54px; }  
#section_04 .container .notes           { font-size:1.1rem; }
#section_04 .container .box h2          { margin: 30px auto 0 ; }
#section_04 .container .box p           { font-size:1.0rem ; font-weight: bold ; margin: 20px auto 0px; }
#section_04 .container .box .notes      { font-size: 14px; margin: 10px auto 30px; }
#section_04 .container .pc              { display: none;}
  
/* 05／Q＆A */
#section_05                             { background-size:150px 150px; }
#section_05 .container                  { width:100%; padding:50px 25px; }
#section_05 .col_left,
#section_05 .col_right                  { width:100%; float:none; }
#section_05 .ttl_l                      { margin:0px 0px 20px 0px; text-align:center; text-shadow:1px 1px 4px rgba(0,0,0,0.05); }
#section_05  p.ttl_read                 { color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.05); } 

/* 開閉ボタン設定 */
.toggle_btn                             { height:auto; display:block; margin-bottom:5px; padding:20px 50px 20px 25px; font-size:17px; }
  
/* タイトル */
.ttl_l                                  { margin:0 auto 40px auto; text-align:center; }
.ttl_l span                             { font-size:1.0rem; }
.ttl_l em                               { font-size:2.2rem; }
.ttl_read                               { margin:20px auto; font-size:14px; }

/* フッタ */
footer                                  { }
footer .f-logo                          { width: 75%; margin: 80px auto 0px; max-width: 275px; }
footer .about                           { background-image:url("../img/bg/footer.png"); background-size:cover;; }
footer ul                               { width:100%; display:flex; justify-content:center; padding: 140px 0 40px;}
footer ul li                            { padding: 0 10px ;}
footer ul li a                          { font-size:10px; line-height:10px; }
footer a .estyle                        { width: 80%;}
footer .copy                            { padding: 30px 0 80px; }

/* ページ先頭 */
#page-top                               { position:fixed; bottom:30px; right:0; z-index:104; width:60px; height:80px; }
#page-top a                             { width:100%; height:100%; background:url(../img/common/wt/up.svg) no-repeat 50% 50% #c1c1c1; display:block; text-indent:150%; white-space:nowrap; overflow:hidden; display:block; background-size:18px; border-radius:4px 0 0 4px; box-shadow:1px 1px 5px rgba(0,0,0,0.04); }
#page-top a:hover                       { background-color:#e2e2e2; background-position:50% 0; }
#page-top a:before                      { content:""; position:absolute; top:0; right:0; left:0; z-index:2; width:12px; height:2px; background:rgba(255,255,255,1); margin:0px auto 0px auto; transition:all 0.2s ease; }
#page-top a:hover:before                { background:rgba(255,255,255,1); width:20px; }

}