@charset "UTF-8";

/*
# =================================================================
# CSSをリセット（sanitize.css）
# https://csstools.github.io/sanitize.css/
# =================================================================
*/
*,:after,:before{box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block;max-width: 1000px;margin-right: auto;margin-left: auto;}nav ol,nav ul{list-style:none;padding:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}

/*
# =================================================================
# 基本設定
# =================================================================
*/

html{
	font-size: 62.5%;
}

a,
button{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a:hover,
button:hover,
a:active,
button:active,
a:focus,
button:focus{
	opacity: .6;
}

address,caption,cite,code,dfn,var,h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
	/*background: #d1eff0;*/
}

q::before,q::after{
	content: '';
	content: none;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

caption{
	text-align: left;
}

p{
	margin: 0 0 1.5em;
}

figure{
	margin: 1em 0;
}

input,
select,
textarea{
	margin: 0;
	max-width: 100%;
	padding: .2em;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	font-size: 1em;
}

textarea{
	width: 100%;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

caption{
	text-align: left;
}

body{
	overflow-x: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6em;
	color: #471717;
}

body,
input,
textarea{
	font-family: 'Yu Gothic Medium', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

embed, iframe, object, video{
	max-width: 100%;
}

video{
	height: auto;
}

@media (min-width: 768px){
	.br-display{
		display: none;
	}
}

.br-display02{
	display: none;
}

@media (min-width: 768px){
	.br-display02{
		display: inline;
	}
}

.page__container{
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

.nav_on .nav_filter{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: rgba(0,0,0,0.4);
	width: 100vw;
	height: 150vh;
	z-index: 10;
}

/*
# =================================================================
# ヘッダー
# =================================================================
*/

.c-logo{
	margin: 40px 90px 20px 30px;
}


/* グローバルナビ */
.global-nav{
	position: absolute;
	top: -40px;
	right:  0;
	width: 100%;
	z-index: 15;
}

.global-nav__inner{
	display: none;
	position: relative;
	height: 100vh;
	padding: 95px 40px;
	background-color: #ffe024;

}

.global-nav__list{
	margin: 0;
}

.global-nav__list li{
	margin-bottom: 0;
}

.global-nav__list a{
	display: block;
	padding: 30px 0;
	color: #664c43;
	border-bottom: 1px solid #fff;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
}

@media (orientation: landscape) {
	.global-nav__list a{
		padding: 20px 0;
	}
}

.global-nav__btn{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 15;
	width: 80px;
	height: 80px;
	cursor: pointer;
	background-color: #ffe024;
	border-radius: 50%;
}

.global-nav__btn-open{
	position: relative;
	width: 80px;
	height: 80px;
}

.global-nav__btn-open::after,
.global-nav__btn-close::after{
	position: absolute;
	left: 50%;
	width: 40px;
	margin-left: -20px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #2e4278;
}

.global-nav__btn-open::after{
	bottom: 17px;
	font-size: 12px;
	content: "MENU";
}

.global-nav__btn-close::after{
	bottom: 12px;
	font-size: 10px;
	content: "CLOSE";
}

.global-nav__btn-open span{
	position: absolute;
	top: 33px;
	left: 50%;
	width: 40px;
	height: 3px;
	margin-top: -1.5px;
	margin-left: -20px;
	background-color: #2e4278;
}

.global-nav__btn-open span::before,
.global-nav__btn-open span::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 3px;
	background-color: #2e4278;
}

.global-nav__btn-open span::before{
	margin-top: -11px;
	margin-left: -20px;
}

.global-nav__btn-open span::after{
	margin-top: 8px;
	margin-left: -20px;
}

.global-nav__btn-close span{
	position: absolute;
	top: 33px;
	left: 50%;
	width: 40px;
	height: 3px;
	margin-top: -1.5px;
	margin-left: -20px;
	background-color: #2e4278;
	transform: rotate(-45deg);
}

.global-nav__btn-close span::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 3px;
	background-color: #2e4278;
	transform: rotate(90deg);
}

.global-nav__btn-close span::before{
	margin-top: -1.5px;
	margin-left: -20px;
}

@media (min-width: 768px){
	.c-logo{
		margin-top: 50px;
		text-align: center;
	}

	.global-nav{
		top: -30px;
		width: auto;
	}

	.global-nav__inner{
		width: 320px;
		height: auto;
		margin-left: auto;
		padding: 95px 10px;
		border: 4px solid #fffee7;
		border-radius: 8px;
		box-shadow: 0 0 5px #b2b2b2;
	}

}

/*
# =================================================================
# メインビジュアル
# =================================================================
*/

.page-mv__inner{
	position: relative;
}

.btn-ec{
	position: absolute;
	right: 10px;
	bottom: 70px;
}

.btn-ec img{
	width: 100px;
}

.mv{
	position: relative;
	height: 422px;
	overflow: hidden;
}

.mv picture{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 600px;
	height: 422px;
	margin-left: -300px;
}

@media (min-width: 768px){

	.mv{
		margin: -50px 0 0;
		height: auto;
	}

	.mv picture{
		position: static;
		left: 0;
		display: block;
		width: auto;
		height: auto;
		margin-left: auto
	}

	.btn-ec{
		right: 0;
		bottom: 30px;
	}

}

@media (min-width: 768px){

	.btn-ec{
		right: 0;
		bottom: 60px;
	}

	.btn-ec img{
		width: 171px;
	}

}


/*
# =================================================================
# イントロダクション
# =================================================================
*/

.c-page-intro{
	background-color: #98cacc;
	min-height: 500px;
	margin-top: -300px;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 0 calc(50vw - 50%);
	border-top: 40px solid #fffee7;
	border-bottom: 6px solid #ffe024;
	padding-top: 230px;
}

.c-page-intro__cont{
	overflow: hidden;
	padding-bottom: 220px;
	background-image: url(../images/illust-bicycle.png);
	background-image: -webkit-image-set(url(../images/illust-bicycle.png) 1x, url(../images/2x/illust-bicycle.png) 2x);
	background-image: image-set(url(../images/illust-bicycle.png) 1x, url(../images/2x/illust-bicycle.png) 2x);
	background-position: 80% bottom;
	background-repeat: no-repeat;
	background-size: 235px 151px;
}

.c-page-intro__txt{
	position: relative;
	padding: 70px 0;
	line-height: 2.5;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}

.c-page-intro__txt::before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 56px;
	height: 50px;
	margin-left: -28px;
	background-image: url(../images/illust_umbrella.png);
	background-image: -webkit-image-set(url(../images/illust_umbrella.png) 1x, url(../images/2x/illust_umbrella.png) 2x);
	background-image: image-set(url(../images/illust_umbrella.png) 1x, url(../images/2x/illust_umbrella.png) 2x);
	background-size: contain;
}

.c-page-intro__txt p{
	margin-bottom: 0;
}

.cloud-box{
	position: relative;
}

.cloud-box__pic{
	position: relative;
	overflow: hidden;
}

.cloud-box01 .cloud-box__pic{
	height: 375px;
}

.cloud-box01 .cloud-box__pic img{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 600px;
	max-width: none;
	margin-left: -300px;
}


.cloud-box02 .cloud-box__pic{
	height: 500px;
	z-index: 10;
}

.cloud-box02 .cloud-box__pic img{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 520px;
	max-width: none;
	margin-left: -260px;
}

.cloud-box02::after{
	content: "";
	position: absolute;
	top: -70px;
	right: 20px;
	display: block;
	width: 120px;
	height: 201px;
	background-image: url(../images/illust-raindrop.png);
	background-image: -webkit-image-set(url(../images/illust-raindrop.png) 1x, url(../images/2x/illust-raindrop.png) 2x);
	background-image: image-set(url(../images/illust-raindrop.png) 1x, url(../images/2x/illust-raindrop.png) 2x);
	background-size: contain;
}

.cloud-box03 .cloud-box__pic{
	height: 290px;
	z-index: 10;
}

.cloud-box03 .cloud-box__pic img{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 434px;
	max-width: none;
	margin-left: -217px;
}

.cloud-box03::before{
	content: "";
	position: absolute;
	top: -155px;
	left: -65px;
	display: block;
	width: 172px;
	height: 99px;
	background-image: url(../images/illust-clousd_l.png);
	background-image: -webkit-image-set(url(../images/illust-clousd_l.png) 1x, url(../images/2x/illust-clousd_l.png) 2x);
	background-image: image-set(url(../images/illust-clousd_l.png) 1x, url(../images/2x/illust-clousd_l.png) 2x);
	background-size: contain;
}

.cloud-box03::after{
	content: "";
	position: absolute;
	top: -45px;
	right: -38px;
	display: block;
	width: 108px;
	height: 62px;
	background-image: url(../images/illust-clousd_s.png);
	background-image: -webkit-image-set(url(../images/illust-clousd_s.png) 1x, url(../images/2x/illust-clousd_s.png) 2x);
	background-image: image-set(url(../images/illust-clousd_s.png) 1x, url(../images/2x/illust-clousd_s.png) 2x);
	background-size: contain;
}

.cloud-box__txt{
	line-height: 2.5;
	font-weight: bold;
	color: #38050f;
}

.cloud-box01 .cloud-box__txt{
	max-width: 500px;
	height: 500px;
	margin-top: -115px;
	margin-left: 20px;
	margin-bottom: 70px;
	padding-top: 160px;
	padding-right: 30px;
	padding-left: 80px;
	background: url(../images/bg-cloud-box01.png) left top no-repeat;
	background-image: -webkit-image-set(url(../images/bg-cloud-box01.png) 1x, url(../images/2x/bg-cloud-box01.png) 2x);
	background-image: image-set(url(../images/bg-cloud-box01.png) 1x, url(../images/2x/bg-cloud-box01.png) 2x);
	background-size: 500px 499px;
}

.cloud-box02 .cloud-box__txt{
	max-width: 551px;
	height: 500px;
	margin-top: -30px;
	margin-bottom: 150px;
	margin-right: 20px;
	padding-top: 80px;
	padding-right: 30px;
	padding-left: 40px;
	background: url(../images/bg-cloud-box02.png) right top no-repeat;
	background-image: -webkit-image-set(url(../images/bg-cloud-box02.png) 1x, url(../images/2x/bg-cloud-box02.png) 2x);
	background-image: image-set(url(../images/bg-cloud-box02.png) 1x, url(../images/2x/bg-cloud-box02.png) 2x);
	background-size: 551px 500px;
}

.cloud-box02 .cloud-box__txt p{
	width: 285px;
	margin-left: auto;
}

.cloud-box03 .cloud-box__txt{
	max-width: 500px;
	height: 420px;
	margin-top: -45px;
	margin-bottom: 0;
	padding-top: 90px;
	padding-right: 30px;
	padding-left: 40px;
	background: url(../images/bg-cloud-box03.png) center top no-repeat;
	background-image: -webkit-image-set(url(../images/bg-cloud-box03.png) 1x, url(../images/2x/bg-cloud-box03.png) 2x);
	background-image: image-set(url(../images/bg-cloud-box03.png) 1x, url(../images/2x/bg-cloud-box03.png) 2x);
	background-size: 500px 420px;
}

@media (min-width: 920px){
	.c-page-intro__cont{
		background-position: right bottom;
	}
	.cloud-box{
		position: relative;
	}

	.cloud-box01{
		height: 570px;
	}

	.cloud-box01 .cloud-box__pic img{
		left: auto;
		right: 40px;
		z-index: 10;
	}

	.cloud-box01 .cloud-box__txt{
		position: absolute;
		width: 500px;
		top: 70px;
		margin-top: 0;
	}

	.cloud-box02{
		margin-bottom: 65px;
	}

	.cloud-box02 .cloud-box__pic{
		height: 620px;
	}

	.cloud-box02 .cloud-box__pic img{
		position: absolute;
		max-width: 520px;
		top: 115px;
		left: 20px;
		margin-left: 0;
	}

	.cloud-box02 .cloud-box__txt{
		position: absolute;
		top: 0;
		right: 0;
		width: 551px;
		max-width: none;
		margin-right: 0;
		margin-top: 0;
		padding-right: 70px;
		text-align: right;
	}

	.cloud-box02 .cloud-box__txt p{
		width: 400px;
	}

	.cloud-box02::after{
		top: 0;
		left: 390px;
	}

	.cloud-box03 .cloud-box__pic{
		height: 434px;
	}

	.cloud-box03 .cloud-box__pic img{
		width: 650px;
		left: auto;
		right: 0;
	}

	.cloud-box03 .cloud-box__txt{
		margin-top: -180px;
	}

	.cloud-box03::before{
		top: -60px;
		left: 0;
		width:  242px;
		height: 140px;
	}

	.cloud-box03::after{
		top: -50px;
		right: 20px;
		width:  153px;
		height: 88px;
	}


}

/*
# =================================================================
# 4つの想い
# =================================================================
*/
.c-4thoughts-box{
	padding-top: 80px;
}

.c-4thoughts-box__title{
	margin: 0 0 130px;
	text-align: center;
}

.c-4thoughts-box__list{
	margin-bottom: 0;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 0 calc(50vw - 50% - 100px);
}

.c-4thoughts-box__list li{
	list-style: none;
}

.c-4thoughts-box__item{
	margin-bottom: 90px;
	padding: 85px 10px;
	background-color: #fffee7;
}

.c-4thoughts-box__item:last-child{
	margin-bottom: 0;
}

.c-4thoughts-box__item__title{
	position: relative;
	margin: 0 0 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	color: #76b8bb;
	line-height: 2.0;
}

.c-4thoughts-box__item__title::before{
	content: "";
	position: absolute;
	top: -135px;
	left: 50%;
	display: block;
	width: 196px;
	height: 94px;
	margin-left: -98px;
	background-size: contain;
}

.c-4thoughts-box__item01 .c-4thoughts-box__item__title::before{
	background-image: url(../images/icon-4thoughts-box__item__title01.png);
	background-image: -webkit-image-set(url(../images/icon-4thoughts-box__item__title01.png) 1x, url(../images/2x/icon-4thoughts-box__item__title01.png) 2x);
	background-image: image-set(url(../images/icon-4thoughts-box__item__title01.png) 1x, url(../images/2x/icon-4thoughts-box__item__title01.png) 2x);
}

.c-4thoughts-box__item02 .c-4thoughts-box__item__title::before{
	background-image: url(../images/icon-4thoughts-box__item__title02.png);
	background-image: -webkit-image-set(url(../images/icon-4thoughts-box__item__title02.png) 1x, url(../images/2x/icon-4thoughts-box__item__title02.png) 2x);
	background-image: image-set(url(../images/icon-4thoughts-box__item__title02.png) 1x, url(../images/2x/icon-4thoughts-box__item__title02.png) 2x);
}

.c-4thoughts-box__item03 .c-4thoughts-box__item__title::before{
	background-image: url(../images/icon-4thoughts-box__item__title03.png);
	background-image: -webkit-image-set(url(../images/icon-4thoughts-box__item__title03.png) 1x, url(../images/2x/icon-4thoughts-box__item__title03.png) 2x);
	background-image: image-set(url(../images/icon-4thoughts-box__item__title03.png) 1x, url(../images/2x/icon-4thoughts-box__item__title03.png) 2x);
}

.c-4thoughts-box__item04 .c-4thoughts-box__item__title::before{
	background-image: url(../images/icon-4thoughts-box__item__title04.png);
	background-image: -webkit-image-set(url(../images/icon-4thoughts-box__item__title04.png) 1x, url(../images/2x/icon-4thoughts-box__item__title04.png) 2x);
	background-image: image-set(url(../images/icon-4thoughts-box__item__title04.png) 1x, url(../images/2x/icon-4thoughts-box__item__title04.png) 2x);
}

.c-4thoughts-box__item > p{
	margin-bottom: 40px;
	padding: 0 30px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #463434;
	line-height: 2;
}

.c-4thoughts-box__point__wrap{
	padding: 10px;
	background-color: #d6ebec;
	border-radius: 8px;
}

.c-4thoughts-box__point{
	padding: 30px 0 50px;
	border-bottom: 4px solid #fff;
}

.c-4thoughts-box__point:last-child{
	border-bottom: 0;
}

.c-4thoughts-box__point__title{
	position: relative;
	width: 235px;
	height: 235px;
	margin: 0 auto 20px;
	padding: 100px 0 0;
	background-color: #fff;
	border: 4px solid #76b8bb;
	border-radius: 50%;
	color: #38050f;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}

.c-4thoughts-box__point__title span{
	font-size: 1.0rem;
}

.c-4thoughts-box__item04 .c-4thoughts-box__point:last-child .c-4thoughts-box__point__title{
	font-size: 1.5rem;
	line-height: 2.0;
}

.c-4thoughts-box__point__title::before{
	content: "";
	position: absolute;
	top: 30px;
	left: 50%;
	width: 100px;
	height: 40px;
	margin-left: -50px;
	background-image: url(../images/icon-4thoughts-box__point__title.png);
	background-image: -webkit-image-set(url(../images/icon-4thoughts-box__point__title.png) 1x, url(../images/2x/icon-4thoughts-box__point__title.png) 2x);
	background-image: image-set(url(../images/icon-4thoughts-box__point__title.png) 1x, url(../images/2x/icon-4thoughts-box__point__title.png) 2x);
	background-size: contain;
}

.c-4thoughts-box__point__list{
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.c-4thoughts-box__point__list li,
.c-4thoughts-box__point__cont{
	margin: 0 0 20px;
	text-align: center;
}

.c-functionality-box{
	padding: 60px 15px;
	background-color: #ffcc00
}

.c-functionality-box__title{
	margin: 0 0 60px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 2;
}

.c-functionality-box__list{
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.c-functionality-box__item{
	margin-bottom: 60px;
	list-style: none;
	text-align: center;
}

.c-functionality-box__item:last-child{
	margin-bottom: 0;
}



@media (min-width: 768px){

	.c-functionality-box{
		margin-left: calc(-50vw + 50%);
		margin-right: calc(-50vw + 50%);
		padding: 60px calc(50vw - 50%);
	}

	.c-functionality-box__title{
		font-size: 2.8rem;
	}

	.c-functionality-box__list{
		flex-direction: row;
		justify-content: space-between;
	}

	.c-functionality-box__item{
		margin-bottom: 0;
	}
}

@media (min-width: 840px){

	.c-4thoughts-box__item{
		padding: 105px 8.333% 60px;
		background-color: #fffee7;
		border-radius: 20px;
	}

	.c-4thoughts-box__item__title{
		font-size: 2.8rem;
	}


	.c-4thoughts-box__item__title::before{
		top: -180px;
	}

	.c-4thoughts-box__item > p{
		text-align: center;
	}

	.c-4thoughts-box__point__wrap{
		padding: 30px 50px 0;
	}

	.c-4thoughts-box__point__title{
		margin-bottom: 0;
	}

	.c-4thoughts-box__point{
		display: flex;
		align-items: center;
	}

	.c-4thoughts-box__point__list,
	.c-4thoughts-box__point__cont{
		width: calc( 100% - 305px);
	}

	.c-4thoughts-box__point__list{
		flex-direction: row;
		justify-content: space-around;
		align-items: baseline;
	}

	.c-4thoughts-box__list > li,
	.c-4thoughts-box__list > li:last-child{
		margin-bottom: 110px;
	}

	.c-4thoughts-box__item02 .c-4thoughts-box__point__list{
		align-items: flex-start;
		justify-content: center;
		flex-direction: row-reverse;
	}

	.c-4thoughts-box__item02 .c-4thoughts-box__point__list li:nth-child(2){
		margin-right: 30px;
	}
}

/*
# =================================================================
# 利用者の声
# =================================================================
*/

.c-voc-box{
	padding: 60px 10px 120px;
	background-color: #fffcf8;
}

.c-voc-box__title{
	margin: 0 0 35px;
	text-align: center;
}

.c-voc-box__list{
	max-width: 740px;
	margin: 0 auto;
	padding: 0;
}

.c-voc-box__item{
	margin-bottom: 20px;
	padding: 25px 15px;
	list-style: none;
	background-color: #fff;
	border: 4px dotted #f9e7b6;
	border-radius: 12px;
}

.c-voc-box__img{
	margin: 0 0 20px;
	text-align: center;
}

.c-voc-box__txt h3{
	margin: 0 0 15px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #003679;
	text-align: center;
}

.c-voc-box__txt p{
	font-size: 1.4rem;
	color: #471717;
}

.c-voc-box__txt p:last-child{
	margin-bottom: 0;
}


@media (min-width: 768px){
	.c-voc-box{
		margin-left: calc(-50vw + 50%);
		margin-right: calc(-50vw + 50%);
		padding: 60px calc(50vw - 50%) 210px;
	}

	.c-voc-box__list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.c-voc-box__item{
		width: calc( ( 100% - 20px ) / 3 );
	}

	.c-voc-box__item:nth-child(1){
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding-left: 45px;
		padding-right: 45px;
	}

	.c-voc-box__item:nth-child(1) .c-voc-box__img{
		width: 37.38%;
	}

	.c-voc-box__item:nth-child(1) .c-voc-box__txt{
		width: 56.07%;
	}
}

/*
# =================================================================
# 取り付け方動画
# =================================================================
*/
.c-movie-box{
	position: relative;
	padding: 95px 10px 60px;
	background-color: #d6ebec;
}

.c-movie-box::before{
	content: "";
	position: absolute;
	top: -75px;
	left: 50%;
	display: block;
	width: 320px;
	height: 93px;
	margin-left: -160px;
	background-image: url(../images/img-c-movie-box.png);
	background-image: -webkit-image-set(url(../images/img-c-movie-box.png) 1x, url(../images/2x/img-c-movie-box.png) 2x);
	background-image: image-set(url(../images/img-c-movie-box.png) 1x, url(../images/2x/img-c-movie-box.png) 2x);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.c-movie-box__title{
	margin: 0 0 40px;
	text-align: center;
}

.movie__wrap{
	position: relative;
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	padding-top: 56.25%;
}

.movie__wrap iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


@media (min-width: 375px){
	.c-movie-box::before{
		width: 375px;
		height: 109px;
		margin-left: -187px;
	}
}


@media (min-width: 768px){
	.c-movie-box{
		margin-left: calc(-50vw + 50%);
		margin-right: calc(-50vw + 50%);
		padding: 170px calc(50vw - 50%) 100px;
	}

	.c-movie-box__title{
		margin-bottom: 40px;
	}
}

@media (min-width: 920px){
	.c-movie-box::before{
		top: -155px;
		width: 833px;
		height: 241px;
		margin-left: -416px;
	}
}

.btn-pagetop{
	position: fixed;
	bottom: 54px;
	right: 10px;
	z-index: 10;
	opacity: .8;
}

.btn-pagetop a{
	display: block;
	width: 40px;
	height: 40px;
}

.btn-ecshop{
	position: fixed;
	bottom: 195px;
	right: 10px;
	display: flex;
	z-index: 10;
	width: 44px;
	height: 155px;
	background-color: rgb(255,255,255,.8);
	border: 4px solid #5d779b;
	border-radius: 8px;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	align-items: center;
	box-shadow: 0 0 5px #b2b2b2;
}

.btn-ecshop a{
	display: block;
	width: 100%;
	padding-top: 45px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.0rem;
	font-weight: bold;
	color: #3f5a87;
	text-decoration: none;
	background: url(../images/icon_btn-ecshop.png) center 12px no-repeat;
	background-image: -webkit-image-set(url(../images/icon_btn-ecshop.png) 1x, url(../images/2x/icon_btn-ecshop.png) 2x);
	background-image: image-set(url(../images/icon_btn-ecshop.png) 1x, url(../images/2x/icon_btn-ecshop.png) 2x);
	background-size: 26px 25px;
}

.side-btn{ display: none; }

@media (min-width: 768px){
	.btn-pagetop{
		bottom: 20px;
		right: 20px;
	}

	.btn-pagetop a{
		width: 60px;
		height: 60px;
	}

	.btn-ecshop{
		bottom: 180px;
		right: 20px;
		width: 60px;
		height: 175px;
	}

	.btn-ecshop a{
		padding-right: 17px;
		padding-left: 17px;
		font-size: 1.2rem;
	}
}

.c-info-box{
	padding: 40px 0 0;
}

.c-info-box__title{
	margin: 0 0 30px;
	text-align: center;
}

.c-dl-box{
	max-width: 404px;
	margin: 0 auto;
	padding: 20px 10px;
	background-color: #f8f0d9;
}

.c-dl-box__list{
	margin: 0;
	padding: 0;
}

.c-dl-box__item{
	list-style: none;
	text-align: center;
}

.c-dl-box__item:first-child{
	margin-bottom: 20px;
}

.c-contact-box{
	padding: 80px 0 120px;
	background-color: #fffcf8;
}

.c-contact-box__lead{
	margin-bottom: 10px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #98cacc;
	text-align: center;
}

.c-contact-box__img{
	margin-bottom: 30px;
}

.c-contact-box__txt{
	padding: 0 10px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #463434;
	text-align: center;
}

.c-contact-box__btn a{
	display: block;
	max-width: 450px;
	margin: 0 auto;
	padding: 25px;
	border-radius: 100px;
	line-height: 1;
	background-color: #ff8b5e;
	border-bottom: 2px solid #ce580b;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

@media (min-width: 768px){
	.c-dl-box{
		max-width: 840px;
		padding: 20px;
	}

	.c-dl-box__list{
		display: flex;
		justify-content: space-between;
	}

	.c-dl-box__item{
		margin-bottom: 0;
	}

	.c-dl-box__item:first-child{
		margin-right: 30px;
		margin-bottom: 0;
	}

	.c-contact-box__lead{
		margin-bottom: 0;
	}

	.c-contact-box__img{
		margin-top: -40px;
		margin-bottom: 65px;
	}

	.c-contact-box__btn a{
		font-size: 2.0rem;
	}
}

/*
# =================================================================
# フッター
# =================================================================
*/


/*
	以下より転載
	https://futago-jitensya.jp/wordpress/wp-content/themes/futagojitensya/src/css/common.css
*/


.footer__wrap .footer{
	background-color: #dfeaf1;
}

.footer__wrap .container {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.footer__wrap .footer .f_inner{
	padding-top: 100px;
	padding-bottom: 70px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start;
}

.footer__wrap .f_content .logo{
	text-align: center;
	margin-bottom: 15px;
}

.footer__wrap .f_nav > li > a{
	display: block;
	font-size: 0.94rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer__wrap .f_nav .child > li > a{
	display: block;
	font-size: 0.88rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.footer__wrap .copyright{
	padding-bottom: 30px;
}
.footer__wrap .copyright p{
	font-size: 0.75rem;
	text-align: center;
}


@media (max-width: 999px) {
	.footer__wrap .footer .f_inner{
		display: block;
	}
	.footer__wrap .f_nav01,
	.footer__wrap .f_nav02,
	.footer__wrap .f_nav03{
		display: none;
	}
}

.footer__wrap .logo img{
	width: 303px;
}

.footer__wrap .icon_line img{
	width: 187px;
}

.footer__wrap .icon_youtube img{
	width: 144px;
}

.footer__wrap .icon_twitter img{
	width: 20px;
}

.footer__wrap .icon_facebook img{
	width: 12px;
}

.footer__wrap .icon_instagram img{
	width: 24px;
}

.footer__wrap .social01{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.footer__wrap .social01 > *:not(:last-child){
	padding-right: 10px;
}

.footer__wrap .social02{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
}

.footer__wrap .social02 > *:not(:last-child){
	padding-right: 20px;
}

/*以下、調整*/
.footer__wrap .footer{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 0 calc(50vw - 50%);
}

.footer__wrap .f_nav li{
	list-style: none;
}

.footer__wrap .f_nav li a{
	font-size: 1.6rem;
	text-decoration: none;
}

.footer__wrap .f_nav .child{
	padding: 0;
}

.footer__wrap .f_nav .child > li > a{
	font-size: 1.4rem;
}

.footer__wrap .f_nav li > a{
	color: #283e75;
}

.f_nav02 .f_nav li span{
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
	color: #283e75;
}

.footer__wrap .copyright p{
	font-size: 1.4rem
}