@charset 'UTF-8';
/*normalize: http://necolas.github.io/normalize.css/*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video{
	display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){
	display: none;
	height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],template{
	display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html{
	font-family: sans-serif; /* 1 */

	-webkit-text-size-adjust: 100%; /* 2 */
	    -ms-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body{
	margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a{
	background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus{
	outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover{
	outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,h2,h3,h4,p{
	font-size: 1em;
	font-weight: 400;
	margin: 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title]{
	border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong,.strong{
	font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,em,.em{
	font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr{
	box-sizing: content-box;
	height: 0;
}
/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p{
	-webkit-hyphens: auto;
	        hyphens: auto;

	-epub-hyphens: auto;
	    -ms-hyphens: auto;
}
/*
 * Addresses margins set differently in IE6/7.
 */
pre{
	margin: 0;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp{
	font-family: monospace, serif;
	font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre{
	white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q{
	quotes: '\201C' '\201D' '\2018' '\2019';
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,q:after{
	content: '';
	content: none;
}
small,.small{
	font-size: 75%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{
	top: -.5em;
}
sub{
	bottom: -.25em;
}
/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,menu,ol,ul{
	margin: 0;
}
dd{
	margin: 0;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu{
	padding: 0 0 0 40px;
}
ol,ul{
	padding: 0;
	list-style-type: none;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,nav ol{
	list-style: none;
	list-style-image: none;
}
/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img{
	border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root){
	overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure{
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset{
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend{
	padding: 0; /* 2 */
	border: 0; /* 1 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,input,select,textarea{
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input{
	line-height: normal;
}
button{
	padding: 0;
	border: none;
	outline: none;
	background: none;

	line-break: 1;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,select{
	text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type='button'],/* 1 */
input[type='reset'],input[type='submit']{
	cursor: pointer; /* 3 */

	-webkit-appearance: button; /* 2 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled]{
	cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],input[type='radio']{
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search']{
	box-sizing: content-box;

	-webkit-appearance: textfield; /* 1 */ /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
	-webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea{
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table{
	border-spacing: 0;
	border-collapse: collapse;
}
*{
	box-sizing: border-box;
}
.image-replacement,.ir{
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.clearfix,.cf{
	zoom: 1;
}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
	display: table; 
	content: '';
}
.clearfix:after,.cf:after{
	clear: both;
}
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp{
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic;
}
:root{
	--color: #000;
	--cr: #f00;
	--cy: #fffe00;
	--vh: 1vh;
}
/* ==========================================================================
   共通設定
========================================================================== */
html{
	font-size: 62.5%;
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body{
	font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
	font-size: 1.4rem;
	line-height: 1.3;
	overflow: hidden;
	width: 100%;
	min-width: 1260px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #000;
	color: var(--color);

	font-feature-settings: 'pkna';
}
.wall{
	position: fixed;
	z-index: -1;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	transform: rotate(-15deg);
	-webkit-animation: bkLoop 2s linear infinite;
	        animation: bkLoop 2s linear infinite;
	background: url('../img/arrow2.png');
	background-color: #fff;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
a{
	text-decoration: none;
	color: #000;
}
a:hover{
	opacity: .7;
}
.spShow{
	display: none;
}
.pcShow{
	display: inline-block;
}
.main{
	padding-top: 103px;
}
/* ==========================================================================
   header
========================================================================== */
.header{
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 3px solid #000;
	background: #eee;
}
.header .headerInner{
	display: flex;
	min-width: 1255px;
	max-width: 1337px;
	height: 100px;
	margin: 0 auto;
	padding: 0 10px;

	align-items: center;
}
.header .logo{
	margin-left: 95px;

	flex: 0 1 240px;
}
.header address{
	margin: 0 0 0 auto;
	flex: 0 1 70px;
}
.header .contactList{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .contactList .line{
	flex: 0 1 47px;
}
.header .contactList .mail{
	flex: 0 1 42px;
}
.header .contactList .tel{
	flex: 0 1 235px;
}
.header .menuBtn{
	margin: 0 0 0 47px;

	flex: 0 1 72px;
}
.header .menuBtn button{
	display: flex;
	height: 50px;

	flex-flow: column;
	justify-content: space-between;
}
.header .menuBtn button:hover{
	opacity: .8;
}
.header .menuBtn button:focus{
	outline: none;
}
.header .menuBtn button span{
	width: 72px;
	height: 6px;
	background: url('../img/menu_line.png') no-repeat center center;
	background-size: 100% 100%;
}
.header .menuBtn button .line2{
	transition: opacity .3s;
	opacity: 1;
}
.header .menuBtn button .line1{
	transition: transform .3s linear;
	transform: rotate(0deg);
	transform-origin: right top;
}
.header .menuBtn button .line3{
	transition: transform .3s linear;
	transform: rotate(0deg);
	transform-origin: right bottom;
}
.header .menuBtn .btnClose{
	height: 56px;
}
.header .menuBtn .btnClose .line2{
	opacity: 0;
}
.header .menuBtn .btnClose .line1{
	transition: transform .3s linear;
	transform: rotate(-45deg);
	transform-origin: right top;
}
.header .menuBtn .btnClose .line3{
	transition: transform .3s linear;
	transform: rotate(45deg);
	transform-origin: right bottom;
}
/* ==========================================================================
   グローバルナビ
========================================================================== */
.gNav{
	position: fixed;
	z-index: 1000;
	top: 100px;
	right: 0;
	display: none;
	width: 531px;
	padding: 37px 0;
	border: 2px solid #000;
	background: #00c4d4;
}
.gNav ul{
	max-width: 448px;
	margin: 0 auto;
	transform: translateX(-50px);
	opacity: 0;
}
.gNav ul li+li{
	margin-top: 19px;
}
.gNav ul a{
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	display: block;
	height: 63px;
	padding: 19px 0 0 38px;
	background: url('../img/nav_bk.png') no-repeat center center;
	background-size: contain;
}
.navOpen{
	display: block;
}
.navOpen ul{
	-webkit-animation: menuSlideIn .4s 1 0s linear forwards;
	        animation: menuSlideIn .4s 1 0s linear forwards;
}
.navClose{
	-webkit-animation: fadeOut .2s 1 0s linear forwards;
	        animation: fadeOut .2s 1 0s linear forwards;
}
/* ==========================================================================
   footer
========================================================================== */
.footer{
	padding: 28px 0 15px;
	border-top: 3px solid #000;
	background: #fff;
}
.footer .footerLink{
	display: flex;
	margin-bottom: 100px;

	justify-content: center;
}
.footer .footerLink li{
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
}
.footer .footerLink li+li::before{
	margin: 0 .5em;
	content: '| ';
}
.footer .copyright{
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
}
/* ==========================================================================
   ファーストビュー
========================================================================== */
.fv{
	padding: 60px 0 38px;
	background: url('../img/fv_bk_man.png') no-repeat center center;
}
.fv .fvInner{
	position: relative;
	max-width: 1142px;
	height: 675px;
	margin: 0 auto;
	padding: 70px 0 0 85px;
	background: url('../img/fv_bk.png') no-repeat center center;
}
.fv .fvInner::after{
	position: absolute;
	z-index: 10;
	right: -77px;
	bottom: -87px;
	width: 106px;
	height: 116px;
	content: '';
	background: url('../img/man.png') no-repeat center center;
}
.fv .fvInner .text1{
	line-height: 1;
	margin-bottom: 37px;
	padding-left: 17px;
}
.fv .fvInner .text2{
	line-height: 1;
}
.fv .slide{
	position: absolute;
	z-index: 2;
	top: 5px;
	right: 39px;
	width: 533px;
}
/* ==========================================================================
   料金
========================================================================== */
.price{
	padding-top: 50px;
	background: #ebfaff;
}
.price>h2{
	line-height: 1;
	margin-bottom: 50px;
	text-align: center;
}
.price .row{
	display: flex;
	max-width: 1083px;
	margin: 0 auto;
}
.price .priceBox{
	margin-left: 25px;

	flex: 0 1 517px;
}
.price .priceBox h2{
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
	padding-left: 13px;
	color: #00c0d8;
}
.price .priceBox p{
	font-size: 6.6rem;
	font-weight: bold;
	line-height: 1;
	padding: 0 0 23px 13px;
	text-align: left;
	color: #101010;
	background: url('../img/price_line.png') no-repeat left bottom;
}
.price .priceBox p small{
	font-size: 5.5rem;
}
.price .lineBox{
	max-width: 600px;
	margin: 9px auto 15px;
}
.price .lineBox a{
	line-height: 1;
	display: block;
	height: 283px;
	padding: 135px 0 0 198px;
	background: url('../img/line_btn.png') no-repeat center center;
}
.price .lineBox span{
	font-size: 2.2rem;
	font-weight: bold;
	display: block;
	margin: 0 0 5px 20px;
	color: #f00;
	color: var(--cr);
}
.price .lineBox strong{
	font-size: 4.1rem;
	display: flex;
	width: 330px;
	height: 61px;
	color: #000;
	color: var(--color);
	background: #fffe00;
	background: var(--cy);

	align-items: center;
	justify-content: center;
}
.price .img{
	max-width: 1238px;
	margin: 0 auto;
}
/* ==========================================================================
   そんな方にこそオススメです！
========================================================================== */
.osusumeList{
	padding: 90px 0 75px;
	background: #00c5d4;
}
.osusumeList ul{
	display: flex;
	max-width: 1125px;
	margin: 0 auto;
}
.osusumeList li{
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.2;
	height: 250px;
	padding: 13px 0 0 0;
}
.osusumeList li span{
	display: flex;
	width: 207px;
	height: 2.4em;
	text-align: center;

	align-items: center;
	justify-content: center;
}
.osusumeList li:nth-child(1){
	background: url('../img/list1.png') no-repeat center center;
	background-size: contain;

	flex: 0 1 229px;
}
.osusumeList li:nth-child(2){
	margin-left: -8px;
	background: url('../img/list2_new.png') no-repeat center center;
	background-size: contain;

	flex: 0 1 231px;
}
.osusumeList li:nth-child(3){
	margin-left: -14px;
	background: url('../img/list3_new.png') no-repeat center center;
	background-size: contain;

	flex: 0 1 238px;
}
.osusumeList li:nth-child(4){
	margin-left: -10px;
	background: url('../img/list4_new.png') no-repeat center center;
	background-size: contain;

	flex: 0 1 234px;
}
.osusumeList li:nth-child(5){
	margin-left: -6px;
	background: url('../img/list5.png') no-repeat center center;
	background-size: contain;

	flex: 0 1 231px;
}
.osusumeList .osusumeText{
	max-width: 952px;
	height: 305px;
	margin: 26px auto 0;
	padding-top: 94px;
	background: url('../img/osusume_text_bk.png') no-repeat center center;
	background-size: contain;
}
.osusumeList .osusumeText p{
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

.osusumeList .osusumeText p:first-child{
	width:max-content;
	margin-left:30%;
}

.osusumeList .osusumeText p:last-child{
	margin-top: 32px;
	padding-left: .5em;
}
/* ==========================================================================
   選ばれる３つの理由
========================================================================== */
.reason{
	padding: 55px 0 110px;
}
.reason .inner{
	position: relative;
	max-width: 1199px;
	margin: 0 auto;
}
.reason .inner::before{
	position: absolute;
	z-index: 10;
	top: 71px;
	right: -43px;
	width: 106px;
	height: 116px;
	content: '';
	background: url('../img/man.png') no-repeat center center;
	background-size: contain;
}
.reason header{
	position: relative;
}
.reason .reasonTitle{
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
	text-align: center;
}
.reason .reasonTitle strong{
	font-size: 10.0rem;
	color: #00c0d8;
}
.reason .topText{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.reason .illust{
	position: absolute;
	z-index: 2;
	top: -11px;
	left: 126px;
	width: 191px;
}
.reason ul{
	position: relative;
	display: flex;
	margin-top: 107px;

	justify-content: space-between;
}
.reason ul::before{
	position: absolute;
	z-index: 10;
	top: 58px;
	left: -89px;
	width: 106px;
	height: 116px;
	content: '';
	background: url('../img/man.png') no-repeat center center;
	background-size: contain;
}
.reason ul::after{
	position: absolute;
	z-index: 10;
	bottom: -157px;
	left: 514px;
	width: 106px;
	height: 116px;
	content: '';
	background: url('../img/man.png') no-repeat center center;
	background-size: contain;
}
.reason ul li{
	position: relative;

	flex: 0 1 370px;
}
.reason ul .reasonBox{
	position: relative;
	padding: 68px 25px 35px;
	border: 7px solid #000;
	border-radius: 10px;
	background: #fff;
}
.reason ul .reasonBox::before{
	position: absolute;
	top: -78px;
	left: -9px;
	width: 119px;
	height: 119px;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.reason ul .reasonBox h2{
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 30px;
	text-align: center;
}
.reason ul .reasonBox h2 strong{
	color: #f00;
	color: var(--cr);
}
.reason ul .reasonBox p{
	font-size: 1.7rem;
	line-height: 1.7;
}
.reason ul .reasonBox1::before{
	background-image: url('../img/num1.png');
}
.reason ul .reasonBox2::before{
	background-image: url('../img/num2.png');
}
.reason ul .reasonBox3::before{
	background-image: url('../img/num3.png');
}
/* ==========================================================================
   簡単！！３ステップ
========================================================================== */
.flow{
	position: relative;
	background: url('../img/split_bk.jpg');
}
.flow::before{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 135px solid transparent;
	border-right: 50vw solid rgba(0,192,212,.82);
	border-bottom: 135px solid rgba(0,192,212,.82);
	border-left: 50vw solid rgba(0,192,212,.82);
}
.flow::after{
	position: absolute;
	z-index: 1;
	top: 270px;
	left: 0;
	width: 100%;
	height: calc(100% - 290px);
	content: '';
	background: rgba(0,192,212,.82);
}
.flow .inner{
	position: relative;
	z-index: 2;
	max-width: 1199px;
	margin: 0 auto;
	padding: 270px 0 85px;
}
.flow .flowHeader{
	position: relative;
}
.flow .flowHeader p{
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.flow .flowTitle{
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 155px;
	text-align: center;
}
.flow .flowTitle strong{
	font-size: 10.0rem;
	color: #fff;
}
.flow .flowList{
	display: flex;

	justify-content: space-between;
}
.flow .flowList>li{
	box-sizing: content-box;
	border: 7px solid #000;
	border-radius: 10px;
	background: #fff;

	flex: 0 1 356px;
}
.flow .flowBox{
	position: relative;
}
.flow .flowBox header{
	display: flex;
	height: 157px;
	text-align: center;
	background: #00c3d5;

	flex-flow: column;
	justify-content: center;
}
.flow .flowBox header .num{
	line-height: 1;
	margin-bottom: 10px;
}
.flow .flowBox header h2{
	font-size: 2.3rem;
	font-weight: bold;
}
.flow .flowBox header h2 span{
	padding: 0 2px 5px;
	background: linear-gradient(transparent 50%, #fffe00 0%);
	background: linear-gradient(transparent 50%, var(--cy) 0%);
}
.flow .flowBox .text{
	font-size: 1.7rem;
	line-height: 1.4;
	padding: 25px 28px;
}
.flow .flowBox .text li{
	margin-left: 1em;
	text-indent: -1em;
}
.flow .flowBox1::after,.flow .flowBox2::after{
	position: absolute;
	top: 153px;
	right: -43px;
	width: 26px;
	height: 38px;
	content: '';
	background: url('../img/flow_arrow.png') no-repeat center center;
}
.flow .paySec{
	display: flex;
	margin-top: 25px;
	border: 7px solid #000;
	border-radius: 10px;
	background: #fff;

	align-items: center;
}
.flow .paySec h2{
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1;
	display: flex;
	height: 72px;
	margin-right: 33px;
	background: #fffe00;
	background: var(--cy);

	align-items: center;
	flex: 0 1 258px;
	justify-content: center;
}
.flow .paySec p{
	font-size: 2.0rem;
	font-weight: 500;

	flex: 1 1 auto;
}
.flow .payText{
	font-size: 2.0rem;
	font-weight: 500;
	display: flex;
	height: 72px;
	margin-top: 25px;
	padding-left: 20px;
	border: 7px solid #000;
	border-radius: 10px;
	background: #fff;

	align-items: center;
}
.flow .payText span:first-child{
	padding: 0 0 5px;
	background: linear-gradient(transparent 50%, #fffe00 0%);
	background: linear-gradient(transparent 50%, var(--cy) 0%);
}
.flow .payText span:last-child{
	display: inline-block;
	margin-left: .3em;
}
.flow .lineKoma{
	position: absolute;
	top: 13px;
	left: -31px;
	width: 466px;
	height: 559px;
}
.flow .lineKoma h2{
	position: absolute;
	top: 0;
	right: 0;
	width: 192px;
}
.flow .lineKoma a:hover{
	opacity: 1;
}
.flow .kaiwaBoxWall{
	display: flex;
	width: 306px;
	height: 536px;
	margin-top: 26px;
	padding-top: 139px;
	background: url('../img/line_koma.png') no-repeat center center;

	align-items: center;
	flex-flow: column;
}
.flow .kaiwaBox{
	opacity: 1;
}
.flow .kaiwa{
	width: 226px;
	opacity: 0;
}
.flow .kaiwa+.kaiwa{
	margin-top: 7px;
}
.flow .kaiwa:first-child{
	margin-bottom: 14px;
}
@media screen and (max-width:1260px){
	.flow::before{
		border-right: 630px solid rgba(0,192,212,.82);
		border-left: 630px solid rgba(0,192,212,.82);
	}
}
/* ==========================================================================
   転職届を無料プレゼント
円満退職をするシナリオをご提案
========================================================================== */
.present{
	padding: 76px 0 80px;
	background: url('../img/man_bk.png') no-repeat center 27px;
}
.present>h2{
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 50px;
	text-align: center;
}
.present>h2 strong{
	color: #00c3d4;
}
.present .img{
	max-width: 1154px;
	margin: 0 auto;
}
/* ==========================================================================
   他の退職代行サービスとの比較
========================================================================== */
.hikaku{
	padding: 45px 0 75px;
	background: #fff;
}
.hikaku>h2{
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 70px;
	text-align: center;
}
.hikaku>h2 strong{
	color: #00c3d4;
}
.hikaku table{
	width: 100%;
	max-width: 905px;
	margin: 0 auto;
	table-layout: fixed;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.hikaku .smart{
	width: 329px;
	background: #fffe5b;
}
.hikaku td,.hikaku th{
	line-height: 1.2;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.hikaku th{
	font-size: 2.1rem;
	background: #00c2d6;
}
.hikaku td{
	font-size: 2.0rem;
	font-weight: 500;
	height: 89px;
}
.hikaku thead th{
	padding: 0;
	vertical-align: bottom;
	border-top: none;
	background: none;
}
.hikaku thead .smart{
	padding: 30px 10px;
	border-top: 1px solid #000;
}
.hikaku thead span{
	display: flex;
	height: 59px;
	border-top: 1px solid #000;
	background: #00c2d6;

	align-items: center;
	justify-content: center;
}
.hikaku thead .noborder{
	position: relative;
}
.hikaku thead .noborder::before{
	position: absolute;
	top: -51px;
	left: -1px;
	width: 1px;
	height: 50px;
	content: '';
	background: #fff;
}
.hikaku thead .noborder::after{
	position: absolute;
	top: -51px;
	right: -1px;
	width: 1px;
	height: 50px;
	content: '';
	background: #fff;
}
.hikaku thead .noborder1::after{
	display: none;
}
/* ==========================================================================
   よくある質問
========================================================================== */
.faq{
	padding: 60px 0 80px;
	background: linear-gradient(to bottom, rgba(0,192,216,.6) 0%,rgba(0,192,216,1) 100%),url('../img/split_bk.jpg');
}
.faq>h2{
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 55px;
	text-align: center;
}
.faq .row{
	display: flex;
	max-width: 1199px;
	margin: 0 auto;

	justify-content: space-between;
}
.faq .row+.row{
	margin-top: 35px;
}
.faq .faqBox{
	border: 7px solid #000;
	border-radius: 10px;
	background: #fff;

	flex: 0 1 370px;
}
.faq .faqBox header{
	position: relative;
	min-height: 157px;
	padding: 45px 0 10px;
	border-bottom: 1px solid #000;
	background: #00c0d8;
}
.faq .faqBox header .num{
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: -7px;
	left: 12px;
	width: 65px;
	height: 53px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	background: url('../img/faq_num.png') no-repeat center center;
}
.faq .faqBox header h2{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.faq .faqBox .line1{
	padding-top: 65px;
}
.faq .faqBox p{
	font-size: 1.7rem;
	line-height: 1.4;
	min-height: 190px;
	padding: 25px;
}
/* ==========================================================================
   お問い合わせ
========================================================================== */
.contact{
	padding: 75px 0 95px;
	background: #fff;
}
.contact>h2{
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 55px;
	text-align: center;
}
.contact .formBox{
	display: flex;
	max-width: 893px;
	margin: 0 auto;
	border: 7px solid #000;
	border-radius: 10px;

	flex-flow: row wrap;
}
.contact .formBox dt,.contact .formBox dd{
	box-sizing: content-box;
	border-bottom: 1px solid #000;
}
.contact .formBox dt{
	font-size: 1.6rem;
	display: flex;
	border-right: 1px solid #000;
	background: #00c3d5;

	align-items: center;
	flex: 0 1 231px;
}
.contact .formBox dt::before{
	height: 26px;
	margin: 0 10px 0 20px;
	content: '';
	background: url('../img/hissu.png') no-repeat center center;

	flex: 0 0 43px;
}
.contact .formBox dd{
	flex: 0 1 647px;
}
.contact .formBox select,.contact .formBox input[type=text],.contact .formBox input[type=email],.contact .formBox input[type=tel]{
	font-size: 16px;
	line-height: 64px;
	width: 100%;
	height: 64px;
	padding: 0 20px;
	border: none;
}
.contact .formBox textarea{
	font-size: 16px;
	line-height: 1.4;
	width: 100%;
	height: 170px;
	padding: 20px;
	border: none;
}
.contact .formBox select{
	padding-right: 64px;
	background: url('../img/select_back.png') no-repeat right top;
	background-size: contain;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.contact .formBox select::-ms-expand{
	display: none;
}

.contact .formBox .messageDt{
	border-bottom: none;
}
.contact .formBox .messageDt+dd{
	border-bottom: none;
}
.contact .formBox .dateBox ul{
	line-height: 1;
	display: flex;
	height: 64px;
	margin-left: 20px;

	align-items: center;
}
.contact .formBox .dateBox li:first-child{
	margin-right: 30px;
}
.contact .formBox .dateBox input{
	margin-right: 10px;
}
.contact .formBox .dateBox input[type=date]{
	margin-left: 30px;
	/* border:none; */
}
.contact .formBox .errorShow{
	font-size: 1.6rem;
	display: block;
	padding: 0 0 5px 20px;
	color: #f00;
	color: var(--cr);
}
.contact .sendBtn{
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1;
	display: flex;
	width: 295px;
	height: 97px;
	margin: 58px auto 0;
	/* padding: 22px 0 0 108px; */
	padding-bottom: 10px;
	background: url('../img/send_btn.png') no-repeat center center;

	align-items: center;
	justify-content: center;
	justify-content: center;
}
.contact .sendBtn:hover{
	opacity: .8;
}
.contact .sendBtn:disabled{
	opacity: .5;
}
.contact .endText{
	font-size: 1.7rem;
	font-weight: bold;
	max-width: 893px;
	margin: 30px auto 0;
	padding: 1em;
	text-align: center;
}
.contact .endTextOk{
	color: #77aaad;
	border: 1px solid #77aaad;
}
.contact .endTextError{
	line-height: 1.8;
	color: #b9272d;
	border: 1px solid #b9272d;
}
.contact .loading{
	position: relative;
}
.contact .loading::before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -10px 0 0 -10px;
	content: '';
	-webkit-animation: loader .8s infinite linear;
	        animation: loader .8s infinite linear;
	border: 4px solid #000;
	border-top-color: #ddd;
	border-radius: 50%;
}
/* ==========================================================================
   ご利用者様の声
========================================================================== */
.voice{
	position: relative;
	padding: 115px 0 95px;
	background: url('../img/split_bk.jpg');
}
.voice::after{
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 0;
	width: 100%;
	height: calc(100% - 20px);
	content: '';
	background: rgba(0,192,212,.82);
}
.voice .inner{
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1;
	position: relative;
	z-index: 2;
	display: block;
	max-width: 440px;
	height: 165px;
	margin: 0 auto;
	padding-top: 35px;
	text-align: center;
	letter-spacing: .12em;
	border: 2px solid #1e1e1e;
	background: url('../img/voice_back.png') no-repeat center 74px;
	background-color: #fff;
}
/* ==========================================================================
   END
========================================================================== */
@media only screen and (max-width: 767px){
	html{
		font-size: 2.08333vw;
	}
	body{
		font-size: 2.4rem;
		min-width: 0;
	}
	.wall{
		-webkit-animation: bkLoopSp 2s linear infinite;
		        animation: bkLoopSp 2s linear infinite;
		background: url('../img/arrow2.png');
		background-color: #fff;
		background-size: 41.66667vw auto;
	}
	p{
		font-weight: normal;
	}
	a:hover{
		opacity: 1;
	}
	.spShow{
		display: inline-block;
	}
	.pcShow{
		display: none;
	}
	/* ==========================================================================
   header
========================================================================== */
	.header{
		border-bottom: .41667vw solid #000;
	}
	.header .headerInner{
		width: 100%;
		min-width: 0;
		max-width: none;
		height: 16.83333vw;
		padding: 0;
	}
	.header .logo{
		margin-left: 3.33333vw;

		flex: 0 1 33.54167vw;
	}
	.header address{
		display: none;
	}
	.header .menuBtn{
		margin: 0 4.79167vw 0 auto;

		flex: 0 1 15vw;
	}
	.header .menuBtn button{
		height: 8.41667vw;
	}
	.header .menuBtn button:hover{
		opacity: 1;
	}
	.header .menuBtn button span{
		width: 15vw;
		height: 1.25vw;
	}
	.header .menuBtn .btnClose{
		height: 11.66667vw;
	}
	/* ==========================================================================
   グローバルナビ
========================================================================== */
	.gNav{
		top: 20.83333vw;
		overflow-y: auto;
		width: 100%;
		height: calc(1vh*100 - 20.8333vw);
		height: calc(var(--vh, 1vh)*100 - 20.8333vw);
		padding: 7.29167vw 0;
		border: .41667vw solid #000;
	}
	.gNav ul{
		width: 82.70833vw;
		max-width: none;
	}
	.gNav ul li+li{
		margin-top: 3.95833vw;
	}
	.gNav ul a{
		height: 13.125vw;
		padding: 3.95833vw 0 0 6.45833vw;
		background: url('../img/sp_nav_bk.png') no-repeat center center;
		background-size: contain;
	}

	/* ==========================================================================
   footer
========================================================================== */
	.footer{
		padding: 3.33333vw 0 25vw;
		border-top: .41667vw solid #000;
	}
	.footer .footerLink{
		margin-bottom: 26.25vw;
	}
	.footer .footerLink li{
		font-size: 1.6rem;
	}
	/* ==========================================================================
   ファーストビュー
========================================================================== */
	.fv{
		padding: 1.45833vw 0 3.125vw;
		background: none;
	}
	.fv .fvInner{
		width: 97.5vw;
		max-width: none;
		height: 191.66667vw;
		padding: 7.70833vw 0 0 0;
		background: url('../img/sp_fv_bk.png') no-repeat center center;
		background-size: contain;
	}
	.fv .fvInner::after{
		right: auto;
		bottom: -9.16667vw;
		left: 2.70833vw;
		width: 17.70833vw;
		height: 19.375vw;
		background: url('../img/man.png') no-repeat center center;
		background-size: contain;
	}
	.fv .fvInner .text1{
		width: 78.125vw;
		margin: 0 auto 3.125vw;
	}
	.fv .fvInner .text2{
		width: 88.75vw;
		margin-left: 5.20833vw;
	}
	.fv .slide{
		position: static;
		width: 77.70833vw;
		margin: 0 auto;
	}
	/* ==========================================================================
   料金
========================================================================== */
	.price{
		padding-top: 6.25vw;
	}
	.price>h2{
		width: 94.375vw;
		margin: 0 auto 7.29167vw;
	}
	.price .row{
		display: block;
		max-width: none;
	}
	.price .priceBox{
		margin-left: 4.16667vw;
	}
	.price .priceBox h2{
		margin-bottom: 3.75vw;
		padding-left: 2.70833vw;
	}
	.price .priceBox p{
		font-size: 6.0rem;
		padding: 0 0 4.79167vw 2.70833vw;
		background: url('../img/sp_price_line.png') no-repeat left bottom;
		background-size: 89.375vw auto;
	}
	.price .priceBox p small{
		font-size: 4.6rem;
	}
	.price .priceBox+.priceBox{
		margin-top: 7.29167vw;
	}
	.price .lineBox{
		width: 92.08333vw;
		max-width: none;
		margin: 0 auto 8.33333vw;
	}
	.price .lineBox a{
		height: 43.33333vw;
		padding: 20.83333vw 0 0 30.41667vw;
		background: url('../img/sp_line_btn.png') no-repeat center center;
		background-size: contain;
	}
	.price .lineBox span{
		font-size: 1.8rem;
		margin: 0 0 .625vw 3.125vw;
	}
	.price .lineBox strong{
		font-size: 3.0rem;
		width: 50.41667vw;
		height: 9.375vw;
	}
	.price .img{
		max-width: none;
	}
	/* ==========================================================================
   そんな方にこそオススメです！
========================================================================== */
	.osusumeList{
		padding: 10.83333vw 0 10.41667vw;
	}
	.osusumeList ul{
		width: 96.25vw;
		max-width: none;

		flex-flow: row wrap;
	}
	.osusumeList li{
		font-size: 2.3rem;
		font-weight: bold;
		line-height: 1.2;
		height: 52.08333vw;
		padding: 13px 0 0 0;
	}
	.osusumeList li span{
		width: 43.125vw;
		height: 2.4em;
	}
	.osusumeList li:nth-child(1){
		margin-bottom: 5.83333vw;

		flex: 0 1 47.70833vw;
	}
	.osusumeList li:nth-child(2){
		margin-bottom: 5.83333vw;
		margin-left: -1.66667vw;

		flex: 0 1 48.125vw;
	}
	.osusumeList li:nth-child(3){
		margin-bottom: 5.83333vw;
		margin-left: 0;

		flex: 0 1 49.58333vw;
	}
	.osusumeList li:nth-child(4){
		margin-bottom: 5.83333vw;
		margin-left: -2.08333vw;

		flex: 0 1 48.75vw;
	}
	.osusumeList li:nth-child(5){
		margin: 0 auto;

		flex: 0 1 48.125vw;
	}
	.osusumeList .osusumeText{
		width: 95.41667vw;
		max-width: none;
		height: 95vw;
		margin: 5.20833vw auto 0;
		padding-top: 41.04167vw;
		background: url('../img/sp_osusume_text_bk.png') no-repeat center center;
		background-size: contain;
	}
	.osusumeList .osusumeText p{
		font-size: 4.4rem;
	}
	
	.osusumeList .osusumeText p:first-child{
		width:auto;
		margin-left:0;
	}

	.osusumeList .osusumeText p:last-child{
		line-height: 1.43;
		margin-top: 5.41667vw;
		padding-left: 0;
	}
	/* ==========================================================================
   選ばれる３つの理由
========================================================================== */
	.reason{
		padding: 11.45833vw 0 21.875vw;
	}
	.reason .inner{
		width: 95.20833vw;
		max-width: none;
	}
	.reason .inner::before{
		top: auto;
		right: auto;
		bottom: -28.95833vw;
		left: 38.75vw;
		width: 22.08333vw;
		height: 24.16667vw;
	}
	.reason .reasonTitle{
		font-size: 4.5rem;
		margin-bottom: 3.125vw;
	}
	.reason .reasonTitle strong{
		font-size: 8.1rem;
	}
	.reason .illust{
		top: 30.20833vw;
		left: 51.45833vw;
		width: 34.16667vw;
	}
	.reason ul{
		display: block;
		margin-top: 46.66667vw;
	}
	.reason ul::before{
		display: none;
	}
	.reason ul::after{
		display: none;
	}
	.reason ul .reasonBox{
		position: relative;
		padding: 9.79167vw 4.58333vw 7.70833vw;
		border: 1.45833vw solid #000;
		border-radius: 2.08333vw;
		background: #fff;
	}
	.reason ul .reasonBox::before{
		top: -16.66667vw;
		left: -2.08333vw;
		width: 24.79167vw;
		height: 24.79167vw;
	}
	.reason ul .reasonBox h2{
		font-size: 2.8rem;
		margin-bottom: 6.875vw;
	}
	.reason ul .reasonBox p{
		font-size: 1.9rem;
	}
	.reason ul li+li{
		margin-top: 12.29167vw;
	}
	/* ==========================================================================
   簡単！！３ステップ
========================================================================== */
	.flow{
		position: relative;
		background: url('../img/sp_split_bk.jpg');
		background-size: 100% auto;
	}
	.flow::before{
		border-top: 22.08333vw solid transparent;
		border-right: 50vw solid rgba(0,192,212,.82);
		border-bottom: 22.08333vw solid rgba(0,192,212,.82);
		border-left: 50vw solid rgba(0,192,212,.82);
		/* border-left: 50vw solid red; */
	}
	.flow::after{
		top: 43.95833vw;
		height: calc(100% - 48vw);
	}
	.flow .inner{
		width: 98.75vw;
		max-width: none;
		padding: 24.58333vw 0 14.58333vw;
	}

	.flow .flowTitle{
		font-size: 4rem;
		margin-bottom: 122.91667vw;
	}
	.flow .flowTitle strong{
		font-size: 8.5rem;
	}
	.flow .flowList{
		display: block;
	}
	.flow .flowList>li{
		box-sizing: border-box;
		border: 1.45833vw solid #000;
		border-radius: 2.08333vw;
	}
	.flow .flowList>li+li{
		margin-top: 5.20833vw;
	}
	.flow .flowBox{
		position: relative;
	}
	.flow .flowBox header{
		height: 32.70833vw;
	}
	.flow .flowBox header .num{
		margin: 0 auto 2.08333vw;
	}
	.flow .flowBox header h2{
		font-size: 2.8rem;
	}
	.flow .flowBox header h2 span{
		padding: 0 .41667vw .83333vw;
		background: linear-gradient(transparent 60%, #fffe00 0%);
		background: linear-gradient(transparent 60%, var(--cy) 0%);
	}
	.flow .flowBox .text{
		font-size: 1.9rem;
		padding: 6.25vw;
	}
	.flow .flowBox1 .num{
		width: 7.08333vw;
	}
	.flow .flowBox2 .num{
		width: 9.58333vw;
	}
	.flow .flowBox3 .num{
		width: 10vw;
	}
	.flow .flowBox1::after,.flow .flowBox2::after{
		display: none;
	}
	.flow .paySec{
		display: block;
		width: 94.58333vw;
		margin: 5vw auto 0;
		border: 1.45833vw solid #000;
	}
	.flow .paySec h2{
		height: 15vw;
		margin-right: 0;
		padding: 0 7.29167vw;

		justify-content: flex-start;
	}
	.flow .paySec p{
		padding: 7.29167vw;
	}
	.flow .paySec2 p img{
		width: 77.91667vw;
	}
	.flow .payText{
		line-height: 1.48;
		display: block;
		width: 94.58333vw;
		height: auto;
		margin: 5vw auto 0;
		padding: 7.29167vw;
		text-align: left;
		border: 1.45833vw solid #000;
		border-radius: 2.08333vw;
	}
	.flow .payText span:first-child{
		padding: 0 0 5px;
		background: linear-gradient(transparent 50%, #fffe00 0%);
		background: linear-gradient(transparent 50%, var(--cy) 0%);
	}
	.flow .payText span:last-child{
		display: block;
		margin: 1em 0 0;
	}
	.flow .lineKoma{
		position: absolute;
		top: 49.79167vw;
		left: 1.04167vw;
		width: 97.08333vw;
		height: 116.45833vw;
	}
	.flow .lineKoma h2{
		width: 40vw;
	}
	.flow .kaiwaBoxWall{
		width: 63.75vw;
		height: 111.66667vw;
		margin-top: 5.41667vw;
		padding-top: 28.95833vw;
		background: url('../img/line_koma.png') no-repeat center center;
		background-size: contain;
	}
	.flow .kaiwaBox{
		opacity: 1;
	}
	.flow .kaiwa{
		width: 47.08333vw;
		opacity: 0;
	}
	.flow .kaiwa+.kaiwa{
		margin-top: 1.45833vw;
	}
	.flow .kaiwa:first-child{
		margin-bottom: 2.91667vw;
	}

	.flow .flowHeader P{
		font-size:2rem;
	}

	/* ==========================================================================
   転職届を無料プレゼント
円満退職をするシナリオをご提案
========================================================================== */
	.present{
		padding: 12.5vw 0 20.83333vw;
		background: none;
	}
	.present>h2{
		font-size: 4.8rem;
		margin-bottom: 7.29167vw;
	}
	.present .img{
		position: relative;
		width: 95.41667vw;
		max-width: none;
		margin: 0 auto;
	}
	.present .img::after{
		position: absolute;
		right: auto;
		bottom: -15vw;
		left: 37.5vw;
		width: 17.70833vw;
		height: 19.375vw;
		content: '';
		background: url('../img/man.png') no-repeat center center;
		background-size: contain;
	}
	/* ==========================================================================
   他の退職代行サービスとの比較
========================================================================== */
	.hikaku{
		padding: 7.29167vw 0 10.41667vw;
	}
	.hikaku>h2{
		font-size: 4.8rem;
		margin-bottom: 6.875vw;
	}
	.hikaku table{
		width: 92.70833vw;
		max-width: none;
	}
	.hikaku .smart{
		width: 28.95833vw;
	}
	.hikaku td,.hikaku th{
		padding: 1.66667vw 0;
	}
	.hikaku th{
		font-size: 1.8rem;
	}

	.hikaku td{
		font-size: 1.8rem;
		height: 18.75vw;
	}
	.hikaku thead th{
		padding: 0;
		vertical-align: bottom;
		border-top: none;
		background: none;
	}
	.hikaku thead .smart{
		height: 22.91667vw;
		vertical-align: middle;
	}
	.hikaku thead .smart img{
		width: 26.66667vw;
	}
	.hikaku thead span{
		height: 12.29167vw;
	}
	.hikaku thead .noborder{
		position: relative;
	}
	.hikaku thead .noborder::before{
		top: -10.83333vw;
		height: 10.625vw;
	}
	.hikaku thead .noborder::after{
		top: -10.83333vw;
		height: 10.625vw;
	}
	/* ==========================================================================
   よくある質問
========================================================================== */
	.faq{
		padding: 12.5vw 0 9.375vw;
		background: linear-gradient(to bottom, rgba(0,192,216,.6) 0%,rgba(0,192,216,1) 100%),url('../img/sp_split_bk.jpg') repeat-y;
		background-size: 100% auto;
	}
	.faq>h2{
		font-size: 4.8rem;
		margin-bottom: 9.375vw;
	}
	.faq .row{
		display: block;
		width: 94.58333vw;
		max-width: none;
	}
	.faq .row+.row{
		margin-top: 4.58333vw;
	}
	.faq .faqBox{
		border: 1.45833vw solid #000;
		border-radius: 2.08333vw;
	}
	.faq .faqBox header{
		min-height: 32.70833vw;
		padding: 10vw 0 2.08333vw;
	}
	.faq .faqBox header .num{
		font-size: 2.8rem;
		position: absolute;
		top: -1.45833vw;
		left: 2.5vw;
		width: 13.54167vw;
		height: 11.45833vw;
		padding-top: 2.29167vw;
		background: url('../img/faq_num.png') no-repeat center center;
		background-size: contain;
	}
	.faq .faqBox header h2{
		font-size: 2.8rem;
	}
	.faq .faqBox .line1{
		padding-top: 12.5vw;
	}
	.faq .faqBox p{
		font-size: 1.9rem;
		min-height: 39.58333vw;
		padding: 6.25vw;
	}
	.faq .faqBox+.faqBox{
		margin-top: 4.58333vw;
	}
	/* ==========================================================================
   お問い合わせ
========================================================================== */
	.contact{
		padding: 11.45833vw 0 20.83333vw;
	}
	.contact>h2{
		font-size: 4.8rem;
		margin-bottom: 8.33333vw;
	}
	.contact .formBox{
		width: 97.91667vw;
		max-width: none;
		border: 1.45833vw solid #000;
		border-radius: 2.08333vw;
	}
	.contact .formBox dt,.contact .formBox dd{
		box-sizing: border-box;
		border-bottom: .41667vw solid #000;
	}
	.contact .formBox dt{
		border-right: .41667vw solid #000;

		flex: 0 1 32.91667vw;
	}
	.contact .formBox dt::before{
		height: 5.41667vw;
		margin: 0 1.45833vw 0 1.45833vw;
		background: url('../img/hissu.png') no-repeat center center;
		background-size: contain;

		flex: 0 0 8.95833vw;
	}
	.contact .formBox dd{
		min-height: 13.33333vw;

		flex: 0 1 62.08333vw;
	}
	.contact .formBox dd>div{
		padding: .83333vw 0;
	}
	.contact .formBox select,.contact .formBox input[type=text],.contact .formBox input[type=email],.contact .formBox input[type=tel]{
		line-height: 12.91667vw;
		height: 12.91667vw;
	}
	.contact .formBox textarea{
		height: 37.08333vw;
	}
	.contact .formBox .textarea{
		padding: .41667vw 0;
	}
	.contact .formBox .type,.contact .formBox .keiyaku{
		padding: 0;
	}
	.contact .formBox select{
		height: 12.91667vw;
		padding-right: 13.33333vw;
		background: url('../img/select_back.png') no-repeat right center;
		background-size: auto 12.91667vw;

		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
	.contact .formBox .messageDt{
		border-bottom: none;
	}
	.contact .formBox .messageDt+dd{
		border-bottom: none;
	}
	.contact .formBox .dateBox ul{
		line-height: 1;
		display: block;
		height: auto;
		min-height: 13.33333vw;
		margin-left: 4.16667vw;
		padding: 1em 0;

		align-items: center;
	}
	.contact .formBox .dateBox li:first-child{
		margin: 0 0 .5em 0;
	}
	.contact .formBox .dateBox input{
		margin-right: .5em;
	}
	.contact .formBox .dateBox input[type=date]{
		display: block;
		margin-top: 1em;
		margin-left: 0;
		/* border:none; */
	}
	.contact .formBox .dateBox label{
		font-size: 1.6rem;
		text-align: left;
	}
	.contact .sendBtn{
		font-size: 2.8rem;
		width: 49.16667vw;
		height: 16.25vw;
		margin: 8.33333vw auto 0;
		padding-bottom: 1.25vw;
		background: url('../img/send_btn.png') no-repeat center center;
		background-size: contain;
	}
	.contact .sendBtn:hover{
		opacity: 1;
	}
	.contact .endText{
		font-size: 2.2rem;
		width: 97.91667vw;
		max-width: none;
		margin: 6.25vw auto 0;
	}
	/* ==========================================================================
   固定フッター
========================================================================== */
	.fixMenu{
		position: fixed;
		z-index: 900;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.fixMenu ul{
		display: flex;
		border-top: .41667vw solid #000;
	}
	.fixMenu li{
		flex: 0 1 100%;
	}
	.fixMenu li a{
		display: flex;
		height: 17vw;
		background: #00acb9;

		align-items: center;
		justify-content: center;
	}
	.fixMenu li img{
		width: 23.33333vw;
	}
	.fixMenu li:nth-child(2){
		border-right: .41667vw solid #000;
		border-left: .41667vw solid #000;
	}
	.fixMenu li:nth-child(2) a{
		background: #00bfcd;
	}
	/* ==========================================================================
   ご利用者様の声
========================================================================== */
	.voice{
		padding: 23.95833vw 0 19.79167vw;
		background: url('../img/sp_split_bk.jpg');
		background-size: 100% auto;
	}
	.voice::after{
		top: 4.16667vw;
		height: calc(100% - 4.166vw);
	}
	.voice .inner{
		display: block;
		width: 91.66667vw;
		max-width: none;
		height: 34.375vw;
		padding-top: 7.29167vw;
		border: .41667vw solid #1e1e1e;
		background: url('../img/voice_back.png') no-repeat center 15.41667vw;
		background-color: #fff;
		background-size: 46.25vw auto;
	}
	/*end*/
}
@media only screen and (max-width: 481px){
}
/* ==========================================================================
  アニメーション
========================================================================== */
.fade-enter-active,.fade-leave-active{
	transition: opacity .8s;
}
.fade-enter,.fade-leave-to{
	opacity: 0;
}
.fade2-enter-active,.fade2-leave-active{
	transition: opacity .4s;
}
.fade2-enter,.fade2-leave-to{
	opacity: 0;
}
@-webkit-keyframes loader{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes loader{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes bkLoop{
	0%{
		background-position: -200px 0;
	}
	100%{
		background-position: 0 0;
	}
}
@keyframes bkLoop{
	0%{
		background-position: -200px 0;
	}
	100%{
		background-position: 0 0;
	}
}
@-webkit-keyframes bkLoopSp{
	0%{
		background-position: -41.66667vw 0;
	}
	100%{
		background-position: 0 0;
	}
}
@keyframes bkLoopSp{
	0%{
		background-position: -41.66667vw 0;
	}
	100%{
		background-position: 0 0;
	}
}
@-webkit-keyframes menuSlideIn{
	0%{
		display: block;
		transform: translateX(-50px);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes menuSlideIn{
	0%{
		display: block;
		transform: translateX(-50px);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
/*スクロールアクション*/
.isAnimeSP{
	opacity: 1;
}
.isAnimePC{
	opacity: 0;
}
.scFadeInActive{
	-webkit-animation: scFadeIn 1s 1 0s ease-in-out both;
	        animation: scFadeIn 1s 1 0s ease-in-out both;
}
.scFadeInDelayActive{
	-webkit-animation: scFadeIn .4s 1 0s linear both;
	        animation: scFadeIn .4s 1 0s linear both;
}
.scFadeInUpActive{
	-webkit-animation: scFadeInUp .8s 1 0s both;
	        animation: scFadeInUp .8s 1 0s both;
}
.scFadeInLeftActive{
	-webkit-animation: scFadeInLeft .8s 1 0s both;
	        animation: scFadeInLeft .8s 1 0s both;
}
.scFadeInRightActive{
	-webkit-animation: scFadeInRight .8s 1 0s both;
	        animation: scFadeInRight .8s 1 0s both;
}
@-webkit-keyframes scFadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes scFadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes scFadeInUp{
	0%{
		transform: translate3d(0,50px,0);
		opacity: 0;
	}
	100%{
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}
@keyframes scFadeInUp{
	0%{
		transform: translate3d(0,50px,0);
		opacity: 0;
	}
	100%{
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}
@-webkit-keyframes scFadeInLeft{
	0%{
		transform: translate3d(-100%,0,0);
		opacity: 0;
	}
	100%{
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}
@keyframes scFadeInLeft{
	0%{
		transform: translate3d(-100%,0,0);
		opacity: 0;
	}
	100%{
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}
@-webkit-keyframes scFadeInRight{
	0%{
		transform: translate3d(100%,0,0);
		opacity: 0;
	}
	100%{
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}
@keyframes scFadeInRight{
	0%{
		transform: translate3d(100%,0,0);
		opacity: 0;
	}
	100%{
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}
@media only screen and (max-width: 767px){
	/*スクロールアクション*/
	.isAnimePC{
		opacity: 1;
	}
	.isAnimeSP{
		opacity: 0;
	}
}

	/*会社概要*/
.kaisha {
	width: 1000px;
    margin: -90px auto 100px;
}
.under_tit {
	padding: 76px 0 60px;
}

.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}

.kaisha th {
font-weight: bold;
background-color: #dedede; 
}

h3 {
margin: 1em auto 0.5em;
padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
	font-size: 1.6em;
}
.img_tems {
background: #fff;
    line-height: 1.8;
	    padding: 30px 0;
}
@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}

.kaisha {
    width: 92%;
    margin: -60px auto 100px;
}
.under_tit {
	padding: 15px 0 60px;
}
.kaisha th {
	width: 100%;
	}
.kaisha td {
	font-size: 2rem;
	width: 100%;
	}

h3 {
margin: 1em auto 0.5em;
padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
    font-size: 1.3em;
    line-height: 1.3;
}
.img_tems {
background: #fff;
    line-height: 1.8;
	    padding: 30px 0;
	font-size: 0.8em
}

	
}


/*送信完了*/
.completeSubmit{
	width:80%;
	margin:0 auto;
	max-width:1337px;
	font-size:2rem;
}

.completeSubmit pre{
	font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
    margin-bottom: 5%;
}