@charset "utf-8";/*--------
【記載ルール】
・ブレークポイント、キーフレームでインデント
・不要な半角スペースやタブは削除
・短縮できるものは短縮（例）0.7 → .7、#FFFFFF → ＃FFF
・継承を考え、無駄なプロパティを削除（特にSP）
--------*/
/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section { display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:after, blockquote:before, q:after, q:before { content: '';content: none;}table { border-collapse: collapse;border-spacing: 0;}table + p { margin-top: 2rem;}img { margin: 0 auto;padding: 0;max-width: 100%;}* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}a[href^="tel:"] { pointer-events: none;text-decoration: none;color: #666;}
/*--------Basic--------*/
html { font-size: 62.5%;}
body { width: 100%;font-size: 2.2rem;color: #3f3f3f;font-weight: 500;line-height: 1.7;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
.body_wrap { width: 960px;margin: 0 auto;background: #fff;}
.pc { display: block;}
.sp { display: none;}
.clearfix:before, .clearfix:after { content: " ";display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
.img_right { float: right;padding: 0 0 2rem 2rem;}
.img_left { float: left;padding: 0 2rem 2rem 0;}
.flex { display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.flex div { width: 100%;margin: 0;}
.flex > p + p { margin-top: 0;}
.flex p { background: #000;margin: 0 auto 2rem;padding: 1rem;font-size: 80%;text-align: center;color: #fff;}
.flex + .flex { margin: 2rem 0 0;}
.caption { width: 100%;padding: 1rem;margin: 0 !important;border-left: 2px solid #110604;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
/* Font */
h1 { font-weight: normal !important;font-feature-settings: "palt"1;}
.u { text-decoration: underline;}
.b { font-weight: bold;}
.r { color: #d00;}
.y { color: #f4f745;}
.wht { color: #fff;}
.black{color: #000;}
.gradation_g { color: #f9db7f;background: -webkit-linear-gradient(0deg, #f9db7f, #fff8c8, #f9db7f);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold; font-family: 'Gothic MB101 Heavy', sans-serif;}
.mark { background: linear-gradient(transparent 50%, #ffff84 50%);}
.txt_c { text-align: center;}
.txt_r { text-align: right;}
.txt_l { text-align: left;}
.txt_white { color: #fff;}
.xxsmall { font-size: 30%;}
.xsmall { font-size: 60%;}
.small { font-size: 80%;}
.large { font-size: 110%;}
.xlarge { font-size: 140%;}
.xxlarge { font-size: 160%;}
.xxlarge2 {
    font-size: 152%;
}
.serif { font-family: 游明朝, "Yu serif", Yuserif, "Hiragino serif ProN", "Hiragino serif Pro", HGS明朝E, メイリオ, Meiryo, serif;}
.bg_b { background: #000;}
p + img, img + p, p + p { margin-top: 2rem;}
.bottom {margin-bottom: 2rem;}
.mt0 {margin-top: 0 !important;}
.logo {
    width: 800px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.logo img {
    margin-left: 0;
    height: 36px;
    margin: 11px 0px;
}
/*--------Header--------*/
header { width: 100%;margin: 0 auto;}
#header_pri { width: 100%;margin: 0 auto;text-align: center;background: #000;padding: .7rem 0;}
#header_pri p { font-size: 4rem;}
#header_img { width: 100%;margin: 0 auto;text-align: center;background: center center no-repeat;background-size: cover;position: relative;}
#header_img.header_img01 { background-image: url( "../img/matsui_opt_ad01_bg.jpg");}
#header_img.header_img02 { background-image: url( "../img/matsui_opt_ad03_bg.jpg");padding: 1.5rem 0 0;}
div#header_deco { position: absolute;left: 0;right: 0;bottom: 15px;}
#header_img h1 { position: relative;width: 1050px;margin: 0 auto;}
#header_img .header_mv { position: absolute;width: 470px;height: 265px;right: calc((100% - 960px)/2);top: 460px;}
#header_img .header_mv video { width: 100%;height: 100%;}
div#header__video { position: relative;width: 860px;margin: 0 auto;}
#header_img.header_img02 div#header__video { position: relative;width: 860px;margin: 1rem auto 0;}
#header__video video {width: 480px;}
div#header_balloon { position: absolute;top: 35px;left: 70px;width: 170px;}
div#header_balloon2 { position: absolute;top: 35px;right: 70px;width: 170px;}

.entry-header {
    margin-bottom: 50px;
    padding: 150px 0;
    background-image: url(../img/0-title-bg.png);
    background-size: cover;
    background-position: center center;
    text-align: center;
}
.entry-header h1, .entry-header p {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 36px;
    color: #fff;
}
.entry-header h1::after, .entry-header p::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 2px;
    background: #fff;
}
/*--------settlement Header--------*/
.ribbon { box-sizing:border-box;display:inline-block;margin-top: 2rem;position:relative;text-align:center;z-index:100;}
.ribbon:before { border:20px solid #a52828;border-left-color:transparent;bottom:-10px;content:'';left:-35px;position:absolute;width:10px;z-index:-2;}
.ribbon:after { border:20px solid #a52828;border-right-color:transparent;bottom:-1rem;content:'';position:absolute;right:-35px;width:10px;z-index:-2;}
.ribbon p { background:#cb2525;color:#FFF;display:inline-block;font-size:2.8rem;font-weight: bold;margin:0;padding:1rem 2rem;text-shadow: 0 2px 3px rgba(0,0,0,0.5);}
.ribbon p:before { border:none;border-bottom:solid 10px transparent;border-right:solid 15px #800100;content:'';left:0;position:absolute;top:100%;}
.ribbon p:after { border:none;border-bottom:solid 10px transparent;border-left:solid 15px #800100;content:'';position:absolute;right:0;top:100%;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
section { padding: 4rem 0;}
section.gray { background: #eee;}
section.gold { background: radial-gradient(#fffefa, #fffad0);}
section.nobottom { padding-bottom: 0;}
.sub_head { color: #222;font-size: 6rem;font-weight: 900;line-height: 1.3;text-align: center;letter-spacing: -2px;font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;margin: 0 auto;width: 960px;margin: 0 auto 4rem;}
.sub_head2 { color: #222;font-size: 4.5rem;font-weight: 900;line-height: 1.3;text-align: center;letter-spacing: -2px;font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;margin: 0 auto;width: 960px;margin: 0 auto 4rem;}
.sub_bg_r { background: #d00;padding: 1rem;color: #fff;width: 860px;margin: 0 auto 1rem;font-size: 80%;line-height: 2;}
.sub_bg_b { background: #000;padding: 1rem;color: #fff;width: 860px;margin: 0 auto 1rem;font-size: 80%;line-height: 2;}
.sub_bg_y { background: #f4f745;padding: 1rem;width: 860px;margin: 0 auto 1rem;line-height: 2;}
.sec_inner { width: 860px;margin: 0 auto;}
.sec_inner + .sec_inner { margin-top: 4rem;}
.disclaimer {padding-bottom: 1rem;}
/*目次*/
.table-contents {margin: 2rem 0;line-height: 1.5;color: #474747;border: double 5px #e2e3e6;background: #fff;padding: 2rem 1rem 2rem 2rem;}
/*--------　lead (settlement) --------*/
.lead { border-bottom: 1px solid;border-left: 10px solid;font-size: 4rem;font-weight: 900;line-height: 1.2;margin-bottom: 3rem;padding: 1rem 2rem;}
.mail_box { background: #f5f5f5;border: 2px solid #ccc;line-height: 1.5;margin: 1.5em auto;padding: 3rem;}
.mail_box dt { color: #cb2525;font-weight:bold;}
.mail_box dd { text-indent: 1em;}
.mail_box dd + dt { border-top: 1px dashed #ccc;margin-top: 1.5rem;padding-top: 1.5rem;}
.mail_box2 { background: #f5f5f5;border: 2px solid #ccc;margin: 1.5em auto;padding: 3rem;}
.mail_box2 li { background: #fff;font-size: 2.1rem;list-style: none;padding: 2rem;}
.mail_box2 li + li { margin-top: 2rem;}
.mail_box2_ttl { margin: 0 auto 0!important;font-size: 2.5rem;font-weight: bold;}
.mail_box2_ttl .far{ padding: 0 5px 0 0;font-family: "Font Awesome 5 Free";font-size: 3.5rem;vertical-align: middle;}
/*--------　list / box --------*/
/* 共通 */
ul.list { margin: 3rem 0;}
ul.list li { padding: 1.5rem 0 1.5rem 4rem;border-bottom: 1px dashed #aaa;font-size: 3rem;font-weight: bold;line-height: 1.4;}
ul.list li:nth-child(2n), ul.list2 li:nth-child(2n) { background-color: #fffff0;}
ul.list li { padding-top: .8rem;}
ul.list li { background: url(../img/base/ico_cheack_04.png) 0 2rem no-repeat;}
.box1 { background: #f3f4f7;padding: 2rem;}
/*-------- form --------*/
#scfooter { display: none;width: 100%;margin: 0 auto;padding: 0 0 1.5rem;bottom: 0px;left: 0px;z-index: 1000;position: fixed;background: #bb131a;border-top: 3px solid #fff292;}
.type02 #scfooter { background: #377acc;}
#form_header, .form { width: 100%;margin: 0 auto;padding: 1.5rem 0;background: #3879cc;border-top: 3px solid #fff292;}
#form_header p, .form p { line-height: 1.2;}
#form_header .form_sub_txt,.form .form_sub_txt {
    text-align: center;
    color: #fff;
    margin-top: 0.5rem;
    font-size: 2rem;
}
.type02 #form_header {background: #377acc;}
.form_inner { width: 960px;margin: 1.5rem auto 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.form_left { background: #fff;border-radius: 5px;display: table;width: 70%;height: 50px;margin-right: 2rem;transition: all 0.2s;padding: 0 2rem;}
.form_left:hover { background: #fbffbd;-webkit-box-shadow: 0 0 0 4px #ffd161 inset;box-shadow: 0 0 0 4px #ffd161 inset;}
.form_left .form_must { display: table-cell;vertical-align: middle;width: 10%;}
.form_left .form_must span { display: block;padding: 0 .5rem;margin-right: 1rem;background: #cf1414;color: #fff;font-size: 1.8rem;font-weight: bold;text-align: center;}
.form_left input { display: table-cell;outline: 0;border: none;background: none;width: 100%;height: 100%;font-size: 1.8rem;font-family: inherit;}
#scfooter .form_left input { font-size: 16px;}
.form_right { width: 30%;}
.form_right .form_btn { width: 100%;}
.form_right .form_btn button:hover { background: #08bb00;}
.form_btn button { background: #1e9e19;border: 1px solid rgba(255,255,255,0.7);border-radius: 5px;-webkit-box-shadow: 0 5px 20px rgba(28 0 0 / 74%);box-shadow: 0 5px 20px rgba(28 0 0 / 74%);color: #fff!important;font-size: 3rem;font-weight: bold;height: 5rem;line-height: 4rem;text-shadow: 0 1px 3px rgba(0,0,0,0.3);transition: all 0.3s;width: 100%;position: relative;}
.form_btn button:hover { background: #99d066;}
.form_btn button:after { content: "\f054";font-family: "Font Awesome 5 Free";position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);}
.form_notice { color: #fff;font-size: 1.5rem;text-align: center;padding-top: 1rem;height: 2em;line-height: 2em;transition: all 0.2s;}
/*-----MB整体-----*/
.global-inner{width: 860px;
    margin: 0 auto;
}
#page-course .merit-area {
    margin: 0 auto 80px;
    width: 860px;
}
.style-title{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    margin-bottom: 70px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 4.5rem;
    font-style: italic;
    color: #ea0010;
    line-height: 1.4;
}
.style-title::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    width: 35px;
    height: 7px;
    background: #ea0010;
    transform: skewX(-15deg);
}
.entry-content h2 {
    margin: 7rem 0 6.5rem;
}
.float-4-6 .left {
    float: left;
    width: 38%;
    margin-right: 2%;
}
.img-style {
    padding: 6px;
    border: solid 5px #e60012;
    background: #f0f0f0;
	margin-bottom: 4rem;
}
.entry-content p {
    font-size: 16px;
}
/*----list-----*/
.merit-area ul li {
    display: inline-block;
    margin: 0 0 20px;
    width: 49%;
}
.merit-area ul{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}

/*-------- button:hover --------*/
@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------吹き出し--------*/
/* 共通 */
.form_attention .attention, .form_attention .attention2 { display: none;position: absolute;left: 15%;top: 120%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention3 { display: none;position: absolute;left: 15%;top: -330%;border-radius: 10px;background-color: #ff0;}
.form_attention .attention:after, .form_attention .attention2:after { position: absolute;content: "";top: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-bottom: 16px solid #ff0;}
.form_attention .attention3:after { position: absolute;content: "";bottom: -32px;left: 32px;width: 0;height: 0;border: 16px solid transparent;border-top: 16px solid #ff0;}
.form_attention:hover .attention, .form_attention:hover .attention2, .form_attention:hover .attention3 { z-index: 2;display: block;}
/* 固有 */
.form_attention { position: relative;z-index: auto;}
.form_attention img { width: 100%;height: 100%;}
.form_attention .attention { width: 650px;}
.form_attention .attention2 { width: 300px;}
.form_attention .attention3 { width: 300px;}
.form_attention .txt { top: 8px;left: 4px;padding: 1rem;color: #000;font-size: 1.1rem;line-height: 1;}
/*--------footer_attention--------*/
#footer_attention { width: 960px;margin: 0 auto;background: #fff;padding: 4rem 0;}
#footer_attention p, #footer_attention ul { font-size: 1.4rem;}
#footer_attention ul { text-indent: -1rem;padding-left: 1rem;margin: 2rem auto;}
.service_list { margin: 2rem auto;font-size: 80%;line-height: 1.4;background: #fff;}
.service_list th, .service_list td { padding: 1rem;border: 1px solid #dfe3ec;vertical-align: middle;}
.service_list th { background: #f3f4f7;}
.service_list_A, .service_list_C { width: 25%;}
.service_list .text_c {
    text-align: center;
}
footer {
    width: 100%;
    background: #eaeaef;
	margin-top:4rem;
}
/*--------footer_attention2--------*/
p + ul { margin-top: 2rem;}
.service_list2 li { font-size: 1.4rem;}
.attention_box { margin: 2rem auto;background: #f3f4f7;border: solid 2px #f3f4f7;}
.attention_box p { width: 95%;margin: 0 auto 15px;padding-top: 1.5rem;line-height: 1.2;font-size: 1.4rem;}
.attention_box h3 { width: 95%;margin: 20px auto 0;font-weight: bold;}
/*--------footer--------*/
footer { width: 100%;background: #eaeaef;}
#footer_inner { width: 960px;margin: 0 auto;font-size: 1rem;}
#footer_inner .logo { width: 25%;margin: -1rem auto 2rem;}
#footer_inner ul { display: flex;justify-content: center;}
#footer_inner li { padding: 0 2rem;border-left: 1px solid #ccc;}
#footer_inner li:first-child { padding-left: 0;border: none;}
#footer_inner p { padding-top: .5rem;text-align: center;}
#footer_inner a { text-decoration: none;}
#footer_inner a:link, #footer_inner a:visited, #footer_inner a:hover, #footer_inner a:active { color: #989898;}
#footer_ad {width: 960px;margin: 0 auto;padding: 2rem 0;font-size: 1.1rem;text-align: center;}
#footer_ad ul {width: 30%;margin: 0 auto;}
#footer_ad p {margin-top: 0;}

/* matsui */
/*----------------------------------------------------------------------------------------------
caption
----------------------------------------------------------------------------------------------*/
.caption01{background: #000;padding: 2rem 2rem 2rem 4rem;color: #fff;}
.caption01 h3{font-size: 2.8rem;font-weight: bold;line-height: 1.3;color: #DBB400;}
.caption01 p{padding-left: 1em;text-indent: -.8em;font-size: 2.6rem;}
.caption01 > p + p {margin-top: 0;}
.caption01 > p + h3{ margin-top: 2.5rem;}
.sub_head2 { color: #222;font-size: 4.5rem;font-weight: 900;line-height: 1.3;text-align: center;letter-spacing: -2px;font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;margin: 0 auto;width: 960px;margin: 0 auto 4rem;}
.sec_inner + h2 { margin-top: 8rem;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) { /*--------Basic--------*/
    body { width: 100%;font-size: 4.5vw;}
    a[href^="tel:"] { pointer-events: auto;text-decoration: underline;color: #00e;}
    .body_wrap { width: 100%;}
    /* Float */
    .img_right, .img_left { float: none;width: 80%;padding: 0 0 2rem;margin: 0 auto;}
    .pc { display: none;}
    .sp { display: block;}
    .xxsmall { font-size: 60%;}
    .xsmall { font-size: 70%;}
    .small { font-size: 80%;}
    .large { font-size: 110%;}
    .xlarge { font-size: 130%;}
    .xxlarge { font-size: 150%;}
	.xxlarge2 {font-size: 105%;}
	.sp_small{font-size: 93%;}
    .sp_x { flex-wrap: wrap;}
    .sp_x div { width: 50%;}
    .flex p { margin: 0 auto;}
    /*--------Section / sub_head / sec_inner--------*/
    section { padding:0;}
    .sub_head { width: 90%;margin: 0 auto 1.5rem;font-size: 6vw;}
    .sec_inner { width: 95%;}
	.sec_inner + .sec_inner { margin-top: 2rem;}
    .sub_bg_r, .sub_bg_b, .sub_bg_y { width: 90%;}
    .sub_bg_r { padding: .5rem;line-height: 2.2;}
    .sub_bg_b { padding: .5rem;line-height: 2.2;}
    .sub_bg_y { padding: .5rem;line-height: 2.2;}
	.logo img {margin-left: inherit;}
	.disclaimer {padding-bottom: 1vw;}
    /*--------Header--------*/
    header { background: url(../img/matsui_opt_ad01_bg_sp.jpg) center bottom;}
	.entry-header {
    margin-bottom: 25px;
    padding: 50px 0;
}
    /* プリヘッド */
    #header_pri p { font-size: 5vw;}
    /* 通常ヘッドライン */
    /* #header_img { width: 100%;background: #fff5df;} */
    #header_img.header_img01 { background-image: url( "../img/matsui_opt_ad01_bg_sp.jpg");overflow: hidden;}
    #header_img.header_img02 { background-image: url( "../img/matsui_opt_ad03_bg_sp.jpg");overflow: hidden;padding: 0;}
    #header_img .mv { width: 100%;}
    #header_img h1 { width: auto;}
    header h1 img { margin: 0;}
    /* #header_img { padding: 0;background: center center no-repeat;} */
    #header_img .mv { width: 100%;}
    #header_img h1 img { width: 100%;}
    #header_img .header_mv { width: 52%;height: auto;top: 69vw;right: 29%;transform: translateX(50%);}
	#header__video {
        width: 95%;
        margin: 0 auto;
        padding-bottom: 0;
    }
    #header__video video{
        -webkit-box-shadow: 0 20px rgba(140, 128, 119, 0.8);
        box-shadow: 0 0 14px 0px rgb(140 128 119 / 80%);
        width: 100%;
    }
    div#header_balloon {
        width: 37vw;
        left: -5px;
        top: -20px;
    }
	div#header_balloon2 {
        width: 37vw;
        right: -5px;
        top: -20px;
    }
		div#ballooncd{
    position: absolute;
    top: 15px;
    right: 220px;
    width: 100%;
    }
    #header__video video {
        width: 80%;
    }
	/*--------　header (settlement) --------*/
	.ribbon { margin-top: 1rem;width: 83vw;}
	.ribbon p { font-size: 4vw;padding: 2%;line-height: 1.4;}
	.ribbon:before { border: 15px solid #a52828; border-left-color: transparent; left: -22px; width: 20px;}
	.ribbon:after { border: 15px solid #a52828; border-right-color: transparent; right: -22px; width: 20px; z-index: -2;}
	.ribbon p:before { left: 12px; top: 100%;}
	.ribbon p:after { right: 12px; top: 100%;}
	/*目次*/
	.table-contents { font-size: 5vw;margin: 1rem 0 1.5rem;text-indent: .4rem;padding: 2rem 1rem;}
    .table-contents li { text-indent: -1em;padding-left: 1em;}
    .table-contents li {
        padding-bottom: .5rem;
    }
    .table-contents li:last-child {
        padding-bottom: 0;
    }
    /*共通*/
    .form_attention .attention3 {
        left: auto;
        top: -392%;
        right: 0;
    }
    .form_attention .attention3:after {
        right: 32px;
        left: auto;
    }
    /*--------　list / box --------*/
    ul.list li { padding: 1.2rem 0 1.2rem 4rem;font-size: 5vw;background-position: 0 2vw;}
    ul.list li p { padding-top: .4rem;font-size: 4.5vw;}
    .box1 { padding: 1rem;}
	/*--------　lead (settlement) --------*/
	.lead { border-left-width: 5px;font-size: 5.5vw;padding: 0.5rem;}
	.mail_box { padding: 1rem;}
	.mail_box2 { padding: 1rem;}
	.mail_box2 li { font-size: 3.5vw;padding: 1rem;}
	.mail_box2_ttl { font-size: 4.5vw;}
	.mail_box2_ttl .far { font-size: 5vw;}
    /*--------form--------*/
    #form_header p .xsmall { display: block;padding-top: 1rem;}
    #form_header, .form {padding: 2vw 0;}
    #form_header .form_sub_txt,.form .form_sub_txt {font-size: 3.5vw;}
    .form_img { width: 95%;margin: 0 auto;}
    .form_inner { width: 95%;display: block;margin: 2vw auto 0;}
    .form_left { width: 100%;margin: 0;height: 13vw;line-height: 13vw;padding: 0 2vw;}
    .form_left .form_must span { 
        font-size: 3vw;
        line-height: 1.3;
        margin-right: 1vw;
        padding: 0.5vw;
    }
    .form_left .form_must {width: 8%;}
    .form_left input { font-size: 4.5vw;}
    .form_right { width: 100%;}
    .form_right .form_btn button { height: auto;padding: .5rem;margin: 1rem 0 0;font-size: 6vw;line-height: 1.2;font-family: "ヒラギノ角ゴ ProN", sans-serif;}
    .form_right .form_notice { font-size: 4vw;}
    #scfooter .form_inner { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
    #scfooter .form_left { width: 72%;margin-right: 1rem;}
    #scfooter .form_right { width: 27%;}
    #scfooter .form_right .form_btn button { margin: 0;font-size: 4vw;letter-spacing: 1px;font-family: "ヒラギノ角ゴ ProN", sans-serif;}
    .form_btn button:after {right: 1vw;}
    /*--------吹き出し--------*/
    .form_attention .attention2 { display: none;right: 0;left: auto;width: 300px;}
    /*--------footer_attention--------*/
    .service_list th, .service_list td { padding: .5em;}
    .service_list th { background: #f5f5f5;}
    .service_list td.large { font-size: 120%;}
    .service_list {font-size: 77%;}
    .service_list2 { text-indent: -1em;padding-left: 1em;}
    /*--------footer-------*/
    #footer_inner { width: 100%;padding: 0 1vw;}
    #footer_inner p { text-align: center;}
    #footer_inner .logo { width: 55%;margin: 0 auto 2rem;}
    #footer_ad {width: 100%;padding: 1.5rem 0 1rem;font-size: 2.5vw;}
	#footer_ad ul {width: 65%;}
	#footer_ad p {margin-top: 0;}
	/*----------------------------------------------------------------------------------------------
	caption
	----------------------------------------------------------------------------------------------*/
	.caption01{padding: 0 1rem 1rem;}
	.caption01 h3{padding-top: 1.5rem;padding-left: 1em;text-indent: -1em;font-size: 5.5vw;line-height: 1.3;}
	.caption01 p{padding-top: .3rem;font-size: 4vw;line-height: 1.3;}
	.caption01 > p + h3{ margin-top: 1.5rem;}
	.sub_head2 { width: 95%;margin: 0 auto 1.5rem;font-size: 5.2vw;}
	.sec_inner + h2 { margin-top: 4rem;}
	div#header__video {width: 95%;margin: 2rem auto 0;}
	#header_img.header_img02 div#header__video {width: 90%;margin: .5rem auto 0;}
	div#header_deco {bottom: 3px;}
	/*-------------------------------------
content1
--------------------------------------*/
/*-----logo-----*/
.logo {
	width: 100%;
	padding-left: 3vw;
}
.logo img {
	margin-left: 0;
	height: auto;
	margin: 0 auto;
	width: 40%;
}
/*-----h1,2-----*/
.entry-header h1, .entry-header p {
	font-size: 7vw;
}
.global-inner, .global-inner2, .global-inner3 {
	padding: 0 3%;
	width: auto;
}
.entry-content {
	padding-bottom: 4rem;
}
.entry-content h2 {
	margin-bottom: 50px;
	margin: 4.5rem 1rem 2rem;
}
.merit-area h2 {
	font-size: 7vw;
}
.sub_head2 {
	font-size: 5vw;
}
.style-title::after {
	bottom: -17px;
}
.entry-header h1::after {
	bottom: 1px;
}
/*-----ul,li-----*/
.merit-area ul li {
	display: inline-block;
	margin: 0 0 1rem;
	width: 100%;
}
.merit-area ul {
	margin-top: 4rem;
}
/*-----flex-----*/
.float-4-6 .left {
	width: 100%;
}
/*-----img-----*/
.img-style {
	margin: 4rem 0 1rem 0;
}
}