@charset "utf-8";
/*
Theme Name: Ke-Line.s
Description: Ke-Line.s
Theme URI: http://www.kelines.com/
Author: Ke-Line.s
Author URI: http://www.kelines.com/
Version: 1
DATE: 2015.11.03
*/



/*------------------------------------------------------------------------------

##　reset

--------------------------------------------------------------------------------*/
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-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
	line-height: 1.0;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse;
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}

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

p { line-height: 1.5;}

.mt10   { margin-top: 10px !important;}
.mt20   { margin-top: 20px !important;}
.mt30   { margin-top: 30px !important;}
.mt40   { margin-top: 40px !important;}
.mt1em { margin-top: 1em !important;}
.text-L { text-align: left !important;}
.text-R { text-align: right !important;}
.text-C { text-align: center !important;}

/*------------------------------------------------------------------------------

　##　base layout

--------------------------------------------------------------------------------*/

/*body*/
body {
    color: #333;
	font-size: 12px;
    font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
    font-weight: 400;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

a:link    { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:visited { text-decoration: none; }

#container {
	max-width: 100%;
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
}

#loading {
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	opacity: 0.8;
	position: fixed;
	left: 50%;
	top: 50%;
}

/* .stageBase
--------------------------- */
/*!
 * fullPage 2.7.4
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
	background: #0080cc;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
	background: #0080cc;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

@media print {
    html.fp-enabled,
    .fp-enabled body{
        overflow: visible !important;
        height: auto !important;
    }

    html {
        background: #fff;
        width: auto;
        height: auto;
        overflow: visible;
    }
    body {
        background: #fff;
        font-size: 20pt;
        width: auto;
        height: auto;
        border: 0;
        margin: 0 5%;
        padding: 0;
        overflow: visible;
        float: none !important;
    }

    #fp-nav,
    .fp-slidesNav,
    .fp-controlArrow{
        display: none !important;
    }
    /* Need to reduce the size of the fonts for printing */
    h1 { font-size: 28pt !important;  }
    h2 { font-size: 24pt !important; }
    h3 { font-size: 22pt !important; }
    h4 { font-size: 22pt !important; font-variant: small-caps; }
    h5 { font-size: 21pt !important; }
    h6 { font-size: 20pt !important; font-style: italic; }

    .fp-section,
    .fp-tableCell,
    .slimScrollDiv,
    .fp-scrollable{
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position:relative;
        float: none !important;
    }
    .fp-slidesContainer{
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;

        -webkit-transition: none !important;
           -moz-transition: none !important;
            -ms-transition: none !important;
                transition: none !important;
    }

    .fp-slides,
    .fp-slidesContainer{
        height: auto !important;
        width: 100% !important;
        float: none !important;
        overflow: hidden !important;
    }
    .fp-slides{
        height: 800px !important;
        width: 800px !important;
    }
    .fp-slide{
        float: none !important;
        width: 100% !important;
        position: static !important;
    }
    .fullpage-wrapper{
         float: none !important;

        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;

      -webkit-transition: none !important;
       -moz-transition: none !important;
        -ms-transition: none !important;
            transition: none !important;

        position: static !important;
        width: auto !important;
        height: auto !important;

        left: 0 !important;
        top: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        zoom: 1 !important;

        overflow: visible !important;
        display: block !important;

        text-align: left !important;
    }
    .fp-section{
        page-break-after: always !important;
    }
    .fp-slide{
        page-break-after: always !important;
    }

}

/*スリムスクロールバー*/
.slimScrollBar {
	/*z-index: 200;*/
	background-color: #3b8bee !important;
}

/*------------------------------------------------------------------------------
　　header
--------------------------------------------------------------------------------*/

.globalheader {
	width: 100%;
	padding: 5px 10px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.globalheader:before,
.globalheader:after {
	content: "";
	display: table;
}
.globalheader:after {
	clear: both;
}

/*header logo*/
.globalheader h1 {
	width: 82px;
	height: 55px;
	float: left;
}
.globalheader h1 a {
	/*width: 103px;
	height: 49px;*/
	width: 82px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/common/logo.png) no-repeat left top;
	background-size: cover;
}
@media only screen and (max-width:667px) {
/*header logo*/
.globalheader h1 {
	width: 60px;
	height: 40px;
	float: left;
}
.globalheader h1 a {
	width: 60px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/common/logo.png) no-repeat left top;
	background-size: cover;
}
}

/*global nav
---------------------------------------------------------*/
.gnavArea {
	float: right;
}

.gnavArea #nav {
	padding: 20px 0 10px;
	position: relative;
}

.gnavArea #nav ul.g-navi {
	padding-right: 70px;
}
.gnavArea #nav ul.g-navi:before, .gnavArea #nav ul.g-navi:after {
	content: " ";
	display: table;
}
.gnavArea #nav ul.g-navi:after {
	clear: both;
}

.gnavArea #nav ul.g-navi ul {
	z-index: 20;
}
.gnavArea #nav ul.g-navi li {
	padding: 0 0 0 20px;
	display: inline-block;
	color: #3eb4d1;
}
.gnavArea #nav ul.g-navi li a {
	color: #000;
	padding: 3px;
	display: block;
	line-height: 1.0;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	font-family: 'Roboto';
	letter-spacing: 0.05em;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.gnavArea #nav ul.g-navi li a:hover {
	color: #3eb4d1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
/*current*/
.gnavArea #nav ul.g-navi li.current a {
	padding: 13px 0 10px;
	border-bottom: 3px solid #3eb4d1;
}

/*facebook*/
.gnavArea #nav ul.s-navi {
	position: absolute;
	top: 15px;
	right: 5px;
}
.gnavArea #nav ul.s-navi:before, .gnavArea #nav ul.s-navi:after {
	content: " ";
	display: table;
}
.gnavArea #nav ul.s-navi:after {
	clear: both;
}
.gnavArea #nav ul.s-navi li {
	width: 29px;
	height: 29px;
	text-indent: -9999px;
}
.gnavArea #nav ul.s-navi li a {
	width: 29px;
	height: 29px;
	display: block;
	background: url(images/common/facebook.png) no-repeat left top #d3d3d3;
	background-size: cover;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.gnavArea #nav ul.s-navi li a:hover {
	background: url(images/common/facebook.png) no-repeat left top #3eb4d1;
	background-size: cover;
	border: 1px solid #3eb4d1;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}



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

.gnavArea #nav {
	padding: 10px 0 10px;
	position: relative;
}

.gnavArea #nav ul.g-navi {
	padding-right: 25px;
}
.gnavArea #nav ul.g-navi:before, .gnavArea #nav ul.g-navi:after {
	content: " ";
	display: table;
}
.gnavArea #nav ul.g-navi:after {
	clear: both;
}

.gnavArea #nav ul.g-navi ul {
	z-index: 20;
}
.gnavArea #nav ul.g-navi li {
	padding: 0 0 0 5px;
	display: inline-block;
	color: #3eb4d1;
}
.gnavArea #nav ul.g-navi li a {
	color: #000;
	padding: 3px;
	display: block;
	line-height: 1.0;
	font-size: 11px;
	text-align: center;
	font-weight: 400;
	font-family: 'Roboto';
	letter-spacing: 0.05em;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.gnavArea #nav ul.g-navi li a:hover {
	color: #3eb4d1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
/*current*/
.gnavArea #nav ul.g-navi li.current a {
	padding: 13px 0 10px;
	border-bottom: 3px solid #3eb4d1;
}

/*facebook*/
.gnavArea #nav ul.s-navi {
	position: absolute;
	top: 10px;
	right: 0;
}
.gnavArea #nav ul.s-navi:before, .gnavArea #nav ul.s-navi:after {
	content: " ";
	display: table;
}
.gnavArea #nav ul.s-navi:after {
	clear: both;
}
.gnavArea #nav ul.s-navi li {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.gnavArea #nav ul.s-navi li a {
	width: 20px;
	height: 20px;
	display: block;
	background: url(images/common/facebook.png) no-repeat left top #d3d3d3;
	background-size: cover;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.gnavArea #nav ul.s-navi li a:hover {
	background: url(images/common/facebook.png) no-repeat left top #3eb4d1;
	background-size: cover;
	border: 1px solid #3eb4d1;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}


}




/*------------------------------------------------------------------------------
　　footer
--------------------------------------------------------------------------------*/
.globalfooter {
	/*width: 100%;*/
	background: url(images/common/pic_dot.png) repeat scroll center top #67696d;
	padding: 0 10px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.footerArea {
	max-width: 960px;
	padding-top: 20px;
	margin: 0 auto;
}
.footerwrap:before, .footerwrap:after {
	content: " ";
	display: table;
}
.footerwrap:after {
	clear: both;
}

.footerArea figure {
	width: 191px;
	margin: 0 auto;
}
.footerArea .lead {
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto';
	text-align: center;
	letter-spacing: 0.5px
}


@media screen and (max-width: 768px) {
.footerArea {
	max-width: 960px;
	padding-top: 25px;
	margin: 0 auto;
}
.footerArea .col01 {
	width: 80%;
	margin: 0 auto;
	float: none;
}
.footerArea .col01 figure {
	width: 100%;
}

.footerArea .col02 {
	width: 100%;
	margin-top: 15px;
	float: none;
}
.footerArea .col02 p {
	font-size: 12px;
	color: #777;
	line-height: 1.7;
	text-align: center;
}
.footerArea .col02 p.footer-tel {
	padding: 0 0 10px 28px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 32px;
	color: #a4b92b;
	font-family: 'Roboto';
	line-height: 0.9;
	position: relative;
}
.footerArea .col02 p.footer-tel:before {
	width: 21px;
	height: 18px;
	content: " ";
	display: inline-block;
	background: url(images/common/icon_tel.png) no-repeat left top;
	background-size: cover;
	position: relative;
	top: -2px;
	left: -5px;
}
}

@media screen and (max-width: 667px) {
/*タップ　テキスト sp表示*/
.footerArea .col02 p.tel-text {
	font-size: 12px;
	line-height: 1.7;
	color: #e47187;
	display: inherit;
}
}


/*pagetop btn
---------------------------------------------------------*/
#page-top {
    width: 110px;
    height: 140px;
    position: fixed;
	bottom: 20px;
    right: 10px;
	z-index: 10;
}
#page-top a {
    display: block;
    height: 140px;
    transition: all 0.1s ease 0s;
    width: 110px;
}
#page-top a:hover {
    opacity: 0.8;
    transition: all 0.1s ease 0s;
}

@media screen and (max-width: 667px){
#page-top {
	width: 60px;
    height: 76px;
    position: fixed;
	bottom: 20px;
    right: 5px;
	z-index: 10;
}
#page-top a {
	width: 60px;
	height: 76px;
    display: block;
    transition: all 0.1s ease 0s;
}
}



/*copyright
---------------------------------------------------------*/
p.copyright {
	padding: 20px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: 'Roboto';
}

@media screen and (max-width: 667px) {
p.copyright {
	padding: 20px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 10px;
	text-align: center;
	color: #fff;
}

}

/*------------------------------------------------------------------------------

　##　box bg

--------------------------------------------------------------------------------*/
#area01 {
	background: url(images/common/pic_dot.png) repeat left top,url(images/top/pic_sec01.jpg) no-repeat center center;
	background-size: auto,cover;
}
#area02 {
	background:url(images/top/pic_sec02.jpg) no-repeat center center;
	background-size: cover;
}
#area03 {
	background: url(images/common/pic_dot.png) repeat left top,url(images/top/pic_sec03.jpg) no-repeat center center;
	background-size: auto,cover;
}
#area04 {
	background:url(images/top/pic_sec04.jpg) no-repeat center center;
	background-size: cover;
}
#area05 {
	background-image: url(images/common/pic_dot.png),url(images/top/pic_sec05.jpg);
	background-size: auto,cover;
}

/*------------------------------------------------------------------------------

　##　contents

--------------------------------------------------------------------------------*/

/*Index
----------------------------*/
#area01 .innerwrap {
	width: 100%;
	height: 100%;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#area01 .innerwrap .logoarea {
	margin: -120px 0 0 -210px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#area01 .innerwrap figure {
	width: 230px;
	height: 155px;
	margin: 0 auto 0;
}
#area01 .innerwrap p.lead {
	margin-top: 20px;
	color: #fff;
	font-size: 18px;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
	text-align: center;
}
#area01 .innerwrap ul {
	width: 100%;
	margin-top: 4.1666%;
	text-align: center;
}
#area01 .innerwrap li {
	margin-top: 4.1666;
	padding: 0 20px;
	display: inline-block;
	color: #3eb4d1;
	background: url(images/common/nav_line.png) no-repeat left top;
}
#area01 .innerwrap li a {
	color: #fff;
	padding: 3px;
	display: block;
	line-height: 1.0;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	font-family: 'Roboto';
	letter-spacing: 0.05em;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#area01 .innerwrap li a:hover {
	color: #3eb4d1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}


#area01 .innerwrap .scroll-bt {
	width: 102px;
	margin-left: -52px;
	position: absolute;
	bottom: 0;
	left: 50%;
}

#area01 .innerwrap .scroll-bt figure a img {
	opacity: 1.0;
	margin-top: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#area01 .innerwrap .scroll-bt figure a:hover img {
	opacity: .8;
	margin-top: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

@media screen and (max-width: 667px) {
#area01 .innerwrap .logoarea {
	margin: -120px 0 0 -90px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#area01 .innerwrap figure {
	width: 180px;
	height: 121px;
	margin: 0 auto 0;
}
#area01 .innerwrap p.lead {
	margin-top: 20px;
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
	text-align: center;
}
#area01 .innerwrap ul {
	width: 100%;
	margin-top: 4.1666%;
	text-align: center;
}
#area01 .innerwrap li {
	margin-top: 4.1666;
	padding: 15px 0 0;
	display: block;
	color: #3eb4d1;
}
#area01 .innerwrap li a {
	color: #fff;
	padding: 3px;
	display: block;
	line-height: 1.0;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	font-family: 'Roboto';
	letter-spacing: 0.05em;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#area01 .innerwrap li a:hover {
	color: #3eb4d1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

#area01 .innerwrap .scroll-bt {
	display: none;
}
}

/*About us
----------------------------*/
#area02 .innerwrap {
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0 10px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#area02 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 16.6666% 5px 2.6041%; 
	font-size: 22px;
	font-family: 'Roboto';
	text-align: center;
	color: #fff;
	background-color: #0080cc;
}
#area02 .innerwrap h2 span {
	margin-top: 15px;
	display: block;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
	color: #fff;
}

#area02 .innerwrap p {
	max-width: 960px;
	margin: 8.9583% auto 0;
	padding: 3.6458% 10px 0; 
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 2.4;
	border-top: 1px solid #fff;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#area02 .innerwrap figure {
	width: 60%;
	margin: 4.1666% auto 0;
	padding-bottom: 20px;
}
@media screen and (max-width: 667px) {
#area02 .innerwrap {
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0 10px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#area02 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 17% 5px 2.6041%; 
	font-size: 18px;
	font-family: 'Roboto';
	text-align: center;
	color: #fff;
	background-color: #0080cc;
}
#area02 .innerwrap h2 span {
	margin-top: 15px;
	display: block;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
	color: #fff;
}

#area02 .innerwrap p {
	max-width: 960px;
	margin: 8.9583% auto 0;
	padding: 3.6458% 10px 0; 
	font-size: 12px;
	text-align: center;
	color: #fff;
	line-height: 2.2;
	border-top: 1px solid #fff;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#area02 .innerwrap figure {
	width:62.5%;
	margin: 4.1666% auto 0;
	padding-bottom: 20px;
}
}

/*Information
----------------------------*/
#area03 .innerwrap {
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0 10px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#area03 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 16.6666% 5px 2.6041%; 
	font-size: 22px;
	font-family: 'Roboto';
	text-align: center;
	color: #fff;
	background-color: #cca300;
}
#area03 .innerwrap h2 span {
	margin-top: 15px;
	display: block;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
	color: #fff;
}

#area03 .innerwrap .inner {
	max-width: 960px;
	margin: 5% auto 0;
}
#area03 .innerwrap .inner:before,
#area03 .innerwrap .inner:after {
	content: "";
	display: table;
}
#area03 .innerwrap .inner:after {
	clear: both;
}

#area03 .innerwrap .inner .col01 {
	width: 52.6041%;
	float: left;
}
#area03 .innerwrap .inner .col01 dl {
	background: url(images/common/dotline.png) repeat-x left bottom;
}
#area03 .innerwrap .inner .col01 dl:before,
#area03 .innerwrap .inner .col01 dl:after {
	content: "";
	display: table;
}
#area03 .innerwrap .inner .col01 dl:after {
	clear: both;
}

#area03 .innerwrap .inner .col01 dt {
	width: 23.7623%;
	padding: 10px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}
#area03 .innerwrap .inner .col01 dd {
	width: 76%;
	padding: 10px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}
#area03 .innerwrap .inner .col01 dd a {
	color: #3eb4d1;
}


#area03 .innerwrap .inner .col02 {
	width: 41.6666%;
	float: right;
}
@media screen and (max-width: 667px) {
#area03 .innerwrap {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#area03 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 17% 5px 2.6041%; 
	font-size: 18px;
	font-family: 'Roboto';
	text-align: center;
	color: #fff;
	background-color: #cca300;
}
#area03 .innerwrap h2 span {
	margin-top: 15px;
	display: block;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
	color: #fff;
}

#area03 .innerwrap .inner {
	max-width: 100%;
	margin: 10.4166% auto 0;
	padding: 0 0 20px;
}

#area03 .innerwrap .inner .col01 {
	width: 100%;
	float: none;
}

#area03 .innerwrap .inner .col01 dt {
	width: 23.7623%;
	padding: 13px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}
#area03 .innerwrap .inner .col01 dd {
	width: 76%;
	padding: 13px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}

#area03 .innerwrap .inner .col02 {
	width: 80%;
	margin: 20px auto 0;
	float: none;
}
}

/*Recruit
----------------------------*/
#area04 .innerwrap {
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0 10px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#area04 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 16.6666% 5px 2.6041%; 
	font-size: 22px;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
	text-align: center;
	color: #fff;
	background-color: #82a125;
}
#area04 .innerwrap h2 span {
	margin-top: 15px;
	display: block;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
	color: #fff;
}
#area04 .innerwrap .recruitList {
	width: 58.3333%;
	margin: 3% auto 0;
}
#area04 .innerwrap .recruitList dl {
	background: url(images/common/dotline.png) repeat-x left bottom;
}
#area04 .innerwrap .recruitList dl:before,
#area04 .innerwrap .recruitList dl:after {
	content: "";
	display: table;
}
#area04 .innerwrap .recruitList dl:after {
	clear: both;
}

#area04 .innerwrap .recruitList dt {
	width: 23.7623%;
	padding: 10px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}
#area04 .innerwrap .recruitList dd {
	width: 76%;
	padding: 10px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}

#area04 .recruit-text {
	color: #fff;
	font-size: 12px;
	text-align: center;
}

#area04 .innerwrap .recruit_bt {
	width: 31.25%;
	margin: 30px auto 0;
}
#area04 .innerwrap .recruit_bt a {
	display: block;
	padding: 7px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	color: #82a125;
	font-size: 16px;
	background-color: #fff;
	text-decoration: none;
	position: relative;
}
#area04 .innerwrap .recruit_bt a:hover {
	color: #fff;
	background-color: #82a125;
	text-decoration: none;
}

#area04 .innerwrap .recruit_bt a:after {
	width: 3px;
	height: 5px;
	content: "";
	display: inline-block;
	background: url(images/common/arrow_green.png) no-repeat left top;
	position: absolute;
	top: 16px;
	right: 10px;
}
@media screen and (max-width: 667px) {

#area04 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 17% 5px 2.6041%; 
	font-size: 18px;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
	text-align: center;
	color: #fff;
	background-color: #82a125;
}

#area04 .innerwrap .recruitList {
	width: 100%;
	margin: 10.4166% 0 0;
}
#area04 .innerwrap .recruitList dl {
	background: url(images/common/dotline.png) repeat-x left bottom;
}
#area04 .innerwrap .recruitList dl:before,
#area04 .innerwrap .recruitList dl:after {
	content: "";
	display: table;
}
#area04 .innerwrap .recruitList dl:after {
	clear: both;
}

#area04 .innerwrap .recruitList dt {
	width: 23.7623%;
	padding: 13px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}
#area04 .innerwrap .recruitList dd {
	width: 76%;
	padding: 13px 0;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7;
}
#area04 .innerwrap .recruitList dd a {
	color: #3eb4d1;
}

#area04 .innerwrap .recruit_bt {
	width: 80%;
	margin: 30px auto 0;
}
#area04 .innerwrap .recruit_bt a {
	display: block;
	padding: 7px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	color: #82a125;
	font-size: 16px;
	background-color: #fff;
	text-decoration: none;
	position: relative;
}
#area04 .innerwrap .recruit_bt a:hover {
	color: #fff;
	background-color: #82a125;
	text-decoration: none;
}

#area04 .innerwrap .recruit_bt a:after {
	width: 3px;
	height: 5px;
	content: "";
	display: inline-block;
	background: url(images/common/arrow_green.png) no-repeat left top;
	position: absolute;
	top: 16px;
	right: 10px;
}	
}

/*Inquiry
----------------------------*/
#area05 .innerwrap {
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0 10px 30px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#area05 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 16.6666% 5px 2.6041%; 
	font-size: 22px;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
	text-align: center;
	color: #fff;
	background-color: #cc7a7a;
}
#area05 .innerwrap h2 span {
	margin-top: 15px;
	display: block;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
	color: #fff;
}

#area05 .innerwrap p.contact-text {
	padding: 3.125% 0 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 2.0;
}

/*form
---------------------------------------------------------*/
.formArea {
    width: 80%;
	margin: 15px auto 0;
	padding-bottom: 20px;
	color: #fff;
}
.formInner {
    margin: 0 auto;
    width: 100%;
}
.formInner .formitem::before, .formInner .formitem::after {
    content: " ";
    display: table;
}
.formInner .formitem::after {
    clear: both;
}
.price-formtext {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.formitem {
    background: url(images/common/dotline.png) repeat-x left bottom;
}
.formitem .col01 {
    float: left;
    line-height: 1.7;
    padding: 15px 0;
    width: 30%;
}
.formitem .col02 {
    float: right;
    line-height: 1.7;
    padding: 15px 0;
    width: 65%;
}
.formitem .col01 span {
    color: #fff;
}
.formitem .col01 span.formitemkey {
    color: #222;
    font-size: 10px;
}
.form-indi {
    color: #fff;
    padding: 10px 0;
}
.form-bt {
    margin-top: 10px;
    text-align: center;
}
.form-bt .wpcf7-form-control {
	width: 50px;
}
div.wpcf7-mail-sent-ok {
    border: medium none !important;
    text-align: center !important;
}
div.wpcf7-mail-sent-ng {
    border: medium none !important;
    color: #d32e2e !important;
    text-align: center !important;
}
div.wpcf7-spam-blocked {
    border: medium none !important;
    color: #d32e2e !important;
    text-align: center !important;
}
div.wpcf7-validation-errors {
    border: medium none !important;
    color: #d32e2e !important;
    text-align: center !important;
}
.wpcf7-form textarea {
    width: 80% !important;
}
.wpcf7-form .wpcf7-submit {
    width: 80px !important;
}

@media only screen and (max-width: 768px) {
.formInner {
    margin: 20px auto 0;
    width: 90%;
}
.price-formtext {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.formitem .col01 {
    float: none;
    line-height: 1.5;
    padding: 15px 0;
    width: 100%;
}
.formitem .col02 {
    float: none;
    line-height: 1.5;
    padding: 15px 0;
    width: 100%;
}
div.wpcf7-mail-sent-ok {
    border: medium none !important;
    text-align: center !important;
}
div.wpcf7-mail-sent-ng {
    border: medium none !important;
    color: #d32e2e !important;
    text-align: center !important;
}
div.wpcf7-spam-blocked {
    border: medium none !important;
    color: #d32e2e !important;
    text-align: center !important;
}
div.wpcf7-validation-errors {
    border: medium none !important;
    color: #d32e2e !important;
    text-align: center !important;
}
.wpcf7-form textarea {
    width: 80% !important;
}
.wpcf7-form .wpcf7-submit {
    width: 80px !important;
}
}

@media screen and (max-width: 667px) {
#area05 .innerwrap h2 {
	width: 170px;
	margin: 0 auto;
	padding: 17% 5px 2.6041%; 
	font-size: 18px;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
	text-align: center;
	color: #fff;
	background-color: #cc7a7a;
}

#area05 .innerwrap p.contact-text {
	padding: 3.125% 0;
	font-size: 12px;
	text-align: center;
	color: #fff;
	line-height: 2.0;
}
#area05 .innerwrap p.contact-text a {
	color: #3eb4d1;
}
}


/*ギャラリースライド
----------------------------*/
.gallepic {
	width: 100%;
}
.gallepic:before, .gallepic:after {
	content: "";
	display: table;
}
.gallepic:after {
	clear: both;
}

.gallepic li {
	width: 310px;
	float: left;
}
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
	max-width: 100% !important;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 2px #ccc;
	border:  10px solid #fff;
	left: -5px;
	background: #fff;*/
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}