@charset "utf-8";
/*
Theme Name: morinoki_child
Template: morinoki
Author: T-labo

*/

/*========================*/

main {
	overflow: hidden;
}

.em {font-size:1.2em;}

/*fade
***************/
/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 150px);
    transition : all 1500ms;
}
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.inbox306 {
	width: 100%;
  max-width: 306px;
	margin: 0 auto;
}

/*========================
HEADER
========================*/
header {
	background: #fff;
	padding: 15px 0; 
	border-top: 5px solid #dfdfdf;
	border-bottom: 5px solid #b2b2b2; 
}
header h1 {
	color: #686868;
	font-size: 12px;
	font-weight: bold;
	padding: 25px 25px 0 0;
	letter-spacing: 1.5px;
}
header .logo { width: 282px; padding-top: 6px;}

/*layout01*/
header .layout01 {
	display: flex;
	align-items: center;
}
header .layout01 .left {
	width: 263px;
	padding-right: 40px;
	
}
header .layout01 .right { width: 248px; }

/*
nav
******************/
nav.main_nav {
	background: -moz-linear-gradient(top, #fff 65%, #dcdcdc);
	background: -webkit-linear-gradient(top, #fff 65%, #dcdcdc);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	border-bottom: 1px solid #c2c2c2;
	padding: 1% 0;
	position: relative;
}

nav.main_nav ul {
	width: 100%;
	display: table;
	border-collapse: separate;
}

nav.main_nav ul li {
	color: #000;
	font-size: 14px;
	width: 12%;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #cfcfcf;
	position: relative;
}

nav.main_nav ul li:hover:before {
	content: "";
	background: #656565;
	width: 90%;
	height: 5px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -18px;
}
nav.main_nav ul li:last-child {
	border-right: 1px solid #cfcfcf;
}
nav.main_nav ul li img { width: auto; margin: auto; }
nav.main_nav ul li a { padding: 1% 0; }
nav.main_nav ul li a.active {
	color:#ccc;
	background:#5A413A;
}


/*========================
SLIDER
========================*/
.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
.wideslider ul li img {
    width: 100%;
    display: none;
}
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: rgba(0,0,0,0.5) url(img/header/prev.jpg) no-repeat right center;}
.slider_next {background: rgba(0,0,0,0.5) url(img/header/next.jpg) no-repeat left center;}
.pagination {
	display: none;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*========================
BOX01
========================*/
#index .box01 {
	background: url(img/index/box01_bg_all.jpg) left top repeat;
	padding: 0 0 60px;
}
#index .box01 .con01_bg {
	background: url(img/index/box01_bg.jpg) left top repeat; padding-bottom: 20px;
}
#index .box01 .in {
	max-width: 1002px; margin: 0 auto;
}
#index .box01 .in02 {
	max-width: 901px; margin: 0 auto; position: relative; z-index: 10; padding-right: 150px;
}
#index .box01 .in03 {
	max-width: 1125px; margin: 0 auto; position: relative; z-index: 10;
}
#index .box01 .btn {
	max-width: 876px; margin: 0 auto;
	margin-top: 35px;
	position: relative; z-index: 10;
}
#index .box01 h2 { margin: 0 0 57px; padding: 20px 20px 0;}
#index .box01 .con01 {
	border: 10px solid #4ea235;
	padding: 35px;
	box-sizing: border-box;
	background: url(img/index/box01_con01_bg.jpg);
}
#index .box01 .con02 {
	border: 10px solid #11b19d;
	padding: 35px;
	box-sizing: border-box;
	background: url(img/index/box01_con01_bg.jpg);
	position: relative;
}
#index .box01 .zin {
	max-width: 281px; position: absolute;
	bottom: 0; right: 30px;
}
#index .box01 .zin02 {
	max-width: 527px; position: absolute;
	top: 0; right: 0;
}
#index .box01 .con03 {
	border: 10px solid #eb6c06;
	padding: 35px 20px;
	box-sizing: border-box;
	background: url(img/index/box01_con01_bg.jpg);
	position: relative;
}
/*シミュレーション*/
.flow__tab__select {background-color: #262626;}
.tabPanel {width: 1200px; margin: 0 auto; margin-top: -77px;}
.flow__tab__menu {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.flow__tab__menu:after {content: ""; display: block; clear: both;}
.select .flow__tab__btn01 {
    background-image: url(img/index/tab01.jpg);
	border-color: #fff;
	float: left;

}
.flow__tab__btn01 {
    background: url(img/index/tab01.jpg) no-repeat;
    width: 387px;
    height: 100px;
    display: inline-block;
    vertical-align: bottom;
	float: left;
	cursor: pointer;}
.select .flow__tab__btn02 {
    background-image: url(img/index/tab03.jpg);
	float: right;
	border-color: #fff;}

.flow__tab__btn02 {
    background: url(img/index/tab03.jpg) no-repeat;
	float: right;
	width: 387px;
    height: 100px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}
.select .flow__tab__btn03 {
    background-image: url(img/index/tab02.jpg);
	border-color: #fff;}

.flow__tab__btn03 {
    background: url(img/index/tab02.jpg) no-repeat;
	width: 387px;
    height: 100px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.flow__tab__content {margin-top: 20px; background: url(img/index/tab_bg.jpg)top left repeat;}



/*========================
BOX02
========================*/
#index .box02 {
	background: url(img/index/box02_bg.jpg) top left repeat;
	padding: 60px 0;
	position: relative;
}
#index .box02 h2 {max-width: 1302px;position: relative; margin-bottom: 40px;}
#index .box02 h2:after {position: absolute; content: ""; width: 261px; height: 261px; background: url(img/index/box02_zin.png); bottom: -40px; right: 30px; z-index: 10;}
#index .box02 .icon {
	position: absolute; width: 72px; top: -12px; left: 0;
}
#index .box02 .con {display: flex; justify-content: space-between; font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;}
#index .box02 .con01 {background-color: #fff; max-width: 406px; box-sizing: border-box; border: 3px solid #d2d2d2; 
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);}
#index .box02 .inbox306 {padding: 10px 0 20px; position: relative;}
#index .box02 h3 {color: #266c11; font-weight: bold; border-bottom: 1px dashed #000; font-size: 25px; text-align: center; letter-spacing: 3px; padding-bottom: 10px; margin-bottom: 15px;}
#index .box02 p {font-size: 16px; line-height: 2;}
#index .box02 .btn {max-width: 261px; margin: 30px auto 0; float: left; margin-left: 73px;}
#index .box02 .btn02 {max-width: 261px; margin: 30px auto 0; float: left; margin-left: 190px;}
#index .box02 .btn03 {max-width: 261px; margin: 30px auto 0; float: right; margin-right: 73px;}


/*========================
BOX03
========================*/
#index .box03 { background: url(img/index/box03_bg.jpg) left top repeat; padding: 60px 0; }
#index .box03 .con01 {max-width: 1036px; margin: 0 auto;}
#index .box03 .btn {max-width: 855px; margin: 30px auto 0;}


/*========================
BOX06
========================*/
#index .box06 {
	background: url(img/index/box06_bg.jpg) top left repeat;
	padding: 60px 0;
	position: relative;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
}
#index .box06 h1 {font-size: 45px; font-weight: bold; z-index: 10; position: absolute; margin-left: 120px;}
#index .box06 h1 .min {font-size: 25px;}
#index .box06 h1 .emgreen {color: #11b19d;}
#index .box06 .icon01 {
	max-width: 86px;
	padding-bottom: 19px;
}
#index .box06 .icon02 {
	max-width: 372px;
}
#index .box06 .btn {max-width: 321px; margin: 30px auto 0;}
/*
voice_item
*******************/
#voice_list:after{
  content:"";
  display: block;
  width:30%;
}
.voice_item {
	width: 32%;
	max-width: 370px;
}
.voice_item .voice_img { position: relative; }
.voice_item .voice_img img {
	height: 214px; 
	object-fit: cover;
}
.voice_txt {
	background: #fff;
	padding: 17px;
	min-height: 114px;
}
.voice_txt h3 { font-size: 22px; font-weight: bold;}
.voice_txt p { font-size: 16px; }
.voice_txt .archive_cap { color: #11b19d; }




/*========================
BOX04
========================*/
#index .box04 {
	background: url(img/index/box04_bg.jpg)top left repeat;
	padding: 60px 0;
}
#index .box04 #blog_list {background-color: #fff; padding: 30px 50px 10px 50px; box-sizing: border-box; border: 5px solid #c5c5c5; float: right; width: 68%; height: 265px;}
#index .box04 #blog_list .blog_item {height: 43px;}
#index .box04 h1 {
	color: #fffa75;
}
#index .box04 .l {color: #fff; text-align: center; font-weight: bold; float: left; letter-spacing: 3px;}
#index .box04 .icon {width: 52px; margin: 0 auto; margin-top: 10px;}
#index .box04 .btn {width: 188px; margin: 0 auto; margin-top: 46px;}
#index .box04 .blogtxt {margin-bottom: 15px; font-size: 20px; margin-top: 10px;}
#index .box04 .blog_txt_item01 {color: #4ea235; min-width: 120px; font-weight: bold;}
#index .box04 .blog_txt_item02 {border-bottom: 2px solid #c5c5c5; width: 100%;}
/*========================
BOX05
========================*/
#index .box05 {
	background: url(img/index/box05_bg.jpg)top center no-repeat,url(img/index/box05_bg02.jpg)top center repeat;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
	padding: 30px 0 60px;
}
#index .box05 h2 {
	font-weight: bold;
	color: #4ea235;
	font-size: 50px;
	text-align: center;
	line-height: 1;
	letter-spacing: 3px;
	margin-bottom: 30px;
}
#index .box05 h2 .min {font-size: 14px; letter-spacing: 1px;}
#index .box05 p {text-align: justify; line-height: 2;}
#index .box05 .bold {font-weight: bold; font-size: 25px; text-align: left; margin-bottom: 10px;}



/*========================
BOX07
========================*/
#index .box07 {
	background: url(img/index/box07_bg.jpg)top left repeat;
	padding: 100px 0 60px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
}
#index .box07 .con {width: 1072px; box-sizing: border-box; border: 5px solid #4ea235; margin: 0 auto; background-color: #fff;}
#index .box07 .over {display: flex; justify-content: space-between; background-color: #f2f4f1; font-weight: bold; padding: 0 20px;}
#index .box07 .over h2 {font-size: 40px; color: #4ea235; font-weight: bold; margin-top: 15px;}
#index .box07 .over p {
	margin-top: 23px;
}
#index .box07 .zin {max-width: 158px; margin-top: -70px; }
#index .box07 .under {display: flex; justify-content: space-between; padding: 18px;}
#index .box07 .under .logo {max-width: 282px; max-height: 73px; margin-top: 15px;}
#index .box07 .under .tel {max-width: 404px; max-height: 92px;}
#index .box07 .under .mail {max-width: 295px; max-height: 97px;}

/*========================
FOOTER
========================*/
footer {
	background: #fff;
	font-size: 14px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
}
footer a:hover { opacity: 0.5; }
footer .home {background-color: #000;}
footer .home p {
	background: url(img/footer/arrow.png) left center no-repeat;
	text-indent: 2em;
	color: #fff;
}
footer .site_map { background: url(img/footer/sitemap_bg.jpg) top left repeat; color: #fff;}
footer .site_map .inbox {
	padding: 65px 0 50px;
	position: relative;
}

/*box01*/
footer .site_map_box ul.site_map_list01 { margin-right: 65px; }
footer .site_map_box li {
	background: url(img/footer/arrow02.png) left center no-repeat;
	font-size: 13px;
	text-indent: 1.5em;
	margin-bottom: 1.2em;
}
/*box02*/
footer .site_map_box02 {
	width: 660px;
	background: #fff;
	padding: 10px 0 0;
	box-sizing: border-box;
	position: absolute;
	top: 35px;
	right: 0;
	color: #000;
	letter-spacing: -0.5px;
}
footer .site_map_box02 .over {display: flex; justify-content: space-between; margin: 0 25px; }
footer .site_map_box02 .logo { max-width: 243px;}
footer .site_map_box02 .bold {font-weight: bold; margin-top: 5px;}
footer .site_map_box02 .under {background-color: #f2f4f1; padding: 15px 30px; display: flex; justify-content: space-between;}
footer .site_map_box02 .tel {max-width: 318px; max-height: 77px;}
footer .site_map_box02 .mail {max-width: 248px; max-height: 81px;}

footer .copy {
	color: #000;
	background: #fff;
	text-align: center;
	padding: 20px 0 125px;
}


/*========================
POP BANNER
========================*/
#pop_banner {
	background: url(img/footer/pop_banner_bg.jpg) left top repeat;
	border-bottom: 5px solid #b5b5b5;
	width: 100%;
	margin: auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
#pop_banner .inbox {
	position: relative;
}

#pop_banner .tel img { margin: 0 0 5px; }
#pop_banner .tel p { color: #656565; }
#pop_banner .pop_banner_item {
	margin-left: 1px;
	border-left: 1px solid #000;
}
#pop_banner .pop_banner_item2 {
	margin-left: 1px;
}

/*========================
ページ設定
========================*/
.page_title {
	background: #4ea02f;
	border-left: 6px solid #266C11;
	text-align: left;
	padding-left: 1em;
}

.pan {
	color: #a6a6a6;
	font-size: 12px;
}
.pan a:first-child { text-decoration: underline; }
.pan p,
.pan a { margin: 0 5px 0 0; }

.child_title {
	background: url(img/child_title_bg.gif) left top repeat;
	border-bottom: 2px solid #f6cf18;
	font-weight: bold;
	padding: 10px;
	text-align: left;
}

h3.child_title {
	font-weight: bold;
	background: #d2f0d5;
	border-left: 4px solid #4ac456;
	border-bottom: none;
	padding: 10px;
	text-align: left;
}

.single_page {
	width: 100%;
	max-width: 940px;
}

.page_thumb { background: #fff; }

.page_thumb img {
	width: 100%;
	height: 200px;
	margin: auto;
	object-fit: cover;
}

.archive_cap {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

/*
contact_banner
*************/
#contact_banner {
	background-color: #fff;;
	border: 5px solid #4ea235;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	margin-top: 50px;
}
#contact_banner .over {
	margin-top: -36.2px;
}
#contact_banner .under {display: flex; justify-content: space-between; margin:18px 30px;}
#contact_banner .under img {
	max-width: 485px; max-height: 109px;
}
#contact_banner .under .img02 {
	max-width: 325px;
	max-height: 106px;
}



/*
記事詳細ページ
***************/

.previous-entries,.next-entries {
	color: #000;
	text-align: center;
    width: 80px;
    background: #ddd;
    padding: 6px 0;
    border: 2px solid #bbb; 
    box-sizing: border-box;
}
.nav_archive_btn {
	color: #fff;
	text-align: center;
	width: 150px;
	background: #4ea02f;
	padding: 6px 0;
	border-bottom: 3px solid #266C11; 
    box-sizing: border-box;
}
.single_blog {
	background-color: #4ea02f;
	font-size: 14px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
}
.single_blog img { margin: 10px 0; }
.entry {
	background: #d8ead6; 
	padding: 20px;
}


/*ページネーション
*******************/
.paging {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
    text-align: center;
}
.paging-box {
	display: inline-block;
}
.paging span, .paging a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 文字色 */
	background: #000; /* 背景色 */
}
.page-of {display: none !important;}
.paging a:hover{
	color: #fff; /* マウスホバー時の文字色 */
	background: #ccc; /* マウスホバー時の背景色 */
}
.paging .current{
	padding: 10px 15px 10px 15px;
	color: #fff; /* 文字色 */
	background: #ccc; /* 背景色 */
}
@media only screen and (max-width: 413px) {
.paging {
	font-size: 12px;
	line-height: 12px;
}
.paging span, .paging a {
	padding: 8px 10px 8px 10px;
}
.paging .current{
	padding: 8px 10px 8px 10px;
}
}
.ftlink {
	display: inline-block;
	margin-left: 20px;
}
.tright {
	float: right;
	width: 50%;
}
.tleft {
	float: left;
	width: 45%;
}
.t:after {
	content: "";
	display: block;
	clear: both;
}
.minw12 {
	min-width: 1200px;
}