@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@600&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/**
 * components
 */

a:hover{
	text-decoration: none;
}

a.outerLink{ /** 外部リンク **/
	padding: 0 20px 0 0;
	background: url("../img/outer_link.png") no-repeat right center;
}

.cp{
	cursor: pointer;
}

.pc_none{
	display: none;
}

br.pc_none{
	display: none;
}

.sp_none{
	display: block;
}

br.sp_none,
span.sp_none{
	display: inline;
}

h2{
	text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 6px rgb(255,255,255,.5), 1px 0px 6px rgb(255,255,255,.5), 0px 1px 6px rgb(255,255,255,.5), -1px 0px 6px rgb(255,255,255,.5), 0px -1px 6px rgb(255,255,255,.5), 1px 1px 10px rgba(75, 83, 97, .4);
}

h2.h2--forest-back{
	text-shadow: 1px 1px 1px rgba(121, 163, 50, .5), -1px 1px 1px rgba(121, 163, 50, .5), 1px -1px 1px rgba(121, 163, 50, .5), -1px -1px 6px rgba(121, 163, 50, .5), 1px 0px 6px rgba(121, 163, 50, .5), 0px 1px 6px rgba(121, 163, 50, .5), -1px 0px 6px rgba(121, 163, 50, .5), 0px -1px 6px rgba(121, 163, 50, .5), 1px 1px 10px rgba(75, 83, 97, .4);
}

h2.h2--green-back{
	text-shadow: 1px 1px 1px rgba(50, 163, 162, .5), -1px 1px 1px rgba(50, 163, 162, .5), 1px -1px 1px rgba(50, 163, 162, .5), -1px -1px 6px rgba(50, 163, 162, .5), 1px 0px 6px rgba(50, 163, 162, .5), 0px 1px 6px rgba(50, 163, 162, .5), -1px 0px 6px rgba(50, 163, 162, .5), 0px -1px 6px rgba(50, 163, 162, .5), 1px 1px 10px rgba(75, 83, 97, .4);
}

.button{
	min-width: 300px;
	border: none;
	border-radius: 5px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	padding: 20px 20px 23px;
	text-align: center;
	transition: all .3s;
	text-decoration: none;
	background-color: #567;
	background-image: url("../img/btn_cover.png");
	background-size: auto 100%; 
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	z-index: 0;
}

.button:after{
	content: "";
	width: 100%;
	max-width: 100%;
	height: 10px;
	bottom: -10px;
	left: 0;
	background-image: url("../img/btn_shadow.png");
  background-size: cover;
  background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	transition: all .3s;
	z-index: -1;
}

.button:hover:after{
	content: "";
	height: 8px;
	bottom: -8px;
}

.button--air21{
	background-color: #1A377B;
}

.button--air21:hover{
	background-color: #122552;
}

.button--aire{
	background-color: #15A43B;
}

.button--aire:hover{
	background-color: #0e7028;
}

.button--link,
.button--check{
	background-color: #339A99;
}

.button--link:hover,
.button--check:hover{
	background-color: #2a7878;
}

.button--submit{
	background-color: #E28122;
}

.button--submit:hover{
	background-color: #cb731d;
}

.button--green{
	background: #08898e;
	color: #ffffff;
}

.button--green:hover{
	background: #046164;
}

.button--save{
  width: 300px;
  background: #08898e;
  color: #FFF;
  display: block;
  margin: 0 auto 10px;
}


.button--download{
  width: 300px;
	background: #1ea1c1;
	color: #FFF;
	display: block;
	margin: 0 auto 10px;
}

/** ここから **/


*{
	font-family: 'Noto Sans JP', sans-serif;
}

body{
	width: 100%;
	min-width: 1280px;
}

body .top__wrapper{
	opacity: 0;
	transition: opacity 1.2s ease-in;
}

body.loaded .top__wrapper{
	opacity: 1;
}

/*body.drawer-menu--show{
	right: 100px;
}*/

p{
	color: #666666;
	line-height: 1.75;
}

.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}

.disnone{display: none;}

.font--notoSerif{

	font-family: 'Noto Serif JP', serif;
}

.pin{
	pointer-events: none;
}


.mb-1{
	margin-bottom: 5px;
}

.mb-2{
	margin-bottom: 10px;
}

.mb-3{
	margin-bottom: 15px;
}

.mb-4{
	margin-bottom: 20px;
}

.mb-5{
	margin-bottom: 25px;
}

.mb-6{
	margin-bottom: 30px;
}

.mb-9{
	margin-bottom: 45px;
}

.mb-12{
	margin-bottom: 60px;
}

.mb30{
	margin-bottom: 30px;
}

.fs-6{
	font-size: 115%;
}

.fs-7{
	font-size: 125%;
}

.ps-1{padding-left: .25rem;}
.ps-2{padding-left: .5rem;}
.ps-3{padding-left: .75rem;}
.ps-4{padding-left: 1.25rem;}
.ps-5{padding-left: 2rem;}

.has-colorBar--top,
.has-colorBar--bottom{
	position: relative;
}

.has-colorBar--top:before{
	content: "";
	width: 100%;
	height: 6px;
	max-width: 424px;
	top: -17px;
	display: block;
	position: absolute;
	left: calc( 50% - 212px );
	background: url("../img/colorful_bar.png") no-repeat center center;
}

.has-colorBar--bottom:after{
	content: "";
	width: 100%;
	height: 5px;
	max-width: 428px;
	bottom: -35px;
	display: block;
	position: absolute;
	left: calc( 50% - 214px );
	background: url("../img/colorful_bar.png") repeat left center;
}

.image-wrapper{
	max-width: 100%;
	text-align: center;
}

.image-wrapper img{
	  max-width: 100%;
}


.contents__overlay{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.8);
	cursor: pointer;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
}

section{
	overflow: hidden;
}

.section--common{
	padding: 90px 0;
}

.section--green{
	background: #339a99;
}

.section--car{
	background: #e8e5dc url("../img/bg_sub_wood.jpg") no-repeat center bottom;
	background-attachment: fixed;
}

.section--white{
	background: #e8e5dc;
	background: -moz-linear-gradient(top, #f5f1e4 0%, #e4e0d5 100%);
	background: -webkit-linear-gradient(top, #f5f1e4 0%,#e4e0d5 100%);
	background: linear-gradient(to bottom, #f5f1e4 0%,#e4e0d5 100%);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.section--forest{
	background: #90bb47 url("../img/bg_green.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	box-shadow: inset 0 0 40px rgb(0 0 0 / 20%);
	position: relative;
}

.section--forest:before{
    content: "";
    display: block;
    background: url("../img/forest_bg_bottom.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.section--black{
	background: #1b1b19 url("../img/bg_black.jpg") no-repeat center center;
	color: #FFF;
}

.section--shopSearch{
	background: url("../img/map_bg_line.png") no-repeat center bottom,url("../img/bg_white.jpg") no-repeat center center, #fdfdfd;
	background-size: auto, cover;
	padding-bottom: 150px;
}

.section--sky{
	background: #fdfdfd url("../img/bg_sub_sky.jpg") no-repeat center bottom;
}

.section--subtop:after{
	content: "";

}


.section-container{
	width: 1210px;
	margin: 0 auto;
}

.section-container.subContent{
	min-width: 1280px;
	width: calc( 100% - 320px );
	background: #FAFAFA url("../img/block_bottom_right.jpg") no-repeat right bottom;
	border-radius: 0 10px 10px 0;
	margin: 0 auto 0 0;
  box-shadow: inset -2px -2px 1px rgb(140 140 140 / 20%), 0 0 30px -10px rgb(0 0 0 / 70%);
}

.section-container.subContent.right{
	background: #FAFAFA url("../img/block_bottom_left.jpg") no-repeat left bottom;
	border-radius: 10px 0 0 10px;
	margin: 0 0 0 auto;
}

.section-container .subContent-wrapper{
	width: 1280px;
	margin: 0 0 0 auto;
	padding: 60px 90px;
}

.section-container.subContent.right .subContent-wrapper{
	margin: 0 auto 0 0;
}

h1{
	color: #2b3c5a;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	line-height: 1.25;
	letter-spacing: .0em;
	text-align: center;
	margin: 0 0 2.5em;
}

h1 span{
	font-family: 'Noto Serif JP', serif;
}

h1 .font--larger{
	font-size: 225%;
}

.section--common h2{
	color: #2b3c5a;
	font-family: 'Noto Serif JP', serif;
	font-size: 36px;
	line-height: 1.5;
	letter-spacing: .125em;
	text-align: center;
	margin: 0 0 2.5em;
}

.section--black h2{
	color: #FFF;
}

.section--common h2.has-colorBar--bottom{
	margin: 0 0 3.5em;
}

.section--common h2 span{
	font-family: 'Noto Serif JP', serif;
}

h2 .font--larger {
	line-height: 1.6;
  font-size: 175%;
 	font-family: 'Noto Serif JP', serif;
}

.section--common h2 .font--larger{
	font-size: 225%;
}


.section--common h3{
	color: #2b3c5a;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	margin: 0 0 1em;
}

.section--common p{
	color: #2b3c5a;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: .05em;
}

.section--air-top .button--aire{
	float: right;
}

.has--dots{
	background: url("../img/colorful_dotted.png") no-repeat top center;
	padding-top: 30px;
	position: relative;
	text-align: center;
}

.has--dots-bottom{
	background: url("../img/colorful_dotted.png") no-repeat bottom 10px center;
	padding-top: 0;
	padding-bottom: 45px;
}


.flex{
	display: flex;
	flex-wrap: wrap;
}

.flex.aic{
	align-items: center;
}

.flex.fdrr{
	flex-direction: row-reverse;
}

.img__wrapper img{
	max-width: 100%;
}

.img__wrapper.content__img img{
	width: 100%;
}

/**
 * header
 */

.header__wrapper{
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0;
	background-color: transparent;
	background-image: url("../img/header_bg.png");
	background-repeat: repeat;
	background-position: center bottom;
	background-size: auto;
	z-index: 1000;
}

.top .header__wrapper{
	top: -90px;
	transition: all .8s;
	transition-delay: 0.8s;
	opacity: 0;
}

.top.loaded .header__wrapper{
	top: 0px;
	opacity: 1;
}

.header__container{
	width: 1280px;
	height: 100%;
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto;
}

.header__logo{
	width: 520px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header__logo > a,
.header__logo > img{
	margin: 0 auto 0 0;
	text-align: center;
  position: relative;
  top: -6px;
}

.header__nav{
	width: 670px;
	position: relative;
}

.nav__upper{
	position: absolute;
	top: 0;
	right: 30px;
	z-index: 1;
}

.nav__upper-list{
	display: flex;
}

.nav__upper-item{
	background: #333;
  border-radius: 0 0 10px 10px;
  margin: 0 0 0 10px;
	position: relative;
	top: -5px;
	transition: top .2s;
	box-shadow: inset 0 -2px 0 rgb(255 255 255 / 40%);
	text-shadow: -2px -2px 1px rgb(0 0 0 / 10%), 2px 2px 1px rgb(255 255 255 / 15%);
}

.top .nav__upper-item{
	position: relative;
	transition: all .7s;
	transition-delay: 1.65s;
	opacity: 0;
	top: -60px;
}

.top .nav__upper-item:nth-of-type(2){
	transition-delay: 1.85s;
}

.top.loaded .nav__upper-item{
	position: relative;
	opacity: 1;
	top: -5px;
}

.top.completed .nav__upper-item{
	transition: all .3s;
	transition-delay: 0s;
}

.nav__upper-item:hover{
	top: 0px !important;
}

.nav__upper-item.nav__upper-item--contact{
	background: #E28122 url("../img/btn_cover.png") no-repeat right -60px bottom 0px;
	background: url("../img/btn_cover.png") no-repeat right -60px bottom 0px, -moz-linear-gradient(top, #e38f3d 0%, #d87718 100%);
	background: url("../img/btn_cover.png") no-repeat right -60px bottom 0px, -webkit-linear-gradient(top, #e38f3d 0%,#d87718 100%);
	background: url("../img/btn_cover.png") no-repeat right -60px bottom 0px, linear-gradient(to bottom, #e38f3d 0%,#d87718 100%);
}

.nav__upper-item.nav__upper-item--login{
	background: #16A0AA url("../img/btn_cover.png") no-repeat right -60px bottom 0px;
	background: url("../img/btn_cover.png") no-repeat right -60px bottom 0px, -moz-linear-gradient(top, #23aeb8 0%, #08959f 100%);
	background: url("../img/btn_cover.png") no-repeat right -60px bottom 0px, -webkit-linear-gradient(top, #23aeb8 0%,#08959f 100%);
	background: url("../img/btn_cover.png") no-repeat right -60px bottom 0px, linear-gradient(to bottom, #23aeb8 0%,#08959f 100%);
}

.nav__upper-item a{
	width: 170px;
	color: #FFF !important;
	display: block;
	letter-spacing: .1em;
	padding: 15px 10px 10px;
	text-align: center;
	text-decoration: none;
}

.nav__lower{
	z-index: 0;
}

.global-menu__container{
	display: flex;
	justify-content: flex-end;
}

.global-menu__item{
  border-radius: 0 0 6px 6px;
	background: #FAFAFA;
	background: -moz-linear-gradient(10deg, #ffffff 0%, #FFFFFF 50%, #F8F8F8 51%, #E8E8E8 100%);
	background: -webkit-linear-gradient(10deg, #ffffff 0%,#FFFFFF 50%,#F8F8F8 51%,#E8E8E8 100%);
	background: linear-gradient(190deg, #ffffff 0%,#FFFFFF 50%,#F8F8F8 51%,#E8E8E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F8F8F8',GradientType=1 );
  margin: 0 1px;
  position: relative;
  transition: background .3s;
  box-shadow: inset -1px -1px 2px #eee;
  z-index: 0;
}

.top .global-menu__item{
	position: relative;
	transition: all .7s;
	transition-delay: 1.5s;
	opacity: 0;
	top: -30px;
}

.top .global-menu__item:nth-of-type(2){
	transition-delay: 1.6s;
}

.top .global-menu__item:nth-of-type(3){
	transition-delay: 1.7s;
}

.top .global-menu__item:nth-of-type(4){
	transition-delay: 1.8s;
}

.top.loaded .global-menu__item{
	position: relative;
	opacity: 1;
	top: 0px;
}

.top.completed .global-menu__item{
	transition-delay: none;
}

.global-menu__item:hover{
	background: #F5F5F5;
	background: -moz-linear-gradient(10deg, #F5F5F5 0%, #F5F5F5 50%, #EEEEEE 51%, #DEDEDE 100%);
	background: -webkit-linear-gradient(10deg, #F5F5F5 0%,#F5F5F5 50%,#EEEEEE 51%,#DEDEDE 100%);
  background: linear-gradient(190deg, #F5F5F5 0%, #F5F5F5 50%, #EEEEEE 51%, #DEDEDE 100%);
}

.global-menu__item:after{
	content: "";
	width: 8px;
	height: 5px;
	background: url("../img/global_menu_hover_arrow.png");
	position: absolute;
	display: block;
	bottom: 10px;
	left: calc( 50% - 4px );
	opacity: 0;
	transition: all .3s;
}

.global-menu__item:hover:after{
	content: "";
	bottom: 7px;
	opacity: 1;
}

.global-menu__item.noafter:after{
	display: none;
}

.global-menu__item > a{
	color: #475454 !important;
	display: block;
  font-size: 15px;
	font-weight: bold;
	letter-spacing: .05em;
  padding: 50px 20px 17px;
	text-decoration: none;
	position: relative;
}

.global-menu__item > a:after{
	content: "";
	width: 100%;
	height: 3px;
	background: #FAFAFA;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	border-radius: 0 0 6px 6px;
}

.global-menu__item.global-menu__item--air21 > a:after{
	content: "";
	background: #3F5FA8;	
}
.global-menu__item.global-menu__item--aire > a:after{
	content: "";
	background: #229F43;	
}
.global-menu__item.global-menu__item--seibi > a:after{
	content: "";
	background: #139CA2;	
}
.global-menu__item.global-menu__item--shops > a:after{
	content: "";
	background: #E2AD2B;	
}

.header__hamburger{
	width: 90px;
	height: 83px;
  border-radius: 0 0 6px 6px;
  background: #c74150 url(../img/ham_bg.png) no-repeat center top -30px;
  box-shadow: inset -1px -1px 2px #dae1e2, inset -1px -1px 1px rgb(255 255 255 / 50%);
	color: #FCFCFC !important;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 50px 15px 17px;
	position: relative;
	text-decoration: none;
	text-align: center;
	user-select: none;
	transition: background .3s;
  text-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
  overflow: hidden;
}

.header__hamburger:hover{
	background: #ab2e3c url(../img/ham_bg.png) no-repeat center top -30px;
}

.header__wrapper .header__hamburger:before{
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: rgba(255,255,255,.3);
	transition: 300ms;
	animation: shinyshiny 4s ease-in-out infinite;
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(-60deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(-60deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(-60deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(-60deg); opacity: 0; }
}

.top .header__wrapper .header__hamburger{
	position: relative;
	transition: opacity .7s, top .7s;
	transition-delay: 2s;
	opacity: 0;
	top: -30px;
}


.top.loaded .header__wrapper .header__hamburger{
	position: relative;
	opacity: 1;
	top: 0px;
}


.drawer-nav__wrapper .header__hamburger{
	color: #c74150 !important;
  position: absolute;
  top: 0;
  right: 0;
  height: 79px;
  background: #e5eed9;
  padding: 55px 10px 5px;
  box-shadow: none;
}

.header__hamburger span:nth-of-type(1){
	width: 40px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	right: 19px;
	top: 16px;
}

.header__hamburger span:nth-of-type(1):before{
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	left: -12px;
	top: 0;
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(1){
	width: 50px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #c74150;
	right: 19px;
	top: 25px;
	transform: rotateZ(45deg);
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(1):before{
  display: none;
}

.header__hamburger span:nth-of-type(2){
	width: 40px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	right: 19px;
  top: 34px;
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(2){
	width: 50px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #c74150;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	right: 19px;
	top: 25px;
	transform: rotateZ(-45deg);
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(2):before{
  display: none;
}

.header__hamburger span:nth-of-type(2):before{
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	left: -12px;
	top: 0;
}

.header__hamburger span:nth-of-type(3){
	letter-spacing: .1em;
}

.global-sub-menu__container{
	width: 320px;
	background: rgb(245,245,245);
	background: url(../img/kanri_menu_bg.png) no-repeat right bottom, -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(231,241,241,1) 100%);
	background: url(../img/kanri_menu_bg.png) no-repeat right bottom, -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(231,241,241,1) 100%);
	background: url(../img/kanri_menu_bg.png) no-repeat right bottom, linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(231,241,241,1) 100%);
	position: absolute;
	top: 82px;
	z-index: 1;
	padding: 30px 20px 20px;
	border-radius: 0 0 15px 15px;
	box-shadow: 5px 5px 15px -5px rgba(0,0,0,25%);
	display: none;
/*	transform: scaleY(0);
	transform-origin: center top;
	transition: opacity .5s;
	opacity: 0;*/
}

.global-menu__item:hover .global-sub-menu__container{
/*	display: flex;
	flex-wrap: wrap;
	transform: scaleY(1);
	opacity: 1;*/
}

.global-sub-menu__item{
	border-bottom: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 1px #fff;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

.global-sub-menu__item:nth-last-of-type(-n+1){
	border-bottom: none;
  box-shadow: none;
	margin-bottom: 0;
}

.global-sub-menu__item > a{
	background: url("../img/global_sub_menu_arrow.png") no-repeat center left;
	color: #475454 !important;
	display: block;
	font-size: 14px;	
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.15em;
	padding: 0 0 0 20px;
	text-decoration: none;
	transition: all .3s;
	text-shadow: none;
}

.global-sub-menu__item.current > a{
	background: url("../img/global_sub_menu_arrow_hover.png") no-repeat center left;
	color: #169FA9 !important;
	text-shadow:2px 2px 2px rgba(255,255,255,.3),-2px -2px 2px rgba(255,255,255,.3),-2px 2px 2px rgba(255,255,255,.3),2px -2px 2px rgba(255,255,255,.3);
	pointer-events: none;
	font-weight: normal;
	cursor: default;
}

.global-sub-menu__item:hover > a{
	background: url("../img/global_sub_menu_arrow_hover.png") no-repeat center left;
	color: #169FA9 !important;
	text-shadow:2px 2px 2px rgba(255,255,255,.3),-2px -2px 2px rgba(255,255,255,.3),-2px 2px 2px rgba(255,255,255,.3),2px -2px 2px rgba(255,255,255,.3);
}

/**
 * header end
 */


/**
 * footer
 */

.footer__wrapper{
	padding: 60px 0;
	background: #191b18 url(../img/bg_black.jpg) no-repeat center top;
	background-size: cover;
	color: #FFF;
	position: relative;
}

.footer__wrapper:before{
	content: "";
	width: 100%;
	height: 28px;
	background-color:transparent;
	background-image: url(../img/footer_top.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	display: block;
	position: absolute;
	top: -28px;
	left: 0;
}

.footer__container{
	width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.footer__box{
	flex-basis: 20%;
}

.footer__box:nth-of-type(1){
	flex-basis: calc( 20% - 30px );
	margin-right: 30px;
}

.footer__box:nth-of-type(2){
	flex-basis: calc( 20% - 30px );
	margin-right: 30px;
}

.footer__box:nth-of-type(3){
	flex-basis: calc( 20% - 30px );
	margin-right: 30px;
}

.footer__box:nth-of-type(4){
	flex-basis: calc( 20% - 30px );
	margin-right: 30px;
}

.footer__box:nth-of-type(5){
	flex-basis: 20%;
}

.footer-menu__item > a{
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
	margin: 0 0 1.5em;
	line-height: 1.375;
	padding: 0 0 0 20px;
	position: relative;
	transition: opacity .3s;
}

.footer-menu__item > a:hover{
	opacity: .7;
}

.footer-menu__item > a:before{
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	position: absolute;
	left: 0;
	top: calc( 50% - 3px );
}

.footer-menu__item.footer-menu__item--home > a:before,
.footer-menu__item.footer-menu__item--other > a:before{
	background: #179EA2;
}

.footer-menu__item.footer-menu__item--air21 > a:before{
	background: #3F5FA8;
}

.footer-menu__item.footer-menu__item--aire > a:before{
	background: #229F43;
}

.footer-menu__item.footer-menu__item--seibi > a:before{
	background: #139CA2;
}

.footer-menu__item.footer-menu__item--shops > a:before{
	background: #E2AD2B;
}

.footer-menu__item.footer-menu__item--contact > a:before{
	background: #E28122;
}

.footer-sub-menu__container{
	display: flex;
	flex-wrap: wrap;
}

.footer-sub-menu__item{
	width: 100%;
	margin: 0 0 20px 0;
}

.footer-sub-menu__item:nth-last-of-type(1){
	margin-bottom: 0;
}

.footer-sub-menu__item > a{
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.375;
	padding: 0 0 0 20px;
	position: relative;
	transition: opacity .3s;
}

.footer-menu__item > a:hover{
	opacity: .7;
}

.footer-menu__item > a:before{
	content: "";
}

.footer-sub-menu__item > a:hover{
	text-decoration: underline;
}

/**
 * footer end
 */


/**
 * drawer-menu
 */

.drawer-nav__wrapper{
  background: url(../img/hum_menu_bottom.png) no-repeat center bottom, url(../img/hum_menu_bg.jpg) repeat-y left bottom;
	position: fixed;
	right: -300px;
	top: 0;
	width: 300px;
	height: 100vh;
	transition: right .3s;
	z-index: 1001;
	
}

.drawer-menu--show .drawer-nav__wrapper{
	right: 0;
}

.contents__overlay{
	display: none;
}

.drawer-menu--show .contents__overlay{
	/*display: block;*/
}


.drawer-menu__container{
	padding: 80px 0 0;
}

.drawer-menu__item{
	border-bottom: 1px solid #ffffff;
	box-shadow: 0 -1px 0 0 rgb(0 0 0 / 14%), 0 -2px 0 0 rgb(255 255 255 / 30%);
	position: relative;
}

.drawer-menu__item > a{
	display: block;
	padding: 20px 20px 20px 25px;
	font-weight: bold;
	color: #454545;
	background-color: #e7eee3;
	background-image: url("../img/btn_cover.png"), url("../img/hum_menu_li_5.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, 4px 4px;
	text-decoration: none;
	user-select: none;
}


.drawer-menu__item.drawer-menu__item--air21 > a{
  background-image: url("../img/btn_cover.png"), url("../img/hum_menu_li_1.png");
}

.drawer-menu__item.drawer-menu__item--aire > a{
  background-image: url("../img/btn_cover.png"), url("../img/hum_menu_li_2.png");
}

.drawer-menu__item.drawer-menu__item--shops > a{
  background-image: url("../img/btn_cover.png"), url("../img/hum_menu_li_3.png");
}

.drawer-menu__item.drawer-menu__item--other > a{
  background-image: url("../img/btn_cover.png"), url("../img/hum_menu_li_5.png");
}

.drawer-menu__item.drawer-menu__item--contact > a{
  background-image: url("../img/btn_cover.png"), url("../img/hum_menu_li_4.png");
}

.drawer-menu__item > a:hover{
  background-color: #e0e7dc;
}

.drawer-sub-menu__item > a{
	display: block;
	padding: 12px 20px 14px 40px;
	color: #454545;
	box-shadow: inset 0 -1px #e1edd7;
	background-color: #f6f9f5;
	text-decoration: none;
	line-height: 1.25;
	font-size: 14px;
	user-select: none;
	position: relative;
}

.drawer-sub-menu__item.current > a{
	background-color: #ebf3e7;
	font-weight: bold;
	pointer-events: none;
}

.drawer-sub-menu__item > a:before {
  content: "";
  display: block;
  height: 2px;
  width: 6px;
  background: #ccc;
  position: absolute;
  left: 25px;
  top: calc(50% - 1px);
}

.drawer-sub-menu__item > a:hover{
	background-color: #e0e7dc;
	font-weight: bold;
}


.drawer-sub-menu__container{
	display: none;
}

.drawer-sub-menu-open-trigger{
	background: url("../img/global_menu_hover_arrow.png") no-repeat center center;
	position: absolute;
	width: 50px;
	height: 50px;
	right: 3px;
	top: 3px;
	display: block;
	cursor: pointer;
	transition: transform .3s;
}

.show .drawer-sub-menu-open-trigger{
	transform: rotate(180deg);
}

/**
 * drawer-menu end
 */


.backtop__wrapper{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
}

.backtop__wrapper .backtop{
	width: 60px;
	height: 60px;
	display: block;
	cursor: pointer;
	background-image: url("../img/backtop.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.top__loader{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	background-color: #F5F5F5;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	transition: opacity .7s;
}

.top__loader.fadeout{
	opacity: 0;
}

.loader__inner{
  animation: flash 3s linear infinite;
}

.loader__inner p{
	text-align: center;
	font-size: 12px;
	letter-spacing: 1em;
	color: #999;	
}

.top.loaded .top__loader{
	display: none;
}



@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}


.section__wrapper{
	padding: 90px 0;
}


.section__container{
	width: 1280px;
	margin: 0 auto;
}


.section--air-top{
	background: #339a99 url(../img/air_top_bg.png) no-repeat center;
	background: url(../img/air_top_bg.png) no-repeat center, -moz-linear-gradient(top, #43a8a8 0%, #339a99 100%);
	background: url(../img/air_top_bg.png) no-repeat center, -webkit-linear-gradient(top, #43a8a8 0%,#339a99 100%);
	background: url(../img/air_top_bg.png) no-repeat center, linear-gradient(to bottom, #43a8a8 0%,#339a99 100%);
	padding-bottom: 90px;
	overflow: visible;
  box-shadow: inset 0 1px 0 #b8e2e2, inset 0 4px 30px #339a99, inset 0 -1px 0 #50a1a1, inset 0 -4px 30px #67cbca;
}

.section--air-top .content__box h3{
	background: none;
	padding: 0;
  margin: 0 0 15px;
  font-size: 36px;
}

.section--air-top .content__right .content__box h3{
	color: #15a43b;
}

.section--air-top p{
	line-height: 2.25;
	letter-spacing: 3px;
}

.section--air-top .flex .content__p,
.section--air-top .flex .content__ul{
	flex-basis: calc( 80% - 45px );
}

.section--air-top .flex .content__img{
	flex-basis: 20%;
}


.section--carlife .button-link{
	margin: 0 auto 0 0;
}

/** section-sub **/

.section--sub-top{
	background: #e0ecfa url("../img/h1_shaken_bg.jpg") no-repeat center top;
	background-size: cover;
	position: relative;
	padding: 45px 0;
	overflow: hidden;
}

.section--sub-top:before{
    content: "";
    display: block;
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    right: -5vw;
    transform: skew(-20deg);
    background: rgba(255, 255, 255, .3);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 1%, rgba(255,255,255,0) 75%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 1%,rgba(255,255,255,0) 75%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 1%,rgba(255,255,255,0) 75%);
}

.sub--aire .section--sub-top{
	background: #ebf8ee url("../img/h1_eshop_bg.jpg") no-repeat center top;
	background-size: cover;
}

.sub--shops .section--sub-top{
  background: #ebf8ee url(../img/sub_top_bg.jpg) no-repeat;
  background-size: cover;
}

.sub--shop-detail .section--sub-top{
  padding: 50px 0;
}

.section--sub-pan{
  background: url(../img/h1_bottom.png) no-repeat left bottom -2px;
  background-size: cover;
  padding: 20px 0 10px;
  margin: -30px 0 0;
  position: relative;
}

.section--sub-green{
	background: url("../img/sub_block1_bg_l.png") no-repeat left 5px top 5px, url("../img/sub_block1_bg_r.png") no-repeat right 5px bottom 5px, #339a99;
}

.section--sub-white{
	background: url("../img/sub_block2_bg_l.png") no-repeat left 5px bottom 5px, url("../img/sub_block2_bg_r.png") no-repeat right 5px top 5px, #f6f3ee;
}

.section--sub-airegreen{
	background: url("../img/sub_block3_bg_l.png") no-repeat left 5px top 5px, url("../img/sub_block3_bg_r.png") no-repeat right 5px bottom 5px, url("../img/bg_green.jpg") no-repeat center center;
}

.section--sub-air21blue{
	background: url("../img/sub_block4_bg_l.png") no-repeat left 5px bottom 5px, url("../img/sub_block4_bg_r.png") no-repeat right 5px top 5px, #394c74;
}

.section--sub-flag{
	background: url("../img/sub_block4_bg_l.png") no-repeat left 5px bottom 5px, url("../img/sub_block4_bg_r.png") no-repeat right 5px top 5px, url("../img/bg_sub_sky.jpg") no-repeat center center;
	background-size: auto,auto,cover;
}

.sub--aire .section--sub-flag{
	background: url("../img/sub_block4_bg_l.png") no-repeat left 5px bottom 5px, url("../img/sub_block4_bg_r.png") no-repeat right 5px top 5px, url("../img/bg_sub_sky_eshop.jpg") no-repeat center center;
	background-size: auto,auto,cover;
}

.section--sub-top h1{
	margin: 0 0 2em;
}

.sub--shops .section--sub-top h1{
	font-size: 24px;
	margin: 0;
}

.sub--shop-detail .section--sub-top h1{
	font-size: 36px;
	margin: 0;
}

.section--sub-top .content__box{
	width: 780px;
	margin: 0 auto 30px;
}

.section--sub-top .content__p{
	font-size: 14px;
	text-align: center;
	line-height: 2;
}


.pan__wrapper{
	max-width: 1100px;
}

.pan__list{
	display: flex;
	flex-wrap: wrap;
}

.pan__list .pan__item{
	color: #FFF;
	font-size: 12px;
	line-height: 1.375;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	margin: 0 40px 0 0;
	position: relative;
}

.pan__list .pan__item:after{
	content: "";
	background: url("../img/footer_arrow.png") no-repeat center center;
	width: 5px;
	height: 8px;
	position: absolute;
	top: calc( 50% - 3px );
	right: -24px;
}

.pan__list .pan__item:nth-last-of-type(1):after{
	content: "";
	display: none;
}

.pan__list .pan__item a{
	color: #FFF;
	text-decoration: none;
}

.content__left,
.content__right{
	width: calc( 100% - ( 50% - 640px ) );
	background: #FAFAFA;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
	padding: 60px;
}

.content__left{
	background: #FAFAFA url(../img/block_bottom_right.png) no-repeat right bottom;
	box-shadow: 0 0 30px -10px rgb(0 0 0 / 70%), inset -2px -2px 1px rgb(140 140 140 / 20%);
	margin-right: calc( 50% - 640px );
	border-radius: 0 30px 30px 0;
	justify-content: flex-end;
}

.content__right{
  background: #FAFAFA url(../img/block_bottom_left.png) no-repeat left bottom;
  box-shadow: 0 0 30px -10px rgb(0 0 0 / 70%), inset 2px -2px 1px rgb(140 140 140 / 20%);
	margin-left: calc( 50% - 640px );
	border-radius: 30px 0 0 30px;
	justify-content: flex-start;
}

.section--air-top .content__left{
	background: url(../img/top_intro_corner_b.png) no-repeat right top, url(../img/top_intro_bg_b.png) no-repeat left center;
	background-color: #FFF;
	padding: 45px 90px 45px;
	position: relative;
	z-index: 1;
	top: -40px;
	margin-bottom: 40px;
	box-shadow: 0 0 30px -10px rgb(0 0 0 / 70%), inset -1px -1px 1px #a8c2c2;
}

.section--air-top .content__right{
	background: url(../img/top_intro_corner_g.png) no-repeat left top, url(../img/top_intro_bg_g.png) no-repeat right bottom;
	background-color: #FFF;
	padding: 45px 90px 45px;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 30px -10px rgb(0 0 0 / 70%), inset 1px -1px 1px #a8c2c2;
}

.hidden__wrapper{
	width: 100%;
	overflow: hidden;
}

.sub--aire .content__left{
	background: #FAFAFA url(../img/block_bottom_right_eshop.png) no-repeat right bottom;
	border-radius: 0 10px 10px 0;
}

.sub--aire .content__right{
	background: #FAFAFA url(../img/block_bottom_left_eshop.png) no-repeat left bottom;
	border-radius: 10px 0 0 10px;
}

.content__left:nth-last-of-type(1),
.content__right:nth-last-of-type(1){
	margin-bottom: 0;
}

.content__left .content__box,
.content__right .content__box{
	width: 1100px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 45px;
	padding-bottom: 45px;
}

.content__box:nth-last-of-type(1){
	border-bottom: none;
	margin-bottom: 0;
}

.content__box h2{
	color: #2b3c5a;
  font-family: 'Noto Serif JP', serif;
	font-size: 48px;
	margin: 0 0 45px;
	line-height: 1.5;
}

.section--sub-green .content__box h2{
	color: #FFF;
}

.section--sub-green .floating-content .content__box h2{
	color: #2b3c5a;
}

.section--sub-flag .content__inner-box{
	box-shadow: 5px 5px 30px 5px rgb(48 84 130 / 30%), inset 2px -2px 1px rgb(140 140 140 / 20%);
}

.content__left .content__box h2,
.content__right .content__box h2{
	background: url(../img/h2_box.png) no-repeat left center;
	padding: 0 0 0 60px;
	font-size: 24px;
}

.section--air-top .content__left .content__box h2,
.section--air-top .content__right .content__box h2{
	background: url(../img/colorful_bar.png) no-repeat bottom left;
	padding: 0 0 25px;
  background-size: 422px 3px;
}

.section--air-top .content__right .content__box h2{
	background: url(../img/colorful_bar.png) no-repeat bottom right;
  background-size: 422px 3px;
	padding: 0 0 25px;
	text-align: right;
}

.flex .content__p,
.flex .content__ul{
	flex-basis: calc( 70% - 45px );
	margin-right: 45px;
	font-size: 18px;
}

.flex.fdrr .content__p,
.flex.fdrr .content__ul{
	flex-basis: calc( 70% - 45px );
	margin-left: 45px;
	margin-right: 0px;
	text-align: right;
}

.flex .content__img{
	flex-basis: 30%;
}

.flex__inner .caption{
	font-size: 12px;
}

.flex.fb50-30-50 .flex__inner:nth-of-type(1){
	flex-basis: 50%;
	margin-right: 30px;
}

.flex.fb50-30-50 .flex__inner:nth-of-type(2){
	flex-basis: calc( 50% - 30px );
}

.content__inner-box{
	width: 960px;
	max-width: 100%;
	background: rgba(255, 255, 255, .93);
	border-radius: 10px;
	margin: 0 auto 45px;
	padding: 60px;
}

.content__inner-box:nth-last-of-type(1){
	margin: 0 auto;
}

.content__inner-p{
	font-size: 18px;
	margin: 0 0 45px;
	padding: 0 0 0 5px;
}

.content__inner-ul{
	padding: 0 0 0 10px;
}

.common-list__wrapper .list__item{
	color: #333;
	font-size: 18px;
	padding: 0 0 0 20px;
	line-height: 1.75;
	margin: 0 0 0.75em;
	position: relative;
}

.common-list__wrapper .list__item:nth-last-of-type(1){
	margin: 0;
}

.common-list__wrapper .list__item:before{
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	left: 3px;
	top: 13px;
	display: block;
	background: #000;
}

.common-list__wrapper .list__item:nth-of-type(5n-4):before{
	background: #da3447;
}
.common-list__wrapper .list__item:nth-of-type(5n-3):before{
	background: #7fca3d;
}
.common-list__wrapper .list__item:nth-of-type(5n-2):before{
	background: #e5ad2d;
}
.common-list__wrapper .list__item:nth-of-type(5n-1):before{
	background: #1ea1c1;
}
.common-list__wrapper .list__item:nth-of-type(5n):before{
	background: #cf68b7;
}

.content__box h3{
	background: url(../img/h3_bg.png) no-repeat left center;
	color: #2b3c5a;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	line-height: 1.5;
	letter-spacing: .05em;
	margin: 0 0 30px;
	padding: 0 0 0 45px;
}

.section--air-top .content__right .content__box h3{
	text-align: right;
}



.air-top__container{
	display: flex;
	flex-wrap: wrap;
}

.air-top__box{
	display: flex;
	flex-basis: 50%;
	padding: 15px 60px 60px;
}

.air-top__box--air21{
	background: #e3e8f6;
  justify-content: flex-end;
}

.air-top__box--aire{
	background: #e0f7e6;
  justify-content: flex-start;
}

.air-top__content{
	max-width: 580px;
}

.air-top__h2{
	position: relative;
  margin: 0 0 30px;
  padding: 0 0 20px;
}

.air-top__h2:after{
  content: "";
  width: calc( 50vw - 30px );
  height: 5px;
  display: block;
  position: absolute;
  bottom: 0;
}

.air-top__box--air21 .air-top__h2:after{
	right: 0px;
  background: url(../img/colorful_bar.png) repeat right center;
}

.air-top__box--aire .air-top__h2:after{
	left: 0px;
  background: url(../img/colorful_bar.png) repeat left center;
}


.air-top__h3{
	color: #2b3c5a;
	font-family: 'Noto Serif JP', serif;
	font-size: 36px;
	line-height: 1.5;
	letter-spacing: .05em;
	margin: 0 0 .25em;
}

.air-top__p{
	flex-basis: calc( 66% - 45px );
	color: #2b3c5a;	
	letter-spacing: .075em;
	line-height: 2;
	margin-right: 45px;
	margin-bottom: 20px;
}

.air-top__img{
	flex-basis: 34%;
}

.air-top__img img{
	max-width: 100%;
}

.section--mainImg{
	width: 100%;
	height: 98vh;
	min-height: 720px;
	max-height: 960px;
	position: relative;
}

.section--mainImg:before{
	display: block;
	position: absolute;
	left: -1px;
	top: 0;
	height: 98vh;
	width: calc( 50% - 960px );
	background-color: #daf5e2;
	background-image: url("../img/intro_logo_g.png"), url(../img/h1_eshop_bg_vertical.jpg);
	background-position: center center, center right;
	background-repeat: no-repeat, no-repeat;
	background-size: 200px auto, cover;
	border-right: 1px solid #FFF;
	content: "";
}

.section--mainImg:after{
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
	height: 98vh;
	width: calc( 50% - 960px );
	background-color: #d2e1f4;
	background-image: url("../img/intro_logo_b.png"), url("../img/h1_shaken_bg_vertical.jpg");
	background-position: center center, center left;
	background-repeat: no-repeat, no-repeat;
	background-size: 200px auto, cover;
	border-left: 1px solid #FFF;
	content: "";
}

.section--mainImg .prev,
.section--mainImg .next{
	width: 47px;
	height: 82px;
	position: absolute;
	top: calc( 50% - 41px );
	cursor: pointer;
	z-index: 2;
}

.section--mainImg .prev{
	background: url(../img/prev_arrow.png) no-repeat;
	left: 5px;
}

.section--mainImg .next{
	background: url(../img/next_arrow.png) no-repeat;
	right: 5px;
}

.section--mainImg .prev:hover,
.section--mainImg .next:hover{
	transform: scale(1.2);
}

.mainImg-text{
	width: 100%;
	background: url(../img/main_copy_bg.png) no-repeat left calc( 50% + 70px) bottom 10px;
	padding: 230px 0;
	text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}


.horizontal-container{
  width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}


.horizontal-flexItem{
	width: calc( (100% / 3) - 10px );
  padding: 20px 20px 30px;
  background: #FAFAFA;
	margin: 0 10px 0 0;
	box-shadow: inset -2px -2px 1px rgb(140 140 140 / 20%), 0 0 20px -15px rgb(0 0 0 / 70%);
	border-radius: 10px;
}

.horizontal-container h3{
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  margin: 0 0 .5em;
  background: #eff3fc;
  line-height: 1.5;
}

.horizontal-container p{
	margin: 0 0 1em;
	letter-spacing: .0em;
}


.horizontal-wrapper .image-wrapper{
	overflow: hidden;
}
.horizontal-wrapper .image-wrapper:hover img{
	transform: scale(1.1);
	transition: ease .3s;
}

.section--top .section-container{
	margin-top: -110px;
	background: #FAFAFA;
	padding: 60px 60px 90px 60px;
	border-radius: 5px;
	display: flex;
	flex-wrap: nowrap;
}

.section--top .section-container h2{
	padding: 15px;
	text-align: left;
	margin: 0 0 1.5em;
}

.section--top .section-container h2:before{
	left: 0;
	top: 0;
}
.section--top .section-container h2:after{
	left: 0;
	bottom: 0;
}

.section--top .section-container h3{
	padding: 0 15px;
}

.section--top .section-container p{
	padding: 0 15px;
}

.section--top-flexItem{
	width: 49%;
	margin: 0 2% 0 0;
}

.section--top-flexItem:nth-of-type(1){
	width: 42%;
	margin: 0 2% 0 0;
}

.section--top-flexItem:nth-of-type(2){
	width: 58%;
}

.section--top-flexItem:nth-last-of-type(1){
	margin: 0;
}





.news{
	padding: 0 0 0 45px;
}

.section--top .section-container .news h3{
	background: #8aba4d;
	margin: -60px 0 30px;
	width: 170px;
	color: #FFF;
	padding: 60px 15px 15px;
	line-height: 1.375;
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}

.section--top .section-container .news h3 .font--larger{
	font-size: 250%;
	font-family: 'Noto Serif JP', sans-serif;
}
.section--top .section-container .news h3 .font--larger .font--larger{
	font-size: 133%;
}

.section--top .section-container .news p{
	padding: 0 5px;
}

.news .newsItem{
	margin: 0 0 30px;
}

.news .date{
	font-size: 16px;
	font-weight: bold;
	color: #2d3d5c;
	margin: 0 0 5px;
}

.news .newsString{
	color: #2d3d5c;
}



.technical{
	display: flex;
	flex-wrap: nowrap;
}

.technicalImg{
	width: 43%;
	margin: 0 7% 0 0;
}

.technicalText{
	width: 50%;
	color: #FFF;
}

.section--common .technicalText h3{
	color: #8eba4b;
}

.section--common .technicalText p{
	color: #FFF;
}

.section--safe {
	background: #e8e5dc;
	background: -moz-linear-gradient(top, #f5f1e4 0%, #e4e0d5 100%);
	background: -webkit-linear-gradient(top, #f5f1e4 0%,#e4e0d5 100%);
	background: linear-gradient(to bottom, #f5f1e4 0%,#e4e0d5 100%);
  background-repeat: no-repeat;
  background-position: center center;
}

.section--safe h2{
	position: relative;
	z-index: 0;
}

.section--safe h2:before{
	content: "";
	width: 774px;
	height: 774px;
	border-radius: 387px;
	border: 2px solid #FCFCFC;
	position: absolute;
	display: block;
	opacity: .5;
	z-index: -1;
	left: calc( 50% - 387px );
	top: -250px;
}

.section--carlife {
	overflow: hidden;
}

.carlife{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.section--carlife .section--carlife-left{
	width: 40%;
	margin: 0 3% 0 0;
}


.section--carlife h2{
	position: relative;
	z-index: 0;
	color: #FFF;
}

.section--carlife h2:before,
.section--carlife h2:after{
  content: "";
  width: 600px;
  height: 600px;
  border-radius: 300px;
  border: 2px solid #FFF;
  position: absolute;
  display: block;
  z-index: -1;
  left: -68px;
  top: -120px;
  opacity: 0;
}

.section--carlife h2.animated:before{
 	animation: 1.8s circleanime2 ease-in-out forwards;
 	animation-delay: 1.2s;	
}

.section--carlife h2.animated:after{
 	animation: 1.65s circleanime3 ease-in-out forwards;
 	animation-delay: 1.55s;	
}

@keyframes circleanime2{
	0%{
	  transform:scale(0);
	  opacity: 1;
	}
	100%{
		transform:scale(1);
		opacity: 0;
	}
}


@keyframes circleanime3{
	0%{
	  transform:scale(0);
	  opacity: 1;
	}
	100%{
		transform:scale(1);
		opacity: 0.9;
	}
}


.section--carlife .section--carlife-right{
	width: 57%;
	padding: 60px 45px;
	background: #FAFAFA;
	border-radius: 10px;
	box-shadow: inset -2px -2px 1px rgb(140 140 140 / 20%), 0 0 20px -15px rgb(0 0 0 / 70%);
}

.section--carlife h3{
	padding: 0 0 0 45px;
	background: url("../img/h3_bg.png") no-repeat left center;
}

.carlife-textblock{
	margin-bottom: 45px;
	padding-bottom: 45px;
	box-shadow: inset 0 -1px #FFF, inset 0 -2px #EEE;
}

.section--common.section--shopSearch h2 .font--larger{
    font-size: 150%;
}

.shopSearch{
	position: relative;
}

.shopSearch:before{
	width: 296px;
	height: 308px;
	content: "";
	display: block;
	position: absolute;
  left: -135px;
  top: -76px;
	background: url("../img/map_ex.png") no-repeat center center;
}

.shopSearch:after{
	width: 263px;
	height: 200px;
	content: "";
	display: block;
	position: absolute;
  right: -265px;
  bottom: 0px;
	background: url("../img/map_car.png") no-repeat center center;
}

.shopSearch.nobefore:before{
	content: "";
	display: none;
}

.subContentItem{
	padding-bottom: 60px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 60px;
}

.subContentItem:nth-last-of-type(1){
	border-bottom: none;
	margin: 0;
	padding-bottom: 0;
}

.subContentItem .subContentText{
	margin: 0 0 30px;
}


.subContentItem .subContentText h2{
	text-align: left;
	margin: 0 0 .5em;
  background: url(../img/h2_box.png) no-repeat left center;
  padding: 0px 0 0 60px;
  font-size: 24px;
}	

.common-wrapper{
	padding: 60px;
	background: #FAFAFA;
	border-radius: 10px;
	color: #2b3c5a;
}

.common-list .common-item{
	color: #2b3c5a;
	line-height: 2;
}


.sub .section--common h2{
	font-size: 48px;
}


.subContentItem.hasImage{
	display: flex;
	flex-wrap: wrap;
}

.subContentItem.hasImage .subContentText{
	width: 800px;
	margin: 0 60px 0 0;
}

.subContentItem.hasImage .subContentImage{
	width: 240px;
}

.common-imageList{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 0 0 45px;
}

.common-imageList:nth-last-of-type(1){
	margin: 0;
}

.common-imageItem{
	width: calc( 100% / 3 );
}

.common-imageItem .image-wrapper{
	margin: 0 0 10px;
}

.common-imageItem .image-caption .caption--head{
  margin: 0 0 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.common-lead{
	margin: 0 0 45px;
}

.sitemap .groupTitle{
	font-size: 24px;
	padding: 0 0 0 45px;
	background: url(../img/h3_bg.png) no-repeat left center;
}

.sitemap .common-list-wrapper{
	margin: 0 0 45px;
}


.flow{
	margin: 0 0 45px;
}


.section__spacer--top{
	padding: 135px 0 45px;
	background: url("../img/sub_top_bg.jpg") no-repeat center bottom;
	background-size: cover;
}

.sub--air21 .section__spacer--top{
	background: url("../img/sub_main_shaken.jpg") no-repeat center bottom;
	background-size: cover;

}
.sub--aire .section__spacer--top{
	background: url("../img/main_sub_eshop.jpg") no-repeat center bottom;
	background-size: cover;

}



/** parallax **/
.section__spacer--parallax{
	padding: 60px	0;
	position: relative;
}

.section__spacer--parallax:before{
  content: "";
  background: url("../img/parallax_cover.png") no-repeat;
  display: block;
  width: 600px;
  height: 126px;
  position: absolute;
  top: 0;
  right: 0;
}

.section__spacer--parallax-1{
	background: url("../img/para_1.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
  border-top: 3px solid #d7dee7;
  border-bottom: 3px solid #d7dee7;
}
.section__spacer--parallax-2{
	background: url("../img/para_2.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
  border-top: 3px solid #d7dee7;
  border-bottom: 3px solid #d7dee7;
}
.section__spacer--parallax-3{
	background: url("../img/para_3.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
  border-top: 3px solid #d7dee7;
  border-bottom: 3px solid #d7dee7;
}


.sub--aire .section__spacer--parallax-1{
	background: url("../img/para_eshop_1.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
  border-top: 3px solid #d7dee7;
  border-bottom: 3px solid #d7dee7;
}
.sub--aire .section__spacer--parallax-2{
	background: url("../img/para_eshop_2.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
  border-top: 3px solid #d7dee7;
  border-bottom: 3px solid #d7dee7;
}
.sub--aire .section__spacer--parallax-3{
	background: url("../img/para_eshop_3.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
  border-top: 3px solid #d7dee7;
  border-bottom: 3px solid #d7dee7;
}


/**
 * shops
 */

.section--shop{
	position: relative;
	overflow: visible;
}

.section--shop .section__container{
	width: 870px;
}

.section--shop .content__box h2{
	font-size: 28px;
	line-height: 1.375;
	margin: 0 0 1.75em;
}

.section--shop .content__box h2 .larger{
	font-size: 200%;
	font-family: 'Noto Serif JP', serif;
}

.section--shop .content__box h2.h2_small{
	font-size: 36px;
	letter-spacing: 0.5em;
}

.section--shop .content__inner-box{
	background: none;
	padding: 0;
}

.area__wrapper{
	width: 200px;
	padding: 20px 15px;
	position: absolute;
	left: 0;
	top: 90px;
	background: #339A99;
	border-radius: 0 10px 10px 0;
}

.area__list .area__item{
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	box-shadow: inset 0 -1px rgba(0, 0, 0, .15);
}

.area__list .area__item:nth-last-of-type(1){
	border-bottom: none;
	box-shadow: none;
}

.area__list .area__item a{
	background: transparent;
	color: #FFF;
	display: block;
	font-size: 18px;
	padding: 20px 10px;
	text-indent: 10px;
	text-decoration: none;
	transition: background .3s;
}

.area__list .area__item a:hover{
	background: #2d8382;
}

.shop__list{
	display: flex;
	flex-wrap: wrap;
  align-items: stretch;
}

.shop__item{
	flex-basis: calc( 50% - 15px );
	background: #FAFAFA;
	border-radius: 5px;
	box-shadow: inset -2px -2px 1px rgb(140 140 140 / 20%), 0 0 20px -15px rgba(0,0,0,.25);
	margin-bottom: 30px;
	padding: 20px 20px 80px;
	position: relative;
}

.shop__item:nth-of-type(2n-1){
	margin-right: 30px;
}

.shop__item:nth-of-type(2n){
}

.shop__label{
	border-radius: 0 0 5px 5px;
	color: #FFF;
	display: block;
	font-size: 14px;
	padding: 5px 10px 7px;
	position: absolute;
	right: 10px;
	top: -6px;
}

.shop__label::before{
	content: "";
	position: absolute;
	display: block;
	width: 5px;
	height: 7px;
	right: -4px;
	top: -1px;
}

.shop__label--air21{
	background: #3E5FA4;
}

.shop__label--air21::before{
	content: "";
	background: url("../img/label_triangle_b.png") no-repeat center center;
}

.shop__label--aire{
	background: #23A344;
}

.shop__label--aire::before{
	content: "";
	background: url("../img/label_triangle_g.png") no-repeat center center;
}

/** どちらにも加盟 **/
.shop--air21.shop--aire .shop__label--air21{
	right: 150px;
}

/** 詳細ページ用ラベル */
.sub--shop-detail .shop__label{
	border-radius: 0 0 5px 5px;
	color: #FFF;
	display: block;
	font-size: 22px;
	padding: 13px 15px 15px;
	position: absolute;
	right: calc(50% - 69px);
	top: -6px;
	user-select: none;
}

.sub--shop-detail .shop__label.shop__label--aire{
	right: calc(50% - 101px);	
}

.sub--shop-detail .shop__label::before{
	content: "";
	position: absolute;
	display: block;
	width: 5px;
	height: 7px;
	right: -4px;
	top: -1px;
}

/** どちらにも加盟 **/
.sub--shop-detail .shop--air21.shop--aire .shop__label--air21{
	right: calc( 50% + 35px );
}

.sub--shop-detail .shop--air21.shop--aire .shop__label--aire{
	left: calc( 50% - 25px );
	right: auto;
}


.shop__item .button--link{
	width: calc( 100% - 40px );
	position: absolute;
	bottom: 20px;
}

.shop__name a{
  color: #2b3c5a;
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  margin: 0 0 .5em;
}

.shop__img{
	min-height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EEE;
}

.shop__img,
.shop__tel{
  margin: 0 0 .5em;
}

.shop__address,
.shop__tel{
	text-indent: -4rem;
	margin-left: 4rem;
}

.shop__main{
	background: #fefaf7 url("../img/squares_pattern.jpg") left -1px top -1px;
	padding: 60px 60px 45px;
	margin: 0 0 75px;
  box-shadow: inset 0 0 20px rgb(165 158 145 / 30%);
  border: 1px solid #d6d1cc;
}

.shop__main-comment{
	color: #444;
	font-size: 18px;
	text-align: left;
	line-height: 2.5;
}

.shop__main-photo{
	position: relative;
  padding: 0 15px;
  margin: 0 0 30px;
}

.shop__main-photo:before{
  content: "";
  width: 182px;
  height: 58px;
  display: block;
  position: absolute;
  left: -20px;
  top: -20px;
  background: url(../img/shop_photo.png) no-repeat;
}

.shop__main-photo.col--2{
	display: flex;
	flex-wrap: wrap;
}

.shop__main-photo .img__wrapper{
	border: 15px solid #FFF;
	box-shadow: 3px 3px 17px -14px rgba(0,0,0,0.8);
}

.shop__main-photo .img__wrapper img{
	width: 100%;
}

.shop__main-photo.col--0{
	margin: 0;
}

.shop__main-photo.col--0 .img__wrapper:nth-of-type(1),
.shop__main-photo.col--0 .img__wrapper:nth-of-type(2){
	display: none;
}

.shop__main-photo.col--0:before{
	content: "";
	display: none;
}

.shop__main-photo.col--1 .img__wrapper{
	width: 100%;
  background: #FAFAFA;
}

.shop__main-photo.col--1 .img__wrapper:nth-of-type(2){
	display: none;
}

.shop__main-photo.col--2 .img__wrapper{
  align-items: center;
  background: #FAFAFA;
	border: 15px solid #FFF;
  display: flex;
  flex-basis: 48%;
  margin-right: 4%;
}

.shop__main-photo.col--2 .img__wrapper:nth-last-of-type(1){
	margin: 0;
}

.content__box .shop__h3{
	background: url("../img/colorful_square.png") no-repeat center left;
	font-size: 24px;
	padding: 0 0 0 40px;
  margin: 0 0 0.5em;
}

.shop__detail{
	margin: 0 0 75px;
}
.shop__service{
	margin: 0 0 75px;
}
.shop__map{
	margin: 0 0 75px;
}


.shop__detail-table{
	width: 100%;
	border-radius: 5px;
}

.shop__detail-table th,
.shop__detail-table td{
	padding: 15px 20px;
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
}

.shop__detail-table th{
	background: #385c5c;
	border-bottom: 1px solid rgba(255,255,255,.2);
	color: #FFF;
	width: 30%;
	font-weight: normal;
}

.shop__detail-table tr:nth-of-type(1) th{
	border-radius: 6px 0 0 0;
}

.shop__detail-table tr:nth-last-of-type(1) th{
	border-radius: 0 0 0 6px;
}

.shop__detail-table td{
	width: 70%;
	background: #FCFCFC;
	color: #555;
}

.shop__detail-table tr:nth-of-type(2n) td{
	background: #eff2f2;
}

.shop__service-inner{
	padding: 15px;
	background: #FCFCFC;
}

.service__list{
	display: flex;
	flex-wrap: wrap;
}

.service__item{
	background: #333;
	border-radius: 3px;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 50px;
	flex-basis: calc( (100% - 50px) / 4 );
	font-size: 14px;
	line-height: 1.25;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px 10px;
	text-align: center;
}

.service__item:nth-of-type(4n){
	margin-right: 0;
}

.service__item--menu{
	background: #de3248; /* Old browsers */
	background: -moz-linear-gradient(-5deg,  #de3248 0%, #de3248 50%, #df485b 51%, #df485b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-5deg,  #de3248 0%,#de3248 50%,#df485b 51%,#df485b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(175deg,  #de3248 0%,#de3248 50%,#df485b 51%,#df485b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.service__item--option{
	background: #de3248; /* Old browsers */
	background: -moz-linear-gradient(-5deg,  #e4ad2e 0%, #e4ad2e 50%, #e8b542 51%, #e8b542 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-5deg,  #e4ad2e 0%,#e4ad2e 50%,#e8b542 51%, #e8b542 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(175deg,  #e4ad2e 0%,#e4ad2e 50%,#e8b542 51%,#e8b542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.shop__map-inner{
	height: 0;
	border: 2px solid #DDD;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.shop__map-inner iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}


.section--voice .content__inner-box{
  width: 960px;
  max-width: 100%;
  background: none;
  margin: 0 auto;
  padding: 0px;
}

.section--voice .content__p{
	margin: 0 auto 60px;
	font-size: 18px;
	text-align: center;
}

.voice-list__wrapper{
	width: 960px;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}

.voice-list__wrapper .list__item{
	width: 300px;
	background: #FAFAFA url("../img/okyakusama_logo_shaken.png") no-repeat right 0px bottom 10px;
	box-shadow: inset -1px -1px 1px rgb(140 140 140 / 20%), 8px 8px 15px -8px rgba(0,0,0,.3);
  margin: 0 30px 75px 0;
  padding: 40px 30px 30px;
  transform: rotate(-4deg);
  border-radius: 5px;
  position: relative;
}

.voice-list__wrapper .list__item:nth-of-type(2n){
  transform: rotate(2deg);
}

.voice-list__wrapper .list__item:nth-of-type(3n){
	margin: 0 0 75px;
  transform: rotate(-2deg);
}

.voice-list__wrapper .list__item:nth-of-type(4n){
  transform: rotate(2deg);
}

.voice-list__wrapper .list__item:nth-of-type(6n){
	margin: 0 0 75px;
  transform: rotate(2deg);
}

.voice-list__wrapper .list__item:before{
	content: "";
	background: url("../img/okyakusama_pin.png") no-repeat;
	width: 54px;
	height: 48px;
	display: block;
	position: absolute;
	top: -12px;
	left: calc(50% - 33px);
}


.voice-list__wrapper .voice__h3{
	font-family: 'Klee One', cursive;
	background: url("../img/okyakusama_dot.png") repeat-x bottom left;
	color: #333;
  font-weight: 600;
  font-size: 20px;
  padding: 0 0 15px;
  margin: 0 0 15px;
}

.voice-list__wrapper .voice__p{
	font-size: 14px;
  line-height: 1.75;
  letter-spacing: .2em;
}


.multiple__img{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 15px;
}


.multiple__img .img__wrapper .caption{
  font-weight: 700;
	margin: 5px 0 5px;
}

.multiple__img .img__wrapper .caption--sub{
	font-size: 14px;
  font-weight: 400;
	margin: 0 0 5px;
}


.multiple__img--2 .img__wrapper{
	width: 400px;
	margin: 0 40px 15px 0;
}

.multiple__img--2 .img__wrapper:nth-of-type(2n){
	margin: 0 0 15px;
}


.multiple__img--3 .img__wrapper{
	width: 30%;
	margin: 0 5% 15px 0;
}

.multiple__img--3 .img__wrapper:nth-of-type(3n){
	margin: 0 0 15px;
}



/**
 * 個人情報保護方針
 */
.section--privacy .content__p{
	margin: 0 0 60px;
	line-height: 1.75;
	color: #454545;
}

.section--privacy .content__p ul li{
	text-indent: -1.25em;
	margin-left: 1.25em;
}

.section--privacy .content__title{
	display: block;
	font-size: 18px;
	margin: 0 0 15px;
}

.section--privacy .contact-info__wrapper{
  border: 1px dotted #CCC;
	padding: 20px 30px;
}


/**
 * お問合せ
 */

.section--contact .contact-check__title{
	font-weight: bold;
	margin: 0 0 30px;
	text-align: center;
}

.section--contact .button--link{
  width: 300px;
  display: block;
  margin: 0 auto 10px;
}


/**
 * フォーム要素
 */

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"], 
select,
textarea{
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 16px;
	box-sizing: border-box;
	min-height: 38px;
}

textarea{
	width: 100%;
	height: 200px;
	padding: 10px;
}

select {
	background: #FAFAFA url(../img/common/select_default.png) no-repeat 98% center;
	text-indent: 0.01px;
	text-overflow: '';
	padding: 5px 16px 5px 5px;
}

input[type="file"] {
	width: 100%;
	cursor: pointer;
	background: #EEE;
	padding: 10px;
	box-sizing: border-box;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
  -moz-appearance:textfield;
}


input.input--company-name{
	width: 500px;
}

input.input--zip1{
	width: 60px;
}

input.input--zip2{
	width: 80px;
}

input.input--address-short{
	width: 300px;
}

input.input--address{
	width: 100%;
}

input.input--year{
	width: 65px;
}

input.input--mail{
	width: 500px;
}

input.input--url{
	width: 500px;
}

input.input--price{
	width: 120px;
}

input.input--short{
	width: 120px;
}

input.input--long{
	width: 100%;
}

input.input--lottery-num{
	width: 60px;
}

/**
 * フォームテーブル
 */
.table--form{
	margin: 0 0 45px;
}

.table--form .table__container{
	width: 100%;
	margin: 0 0 30px;
}

.table--form tr{
	border-bottom: 1px solid #E5E5E5;
}

.table--form th{
	width: 26%;
	font-size: 16px;
	padding: 15px;
	position: relative;
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
}

.table--form th .required{
	background: #dc3a4d;
	border-radius: 2px;
	color: #FFF;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	margin: 0 0 0 10px;
	padding: 3px 5px 4px;
	position: relative;
	top: -2px;
	user-select: none;
}

.table--form th .any{
	background: #AAA;
	border-radius: 2px;
	color: #FFF;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	margin: 0 0 0 10px;
	padding: 3px 5px 4px;
	position: relative;
	top: -2px;
	user-select: none;	
}

.table--form th .sub{
	font-size: 12px;
	font-weight: 400;
}

.table--form td{
	padding: 15px;
	position: relative;
	line-height: 1.5;
}

.table--form .alignment{
	width: calc( 33% - 5px );
	margin: 0 5px 5px 0;
	display: inline-block;
	user-select: none;
}

.table--form .attention{
  font-size: 12px;
  margin: 5px 0;
}

.trigger--history-back{
  width: 300px;
  color: #36F;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin: 20px auto 0;
  text-align: center;
  user-select: none;
  line-height: 1.5;
}

.trigger--history-back a{
	padding: 10px 0 10px 30px;
  background: url("../img/back_arrow.png") no-repeat center left;
  text-decoration: underline;
}

.trigger--history-back a:hover{
	text-decoration: none;
}


#section--header-map{
	height: 135px;
	margin: 80px 0 0;
}


/** slider */
.slider__wrapper{
	width: 100%;
	height: 100%;
	position: relative;
}

.slider__wrapper:after{
	content: "";
	width: 100%;
	height: 322px;
	background: url("../img/main_bottom.png")no-repeat center bottom -1px;
	background-size: auto 322px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.top .slider__wrapper:after{
	opacity: 0;
	transition: opacity .7s;
	/*transition-delay: 1.4s;*/
}

.top.loaded .slider__wrapper:after{
	opacity: 1;	
}

.slider__item{
	height: 98vh;
	min-height: 720px;
	max-height: 960px;
	position: relative;
}

.slider__item--1{
	/*background: url("../img/main_bg.jpg")no-repeat center center;*/
	background-size: auto, cover;
	text-align: center;
}

.slider__item--2{
	background: url("../img/main_bg_2.jpg")no-repeat center center;
	background-size: auto, cover;
}

.slider__item--3{
	background: url("../img/main_bg_3.jpg")no-repeat center center;
	background-size: auto, cover;
}

.slider__item--1 .video{
	width: 100%;
	min-width: 1480px;
	margin: 0 auto;
	display: block;
	position: absolute;
	bottom: 120px;
}

.copy__wrapper{
	width: 960px;
	height: 480px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  background: url("../img/main_copy_big.png") no-repeat center center;
  z-index: 1;
}

.slider__item--1 .copy__wrapper{
  background: url("../img/main_copy_big.png") no-repeat center center;
}

.slider__item--2 .copy__wrapper{
  background: url("../img/main_copy_2_big.png") no-repeat center center;
}

.slider__item--3 .copy__wrapper{
  background: url("../img/main_copy_3_big.png") no-repeat center center;
}

.slider__item .copy__wrapper:after{
	content: "";
	width: 960px;
	height: 480px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.slider__item--1 .copy__wrapper:before{
	content: "";
	width: 1497px;
	height: 516px;
	display: block;
  background: url("../img/main_copy_bg_car.png") no-repeat center center;
  position: absolute;
  left: -300px;
  top: 0;
  opacity: .4;
  z-index: -1;
}

.slider__item--1 .copy__wrapper:after{
	width: 1282px;
	height: 532px;
  background: url("../img/main_copy_bg_big.png") no-repeat center center;
	left: -20px;
	top: -55px;
}


.copy_sub{
  display: none;
  height: 57px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.slider__item--1 .copy_sub{
  width: 540px;
  top: calc(45% + 100px);
}

.slider__item--2 .copy_sub{
	width: 675px;
  top: calc(45% + 150px);
}

.slider__item--3 .copy_sub{
	width: 480px;
  top: calc(45% + 180px);
}


.slick-prev{
	width: 53px;
	height: 99px;
	border-radius: 0 10px 10px 0;
	left: 0px;
	z-index: 1;
	padding: 10px;
	background: rgba(255,255,255,0.85) !important;
	box-shadow: inset -5px 0 10px 0px rgb(197 211 212);
  border-top: 3px solid #e5eeee;
  border-right: 3px solid #e5eeee;
  border-bottom: 3px solid #e5eeee;
}

.slick-prev:before{
	content : "";
	width: 26px;
	height: 41px;
	display: block;
	background: url("../img/prev_arrow.png")no-repeat center center;
}

.slick-next{
	width: 53px;
	height: 99px;
	border-radius: 10px 0 0 10px;
	right: 0px;
	z-index: 1;
	padding: 10px;
	background: rgba(255,255,255,0.85) !important;
	box-shadow: inset -5px 0 10px 0px rgb(197 211 212);
  border-top: 3px solid #e5eeee;
  border-left: 3px solid #e5eeee;
  border-bottom: 3px solid #e5eeee;
}

.slick-next:before{
	content : "";
	width: 26px;
	height: 41px;
	display: block;
	background: url("../img/next_arrow.png")no-repeat center center;
}

.slick-prev:before, .slick-next:before{
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{

}


.top .slick-prev{
	left: -53px;
	transition: all .7s;
	transition-delay: 1.4s;
}

.top.loaded .slick-prev{
	left: 0;
}

.top .slick-next{
	right: -53px;
	transition: all .7s;
	transition-delay: 1.4s;
}

.top.loaded .slick-next{
	right: 0;
}

/**
 * map
 */
.img__wrapper--map{
	width: 640px;
	margin: 0 auto;
}


/**
 * web_enquete
 */

.section--webenquete label{
	display: inline-block;
	margin: 0 15px 0 0;
}


.section--webenquete .table--form tr,
.section--webenquete .table--form th,
.section--webenquete .table--form td{
	width: 100%;
	display: block;
}

.section--webenquete .table--form tr {
  border-bottom: 1px solid #E5E5E5;
  margin: 0;
  padding: 30px 0;
}

.section--webenquete .table--form tr.h4{
  border-bottom: none;
  margin: 0 0 15px;
  padding: 0;
}

.section--webenquete .table--form tr.h4 h4{
	font-size: 20px;
}

.section--webenquete .table--form th,
.section--webenquete .table--form td{
	padding: 0;
	line-height: 1.5;
}

.section--webenquete .table--form th{
	color: #555;
	margin: 0 0 10px;
}


.section--webenquete .table--form td{
	position: relative;
}

.section--webenquete .table--form th .attention{
	color: #666;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	margin-left: 10px;
}

.section--webenquete input[name="code--search"],
.section--webenquete input[name="zip--1"],
.section--webenquete input[name="zip--2"],
.section--webenquete input[name="tel--1"],
.section--webenquete input[name="tel--2"],
.section--webenquete input[name="tel--3"]{
	width: 80px;
}

.section--webenquete input[name="car_identification"]{
	width: 80px;
}

.section--webenquete select[name="code"]{
	width: 500px;
}

.section--webenquete label[for="q2--8"]{
	margin-top: 10px;
}

.section--webenquete input[name="q2_other"]{
	margin: 0 0 0 10px;
}

/** q7 */
.section--webenquete input[type=radio][name="q7"] {
	position: absolute;
	z-index: -1;
}

.section--webenquete .q7_answers{
	display: flex !important;
	position: relative;
	z-index: 0;
}

.section--webenquete .q7_answers:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #339a99;
	left: 0;
	display: block;
	position: absolute;
	top: calc( 50% - 1px );
	z-index: -1;
}

.section--webenquete label.q7{
	margin: 0;
	border: 2px solid #339a99;
	background-color: #FAFAFA;
	color: #339a99;
	width: 26px;
	text-align: center;
	height: 26px;
	border-radius: 13px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

.section--webenquete input[type=radio][name="q7"]:checked + label {
	background: #339a99;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}

.section--webenquete .q7_answers{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

.section--webenquete .q7_string{
	display: flex;
	justify-content: space-between;
}

.section--webenquete .q7_string span{
	max-width: 170px;
	font-size: 14px;
}

.section--webenquete .search__wrapper{
	display: flex;
}

.section--webenquete .code--search__wrapper{
	/*width: 30%;*/
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
	position: relative;
}

.section--webenquete .code--search__wrapper:after{
/*	width: 30%;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #EEE;
	position: absolute;
	display: block;
	right: 0;
	top: 0;*/
}

.section--webenquete .prefecture--search__wrapper{
	/*width: 70%;*/
}

.section--webenquete .search--button {
  display: inline-block;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 4px 10px;
	background-color: #E28122;
  color: #FFF;
  margin: 0 0 0 10px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  top: -1px;
  transition: all .3s;
  user-select: none;
}

.section--webenquete .search--button.pin{
	background-color: #CCCCCC !important;
}

.section--webenquete .search--button:hover{
	background-color: #cb731d;
}

.section--webenquete .shop-search-by-prefecture{
	display: block;
}

.section--webenquete p{
	font-size: 14px;
}

.section--webenquete p.shop_name{
	font-size: 18px;
}

#js-original-question__baseline{
	display: none;
}

/**
 * 住所取得ボタン
 */
.trigger--get-address {
  font-size: 14px;
  display: inline-block;
  padding: 3px 12px 4px;
  border-radius: 3px;
  background-color: #339A99;
  color: #FFF;
  position: relative;
  top: -2px;
  cursor: pointer;
  margin-left: 10px;
  transition: all .3s;
}

.trigger--get-address:hover{
  background-color: #2a7878;
}


.trigger--get-address.loading{
	background-color: #EEE;
	cursor: default;
}


/**
 * animate
 */

.js-animate{
	position: relative;
}

.js-animate.fadein--left{
	opacity: 0;
	left: -45px;
	transition: all .7s;
}

.js-animate.fadein--left.animate--active{
	opacity: 1;
	left: 0;
}

.js-animate.fadein--right{
	opacity: 0;
	right: -45px;
	transition: all .7s;
}

.js-animate.fadein--right.animate--active{
	opacity: 1;
	right: 0;
}

.js-animate.fadein--bottom{
	opacity: 0;
	bottom: -20px;
	transition: all .7s;
}

.js-animate.fadein--bottom.animate--active{
	opacity: 1;
	bottom: 0;
}

.js-animate.delay--1{
	transition-delay: .1s;
}

.js-animate.delay--2{
	transition-delay: .2s;
}






/** 文字アニメーション */

.splited{
    opacity: 0;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    width: auto;
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.splited.fired[data-h2-animation-name = "float"] {
    animation-name: h2float;
    animation-duration: .8s;
    animation-fill-mode: forwards;
    display: inline-block;
}

@keyframes h2float {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* H2 Animation float-left  */
.splited.fired[data-h2-animation-name = "float-left"] {
    animation-name: h2float-left;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    display: inline-block;
    transform: translateX(-50%) translateY( 50% );
}

@keyframes h2float-left {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(50%);
    }

    100% {
        opacity: 1;
        transform: translateX(0) translateY(0);
    }
}

/* H2 Animation bounce  */
.splited.fired[data-h2-animation-name = "bounce"] {
    animation-name: h2bounce;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    display: inline-block;
}

@keyframes h2bounce {
    0% {
        opacity: 0;
        transform: scaleX(0.2) translateY(-50%);
    }

    50% {
        opacity: 1;
        transform: scaleX(2.0) translateY(25%);
    }

    75% {
        opacity: 1;
        transform: scaleX(1.5) translateY(-12.5%);
    }

    100% {
        opacity: 1;
        transform: scaleX(1.0) translateY(0px);
    }
}

/* H2 Animation jump  */
.splited.fired[data-h2-animation-name = "jump"] {
    animation-name: jump;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    display: inline-block;
    animation-delay: 0.2s !important;
}

.splited.fired[data-h2-animation-name = "jump"]:nth-of-type(2n) {
    animation-name: jump;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    display: inline-block;
    animation-delay: 0.25s !important;
}

@keyframes jump {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }

    33% {
        opacity: 1;
        transform: translateY(-25%) rotate(-10deg);
    }

    66% {
        opacity: 1;
        transform: translateY(12.5%) rotate(1deg);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* H2 Animation typing  */
.splited.fired[data-h2-animation-name = "typing"] {
    opacity: 0;
    display: inline-block;
    position: relative;
    animation-name: typing;
    animation-duration: .05s;
    animation-fill-mode: forwards;
}

.splited.fired[data-h2-animation-name = "typing"]:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #333;
    animation-name: typingPointer;
    animation-duration: inherit;
    animation-fill-mode: inherit;
    animation-delay: inherit;
    opacity: 0;
}

.splited.fired.lastFired[data-h2-animation-name = "typing"]:after {
    animation-duration: 1s;
    opacity: 0;
    animation-name: typingPointerLast;
    animation-iteration-count: 10;
}

@keyframes typing {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes typingPointer {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes typingPointerLast {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* H2 Animation wave  */
.splited.fired[data-h2-animation-name = "wave"] {
    animation-name: wave;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    display: inline-block;
}

@keyframes wave {
    0% {
        opacity: 0;
        transform: translateX(0%) translateY(0%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translateX(20%) translateY(-20%) scale(1.1);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* H2 Animation shrink-top  */
.splited.fired[data-h2-animation-name = "shrink-top"] {
    animation-name: h2shrink-top;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    display: inline-block;
    transform: translateX(-40%) translateY(-100%) scaleX(2.5);
    text-shadow: 0px 3px 3px rgb(0 0 0 / 30%);
}

@keyframes h2shrink-top {
    0% {
        opacity: 0;
        transform: translateX(-40%) translateY(-75%) scaleX(2.5);
        text-shadow: 0px 5px 3px rgb(0 0 0 / 50%);
    }

    25% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translateX(0%) translateY(0%) scaleX(1);
        text-shadow: 0px 3px 3px rgb(0 0 0 / 0%);
    }
}

/* H2 Animation label  */
#main_contents h2.midashi_long .splited.fired[data-h2-animation-name = "label"],#main_contents .blog_item h2 .splited.fired[data-h2-animation-name = "label"],#main_contents #middle_top_price01 h2 .splited.fired[data-h2-animation-name = "label"] {
    animation-name: h2label;
    animation-fill-mode: forwards;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    opacity: 1;
    position: relative;
}

#main_contents .splited.fired[data-h2-animation-name = "label"]:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    animation-name: h2label-after;
    animation-duration: .05s;
    animation-fill-mode: inherit;
    animation-delay: inherit;
    background-color: rgba(0,0,0,1);
    transform: translateY(0);
    animation-timing-function: linear;
}

#main_contents .splited.firstFired[data-h2-animation-name = "label"]:after {
    animation-name: h2label-after-first;
    animation-duration: .05s;
}

#main_contents .splited.lastFired[data-h2-animation-name = "label"]:after {
    animation-name: h2label-after-last;
    animation-duration: .3s;
    animation-timing-function: ease-out;
}

@keyframes h2label-after-first {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes h2label-after {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes h2label-after-last {
    0% {
        width: 100%;
        opacity: 1;
    }

    100% {
        width: 0%;
        opacity: 0;
    }
}


.content__left .fs-7{
	color: #344a7d;
}

.content__right .fs-7{
	color: #408938;
}


/**
 * お見舞い文用
 */

.slider__item.slider__item--4{
	background: #F7F7F7;
}

.slider__item--4 .copy__wrapper{
	background: none;
	padding-top: 45px;
}

.slider__item--4 .comment__title,
.slider__item--4 .comment__body,
.slider__item--4 .comment__companyName{
	display: block;
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	color: #666;
	text-align: center;
	text-shadow: 0 0 15px rgb(0 0 0 / 20%);
}

.slider__item--4 .comment__title{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 2em;
}

.slider__item--4 .comment__body{
	line-height: 2.5;
	margin-bottom: 2.5em;
}

.slider__item--4 .comment__companyName{
	font-size: 14px;
	text-align: right;
}

@media screen and (max-width:1320px) {
	.area__wrapper{
		display: none;
	}
}


.miryoku h3 a{
	text-decoration: none;
	color: #2b3c5a;
	display: block;
}


.subtop__container h1{
		font-size: 24px;
}

.subtop__container h1 .font--larger{
    font-size: 250%;
}

.section--contact .contact-stop__lead{
	margin-bottom: 5px;
}

.section--contact .contact-stop__tel{
	color: #2b3c5a;
	font-size: 32px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	margin-bottom: 5px;
}

.section--contact .contact-stop__tel-time{
	font-size: 14px;
}



@media screen and (max-width:480px) {

	h1{
		color: #2b3c5a;
		font-family: 'Noto Serif JP', serif;
		font-size: 18px;
		line-height: 1.25;
		letter-spacing: .0em;
		text-align: center;
		margin: 0 0 2.5em;
	}

	h1 .font--larger{
		font-size: 160%;
	}

	.section__wrapper.section--sub-top{
		padding: 30px 5%;
	}

	/**
	 * components
	 */
	.pc_none{
		display: block;
	}

	br.pc_none{
		display: inline;
	}

	.sp_none{
		display: none;
	}

	br.sp_none{
		display: none;
	}

	body {
    width: 100%;
    min-width: auto;
	}

	.header__wrapper{
		height: 60px;
		background: rgba(255,255,255,.8);
	}

	.header__container {
	    width: 100%;
	    height: 100%;
	    justify-content: space-between;
	    padding: 0 0 0 2%;
	}

	.header__logo {
	   width: 50%;
	}

	.header__logo > a,
	.header__logo > img{
	  top: 0;
	}

	.header__logo img{
		height: 30px
	}

	.header__nav{
		display: none
	}

	.global-menu__container{
		display: none;
	}

	.header__hamburger {
    width: 60px;
    height: 62px;
    border-radius: 0 0 6px 6px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 35px 10px 7px;
    position: relative;
    text-decoration: none;
    text-align: center;
    user-select: none;
	}

	.drawer-nav__wrapper .header__hamburger {
    width: 60px;
    height: 62px;
    background: none;
    user-select: none;
    padding: 38px 7px 6px;
  }

	.header__hamburger span:nth-of-type(1){
		width: 30px;
    height: 4px;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 16px;
	}

	.drawer-nav__wrapper .header__hamburger span:nth-of-type(1){
		width: 35px;
		height: 4px;
		display: inline-block;
		position: absolute;
		right: 12px;
		top: 22px;
		transform: rotateZ(45deg);
	}

	.header__hamburger span:nth-of-type(1):before{
		content: "";
		width: 4px;
		height: 4px;
		display: inline-block;
		position: absolute;
		left: -10px;
		top: 0;
	}

	.header__hamburger span:nth-of-type(2){
		width: 30px;
    height: 4px;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 28px;
	}

	.drawer-nav__wrapper .header__hamburger span:nth-of-type(2){
		width: 35px;
		height: 4px;
		display: inline-block;
		position: absolute;
		right: 12px;
		top: 22px;
		transform: rotateZ(-45deg);
	}

	.header__hamburger span:nth-of-type(2):before{
		content: "";
		width: 4px;
		height: 4px;
		display: inline-block;
		position: absolute;
		left: -10px;
		top: 0;
	}

	.header__hamburger span:nth-of-type(3){
		letter-spacing: .1em;
		font-size: 12px
	}

	.has--dots-bottom{
		padding-bottom: 30px;
	}

	.drawer-nav__container{
		height: calc( 100vh - 60px );
		    overflow-y: scroll;
	}

	.drawer-menu__container{
		padding: 60px 0 0;
	}

	.footer__wrapper {
	    padding: 45px 5% 15px;
	}

	.footer__container {
	   width: 100%;
	   display: block;
	}

	.footer__box{
		flex-basis: 49%;
		margin-bottom: 30px;
	}

	.footer__box:nth-of-type(1){
		flex-basis: calc( 49% - 15px );
		margin: 0;
	}

	.footer__box:nth-of-type(2){
		flex-basis: calc( 49% - 15px );
		margin: 0;
	}

	.footer__box:nth-of-type(3){
		flex-basis: calc( 49% - 15px );
		margin: 0;
	}

	.footer__box:nth-of-type(4){
		flex-basis: calc( 49% - 15px );
		margin: 0;
	}

	.footer__box:nth-of-type(5){
		flex-basis: 49%;
		margin: 0;
	}

	.backtop__wrapper .backtop{
		width: 45px;
		height: 45px;
	}

	.loader__inner {
    width: 70%;
    position: relative;
    top: -20px;
	}

	.loader__inner img{
    width: 100%;
	}

	.loader__inner p{
		font-size: 10px;
	}

	.section--sub-top .content__box{
		width: 100%;
		font-size: 13px;
	}


	.section--mainImg{
		height: 100vw;
		min-height: 100vw;
	}

	.slider__wrapper:after{
		content: "";
		width: 100vw;
		height: 16.99vw;
		background: url(../img/main_bottom_new.png) no-repeat center bottom -1px;
		background-size: contain;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.slider__item{
    height: 100vw;
    min-height: auto;
	}

	.slider__item--1,
	.slider__item--2,
	.slider__item--3{
    background-size: 240%;
	}

	.copy__wrapper{
		width: 100%;
		height: 100%;
		top: 50%;
	}

	.slider__item--1 .copy__wrapper,
	.slider__item--2 .copy__wrapper,
	.slider__item--3 .copy__wrapper{
	  background-size: 70%;
	}

	.slider__item--1 .video{
		min-width: auto;
		width: 190%;
		left: -45%;
		bottom: 10px;
	}

	.slider__item .copy__wrapper:after{
		background-size: 50%;
		display: none;
	}

	.slider__item--1 video{
		width: 670px;
	}

	.content__left, .content__right{
		width: 94%;
	}

	.content__left{
		margin-right: 6%;
	}

	.content__right{
		margin-left: 6%;
	}

	.section__wrapper,
	.section--common{
		padding: 45px 5%;
	}

	.section-container,
	.section__container{
		width: 100%
	}

	.section--sub-green,
	.section--sub-white{
		background-size: 25%;
	}

	.sub--shops .section--sub-top{
    background-size: cover;
    min-height: 60px;
    padding: 10px 0 10px;
	}

	.section--sub-top{
		background: #e0ecfa url("../img/h1_shaken_bg.jpg") no-repeat right top;
		background-size: cover;
	}

	.sub--aire .section--sub-top{
		background: #ebf8ee url("../img/h1_eshop_bg.jpg") no-repeat right top;
		background-size: cover;
	}

	.sub--shops .section--sub-top{
	  background: #ebf8ee url(../img/sub_top_bg.jpg) no-repeat right top;
	  background-size: cover;
	}

	.section--sub-pan{
    background: url(../img/h1_bottom.png) no-repeat left bottom -2px;
    background-size: cover;
		padding: 15px 10px;
		margin: -15px 0 0;
    position: relative;
	}

	.pan__list .pan__item{
    margin: 0px 20px 0 0;
	}

	.pan__list .pan__item:after{
		right: -12px;
	}

	.voice-list__wrapper{
		width: 86%;
	}

	.voice-list__wrapper .list__item {
	    width: 100%;
	    margin: 0 0 35px 0;
	}

	h2 .font--larger{
		font-size: 125%;
	}

	.section--common.section--shopSearch h2 .font--larger{
		font-size: 125%;
	}

	.section--common h2{
		font-size: 22px;
		line-height: 1.25;
		letter-spacing: .075em;
		text-align: center;
	}

	.section--common h2 .font--larger{
		font-size: 175%;
		line-height: 1.3;
	}

	.content__box h2{
		font-size: 22px;
	}

	.content__box h3{
		font-size: 20px;
		padding: 0 0 0 35px;
		margin: 0 0 20px;
	}

	.content__box .shop__h3 {
    background: url(../img/colorful_square.png) no-repeat center left;
    font-size: 20px;
    padding: 0 0 0 35px;
		margin: 0 0 20px;
	}

	.img__wrapper--map .shopSearch{
		background-size: contain;
	}
	
	.shopSearch:after{
		display: none;
	}


	.has-colorBar--bottom:after{
		content: "";
		width: 90%;
		height: 4px;
		max-width: 90%;
		bottom: -20px;
		display: block;
		position: absolute;
		left: 5%;
		background: url(../img/colorful_bar.png) no-repeat left center;
		background-size: contain;
	}


	.section--sub-flag,
	.sub--aire .section--sub-flag{
		background-size: 25%, 25%, cover;
	}

	.section--common h2.has-colorBar--bottom{
		margin: 0 0 2.5em;
	}

	.shopSearch:before{
		content: "";
		display: none
	}

	.img__wrapper--map{
		width: 100%;
	}

	.content__inner-box{
		width: 100%;
		padding: 30px;
	}

	.table--form .table__container{
		width: 100%;
	}

	.table--form tr{
		margin: 0 0 20px;
		display: block;
	}

	.table--form th,
	.table--form td{
		width: 100%;
		display: block;
		margin: 0 0 10px;
		padding: 0;
	}

	.table--form td{
		margin: 0 0 20px;
	}

	.table--form input,
	.table--form textarea{
		max-width: 100%;
	}

	select{
		max-width: 100%;
	}

	input.input--name{
		width: 100%;
	}

	input.input--company-name{
		max-width: 100%;
	}

	input.input--zip1{
		width: 60px;
	}

	input.input--zip2{
		width: 80px;
	}

	input.input--address-short{
		max-width: 100%;
	}

	input.input--address{
		max-width: 100%;
	}

	input.input--year{
		width: 65px;
	}

	input.input--mail{
		width: 100%;
	}

	input.input--url{
		width: 100%;
	}

	input.input--price{
		width: 120px;
	}

	input.input--short{
		width: 120px;
	}

	input.input--long{
		width: 100%;
	}

	input.input--lottery-num{
		width: 60px;
	}

	input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], select, textarea {
    padding: 6px 10px;
	}

	.section--webenquete .table--form tr{
		border-bottom: 1px solid #E5E5E5;
		margin: 0;
		padding: 20px 0;
	}

	.section--webenquete .table--form th .attention{
		display: block;
		margin-left: 0;
	}

	.section--webenquete input[name="q2_other"],
	.section--webenquete select[name="code"]{
		width: 100%;
	}

	.section--webenquete label.q7{
		width: calc(100% / 11);
		height: calc(100% / 11);
	}

	.section--webenquete .q7_string span {
	    max-width: 70px;
	    font-size: 12px;
	}

	.section--webenquete .table--form th {
	    margin: 0 0 15px;
	}

	.section--webenquete .table--form td.flex{
		display: flex;
		flex-wrap: wrap;
	}

	.section--webenquete .code--search__wrapper{
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
	}

	.section--webenquete .table--form td.flex label{
    width: 48%;
    margin: 0 2% 10px 0;
    font-size: 14px;
	}

	.button{
		min-width: 100%;
		box-shadow: inset -1px -1px 1px rgba(0,0,0,.2), inset 1px 1px 1px rgba(255,255,255,.5);
	}

	.button--check,
	.button--submit,
	.button--save{
	  width: 100%;
	}

	.trigger--history-back {
    width: 100%;
	}


	.content__left,
	.content__right{
		border-radius: 10px;
    padding: 30px;
	}


	.section__spacer--top{
		padding: 60px 0 45px;
	}

	.sub--air21 .section__spacer--top{

	}
	.sub--aire .section__spacer--top{

	}

	.area__wrapper{
		display: none;
	}

	.section--shop .section__container{
		width: 100%;
	}

	.section--shop .content__box h2{
		font-size: 22px;
		line-height: 1.375;
		margin: 0 0 1em;
	}

	.section--shop .content__box h2 .larger{
		font-size: 130%;
	}

	.section--privacy .contact-info__wrapper{
		padding: 20px;
	}

	.shop__main{
		padding: 30px;
		margin: 0 0 60px;
	}

	.shop__main-comment {
    font-size: 16px;
	}

	.shop__main-photo{
		padding: 0;
	}

	.shop__main-photo .img__wrapper{
		border: 5px solid #FFF;
	}

	.shop__main-photo.col--2 .img__wrapper {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 10px
	}

	.shop__detail-table th,
	.shop__detail-table td{
		padding: 20px;
		text-align: left;
		vertical-align: top;
		width: 100%;
		display: block;
	}

	.shop__detail-table th{
		background: #385c5c;
		border-bottom: 1px solid rgba(255,255,255,.2);
		color: #FFF;
		width: 100%;
		font-weight: normal;
	}

	.shop__detail-table tr:nth-of-type(1) th{
		border-radius: 6px 6px 0 0;
	}

	.shop__detail-table tr:nth-last-of-type(1) th{
		border-radius: 0 0 0 0;
	}

	.shop__detail-table td{
		width: 100%;
		background: #fdf9f6;
		color: #555;
	}

	.service__item{
		flex-basis: calc( (100% - 20px) / 2 );
	}

	.service__item:nth-of-type(2n){
		margin-right: 0;
	}


	#section--header-map{
		height: 90px;
		margin-top: 60px;
	}

	.slick-prev{
		width: 27px;
		height: 42px;
		border-radius: 0 5px 5px 0;
		left: 0px;
		z-index: 1;
		padding: 5px;
		background: rgba(255,255,255,0.85) !important;
	}

	.slick-prev:before{
    content: "";
    width: 16px;
    height: 24px;
    display: block;
		background: url("../img/prev_arrow.png")no-repeat center center;
    background-size: contain;
	}

	.slick-next{
		width: 27px;
		height: 42px;
		border-radius: 5px 0 0 5px;
		right: 0px;
		z-index: 1;
		padding: 5px;
		background: rgba(255,255,255,0.85) !important;
	}

	.slick-next:before{
    content: "";
    width: 16px;
    height: 24px;
    display: block;
    background: url(../img/next_arrow.png)no-repeat center center;
    background-size: contain;
	}

	.content__left .content__box h2,
	.content__right .content__box h2{
		padding: 0 0 0 40px;
		margin: 0 0 15px;
	}

	.section--air-top .content__left,
	.section--air-top .content__right{
		padding: 30px 30px;
		width: 94%;
	}

	.section--air-top .content__left{
		background: url(../img/top_intro_corner_b.png) no-repeat right top;
    background-size: 40%;
		background-color: #FAFAFA;
		border-radius: 0 10px 10px 0;
		top: -5px;
	}

	.section--air-top .content__right{
		background: url(../img/top_intro_corner_g.png) no-repeat left top;
    background-size: 40%;
		background-color: #FAFAFA;
		border-radius: 10px 0 0 10px;
	}

	.section--air-top .content__left .content__box h2,
	.section--air-top .content__right .content__box h2 {
    background: url(../img/colorful_bar.png) no-repeat bottom left;
    background-size: contain;
    padding: 0 0 20px;
	}

	.section--air-top .content__left .content__box h2 img,
	.section--air-top .content__right .content__box h2 img{
		width: 60%;
	}

	.content__box:nth-last-of-type(1){
		padding-bottom: 10px;
	}

	.footer-sub-menu__item{
		width: 48%;
    margin: 0 2% 20px 0;
	}

	.footer-sub-menu__item:nth-last-of-type(1){
		margin: 0 2% 20px 0;
	}

	.footer-sub-menu__item > a{
		color: #FFF;
		font-size: 12px;
		text-decoration: none;
		display: inline-block;
		line-height: 1.375;
		padding: 0 0 0 20px;
		position: relative;
		transition: opacity .3s;
	}

	.flex{
		display: block;
	}

	.flex .content__p,
	.flex .content__ul{
		width: 100%;
		font-size: 16px;
		line-height: 1.75;
		margin: 0 0 30px;
	}

	.flex .content__img{
    width: 100%;
    margin: 0 auto 20px;
	}

	.section--air-top .flex .content__p,
	.section--air-top .flex .content__ul{
		width: 100%;
		font-size: 16px;
		line-height: 1.75;
	}

	.section--air-top .flex .content__p{
		margin: 0 0 15px;
		text-align: left;
	}

	.section--air-top .flex .content__img {
    width: 60%;
    margin: 0 auto 20px;
	}

	.content__left .content__box,
	.content__right .content__box{
		width: 100%;
	}

	.section--air-top .content__left .content__box,
	.section--air-top .content__right .content__box{
		padding: 0;
	}

	.horizontal-container{
		width: 100%;
		flex-wrap: wrap;
	}

	.horizontal-flexItem {
	    width: 100%;
	    padding: 20px;
	    background: #FAFAFA;
	    margin: 0 0 10px;
	}

	.carlife{
		display: block;
	}

	.section--carlife .section--carlife-left{
		width: 100%;
	}

	.section--carlife .section--carlife-right{
		width: 100%;
		padding: 30px;
	}

	.section--carlife h2{
		width: 100%;
		margin: 0 0 1.5em;
		line-height: 1.5;
	}

	.section--carlife h3{
		font-size: 20px;
		line-height: 1.5;
	}

	.common-list__wrapper .list__item{
		font-size: 16px;
	}

	.content__inner-p{
		font-size: 16px;
    margin: 0 0 30px;
    padding: 0;
	}


	.multiple__img{
		display: block;
		margin: 0 0 15px;
	}

	.multiple__img .img__wrapper .caption{
	  font-weight: 700;
		margin: 5px 0 5px;
	}

	.multiple__img .img__wrapper .caption--sub{
		font-size: 14px;
	  font-weight: 400;
		margin: 0 0 5px;
	}


	.multiple__img--2 .img__wrapper{
		width: 100%;
		margin: 0 0 30px;
	}

	.multiple__img--2 .img__wrapper:nth-last-of-type(1){
		margin: 0;
	}


	.multiple__img--3 .img__wrapper{
		width: 100%;
		margin: 0 0 30px;
	}

	.multiple__img--3 .img__wrapper:nth-last-of-type(1){
		margin: 0;
	}


	/** parallax **/
	.section__spacer--parallax{
		padding: 60px	0;
	}
	.section__spacer--parallax-1{
		background: url("../img/para_1.jpg") no-repeat center center;
		background-attachment: scroll;
		background-size: 100% auto;
	}
	.section__spacer--parallax-2{
		background: url("../img/para_2.jpg") no-repeat center top;
		background-attachment: scroll;
		background-size: 100% auto;
	}
	.section__spacer--parallax-3{
		background: url("../img/para_3.jpg") no-repeat center center;
		background-attachment: scroll;
		background-size: 100% auto;
	}


	.sub--aire .section__spacer--parallax-1{
		background: url("../img/para_eshop_1.jpg") no-repeat center center;
		background-attachment: scroll;
		background-size: 100% auto;
	}
	.sub--aire .section__spacer--parallax-2{
		background: url("../img/para_eshop_2.jpg") no-repeat center center;
		background-attachment: scroll;
		background-size: 100% auto;
	}
	.sub--aire .section__spacer--parallax-3{
		background: url("../img/para_eshop_3.jpg") no-repeat center center;
		background-attachment: scroll;
		background-size: 100% auto;
	}


	.section--webenquete select[name="code"]{
		max-width: 100%;
	}

	.flex.fb50-30-50 .flex__inner:nth-of-type(1){
		flex-basis: 100%;
		margin-right: 0;
	}

	.flex.fb50-30-50 .flex__inner:nth-of-type(2){
		flex-basis: 100%;
	}

	.sub--aire .content__left{
		background-size: 20%;
		border-radius: 8px;
	}

	.sub--aire .content__right{
		background-size: 20%;
		border-radius: 8px;
	}

	.shop__item{
		flex-basis: 100%;
		background: #FAFAFA;
		border-radius: 5px;
		box-shadow: 0 0 20px -15px rgba(0,0,0,.25);
		margin-bottom: 30px;
		padding: 20px;
		position: relative;
	}

	.shop__item:nth-of-type(2n-1){
		margin-right: 0;
	}

	.shop__item:nth-of-type(2n){
	}

	.shop__item .button--link{
		position: static;
	}

	/** 詳細ページ用ラベル */
	.sub--shop-detail .shop__label{
		border-radius: 0 0 5px 5px;
		color: #FFF;
		display: block;
		font-size: 14px;
		padding: 8px 15px 10px;
		position: absolute;
		right: calc(50% - 50px);
		top: -6px;
		user-select: none;
	}

	.sub--shop-detail .shop__label.shop__label--aire{
		right: calc(50% - 69px);	
	}

	.sub--shop-detail .shop__label::before{
		content: "";
		position: absolute;
		display: block;
		width: 5px;
		height: 7px;
		right: -4px;
		top: -1px;
	}

	/** どちらにも加盟 **/
	.sub--shop-detail .shop--air21.shop--aire .shop__label--air21{
		right: calc( 50% + 18px );
	}

	.sub--shop-detail .shop--air21.shop--aire .shop__label--aire{
		left: calc( 50% - 12px );
		right: auto;
	}

	/**
	 * 住所取得ボタン
	 */
	.trigger--get-address {
    font-size: 12px;
  }

	.subtop__container h1{
			font-size: 18px;
	}

	.subtop__container h1 .font--larger{
	    font-size: 160%;
	}

	.shop__img{
		min-height: auto;
	}


	/**
	 * お見舞い文用
	 */
	.slider__item--4 .copy__wrapper{
		background: none;
		padding-top: 85px;
		width: 86%;
		margin: 0 auto;
	}

	.slider__item--4 .comment__title,
	.slider__item--4 .comment__body,
	.slider__item--4 .comment__companyName{
		display: block;
		font-size: 12px;
		font-family: 'Noto Serif JP', serif;
		color: #666;
		text-align: center;
		text-shadow: none;
	}

	.slider__item--4 .comment__title{
		font-size: calc(1rem + ((1vw - 3.2px) * 2.5));
		font-weight: bold;
		margin-bottom: 1em;
		line-height: 1.5;
	}

	.slider__item--4 .comment__body{
		font-size: calc(0.625rem + ((1vw - 3.2px) * 2.5));
		line-height: 1.75;
    margin-bottom: 1em;
	}

	.slider__item--4 .comment__companyName{
		font-size: calc(0.625rem + ((1vw - 3.2px) * 2.5));
	}


	.section--contact .contact-stop__lead{
		font-size: 14px;
	}

	.section--contact .contact-stop__tel{
		font-size: 24px;
	}

	.section--contact .contact-stop__tel-time{
		font-size: 14px;
	}

}