﻿@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: #175557;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;background: #f7fffd;}
#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;}
.bottom{margin-bottom: 2rem;}
.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 + .flex { margin: 2rem 0 0;}
.caption { 
	width: 100%;
	padding: 1rem;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #175557;
}
.icon_btn {position:absolute;right:0.7em;top:50%;transform:translateY(-50%) rotate(45deg);width:0.7em;height:0.7em;border-top:3px solid;border-right:3px solid;filter:drop-shadow(0 1px 3px #006e12);}
/* Font */
h1 { font-weight: normal !important;font-feature-settings: "palt"1;}
.u { text-decoration: underline;}
.b { font-weight: bold;}
.r { color: /*#d00*/#D55A23;}
.y { color:#f7ffb4;}
.wht { color: #fff;}
.orange { color: #FDFD96;}
.gradation_g { color: #f9db7f;background: -webkit-linear-gradient(0deg, #f9db7f, #fff8c8, #f9db7f);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.mark_r{ background: repeating-linear-gradient(-45deg, transparent 0 2px,  #ffd284 2px 4px );font-weight: bold;background-size: 100% .3em;padding-bottom: .6em; background-position: 0 center;background-repeat: no-repeat;font-family: 'Noto Sans JP', sans-serif;}
.mark { background: linear-gradient(transparent 80%, #ffff84 20%);}
.mark_y { background: linear-gradient(transparent 70%, #ffff84 30%);}
.txt_c,.txt_c_pc { 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%;display: inline-block;}
.large { font-size: 110%;}
.xlarge { font-size: 140%;}
.xxlarge { font-size: 160%;}
.xxxlarge { font-size: 130%;}
.serif { font-family: 游明朝, "Yu serif", Yuserif, "Hiragino serif ProN", "Hiragino serif Pro", HGS明朝E, メイリオ, Meiryo, serif;}
p + img, img + p, p + p { margin-top: 2rem;}
.blue{color: #144772;}
.green{color: #00b900;}
.view_timer {display: none;}
.notice{font-size: 1.6rem;margin: 0 0 0rem 0;text-align: right;}
/*吹き出し*/
.balloon {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #fff!important;
  font-size: 16px;
  background: #175557;
}
.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #175557;
}
/*--------Header--------*/
header {
	width: 100%;margin: 0 auto;
	text-align: center; position: relative;
	margin: 0 auto;text-align: center;
	 background: repeating-linear-gradient(-45deg, #f7fffd 0, #f7ffb4 2px, #FFF 4px, #FFF 6px);
	padding: 4rem 0 0;
}
header p {font-size: 60%;padding: 1rem 0;}
/*カラム*/
header .colummn{width: 960px;margin: 0 auto 6rem;}
.colummn.flex{align-items:flex-end;}
.colummn img{width: 33%;}
.colummn p{font-family: 'Noto Sans JP', sans-serif;font-size: 4.3rem;line-height: 1.5;}
.colummn img.deco{width: 40px;display: inline-block;margin: 0 0 -1rem;}
.colummn img.deco:nth-of-type(2){margin: 0 0 -1rem .5rem;}
.column_txt{width: 60%;}
/*--------ribbon--------*/
.ribbon { box-sizing:border-box;display:inline-block;position:relative;text-align:center;z-index:100;}
.ribbon:before, .ribbon:after{
	border: 20px solid #D55A23;/*←リボンの色*/
	width:1px;
	z-index:-2;
	content:'';
	position:absolute;
}
.ribbon:before {bottom:-10px;left:-25px;border-left-color:transparent;}
.ribbon:after {bottom:-1rem;right:-25px;border-right-color:transparent;}
.ribbon p { background: #D55A23;/*←リボンの色*/color:#FFF;display:inline-block;font-size:3.6rem;font-weight: bold;margin:0;padding:1rem 2rem ;font-family: 'Noto Sans JP', sans-serif;line-height: 1.3;}
.ribbon p:before, .ribbon p:after{ border:none;border-bottom:solid 10px transparent;content:'';position:absolute;top:100%;}
.ribbon p:before { border-right:solid 15px #010C16;left:.1rem;}
.ribbon p:after { border-left:solid 15px #010C16;right:.1rem;}
/*--------　list / box --------*/
.list1 {margin: 4rem 0 0 0;width: 100%;font-size: 2.5rem;}
.list1 li {position: relative;padding: 0 0 2rem 5rem;line-height: 1.4; font-weight: bold;}
.list1 li:last-child {padding-bottom: 0;}
.list1 li::after {display: block;content: '';position: absolute;top: -.1em;left: -.1rem;width: 70px;height: 70px;background: url( "../img/check.png")no-repeat; transform: scale(0.8);}
.box2 { background: #fff;padding: 5rem;width: 100%;text-align: center; border: 4px solid #dffef6;}
/*-------- mv --------*/
.mv{width: 48%;margin: 4rem 0 0;}
.mv video{width: 100%;display: block;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
section { padding: 7rem 0 0;}
.sub_head { font-size: 4.8rem;font-weight: 900;line-height: 1.4;text-align: center; font-family: 'Noto Sans JP', sans-serif;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;width: 960px;margin: 0 auto 3rem;}
.sec_inner { width: 960px;margin: 0 auto;padding: 0 0 7rem;}
/*固有*/
#regi{padding: 5rem 0;background-color: #f7fffd;}
#opt_sec1{background-color: #f7fffd;}
#line{background-color: #F9F7E5;}
#line2{background-color: #f7fffd;}
.txt_c + .sub_head{margin: 3rem auto 4rem;}
/*-------- text --------*/
h3{
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
	letter-spacing: -2px;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-feature-settings: 'palt'1;
	font-feature-settings: 'palt'1;
	margin: 0 auto;
}
/*-------- profile --------*/
.profile {
	background: url(../img/suzuki_prf_bg.jpg)top center;
	position: relative;
	z-index: 0;
	overflow: hidden; 
}
.profile img, .profile2 img {margin: 2rem 0 0;}
.profile_name {width: 70%;padding: 0 0;margin: 0 30% 0 0;}
.profile_wrap {
	width: 960px;
	margin: 0 auto;
	padding: 2rem 0 7rem;
	position: relative;
	z-index: 1;
}
.prof_img { position: absolute; right: -110px; top: -40px; z-index: -1;}
.content_mv video{width:100%; margin: 0 auto;}
/* prf_box */
.prof_history{
	background: #fffef7;
	background-image: radial-gradient(at 50% 40%, hsl(50deg 100% 98.38%) 0, transparent 50%), radial-gradient(at 80% 0%, hsla(0, 0%, 100%, 1) 0, transparent 50%), radial-gradient(at 0% 50%, hsla(0, 0%, 100%, 1) 0, transparent 50%), radial-gradient(at 90% 60%, hsl(74deg 100% 97.63%) 0, transparent 50%), radial-gradient(at 10% 100%, hsl(52deg 100% 95.18%) 0, transparent 50%), radial-gradient(at 80% 100%, hsla(0, 0%, 100%, 1) 0, transparent 50%), radial-gradient(at 20% 29%, hsl(64deg 72.93% 94.9%) 0, transparent 50%);
	position: relative;
	overflow: hidden;
}
.prof_history .sec_inner{z-index: 10;}
/*-------- chapter inner--------*/
.chapter_inner{border:4px solid #dffef6;margin:0 auto ;padding:5rem;background:#fff;}
.chapter_inner h3{text-align:center;font-size:3rem;line-height:1.3;margin:0 auto 3rem;}
/*-------- chapter mv--------*/
h3.subttl{font-size:3.6rem;font-weight:bold;text-align:center;line-height:1.3;/*margin:0 0 2rem 0;*/ -webkit-font-feature-settings:'palt'1; font-feature-settings:'palt'1;}
.mv_arrow{ padding:2rem 5rem 2rem; background-color:#f0fffb; margin-bottom: 2rem;}
.mv_arrow_bottom{background:#175557;}
.mv_arrow_bottom.s{background:#FDFD96;width:760px;margin:0 auto 5rem;padding:1rem 0 0;}
.mv_arrow_toform{ background:#fff;width:10rem;height:3rem;margin:0 auto;position:relative;}
.mv_arrow_triangle{border-top:45px solid #fff;border-right:75px solid transparent;border-left:75px solid transparent;width:155px;margin:0 auto;}
.mv_arrow_bottom_inner{}
.form2{margin:0 auto;}
.form2{padding:3rem 5rem; background:/*#FDFD96*/#175557;color: #fff;}
.form2 .form_sub p{font-size:2.6rem;}
 .form_notice{margin:0 auto;}
.merit_icon { margin: 0 auto;width: 100%;}
#form_header{margin-top: 2rem;}
/* form
------------------------------------------------------ */
.form {background:#FDFD96;padding:2rem 0;}
.form_inner {display:flex;flex-wrap:wrap;justify-content:space-between;max-width: 960px;margin: 0 auto;}
.form_sub {width:100%;margin:0 auto 1rem;}
.form_sub p {margin-bottom:1rem;font-family: 'Noto Sans JP', sans-serif;font-size:2.2rem;text-align:center;/*color:#fff;*/line-height:1.3;font-weight:bold;}
.form_left {width:53%;position:relative;}
.form_left3 {width:80%;margin: 0 auto}
.form_must {position:absolute;left:0.5rem;top:50%;transform:translateY(-50%);background:#e53935;font-weight: bold;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-size:1.8rem;color:#aaa; font-weight: bold;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:45%;}
.form_right3 {width:80%;margin: 0 auto; margin-top: 2rem;}
.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 0rem;}
.form_notice p {font-size:1.4rem;/*color:#fff;*/text-align:center;}
.form_btn {width:100%;background:#00ad48;border:2px solid #7dff88;border-radius:10rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 700;font-size:2.6rem;line-height:1;color:#fff;cursor:pointer;position:relative;transition:all 0.2s ease;height:6rem;}
.form_btn:hover{filter:brightness(1.3)}
.form_btn2{width:100%;background:#00ad48;border:2px solid #7dff88;border-radius:100px;font-family: 'Noto Sans JP', sans-serif;font-size:2.6rem;line-height:1;color:#fff;cursor:pointer;position:relative;transition:all 0.2s ease;height:6rem;}
.form_btn2:hover{filter:brightness(1.3)}
/*forom　別パターン*/
.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; }
.form2{}
/*オートコンプリート*/
.ui-autocomplete { position:absolute!important; background:#fff; list-style:none; border-radius:1rem; overflow:hidden; z-index:10;color: #151b34;}
.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; }
/*-------- 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;}
/* footer ----------------------------------------------------------------------------------------------*/
footer {background: #e5e8eb;}
.footer_logo img {max-width: 300px;}
.footer_txt {padding: 0 0 0 2rem;font-size: 1.1rem;text-align: left;line-height: 1.9;}
#footer_wrap {display: flex;width: 800px;padding: 2rem 0;margin: 0 auto;font-size: 80%;justify-content: center;}
#footer_wrap li {display: inline-block;padding: 0 1rem 0;border-left: 1px solid #aaa;}
#footer_wrap li:first-child {border: none;padding: 0 1em 0 0;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) { 
	/*--------Basic--------*/
	body { width: 100%;font-size: 4.5vw;background: #fff;font-weight: 400;}
	a[href^="tel:"] { pointer-events: auto;text-decoration: underline;color: #00e;}
	#body_wrap { width: 100%;}
	/*画像プロテクト*/
	header_img{
	  pointer-events:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
	  touch-callout:none;
	  user-select:none;
	}
	/* 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: 110%;}
	.xxlarge { font-size: 120%;}
	.xxxlarge { font-size: 120%;}
	.bottom{margin-bottom: 3vw;}
	.flex p { margin: 0 auto;}
	.caption { padding: 2vw;font-size: 4.7vw;}
	.notice{font-size: 3.3vw;margin: 0 0 4vw 0;}
	.txt_c_pc { text-align: left;}
	/*--------Header--------*/
	header{padding: 10vw 5%;}
	header p{padding: 3vw 0 0;}
	header img { margin: 0 auto;width: 70%;}
	header .colummn{width: 100%;   margin: 0 auto 11vw;}
	.colummn.flex{flex-direction: column-reverse;}
	.colummn img{width: 50%;margin: 0 auto;}
	.colummn p{width: fit-content;font-size: 5.5vw;line-height: 1.5;text-align: center;margin: 0 auto 0;}
	.colummn img.deco{width: 5vw;margin: 0 0 -1vw;}
	.colummn img.deco:nth-of-type(2){margin: 0 0 -1vw .5vw;}
	.column_txt{width: 100%;margin-bottom: 3vw;}
	/*--------　ribbon --------*/
	.ribbon { width: 83vw;margin-top:2vw;}
	.ribbon p { font-size: 5vw;padding: 2%;line-height: 1.4;display: block;}
	.ribbon p:before{left: 0;}
	.ribbon p:after{right: 0;}
	.ribbon:before{left: -7vw;}
	.ribbon:after{right: -7vw;}
	/*--------　list / box --------*/
	ul.list1 {margin: 0 auto 0; padding:3vw;width: 96%; top: 25vw;left: 1vw;background: #fff;border: 1px #dfdddc solid;}
	ul.list1 li {padding: 1vw 0 1vw 7vw;font-size: 4.6vw;text-shadow:none;}
	.list1 li::after {top: .8vw; left: 0; width: 6vw; height: 6vw; background-size: 100%;}
	.list1 li:before {width: 5vw;height: 5vw;border-radius: 10px;left: 0;top: 3vw;}
	.list1 li:last-child:before {width: 20px;height: 20px;border-radius: 10px;left: 0;top: 6vw;}
	.box2 { padding: 6vw 3vw;width: 100%;margin: 10vw 0 0; border: 2px solid #dffef6;}
	/*-------- mv --------*/
	.mv{width: 100%;margin: 4vw 0;}
	.mv:nth-of-type(2){margin: 4vw 0 0;}
	/*--------Section / sub_head / sec_inner--------*/
	/*共通*/
	section { padding: 10vw 0 0;}
	.sub_head { width: 96%;margin: 0 auto 7vw;font-size: 5.5vw;}
	.sec_inner { width: 94%;padding: 0 0 10vw;}
	/*固有*/
	#regi { padding: 10vw 0;}
	#sec1{background: #F1F1F1;}
	.txt_c + .sub_head{margin: 5vw auto 6vw;}
	/*-------- text --------*/
	h3{font-size: 5vw;letter-spacing: -2px;margin: 0 auto;}
	/*-------- profile--------*/
	.profile { height: auto; background: #f8f5f0;}
	.profile_wrap{width: 100%;padding: 0 0 10vw;position: relative;}
	.profile_inner {padding: 0;margin: 0 auto;width: 100%;}
	.profile_name {width: 100%;padding: 0;margin: 0;}
	.profile img{box-shadow: none; margin: 0 auto;width: 95%;}
	.flex {display: block;}	
	/*-------- chapter --------*/
	.chapter_wrap{width:100%;margin:0 auto;}
	.chapter_inner{width:100%;margin:0 auto ;padding:3vw; border: 2px solid #dffef6;}
	.chapter_inner h3{font-size:4.7vw;font-weight:bold;margin:2vw auto;}
	/*-------- chapter mv--------*/
	.mv_arrow{padding:3vw 2vw 2vw;margin-bottom: 2vw;}
	.mv_arrow_toform{ width:10vw;height:3vw;}
	.mv_arrow_triangle{border-top:4vw solid #fff;border-right:8vw solid transparent;border-left:8vw solid transparent;width:15vw;}
	.mv_arrow_bottom_inner{}
	.content_mv video{width:100%; margin: 0 auto;}
	.mv_arrow_bottom.s { width:100%; margin:0 auto 5vw; padding:1vw 0 0;}
	.chapter_wrap {width: 100%;margin: 0 auto;}
	.chapter_cap {line-height: 1.3;margin-bottom: 2vw;font-size: 4vw;}
	.form2 .form_sub p {font-size: 4.6vw;line-height: 1.3;}
	/* form
	------------------------------------------------------ */
	.form {padding:4vw 0;}
	.form_inner {max-width: 960px;}
	.form_sub {width:100%;margin:0 auto 2vw;}
	.form_sub p {margin-bottom:2vw;font-size:4vw;}
	.form_left {width:53%;}
	.form_left3 {width:80%;}
	.form_must {left:0.5rem;font-size:4vw;padding:1vw;}
	.form_label {left:13vw;font-size:4vw;}
	.form_input {padding:7vw 0 7vw 13vw;font-size:5vw;height:6vw;}
	.form_input:not(:placeholder-shown) + span {transform:translateY(-2.2rem) scale(0.7);}
	.form_input:focus + span {transform:translateY(-2.2rem) scale(0.7);}
	.form_right3 { width: 100%; margin: 0 auto; margin-top: 2vw;}
	.form_left { width: 100%; margin: 0 auto;}
	.form_right { width: 100%; margin: 0 auto;margin-top: 2vw;}
	.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:2vw 0 0 0rem;}
	.form_notice p {font-size:3vw;text-align:center;}
	.form_btn {height: 13vw; font-size: 5vw; line-height: 1;}
	.form_btn:hover{filter:brightness(1.3)}
	.form_btn2 {height: 13vw;font-size: 5vw; line-height: 1;}
	.form_btn2:hover{filter:brightness(1.3)}
	.form2 { padding: 3vw;}
	.form_sub { margin: 0 auto 2vw;}
	/**/
	.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; }
	/* footer ----------------------------------------------------------------------------------------------*/
	.footer_logo img {display: block;}
	.footer_txt {padding: 1rem;}
	#footer_wrap {display: block;width: 100%;}
}