@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-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;background: #eee;-webkit-text-size-adjust: 100％;}
#body_wrap { /*width: 960px;*/margin: 0 auto;background: #000;box-shadow: 0 0 5rem rgba(0,0,0,0.2);}
.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: center;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;background:#b03231;width: 95%;}
.flex + .flex { margin: 2rem 0 0;}
.caption { width: 100%;padding: 1rem;margin: 0;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
.caption_center { width: 100%;padding: 1rem;margin: 0 ;color: #fff;background:#b03231;text-align: center;font-size: 2.4rem;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;}
.bl { color: #2D488F; }
.wht { color: #fff;}
.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-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;}
.xxsmall { font-size: 30%;}
.xsmall { font-size: 60%;}
.small { font-size: 80%;}
.large { font-size: 110%;}
.xlarge { font-size: 140%;}
.xxlarge { font-size: 160%;}
.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;}
/*--------Header--------*/
header { width: 100%;margin: 0 auto;color:#000;background:url(../img/koto2_index_header.jpg)center/cover no-repeat;}
header h1{text-align: center;height: 35rem;font-size:5rem;line-height:33rem;/*text-shadow: 5px 5px 7px rgba(0,0,0,0.5),5px 5px 7px rgba(0,0,0,0.5);*/text-shadow: 0px 0px 7px rgb(255 255 255), 0px 0px 7px rgb(255 255 255), 0px 0px 7px rgb(255 255 255), 0px 0px 7px rgb(255 255 255), 0px 0px 7px rgb(255 255 255);}
#header_pri { width: 100%;margin: 0 auto;text-align: center;background: #000;padding: .7rem 0;}
#header_pri p { font-size: 4rem;}
.header_pri_inner { width: 960px; margin: 0 auto; text-align: left; }
.header_pri_inner img { margin: 0 auto 0 0; }
#header_img { width: 100%;margin: 0 auto;text-align: center;background: url(../img/header_bg.jpg) center bottom repeat-x;position: relative;}
#header_img h1 { position: relative;}
#header_img .header_mv { position: absolute;width: 560px;height: 320px;left: 50%;bottom: 4rem;transform: translateX(-50%);}
#header_img .header_mv video { width: 100%;height: 100%;}
/*--------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:-25px;position:absolute;width:10px;z-index:-2;}
.ribbon:after { border:20px solid #a52828;border-right-color:transparent;bottom:-1rem;content:'';position:absolute;right:-25px;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: 5rem 0;}
section.gray { background: #eee;}
section.gold { background: radial-gradient(#fffefa, #fffad0);}
.sub_head { color: #fffbf1;font-size: 6rem;font-weight: 900;line-height: 1.3;text-align: center;letter-spacing: -1px;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;}
/*--------　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;}
ul.list3 { margin: 3rem auto;}
ul.list3 li { position: relative;padding: 1rem 0 1rem 4rem;}

ul.list3 li:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/base/list_red.svg);
    top: 14px;
    left: 10px;
    position: absolute;
}


ul.list4 { margin: 3rem auto;}
ul.list4 li { position: relative;padding: 1rem 0 1rem 4rem;border-bottom: 1px dashed #aaa;}
ul.list4 li:nth-child(2n) { background-color: #f7f7f7;}
/* 固有 */
ul.list li { background: url(../img/base/ico_cheack_04.png) 0 2rem no-repeat;}
ul.list2 li { background: url(../img/base/ico_cheack_01.png) 0 2rem no-repeat;}
ul.list3 li:before { content: '';display: inline-block;width: 25px;height: 25px;background-image: url(../img/base/list_red.svg);top: 14px;left: 10px;position: absolute;}
ul.list4 li:before { content: '';display: inline-block;width: 25px;height: 25px;background-image: url(../img/base/list_blue.svg);top: 14px;left: 10px;position: absolute;}
.box1 { background: #ededed;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: #c13d3c;border-top: 3px solid #fff292;}
#form_header, .form { width: 100%;margin: 0 auto;padding: 1.5rem 0;background: #c13d3c;border-top: 3px solid #fff292;}
#form_header p, .form p { line-height: 1.2;}
.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;padding: .5rem;margin-right: 2rem;transition: all 0.2s;}
.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(0,0,0,0.5);box-shadow: 0 5px 20px rgba(0,0,0,0.5);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;text-indent: -2rem;}
.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;}
/*-------- merit --------*/
.merit_wrap{width: 960px;margin: 0 auto;}
.merit .flex{margin: 3rem 0 0 ;}
.merit .flex img{width: 45%;margin: 1rem;}
/*-------- profile --------*/
.profile { background: url('../img/profile_bg.jpg') center/cover; }
.profile_wrap{width: 960px;margin: 0 auto;}
.profile_name { width: 60%; padding-left: 5rem; }
.profile_inner { width: 60%; padding-left: 5rem; }
/*-------- profile_bottom --------*/
.profile_bottom{background:#fcf1d0;}
.profile_bottom_wrap{width: 960px;margin: 0 auto;}
.profile_bottom img{width: 50%;}
/*-------- reccomend --------*/
.reco_box{width: 32%;}
.reco_box img{height: 370px;}
.reco_wrap{width: 960px;margin: 0 auto;}
/*-------- 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;}
/*--------btn--------*/
.btn {
    width: 860px;
    display: block;
    margin: 3rem auto 6rem;
    border-radius: 40px;
    box-shadow: 0px 2px #1591bb;
    background: #2193bc;
    background: -moz-linear-gradient(-45deg, #2193bc 0%, #32cddb 100%);
    background: -webkit-linear-gradient(-45deg, #2193bc 0%,#32cddb 100%);
    background: linear-gradient(135deg, #2193bc 0%,#32cddb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );
    text-decoration: none;
    transition: all .3s;
    line-height: 1.4;
}
.btn p {
    padding: 2rem;
    color: #fff;
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
}
.btn:hover{
	filter: brightness(120%);
	/*opacity: 1.2;letter-spacing: 1px;
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	background: #21c3d2;*/
}
.move {animation: move 2s infinite;}
@keyframes move {0% {transform: translate(2px, 0px);}
	5% {transform: translate(-2px, 0px);}
	10% {transform: translate(2px, 0px);}
	15% {transform: translate(-2px, 0px);}
	20% {transform: translate(2px, 0px);}
	25% {transform: translate(-2px, 0px);}
	30% {transform: translate(0px, 0px);} }
/*--------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: 0 auto;font-size: 80%;line-height: 1.4;background: #fff;}
.service_list th, .service_list td { padding: 1rem;border: 1px solid #ccc;vertical-align: middle;}
.service_list th { background: #eee;}
.service_list_A, .service_list_C { width: 25%;}
/*--------footer_attention2--------*/
p + ul { margin-top: 2rem;}
.service_list2 li { font-size: 1.4rem;}
.attention_box { margin: 2rem auto;background: #e9fbfa;border: solid 2px #cce4e3;}
.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%;padding: 5rem 0;background: #ddd;}
#footer_inner { width: 960px;margin: 0 auto;font-size: 1rem;}
#footer_inner .logo { width: 25%;margin: -1rem auto 3rem;}
#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;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 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%;}
    .sp_x { flex-wrap: wrap;}
    .sp_x div { width: 50%;}
    .flex p { margin: 0 auto;}
	.caption{font-size:4.3vw;}
	.caption_center{font-size:4.3vw;}
    /*--------Section / sub_head / sec_inner--------*/
    section { padding: 7vw 0;}
    .sub_head { width: 95%;margin: 0 auto 1.5rem;font-size: 7.4vw;}
    .sec_inner { width: 95%;}
    .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;}
    /*--------Header--------*/
    header {/* background: url(../img/hirota_opt_header_b_00.png) center bottom;*/    background: url(../img/koto2_index_header.jpg)center/cover no-repeat;}
    /* プリヘッド */
    #header_pri p { font-size: 5vw;}
	.header_pri_inner { width: 95%; }
    /* 通常ヘッドライン */
	header h1{font-size:5.5vw;height: 37vw;line-height:37vw;text-shadow: 0px 0px 3px rgb(255 255 255), 0px 0px 3px rgb(255 255 255), 0px 0px 3px rgb(255 255 255), 0px 0px 3px rgb(255 255 255),0px 0px 3px rgb(255 255 255);}
    #header_img { width: 100%;background: #fff5df;}
    #header_img .mv { width: 100%;}
    header h1 img { margin: 0;}
    #header_img { padding: 0;background: url("../img/header_sp_bg.jpg") center bottom repeat-x;}
    #header_img .mv { width: 100%;}
    #header_img h1 img { width: 100%;}
    #header_img .header_mv { width: 90%; height: auto; bottom: 5vw; left: 50%; transform: translateX(-50%); z-index: 1; }
	.h1{margin: auto 0;height: 37vw;}
	/*--------　header (settlement) --------*/
	.ribbon { margin-top: 1rem;width: 83vw;}
	.ribbon p { font-size: 4vw;padding: 2%;line-height: 1.4;}
    /*--------　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;}
	ul.list3 li{padding: 2vw  0 2vw 8vw;}
	ul.list3 li:before{top:2vw;left: 1vw;}
	/*--------　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_img { width: 95%;margin: 0 auto;}
    .form_inner { width: 95%;display: block;}
    .form_left { width: 100%;margin: 0;height: 10vw;}
    .form_left .form_must span { font-size: 3.2vw;line-height: 1.3;}
    .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;text-indent: 0rem;}
    .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: 70%;margin-right: 1rem;}
    #scfooter .form_right { width: 30%;}
    #scfooter .form_right .form_btn button { margin: 0;font-size: 4vw;sec_inner-spacing: 1px;font-family: "ヒラギノ角ゴ ProN", sans-serif;}
	/*-------- merit --------*/
	.merit img{width: 90%;}
	.merit_wrap{width: 100%;}
	.merit .flex img{width: 90%;}
	/*-------- profile --------*/
	.profile { background: #f4f2ec; padding-top: 0; }
	.profile_wrap{width: 100%;}
	.profile_inner { padding: 0; margin: 0 auto; width: 95%; }
	.profile_inner ul { margin: 0; }
	.profile_name { width: 100%; padding: 0; }
	/*-------- profile_bottom --------*/
	.profile_bottom{background: #f4f2ec;}
	.profile_bottom_wrap{width: 100%;}
	.profile_bottom .flex{width: 80%;margin: 0 auto;}
	.profile_bottom .caption_center{width: 80%;margin: 0 auto;}
	/*-------- reccomend --------*/
	.reco_wrap{width: 100%;}
	.reco_box{width: 80%;margin: 4vw auto;}
	.reco_box img{height: 70vw;}
    /*--------吹き出し--------*/
    .form_attention .attention2 { display: none;right: 0;left: auto;width: 300px;}
	/*--------btn--------*/
	.btn {width: 90%;}
	.btn p{font-size:5.2vw;padding: 3.5vw;}
    /*--------footer_attention--------*/
    .service_list th, .service_list td { padding: .5em;}
    .service_list th { background: #f5f5f5;}
    .service_list td.large { font-size: 120%;}
    .service_list2 { text-indent: -1em;padding-left: 1em;}
    /*--------footer-------*/
    footer { padding: 4vw 0;}
    #footer_inner { width: 90%;}
    #footer_inner p { text-align: center;}
	#footer_inner .logo { width: 55%;margin: 0 auto 2rem;}
}