@charset "UTF-8";
/* プロモ変更箇所 */
:root {
	--mainColor: #152246;
    --redColor: #a42628;
    --yellowColor: #ffd580;
    --blueColor: #152246;
    --textFontColor: #0e0e1c;

	--formColor: #152246;
	--Font: "Gothic MB101 DemiBold", "A-OTF ゴシックMB101 Pr6N";
			/*"Ryumin ExtraBold KL", serif;*/

    /* 先生のプロフィール */
    --profileBg: #f0fbff;
    --profileContent:#152246;
    --profileOutline:#a42628;
    --profileBox:#152246;
    /* プロフィールのリスト */
    --listColor:#fff;
    --checkColor:#ffd580;

    /* 無料映像 */
    --optColor:#152246;
	--optBg:#dae8ff;
}
/* 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;max-width:750px;}
/*---電話番号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%; }
.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:1.5rem;font-size: 1.5rem;text-align: right;font-weight: 400;font-family: sans-serif;letter-spacing: 1px;}
/*#profile .notice.txt_r{text-align: right; padding: 1vw 0 0 0;}*/
.notice {padding-top: 1rem;font-size: 1.4rem;text-align: right;font-weight: 400;font-family: sans-serif;color: #333;letter-spacing: 1px;}
.notice2 {padding-top: 1rem;font-size: 1.4rem;text-align: left;width: 960px;font-weight: 400;font-family: sans-serif;color: #0a0f25;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-weight: 600;font-size: 115%;}
section {padding: 7rem 0;}





/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {font-size: 4.2rem;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;}


/*--------　list / box --------*/
.list1 {margin: 0 2rem 0 auto;color: var(--listColor);width: 100%;padding: 0rem 0 2.7rem 0;font-size: 3rem;}
.list1 li {position: relative;padding: 0 0 2rem 4rem;line-height: 1.7;font-family:var(--Font);}
.list1 li:last-child {padding-bottom: 0;}
.list1 li:before {
    content: "";
    position: absolute;
    top: 0em;
    left: 0px;
    font-size: 3rem;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 10px;
    height: 25px;
    border-right: 4px solid var(--checkColor);
    border-bottom: 4px solid var(--checkColor);
  }
/*--------　list / box --------*/
p + p{padding-top: 3rem;}
/*-------- profile --------*/
#profile {background: var(--profileBg);    position: relative;    padding: 3rem 2rem;    z-index: 0;    overflow: hidden;}
.profile_inner {padding:3rem 0rem 3rem 4rem;background:var(--profileContent);
background: url(../img/contents_bg.jpg) repeat-y center}
.profile_inner img {margin: 0 0 0rem;}
.profile_face {position: absolute;
    right: -6rem;
    top: 0px;
    width: 58%;
    z-index: 0;}
.profile_wrap {
	max-width: 750px;
	width: 100%;
    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 -1rem;}
/*-------- profile box--------*/
.prf_box_wrap{max-width: 750px;width: 100%; margin: 0 auto;}
.prf_box {margin: 5rem 0 0;position: relative;width: 100%;}
.prf_box div {display: flex;    justify-content: space-evenly;align-items: center; }
.prf_box img{}
.prf_txt{background:var(--profileBox);padding: 2rem 0;}
.prf_img{background: #e5dfce;}
.prf_box.w50 {width: 49%;}
.prf_box.w50 .prf_pt{font-size: 3rem;}
.prf_box p {padding: .4rem;   text-align: center;    line-height: 1.3;    color: #fff;    font-size: 3rem;    font-family: var(--Font);}
/*後で消す*/
/*-------- content --------*/
.content {border: 1px solid var(--optColor);padding: 3rem;}
.content_wrap {max-width: 750px;width: 100%; margin: 0 auto;}
.content {align-items: center; margin: 6rem 3rem 5rem;}
/**/
.content+.content {margin: 4rem 3rem;}
.content img {width: 100%;position: relative;}
.content_txt {width: 100%;margin-top: 3rem;text-align: center;}
.content h3 {font-size: 4rem;line-height: 1;padding-bottom: 2rem;	position: relative;	font-family:var(--Font);}
.content_txt p {font-family:var(--Font); font-size: 3rem;	line-height: 1.5;padding: 3rem 0;}
.num {padding-left: 1rem;font-size: 120%;letter-spacing: 0px;border-bottom: 2px solid var(--optColor);
    padding-top: 2rem;
    padding-bottom: 2rem;}
/*偶数の時*/
.content:nth-child(even) {	flex-direction: row-reverse;}

/* opt_sec1
------------------------------------------------------ */
.opt_sec1 {    position: relative;
    background: var(--optBg);
    padding-bottom: 1rem;
    color: var(--optColor);}
.opt_sec1 .sub_ttl{width: 90%;
    margin: 1.3rem auto 0;
	font-size: 3rem;
    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.flex {display: flex;}
.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: "Ryumin ExtraBold KL", serif; border: 2px dotted #fff;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:480px) {
    /*--------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: 80%;font-weight: bold;}
    .large {font-size: 110%;}
    .large_pc {font-size: 100%;}
    .xlarge {font-size: 120%;}
    .xxlarge {font-size: 200%;}
    .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;}
	P + P{padding-top: 4vw;}
	.form_notice p{padding-top: 0;}
	.notice{font-size: 2.6vw;}
    /*--------Section / sub_head / sec_inner--------*/
    section {padding: 7vw 0;}
    .sub_head {width: 96%;font-size: 8.5vw;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_wrap section{padding: 0;}
    .sec_wrap .sec_inner{padding: 0;width: 100%;}
    /*--------　merit_icon --------*/
    .merit_icon {justify-content: space-evenly;margin-bottom: 2vw;}
    .merit_icon li {width:32%;font-size: 2.8vw;padding: 1.5vw 0;margin: 0;display: flex;text-align: center;align-items: center;    justify-content: center;}

	/*--------　list / box --------*/
	ul.list1 {margin: 0 auto 0; padding:3vw 3vw 3vw;width: 100%; background: none;}
	ul.list1 li {padding: 1.5vw 0 1vw 8vw;font-size: 4.8vw;text-shadow:none;}
	.list1 li::after {top: 1.5vw; left: -1vw; width: 6vw; height: 6vw; background-size: 100%;}
	.list1 li:before{    width: 8px;height: 15px;    top: 0.2em;}
	/*-------- profile--------*/
	#profile { padding: 7vw 0;}
	.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%;}
	.notice2{text-align: left;padding: 2vw 0 0 3vw;width: 100%; font-size: 3vw;}
	/*-------- profile box--------*/
	#profile2{padding: 7vw 0;}
	#profile2 .sec_inner{width: 95%;}
	.prf_box_wrap{width: 100%;}
	.prf_box {width: 95%;padding:0 0 15px;margin: 5vw auto 0vw; }
	.prf_box:nth-of-type(1){margin: 0 auto;}
	.prf_box:nth-of-type(4){margin: 0 auto;}
	.prf_box:last-child {padding:0;}
	.prf_box p {padding: 4vw 0;}
	.prf_box02{margin: 0 auto;width: 95%;}
	.prf_box p{margin: 0 auto;font-size: 4.8vw;height: auto;}
	.prf_box div{padding: 0;}
	.prf_box.w50 { width: 94%;}
	.prf_img.w50{width: 50%;margin: 0 auto;}
	.prf_box.w50 .prf_pt {font-size: 6vw;padding: 4vw 0;}
	/* opt_sec1
	------------------------------------------------------ */
	.opt_sec1{padding-bottom: 10vw;}
	.opt_sec1 .sub_ttl{width: 80%; margin:2vw auto 7vw;font-size: 4.8vw;}
	.opt_sec1 .sub_head{padding: 0;font-size: 8.5vw;}
	/*-------- content --------*/
	.content_wrap{width: 100%;}
	.content{width: 90%;margin: 0 auto;padding: 5vw;border: 1px solid var(--optColor);text-align: center;}
	.content + .content{margin: 10vw auto 0;}
	.content img{width: 100%;position: static;transform:scale(1);}
	.content_txt{width: 100%;left: auto;margin-top: 0;}
	.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: 6vw 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(--optColor);padding-top: 7vw;padding-bottom: 4vw;font-size: 8vw;}
}







/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【ベース】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* form
------------------------------------------------------ */
.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;} 
.form {background:var(--formColor);padding: 2rem 0;z-index: 20;}
#form_header {background: var(--formColor);}
.form_header {background: var(--formColor);}
.form form {max-width: 960px;width: 100%; margin: 0 auto;}
.form_inner {display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.form_sub {width: 100%;margin: 0 auto 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: .5rem;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_btn:hover {background: #fff;border: 2px solid #00ad48;color: #00ad48;}
.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 46rem;}
.form_notice p {font-size: 1.4rem;color: #fff;text-align: center;}
.form_area{position: relative}
/* ヘッド内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 {max-width: 960px;width: 100%; 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 {width: 24%;}
.service_list_C {width: 27%;}
#service .sec_inner {padding: 4rem 0 2rem;max-width: 750px;width: 100%; margin: 0 auto;background: rgba(255,255,255,0.8);}
/*--------footer_attention2--------*/
p + ul {margin-top: 2rem;}
.service_list2 li {font-size: 1.6rem;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 {max-width: 960px;width: 100%; 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;}
@media screen and (max-width:768px) {
	/* form
	------------------------------------------------------ */
	.form {padding: 2vw 0 ;}
	.form2 {padding: 2vw 0;}
	.form form {width: 94%;}
	.form_sub {width: 100%;margin: 0;}
	.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: 1rem auto 0;padding: 1rem 6rem;font-size: 6vw;height: 14vw;}
	.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 .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;}
}