@charset "UTF-8";
/* プロモ変更箇所 */
:root {
    /*----------------------
    基本設定
    -----------------------*/
    /* プロモカラーを指定できます */
    --redColor: #bd3a2b; /*赤色*/
    --yellowColor: #f4e37b; /*黄色*/
    --blueColor: #001135; /*青色*/
    --textFontColor: #222; /*本文の色*/
    --formColor: #cf6139; /*フォームの色*/

    /* フォントを指定します */
	--Font: "Gothic MB101 DemiBold", sans-serif;
    /*----------------------
    プロフィールを編集できます
    -----------------------*/
    --profileBg:url(../img/profile-all_bg.jpg) center;/* 全体の背景 */
    --profileContent:#000;/* スマホの時のリスト背景 */
    --profileOutline:#cf6139;/* 先生プロフィールの枠の色 */
    --profileBox:#222;/* 実績紹介の背景色 */
    --profileNotice:#8b8b8b;/*先生のプロフィールの注釈の色を変更できます*/
    --profileNotice2:#fff;/*外側の注釈の色を変更できます*/

    /* プロフィールのリストの色を編集できます */
    --listColor:#fff;/* 全体の背景 */
    --checkColor:#fff;/* チェックの色を選択できます */

    /*----------------------
    無料映像の具体的な内容の色を選択できます
    -----------------------*/
    --optBg:url(../img/contents_bg.jpg) center;/*背景を変更できます。*/
    --optColor:#cf6139;/*無料映像~についてと総収録時間の色を変更できます*/
    --optContents:#cf6139;/*Contentsの色を変更できます*/
    --optText:#222;/*本文の色を変更できます*/
    /*----------------------
    FINDページの色を編集できます
    -----------------------*/
    --logoBgColor: #222;/* FINDページのヘッドの色を編集できます */

    /*----------------------
    longページの色を編集できます
    -----------------------*/
    --messageBgColor:url(../img/message_bg.jpg) center / cover;/* messageの背景を変更できます。 */
}


/* 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;}
table {border-collapse: collapse;border-spacing: 0;}
table + p {margin-top: 2rem;}
body {line-height: 1;}
ol, ul {list-style: none;}
img {padding: 0;max-width: 100%;height: auto;margin: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*-------- Basic --------*/
html{ font-size:62.5%;}
body {width: 100%;font-size: 2.2rem;color: var(--textFontColor);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;font-weight: 500;overflow-x: hidden;}
.body_wrap {margin: 0 auto;}
/*---電話番号PC時リンク無し----*/
a[href^="tel:"] {pointer-events: none;text-decoration: none;color: #666;}
/*--- Clearfix ---*/
.clearfix::before , .clearfix::after{content:" "; display:table;}
.clearfix::after{clear:both;}
.clearfix{*zoom:1;}
/*--- Float ---*/
.img_right{float:right; padding:0 0 2rem 2rem;}
.img_left{float: left;padding: 0 2rem 2rem 0;}
.img_center{margin: 0 auto;}
/*--- PC・SP表示調整 ---*/
.pc{ display:block;}
.sp{ display:none;}
/* ---Font--- */
.u{ text-decoration:underline;text-decoration-skip-ink: none;text-underline-position: under;}
.b{ font-weight:bold;}
.blue {color:var(--blueColor);}
.black{color: #111;}
.r{ color:var(--redColor);}
.y{ color:var(--yellowColor);}
.wht{ color:#fff;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.txt_l{text-align:left;}
.xxxsmall{font-size: 40%;}
.xxsmall{font-size: 50%;}
.xsmall{font-size: 60%;}
.small{ font-size:80%; }
.large{ font-size:120%; }
.xlarge{ font-size:140%; }
.xlarge_pc{ font-size:140%; }
.xxlarge {font-size: 150%;}
.xxxxlarge {font-size: 160%;}
.sans { font-family:Gothic MB101 Heavy,sans-serif; }
.serif {font-family: 'Ryumin ExtraBold KL',serif;}
.caption {background: #222;font-size: 1.8rem;font-weight: bold;line-height: 1.3;padding: .5rem 0;color: #fff;text-align: center;}
.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;}
.middle {margin: 2rem 0!important;}
.bottom {margin:0 0 2rem!important;}
.top {margin: 2rem 0 0!important;}
/* グラデーション */
.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;}
/*-----0.9emはグラデ開始位置（上から下に数字が大きくなる）、20pxはグラデの縦幅----*/
.mark_y {font-weight: bold;background: linear-gradient(transparent 0.9em, #ffff61 0, #ffff61 calc(0.9em + 20px) , transparent 0);}
/*-----line-heightとheightの数値を変えて調整下ください また複数行の場合はmargin-topで行間を開けられます----*/
.txt_bg {    position: relative;    display: inline-block;    background: #0e1242;    line-height: 80px;    height: 80px;    margin-top: 6px;    padding: 0 2rem;}
.txt_gra {color: #e3b172;background: linear-gradient( 315deg , #e3b172 0%, #ffeec6 74%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;text-shadow: none;}
/* flerx */
.flex {display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex_center {justify-content: center;}
.flex_evenly {justify-content: space-evenly;}
.flex_around {justify-content: space-around;}
.flex + .flex {margin: 2rem auto 0;}
/* 注釈 */
.notice {padding-top: 1rem;font-size: 1.4rem;text-align: left;font-weight: 400;font-family: sans-serif; color: var(--profileNotice);letter-spacing: 1px;}
.notice2 {padding-top: 1rem;font-size: 1.4rem;text-align: left;font-weight: 400;font-family: sans-serif;color: var(--profileNotice2);letter-spacing: 1px;}
.icon_btn {position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);right: 4px;background: url(../img/base/icon_btn.png) no-repeat right center;height: 27px;background-size: 13px;padding-right: 13px;}
.form_btn2:hover .icon_btn {position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);right: 4px;background: url(../img/base/icon_btn03.png) no-repeat right center;height: 27px;background-size: 13px;padding-right: 13px;}
.ui-autocomplete {position: absolute !important;background: #fff;list-style: none;border-radius: 1rem;overflow: hidden;z-index: 10;}
.ui-autocomplete li {border-bottom: 1px solid #ccc;padding: 1rem;font-family: inherit !important;text-align: left;}
.ui-state-focus {background: #ff7;}
.ui-helper-hidden-accessible {display: none !important;}
.videotime {font-size: 115%;}
section {padding: 10rem 0;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {font-size: 5rem;line-height: 1.3;text-align: center;font-family:var(--Font);margin: 0 auto;display: table;position: relative;color: var(--optColor);}
.sec_inner {padding: 0 ;margin: 0 auto;width: 960px;}
/* form
------------------------------------------------------ */
.form {background:var(--formColor);padding: 2rem 0;z-index: 20;}
#form_header {background: var(--formColor);}
.form_header {background: var(--formColor);}
.form form {width: 960px;margin: 0 auto;}
.form_inner {display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.form_sub {width: 100%; margin: 0 auto 1rem;}
.form_sub ul {display: flex; justify-content: space-between;width: 80%;margin: 0 auto;}
.form_sub ul li {list-style: none; color: #fff; border-bottom: 1px solid rgba(255,255,255,.3); padding: 0.5em; line-height: 1; margin-bottom: 0.5em;}
.form_sub p {text-align: center; color: #fff; font-size: 2.2rem;}
.form_left {width: 60%;position: relative;}
.form_must {position: absolute;left: 0.5rem;top: 50%;transform: translateY(-50%);background: #e53935;font-family: Gothic MB101 Medium, sans-serif;font-size: 1.2rem;color: #fff;padding: 0.5rem;line-height: 1;z-index: 1;}
.form_label {position: absolute;top: 50%;left: 5rem;transform: translateY(-50%);font-family: Gothic MB101 Medium, sans-serif;font-size: 1.8rem;color: #aaa;line-height: 1;transform-origin: 0 0;transition: all 0.2s ease;}
.form_input {position: relative;background: #fff;border: none;border-radius: 5px;padding: 2rem 0 2rem 5rem;width: 100%;font-family: inherit;font-size: 2rem;line-height: 1;box-shadow: 0 0 0 0 #fff inset;transition: all 0.2s ease;height: 6rem;}
.form_input:not(:placeholder-shown) + span {color: #5a667f;transform: translateY(-2.2rem) scale(0.7);}
.form_input:focus {outline: none;box-shadow: 0 0 0 2px #07f inset;}
.form_input:focus + span {color: #07f;transform: translateY(-2.2rem) scale(0.7);}
.form_right {width: 38%;}.form_btn {width: 100%;background: #00ad48;border: 2px solid #7dff88;border-radius: 10rem;font-family: Gothic MB101 DemiBold, sans-serif;font-size: 3rem;line-height: 1;color: #fff;cursor: pointer;position: relative;transition: all 0.2s ease;height: 6rem;}
.form_btn2 {width: 100%;background: #00ad48;border: 2px solid #7dff88;border-radius: 10rem;font-family: Gothic MB101 DemiBold, sans-serif;font-size: 3rem;line-height: 1;color: #fff;cursor: pointer;position: relative;transition: all 0.2s ease;height: 6rem;}
.form_btn i {position: absolute;top: 50%;right: 1.5rem;transform: translateY(-50%);font-size: 80%;line-height: 1;}
.form_btn2 i {position: absolute;top: 50%;right: 1.5rem;transform: translateY(-50%);font-size: 80%;line-height: 1;}
.form_btn2:hover {background: #fff;border: 2px solid #00ad48;color: #00ad48;}
.form_attention {position: relative;}
.form_caution {display: none;}
.form_btn:hover + .form_caution {display: block;position: absolute;right: 0;margin-top: 1rem;padding: 1rem;background: #ff7;font-size: 1.3rem;line-height: 1.5;z-index: 2;text-align: left;}
.form_btn:hover + .form_caution:before {content: "";width: 0;height: 0;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);border-bottom: 2rem solid #ff7;border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-top: none;}
.form_btn2:hover + .form_caution {display: block;position: absolute;right: 0;margin-top: 1rem;padding: 1rem;background: #ff7;font-size: 1.3rem;line-height: 1.5;z-index: 2;text-align: left;}
.form_btn2:hover + .form_caution:before {content: "";width: 0;height: 0;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);border-bottom: 2rem solid #ff7;border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-top: none;}
.form_notice {width: 100%;margin: 1rem 0 0 60rem;}
.form_notice p {font-size: 1.4rem;color: #fff;text-align: center;}
.form_area{position: relative}

/* New btn
------------------------------------------------------ */
.form_btn{width:100%;background:#00a946;border:2px solid #7dff88;border-radius:50px;font-family:Gothic MB101 DemiBold,sans-serif;font-size:3rem;line-height:1;color:#fff;text-shadow:0 1px 5px #006e12;cursor:pointer;position:relative;transition:.2s;box-shadow:0 3px 7px rgb(0 0 0 / 50%);}
.form_btn i{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:80%;line-height:1}
.form_btn:hover{filter:brightness(1.3)}
.form_notice p{
    margin-top: 10px;
}
/* ヘッド内Form
------------------------------------------------------ */
/* scfooter
------------------------------------------------------ */
#scfooter {width: 100%;position: fixed;bottom: 0;z-index: 10;display: none;}
#scfooter .form_btn:hover + .form_caution {bottom: 7rem;}
#scfooter .form_btn:hover + .form_caution:before {border-top: 2rem solid #ff7;border-bottom: none;bottom: -2rem;top: auto;}
#scfooter .form_btn2:hover + .form_caution {bottom: 7rem;}
#scfooter .form_btn2:hover + .form_caution:before {border-top: 2rem solid #ff7;border-bottom: none;bottom: -2rem;top: 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()}}
@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%;bottom: 100%;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.2;text-align: left;}
/*--------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 {padding: 5rem 0 5rem;}
.service_list {margin: 0 auto;font-size: 1.7rem;line-height: 1.4;background: #fff;}
.service_list th, .service_list td {padding: 1.5rem;border: 1px solid #ccc;vertical-align: middle;font-weight: 400;}
.service_list td.b{font-weight: bold;}
.service_list th {background: #eee;padding: 1.5rem 0;}
.service_list_A, .service_list_C {width: 24%;}
#service .sec_inner {padding: 4rem 5rem 2rem;width: 960px;margin: 0 auto;background: rgba(255,255,255,0.8);}
/*--------footer_attention2--------*/
p + ul {margin-top: 2rem;}
.service_list2 li {font-size: 1.4rem;text-indent: -1.3em;padding-left: 1.3em;}
.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: 3rem 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;}


/*--------　list / box --------*/
.list1 {margin: 0 2rem 0 auto;color: var(--listColor);width: 100%;
    padding: 3.5rem 0 2.7rem 0;
    font-size: 2.2rem;}
.list1 li {position: relative;padding: 0 0 2rem 3rem;line-height: 1.7;font-family:var(--Font);}
.list1 li:last-child {padding-bottom: 0;}
.list1 li:before {
        content: "";
    position: absolute;
    top: 0.2em;
    left: 0px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 6px;
    height: 16px;
    border-right: 4px solid var(--checkColor);
    border-bottom: 4px solid var(--checkColor);
  }
  .list1 p {
    font-size: 2.8rem;
    line-height: 1.4;
  }
  .list1 .xlarge {
    font-size: 200%;
  } 
  .list1 .large {
    font-size: 140%;
  } 
/*--------　list / box --------*/
/*-------- profile --------*/
#profile {    position: relative;    padding: 10rem 0;    z-index: 0;    overflow: hidden;background:var(--profileBg);}
.profile_inner {padding:3rem 0rem 3rem 4rem;background:var(--profileContent);
background: url(../img/profile_bg.jpg)no-repeat center / cover}
.profile_inner img {    margin: 0 0 0rem;}
.profile_face {position: absolute;
    right: -7rem;
    top: 70px;
    width: 58%;
    z-index: 0;}
.profile_wrap {    width: 943px;
    background-color:var(--profileContent);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    outline: solid 6px var(--profileOutline);
    /* outline-offset: 2px; */
    overflow: hidden;}
    #profile .notice {
        text-align: left;
        margin: 0 5rem 0 0;
    }
.prf_content-top {
    background: var(--redColor);;
    color: #fff;
    padding: 0.4rem 1.2rem;
}
/*-------- profile box--------*/
.prf_content {background: #fff; padding: 4rem; margin-top: 4rem; font-family: var(--Font);	width: 100%;}
.prf_content h3 {
    text-align: center;
    font-size: 4rem;
    line-height: 1.6;
    font-weight: bold;
    position: relative;
}
.prf_content h3::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    background:var(--redColor);
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);

}
.prf_box_wrap{width: 960px;margin: 0 auto;}
.prf_box {align-items: center;margin-top: 6rem;}
.prf_box div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
}
.prf_box.top_none {
    margin-top: 0;
}
.prf_box.num01 {background:var(--profileBox);}
.prf_box.flex img {width: 45%;}
.prf_box.flex p {padding: .4rem;     line-height: 1.7;   ;    font-size: 2.2rem;   font-family:var(--Font);   width: 54%; }
.lts {
    letter-spacing: -2px;
}
/*後で消す
.prf_box .xsmall {    font-size: 70%;    display: contents;}
.prf_box .prf_pt {padding-top: 2rem;}
/*後で消す*/
/*-------- content --------*/
.content_wrap {
	width: 960px;	margin: 0 auto;}
.content {
	align-items: center;	margin: 12rem auto 5rem;}
/**/
.content+.content {
	margin: 12rem 0 0;}
.content img {
	width: 60%;	position: relative;	left: -4rem;}
.chapter_inner .flex img{
    width: 49%;
} 
.content_mv2-box {
    width: 32%;
}
.content_mv2 .content_mv2-box img {
    width: 100%;
}
.content_mv2 .content_mv2-box p{
    text-align: center;
    background: var(--formColor);
    color: #fff;
    line-height: 1.2;
    padding: 1rem 0;
}
.content_txt {
	width: 40%;}
.content h3 {
	font-size: 4.6rem;	line-height: 1;	padding-bottom: 2rem;	position: relative;	font-family:var(--Font);border-bottom: 3px solid var(--optContents); color: var(--optContents);}
.content_txt p {
	font-family:var(--Font); font-size: 2.4rem;	line-height: 1.7;	padding: 3rem 0;color:var(--optText);}
.num {
	font-size: 126%;	letter-spacing: 0px;}

/*偶数の時*/
.content:nth-child(even) {	flex-direction: row-reverse;}
.content:nth-child(even) img {	left: unset;	right: -4rem;}


/* opt_sec1
------------------------------------------------------ */
.opt_sec1 {    position: relative;
    background: #fff;
    background: var(--optBg);
    color:var(--textFontText);}
.sub_ttl{
    width: 74rem;
    margin: 1.3rem auto 10rem;
    background: var(--optColor);;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    font-family: "Gothic MB101 Medium", "ゴシックMB101 M";
    padding: 0.2rem 0 0.5rem;}
/* merit_icon
------------------------------------------------------ */
.merit_icon{ width: 100%; margin: 0rem auto 0rem;font-size: 2.2rem;}
.merit_icon li span.videotime{font-weight: normal;font-size: 100%;}
.merit_icon li{width: 32%;color: #fff;text-align: center;padding: 0.4rem 0 0.5rem;border-radius: 5px;font-family:var(--Font); border: 2px dotted #fff;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {
    .form_left, .form_left input, .form_left span{pointer-events: auto;-webkit-touch-callout:auto;-webkit-user-select:auto;/*-moz-touch-callout:auto; -moz-user-select:auto; touch-callout:auto;*/ user-select:auto;} 
    /*--------Basic--------*/
    body {width: 100%;font-size: 4.8vw;}
    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: 80%;}
    .xsmall {font-size: 70%;}
    .small {font-size: 80%;}
    .sp_small {font-size: 90%;}
    .large {font-size: 110%;}
    .large_pc {font-size: 100%;}
    .xlarge {font-size: 120%;}
    .xxlarge {font-size: 270%;}
    .xlarge_pc{ font-size:100%; }
    .flex {display: block;}
    .middle {margin: 3vw 0;}
    .bottom {margin-top: 3vw;}
    .top {margin-bottom: 3vw;}
    .s_img {width: 80%;}
    .icon_btn {background-size: 2.6vw;}
    /*--------Section / sub_head / sec_inner--------*/
    section {padding: 7vw 0;}
    .sub_head {width: 96%;font-size: 7vw;padding: 0 0 2vw;margin: 0 auto 2vw;border-image: linear-gradient( (to right, transparent 0%, #070D36 50%, transparent 100%));border-image-slice: 1;}
    .sec_inner {width: 95%;padding: 0 0 7vw;margin: 0 auto;}
    .sec_inner.main-top{padding: 0 0;}
    .sec_wrap section{padding: 0;}
    .sec_wrap .sec_inner{padding: 0;width: 100%;}
    .list1 p {
        font-size: 4.8vw;
        line-height: 1.5;
    }
    .prf_box.flex img {
        width: 100%;
        margin-bottom: 4vw;
    }
    .prf_box.flex p {
        width: 100%;
        font-size: 4.8vw;
    }
    .chapter_inner .flex img {
        width: 100%;
    }
    .content_mv2-box {
        width: 100%;
    }
    .content_mv2-box + .content_mv2-box {
        margin-top: 4vw;
    }
    /*--------　merit_icon --------*/
    .merit_icon {justify-content: space-evenly;margin-bottom: 2vw;}
    .merit_icon li {width:32%;font-size: 3vw;padding: 1.5vw 2vw;margin: 0;text-align: center;line-height:1.4;}
        /*
/* form
------------------------------------------------------ */
.form {padding: 2vw 0 ;}
.form2 {padding: 2vw 0;}
.form form {width: 94%;}
.form_sub {width: 100%;margin: 0;}
.form_sub.long ul {border: 1px solid rgba(255,255,255,.3); border-radius: 5px; padding: 0 1em .4em; margin-bottom: 0.5em; display: block; font-size: 4vw; text-align: center;}
.form_sub ul li {border-style: dashed; line-height: 1.5; margin-bottom: 0; padding: 0.3em;}
.form_sub img {width: 100%;margin: 0 auto 1vw;}
.form_sub p {font-size: 2.8vw;line-height: 1.3;margin: 2vw 0;}
.form_left {width: 100%;}
.form_must {font-size: 3vw;}
.form_label {font-size: 3.8vw;left: 12vw;}
.form_input {font-size: 4.5vw;padding: 5vw 0 1rem 12vw;height: 14vw;}
.form_input:focus + span, .form_input:not(:placeholder-shown) + span {transform: translateY(-2.2rem) scale(0.7);}
.form_right {width: 100%;}
.form_btn{display:table;width:auto;margin:1.5rem auto 0;padding:1rem 6rem;font-size:6vw}
.form_btn2 {display: table;margin: 1rem auto 0;padding: 1rem 6rem;font-size: 6vw;height: 14vw;}
.form_notice p {font-size: 3.5vw;line-height: 1.3;}
.form_notice {margin: .5rem 0 0 0;}
.form_inner .flex {display: flex;}
.form7 .form_left{-webkit-box-ordinal-group: 2;order: 2;width: 100%;padding: 0 0 1.5vw;}
.form7 .form_right{-webkit-box-ordinal-group: 1;order: 1;width: 100%;}
.form7 .form_btn{width: 70%;}
.form7 .form_notice {width: 100%;margin: 0 auto;}
.form7 .form_input {padding: 0 0 0 12vw;}
.form7 .form_attention {margin-top: 2vw;}
.form7 .form_btn {width: 70%;padding: 0;margin-bottom: 2vw;}
.form7 .form_notice {margin-bottom: 1vw;}
/* ヘッド内Form
------------------------------------------------------ */
.form.bg_lg { background: #4cbebf;}
/* scfooter
------------------------------------------------------ */
#scfooter.form {padding: 1rem 0;z-index: 3}
#scfooter.form2 {padding: 1rem 0;z-index: 3;}
#scfooter .form_left {width: 63%;}
#scfooter .form_must {width: 1.5em;text-orientation: upright;text-align: center;padding: 0.5em 0;}
#scfooter .form_label {left: 8vw;font-size: 3.3vw;}
#scfooter .form_input {padding: 2rem 0 1rem 8vw;}
#scfooter .form_right {width: 35%;}
#scfooter .form_btn {display: block;width: 100%;margin-top: 0;padding: 0;font-size: 4vw;line-height: 1.1;}
#scfooter .form_btn i {right: 1rem;}
#scfooter .form_btn:hover + .form_caution {width: 90vw;bottom: 17vw;}
#scfooter .form_btn:hover + .form_caution:before {right: 12%;left: auto;}
#scfooter .form_btn2 {display: block;width: 100%;margin-top: 0;padding: 0;font-size: 4vw;line-height: 1.1;}
#scfooter .form_btn2 i {right: 1rem;}
#scfooter .form_btn2:hover + .form_caution {width: 90vw;bottom: 17vw;}
#scfooter .form_btn2:hover + .form_caution:before {right: 12%;left: auto;}
/*--------吹き出し--------*/
.form_attention .attention3 {left: auto;top: -392%;right: 0;width: 310px;}
.form_attention .attention3:after {right: 32px;left: auto;}
/*--------footer_attention--------*/
#service .sec_inner {width: 100%;}
.service_list th, .service_list td {padding: 1.5vw;}
.service_list th {background: #f5f5f5;}
.service_list td.large {font-size: 120%;}
.service_list2 {text-indent: -1em;}
.service_list {font-size: 3.1vw;}
.service_list_A, .service_list_C {width: 27%;}
#service .sec_inner {padding: 2vw;margin-bottom: 8vw;}
section#service {padding: 7vw 2vw 1vw;}
/*--------footer-------*/
footer {padding: 2rem 0 10rem;}
#footer_inner {width: 100%;}
#footer_inner p {text-align: center;}
.opt_sec1:before, .opt_sec1:after {display: none;content: '';position: absolute;top: 0;background: url(../img/tochiro_online_opt_bg.png) repeat-y left top 30px;background-size: 35px auto;width: 104px;height: 100%;z-index: 0;}
#profile .notice.txt_r{text-align: right; padding: 1vw 3vw 0 0;}


/*--------　list / box --------*/
ul.list1 {margin: 0 auto 0; padding:3vw 3vw 3vw;width: 100%; background: none;}
ul.list1 li {padding: 1.5vw 0 1vw 6vw;font-size: 4.8vw;text-shadow:none;}
.list1 li::after {top: 1.5vw; left: -1vw; width: 6vw; height: 6vw; background-size: 100%;}
/*-------- profile--------*/
#profile { padding: 7vw 2vw;}
.profile_wrap{width: 91%;padding: 0;margin-bottom: 7vw;
outline-offset: 2px;}
.profile_inner {padding: 0 0 5vw;margin: 0 auto;width: 95%;background: none;}
.profile_face{}
#profile .notice {text-align: left;padding: 2vw 0 0 3vw;width: 100%;}
.prf_box div {height: 90px;}
.prf_content {margin-top: 4vw; padding:6vw 4vw;}
.prf_content h3 {
    font-size: 5.4vw;
    margin-bottom: 10vw;
}
/*-------- profile box--------*/
#profile2{padding: 7vw 0;}
#profile2 .sec_inner{width: 95%;}
.prf_box_wrap{width: 100%;}
.prf_box {width: 100%;padding:0 0 15px;margin: 5vw auto 0vw; }
.prf_box:nth-of-type(1){margin: 0 auto;}
.prf_box p {padding: 4vw 0 0;}
.prf_box02{margin: 0 auto;width: 95%;}
.prf_box p{margin: 0 auto;font-size: 4.8vw;height: auto;}
.prf_box_wrap .notice2{margin-left:3vw;}

.list1 li:before {
    top: 0.5em;
}
.profile_wrap {
    outline: solid 2px var(--profileOutline);
}
/* opt_sec1
------------------------------------------------------ */
.opt_sec1{padding-bottom: 10vw;}
.opt_sec1 .sub_ttl{width: 80%; margin:2vw auto 7vw;}
.opt_sec1 .sub_head{padding: 0;}
/*-------- content --------*/
.content_wrap{width: 100%;}
.content{width: 90%;margin: 0 auto;padding: 5vw;border: 1px solid var(--optContents);;text-align: center;}
.content + .content{margin: 10vw auto 0;}
.content img{width: 100%;position: static;transform:scale(1);}
.content_txt{width: 100%;left: auto;}
.content h3{font-size: 6vw;padding-bottom: 2vw;border-bottom: none;padding-top: 6vw;}
.content_txt p{font-size: 4.8vw;text-align: center;padding: 8vw 0 2vw;}
.content_txt .fourth{/*padding: 3vw 0 0;*/}
.content_txt::after{display: none}
.content:nth-child(even) .content_txt::after{left: auto;right: auto;}
.content:nth-child(even) .content_txt{left: auto;right: auto;}
.num {padding-left:0;border-bottom: 1px solid var(--optContents);padding-top: 6vw;padding-bottom: 4vw;
font-size: 8vw;}
.form_notice p{padding-top: 0;}
.notice{font-size: 2.6vw;}
.notice2{font-size: 2.6vw;}
}