@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300i');

/* Base Setting
==========================================================*/

body { font: 15px/1.8 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; font-weight: 500; margin:0; padding: 0; background: #fff; color: #3a3636; -webkit-text-size-adjust: 100%; font-weight: normal; letter-spacing: 0.1em; /* font-feature-settings : "palt"; */ }

a       { text-decoration: none; color: #7ac14c; outline:none; transition: .3s;}
a:hover { text-decoration: none; color:#a6dd5e;}
img { -ms-interpolation-mode: bicubic; vertical-align: middle;}
:focus { outline: 0; }
::-moz-selection { background: #9cd353; color: #444;}
::selection { background: #9cd353; color: #444;}




/* main-layout
==========================================================*/

#indPage { height: 100vh; overflow-y: hidden;}
#wrapper { width: 100%;}

.col {}
	.col-l{ float: left;}
	.col-r{ float: right;}


/* header
==========================================================*/

header { }
#headerContainer { width: 100%; height: 120px; background: #fff; position: fixed; top: 0; left: 0; z-index: 999;}
#header { margin: 0 50px;}
#header .logo { float: left; margin-right: 40px; line-height: 120px;}
#header .navInner { display: none;}

#menu { float: left; margin-top: 54px;}
#menuInner {}
#menu ul { }
#menu ul li { float: left; text-align: center; letter-spacing: 0.15em; -webkit-transform: skewX(150deg); -moz-transform: skewX(150deg);transform: skewX(150deg); border-right: 1px solid #9e9e9e; height: 24px; margin-top: 10px;}
#menu ul li:last-child { border-right: none;}
#menu ul li a { display: block; padding: 5px; text-align: center; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0 20px 0 25px; margin-top: -10px; transform: skewX(-150deg);}
#menu ul li span { display: block;color: #3d3f3d; font-size: 12px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: normal;}
#menu ul li span:hover { color: #a8a8a8;}
#menu ul li.current a { color: #a6dd5e;}
.head_tel { float: right;}
.head_tel img { margin-top: 25px; }



/* Container
==========================================================*/

/* index */
#ind_Container { margin: 0 50px; height: -moz-calc(100vh - 150px); height: -webkit-calc(100vh - 150px); height: calc(100vh - 150px);
    margin-top: 100px; background: #faf6f1 url('../images/index/bg_main.png') center 30% no-repeat; background-size: cover;}
.sp_bg_Container { height: 100%;}
.ind_ContaintInner { width: 80%; margin: 0 auto; height: 100%;}

/* kasou */
#Container { height: auto; margin-top: 120px; background: #faf6f1;}
.ContaintInner { width: 1000px; margin: 0 auto; padding: 70px 0 0;min-height: calc(100vh - 170px);}
#Container .side { width: 280px; height: 95vh; position: fixed;}
#Container .side img { margin-left: 30px;}
#Container .main { width: 650px; margin-bottom: 80px;}
.main .pic_house { text-align: right;}

.mainInner { width: 600px; margin-top: 30px;}
.contentBox { margin-bottom: 80px;}
	.contentBox .h2wrapper {}
	.contentBox h2 { color: #7abe43; font-weight: bold; font-size: 24px; background:url('../images/kasou/line.png') bottom repeat-x;
	background-size: 90px; padding-bottom: 10px; margin-bottom: 40px;}
	.contentBox h2::before{ content: '';  display: inline-block; width: 22px; height: 20px; background-image: url('../images/kasou/ico_arrow.png'); background-repeat: no-repeat; background-size: 12px; vertical-align: middle;}
	.contentBox .content { margin: 0 20px;}




/* footer
==========================================================*/

#footerContainer { width: 100%;  height: 50px; background: #fff; position: fixed; bottom: 0; left: 0; z-index: 999; }
#footer { margin: 0 50px;}

.copyright { font-size: 10px; letter-spacing: 0.2em; text-align: right; color: #9e9e9e; line-height: 50px; font-family: 'Lato', sans-serif; }

/* index
==========================================================*/

.ind_text { position: absolute; top: 15%; left: 0;}
.ind_menu { position: absolute; bottom: 10%; top: 55%; left: 0;}
	.ind_menu li { margin-bottom: 20px;}
	.ind_menu li img { width: 225px;}

/* about
==========================================================*/

.side.about { background:url('../images/kasou/img_about.png') center center no-repeat; background-size: 280px 280px;}

.contentBox .dl_about {}
	.contentBox .dl_about dt { float: left; clear: left; width: 120px;}
	.contentBox .dl_about dd { margin-left: 140px; margin-bottom: 20px;}
	.contentBox .dl_about h3 { margin: 35px 0 15px; font-size: 1.1em;}

/* service
==========================================================*/

.side.service { background:url('../images/kasou/img_service.png') center center no-repeat; background-size: 280px 280px;}

.contentBox .ul_service {}
	.contentBox .ul_service li { margin-bottom: 30px;}
	.contentBox .ul_service li::before { content: "-"; margin-right: 10px;}


/* report
==========================================================*/

.side.report { background:url('../images/kasou/img_report.png') center center no-repeat; background-size: 280px 280px;}

.contentBox .h3Report { margin-bottom: 15px;}
.contentBox .ul_report {}
	.contentBox .ul_report li { margin-bottom: 20px;}
	.contentBox .ul_report li::before { content: ""; display: inline-block; width: 36px; height: 30px; background-image: url('../images/kasou/ico_pdf.png'); background-repeat: no-repeat; background-size: 22px; vertical-align: middle;}
.contentBox .ul_report li a { color: #3a3636; text-decoration: none; /*display: inline-block;*/}
.contentBox .ul_report li a:hover { color: #7ac14c; text-decoration: underline;/* -webkit-animation: zoom .3s; animation: zoom .3s;*/}
.contentBox .ul_report li span { display: inline-block; margin-left: 1em; font-size: 14px;}