@charset 'utf-8';


/* for SP {{{ */
@media screen and (max-width: 768px) {
body {
	font-size: 3.2vw;
}
img {
    width: 100%;
    max-width: 100%;
}

.sp-em133 {
	font-size: 1.33em !important;
}
.sp-em15 {
	font-size: 1.5em !important;
}
.sp-none {
	display: none !important;
}
.sp-mleft00 {
	margin-left: 0 !important;
}
.sp-mtop1em {
	margin-top: 1em;
}

.ttl-b,
.ttl-o {
	font-size: 1.67em;
    padding: 1.2em 0 1.4em;
    line-height: 1.2;
}
.ttl-b.line02,
.ttl-o.line02 {
	padding: 0.6em 0 0.8em;
}
.ttl-underline-blue,
.ttl-underline-green {
	font-size: 1.2em;
}

/* modal {{{ */
.mfp-bg.mfp-fade {
	min-width: 50vw;
}
.mfp-bg.mfp-fade + .mfp-wrap {
	min-width: 50vw;
}
.mfp-content div.popup-modal-detail {
    margin: auto;
}
/* }}} */
/* #wrapper {{{ */
#wrapper {
	min-width: 100%;
}
/* }}} */
/* header {{{ */
header {
	width: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
header .header {
	width: 100%;
	margin: auto;
	padding: 2.66vw 0 2.66vw 5vw;
	box-sizing: border-box;
}
header h1 {
	width: 40.53vw;
}
header .logo {
	margin-top: 0;
	
}
header .logo:hover {
	opacity: 0.7;
}
header .header .right {
	width: 51.33vw;
	box-sizing: border-box;
	padding: 0 5.33vw 0 0;
}
header .header .right .btn-form,
header .header .right .btn-tel {
	border: solid 1px #fff;
	font-size: 0.916em;
	padding: 1em 0.8em;
}
header .header .right .btn-tel {
	font-size: 0.916em;
	width: 6.4vw;
	padding: 0.6em 0.5em;
	margin-left: 0.8em;
}
header .header .right .btnmenu {
	width: 8vw;
	margin-left: 0.8em;
}
header .header .right nav {
	margin: 0;
	display: none;
	position: fixed;
	top: 0;
	right: -90vw;
	z-index: 900;
	width: 90vw;
	min-height: 100%;
	height: 100%;
	overflow-y: scroll;
	background-color: #fff;
	box-sizing: border-box;
	padding: 1em;
}
header .header .right nav .btnmenuclose {
	width: 6.26vw;
	display: inline-block;
}
header .header .right nav li {
	margin: 0;
	border-bottom: solid 1px #ccc;
	width: 100%;
}
header .header .right nav li a {
	color :#303030;
	font-size: 1.5em;
	padding: 0.5em 0.2em;
	display: block;
}
/* }}} */
/* .footer {{{ */
#pagetop {
	position: fixed;
	right: 3%;
	bottom: 15%;
	z-index: 999;
	width: 10.66vw;
}
footer {
	padding: 0.8em 0;
	margin-top: 0;
    margin-bottom: 8em;
}
footer .copy {
	color: #fff;
	font-size: 0.916em;
}

.sp-contact-block {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
}
.sp-contact-block .left {
	width: 50%;
	background-color: #265885;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
	padding: 1em 0.5em;
	font-size: 1em;
}
.sp-contact-block .left .tel a {
	color: #fff;
	font-weight: bold;
	font-size: 1.6em;
	display: block;
	margin: 0.2em 0;
}
.sp-contact-block .left .time {
	font-size: 0.8em;
}
.sp-contact-block .right {
	width: 50%;
	font-size: 1.6em;
	/* border: solid 0.4vw #e0bd98; */
	border: none;
	box-sizing: border-box;
	display: block;
    background-color: #ff9600;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 5;
}


/* }}} */

/* top {{{ */
/* contact */
#contents .contact-box {
	background: url('../img/sp/contact_bg.png') left top no-repeat;
	background-size: 100%;
	width: 100%;
	height: 45.8vw;
	margin: auto;
}
#contents .contact-box .inner {
	box-sizing: border-box;
}
#contents .contact-box .inner .ttl {
	color: #fff;
	font-size: 1.666em;
	font-weight: bold;
	line-height: 1.75;
	text-align: center;
}
#contents .contact-box .inner .ttl + p {
	font-size: 1.25em;
	color: #fff;
	margin: 0.3em auto 0.6em;
	text-align: center;
	width: 89.33vw;
	line-height: 1.6;
}
#contents .contact-box .inner .flexbox {
	-webkit-box-direction:column-reverse;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;
    text-align: center;
}
#contents .contact-box .inner .tel a {
	font-size: 2.291em;
	color: #fff;
	font-weight: bold;
}
#contents .contact-box .inner .time {
	color: #fff;
	font-size: 1.25em;
	margin-top: 0.1em;
}
#contents .contact-box .inner .btn {
	background-color: #2ebde6;
	color: #fff;
	font-size: 2.291em;
	line-height: 2;
	-moz-border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
	border-radius: 0.1em;
	width: 89.33vw;
	margin: 0 auto 0.2em;
}
#contents .contact-box .inner .btn + p {
	color: #6f3f20;
	font-size: 1.25em;
	text-align: center;
	margin-top: 0.2em;
}


#contents.top .kvarea {
	width: 100%;
	min-width: 100%;
	height: auto;
	background: none;
	position: relative;
    margin-top: 15.5vw;
    margin-bottom: 5.3vw;
}
#contents.top .kvarea .main-txt {
	position: relative;
	top: auto;
	left: auto;
    transform: none;
    -webkit- transform: none;
    width: 100%;
	margin: auto;
}
#contents.top section h2 {
	font-size: 2.08em;
	text-align: center;
	font-weight: bold;
	margin: 0;
}
#contents.top section h2.line2 {
	line-height: 1.5;
}
#contents.top section h2 span {
	font-size: 0.75em;
	display: block;
}
#contents.top section h3 {
	font-size: 1.66em;
	text-align: center;
	font-weight: bold;
	margin: 0 0 0.8em;
	line-height: 1.2;
}
#contents.top section .section-inner {
	width: 89.33vw;
	margin: auto;
}

#contents.top section.s01 {
	padding: 5.6vw 0 0;
}
#contents.top section.s01 img {
	max-width: 100%;
	margin: 1.2em auto 0;
}
#contents.top section.s01 h2 {
	font-size: 2.08em;
	line-height: 1.6;
}
#contents.top section.s01 h2 + p {
	font-size: 1.33em;
	line-height: 1.59375;
	margin-top: 0.4em;
}

#contents.top section.s02 {
	padding: 7vw 0 0;
}
#contents.top section.s02 h3 + p {
	width: 89.33vw;
	margin: auto;
	font-size: 1.33em;
	line-height: 1.59375;
	text-align: left;
}

#contents.top section.s03 {
	padding: 5.33vw 0 1vw;
}
#contents.top section.s03 h3 {
	margin-bottom: 0.6em;
}
#contents.top section.s03 h3 + p {
	width: 100%;
	margin: auto;
	font-size: 1.33em;
	line-height: 1.59375;
	text-align: left;
}
#contents.top section.s03 ul {
	margin: 6vw 0 0 0;
	-ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
#contents.top section.s03 ul li {
	width: 42vw;
	margin: 0 0 6.4vw;
}
#contents.top section.s03 ul li p {
	font-size: 1.33em;
	margin: 0.6em 0 0 0;
	text-align: center;
}


#contents.top section.s04 {
	padding: 0;
	margin: 6.67vw 0 6.67vw;
}
#contents.top section.s04 .section-inner {
    width: 100%;
}
#contents.top section.s04 h2 {
	margin-bottom: 6.5vw;
}
#contents.top section.s04 .section-item {
	margin: 0 0 6.5vw;
}
#contents.top section.s04 .section-item:nth-child(2n+1) {
	-webkit-box-direction:column-reverse;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;
}
#contents.top section.s04 .section-item .desc-block {
	width: 100%;
}
#contents.top section.s04 .section-item img {
	width: 100%;
	margin: 0 0 3.5vw;
}
#contents.top section.s04 h4 {
	font-size: 1.66em;
	margin: 0 0 0.3em;
	font-weight: normal;
	line-height: 1.66;
}
#contents.top section.s04 h4 + p {
	font-size: 1.33em;
	line-height: 1.59;
}


#contents.top section.s05 {
    margin: 6.67vw 0;
    padding: 0;
}
#contents.top section.s05 .section-inner {
    width: 100%;
    padding: 8vw 5vw;
}
#contents.top section.s05 h2 {
	margin-bottom: 6.5vw;
}
#contents.top section.s05 .section-item {
    font-size: 4.267vw;
	margin: 0 0 6.5vw;
	-webkit-box-direction:column-reverse;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;
}
#contents.top section.s05 .section-item .desc-block {
	width: 100%;
}
#contents.top section.s05 .section-item img {
	width: 100%;
	margin: 0 0 3.5vw;
}
#contents.top section.s05 .section-item-koka {
	margin: 4vw 0 8vw;
}
#contents.top section.s05 .section-item-koka.last {
    margin-bottom: 0;
}   

#contents.top section.s05 h4 {
	font-size: 5.33vw;
	margin: 0;
	font-weight: bold;
	line-height: 1;
    margin-top: 3.73vw;
}
#contents.top section.s05 h4 + p {
	font-size: 1.33em;
	line-height: 1.59;
}
#contents.top section.s05 .s05-ttl2 {
    font-size: 4.67vw;
    margin-top: 2vw;
}
#contents.top section.s05 .s05-ttl3 {
    font-size: 4.67vw;
    margin-top: 3.33vw;
    line-height: 1.6;
}
#contents.top section.s05 .image {
    box-sizing: border-box;
    background: #dbe6f1;
    margin-top: 1em;
    padding: 4.67vw;
}
#contents.top section.s05 .desc-block {
    font-size: 4.26vw;
    line-height: 1.6;
}
#contents.top section.s06 {
    margin: 6.67vw auto;
	padding: 8vw 0 0;
	background: url('../img/sp/s06_bg.png') center top no-repeat;
}
#contents.top section.s06 .section-inner {
    font-size: 4.267vw;
}
#contents.top section.s06 h3 {
    margin-top: 8vw;
    margin-bottom: 5.33vw;
    -webkit-text-stroke: transparent;
    text-stroke: transparent;
}
#contents.top section.s06 hr.blue {
    height: 4px;
    width: 10em;
    margin: 0 auto;
    border-bottom: 4px solid #0f66b3;
}
#contents.top section.s06 .desc {
    width: 100%;
    margin: 8.66vw auto 0;
    padding-bottom: 8.66vw;
    font-size: 4.267vw;
}
#contents.top section.s06 .desc .tanto {
    text-align: center;
}



#contents.top section.s07 {
	padding: 6.4vw 0 1vw;
	margin: 8vw 0 0 0;
}
#contents.top section.s07 h2 {
	margin-bottom: 5.5vw;
}
#contents.top section.s07 dl {
	margin: 0 0 2.35em;
}
#contents.top section.s07 dl dt {
	font-size: 1.33em;
}
#contents.top section.s07 dl dd {
	color: #303030;
	font-size: 1.33em;
	line-height: 1.59;
	margin: 0.65em 0 1.5em;
}

#contents.top section.s08 {
	padding: 3vw 0 8vw;
}
#contents.top section.s08 h2 {
	margin-bottom: 5.5vw;
}
#contents.top section.s08 h2 + p {
	width: 100%;
	margin: auto;
	font-size: 1.33em;
	line-height: 1.59375;
	text-align: left;
}
#contents.top section.s08 img {
	margin: 2em 0 0 0;
}


#contents.top section.s09 {
	padding: 6.3vw 0 8vw;
    margin: 0 auto 6.67vw;
}
#contents.top section.s09 h2 {
	margin: 0 0 0.8em;
}
#contents.top section.s09 h2 + p {
	font-size: 1.33em;
	line-height: 1.59;
	margin: 0 0 1.6em;
}
#contents.top section.s09 .form-wrap {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
#contents.top section.s09 .form-wrap form {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
#contents.top section.s09 .form-wrap dl {
	margin: 0 0 2.3em;
}
#contents.top section.s09 .form-wrap dl dt {
	font-size: 1.33em;
	font-weight: bold;
}
#contents.top section.s09 .form-wrap dl dt .required {
    font-size: 0.75em;
    margin: 0 0 0 0.7em;
    vertical-align: middle;
}
#contents.top section.s09 .form-wrap dl dt .not-required {
    font-size: 0.75em;
    margin: 0 0 0 0.7em;
    vertical-align: middle;
}
#contents.top section.s09 .form-wrap dl dd {
	margin: 0.5em 0 0 0;
	font-size: 1.33em;
}
#contents.top section.s09 .form-wrap dl textarea {
	min-height: 7em;
}

#contents.top section.s09 .form-wrap h3 {
	font-size: 1.33em;
	margin: 0 0 1em;
}
#contents.top section.s09 .form-wrap .policy {
	height: 29.33vw;
	font-size: 1em;
	line-height: 1.66;
	padding: 0.4em 0.6em;
}
#contents.top section.s09 .form-wrap .btn-area {
	padding: 5.33vw 0 0 0;
}
#contents.top section.s09 .form-wrap button {
	width: 46.66vw;
	font-size: 1.25em;
}
#contents.top section.s09 .form-wrap .btn-area.btn2 button {
	margin: 0 0.5em;
	padding: 0.6em;
}
#contents.top section.s09 .form-wrap .btn-area.btn2 .back {
	display: block;
	text-align: center;
	margin: 0 0.5em;
	padding: 0.6em;
	box-sizing: border-box;
	font-size: 1.25em;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
	border: none;
	width: 6em;
	background-color: #ababab;
}
#contents.top section.s09 .form-wrap button span {
	display: block;
	font-size: 0.6em;
}

#contents.top section.s10 {
	padding: 6.7vw 0 0;
}
#contents.top section.s10 h2 {
	margin: 0 0 3.5vw;
}
#contents.top section.s10 dl {
	margin: 0 auto;
	border-bottom: dotted 1px #ccc;
	padding: 0.3em 0;
	width: 100%;
	font-size: 1.166em;
}
#contents.top section.s10 dl:last-child {
	border: none;
}
#contents.top section.s10 dl dt {
	font-weight: bold;
	width: 30.85%;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
#contents.top section.s10 dl dd {
	line-height: 1.607;
	width: 69.15%;
	box-sizing: border-box;
}

#contents.top section.s11 {
    margin-bottom: 6.67vw;
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
#contents.top section.s11 .section-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 90% !important;
}




/* }}} */


}

/* }}} */

/* vim: set ts=4 sw=4 sts=0 foldmethod=marker : */