/*
Theme Name: d-hiiragi
Theme URI: http://d-hiiragi.co.jp/
Author: PiCNiC
Author URI: http://picnic.ne.jp/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: picnic
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

picnic is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@charset "UTF-8";
/* CSS Document */

/* ▼　共通設定　▼ */

* {
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}

/* 横幅一杯スクロール非表示の前提条件の記述 */
html {
    overflow: auto;
}
body {
    overflow: hidden;
}
/*ここまで*/

body {
	font-size: 15px;
	line-height:1.8em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
	color:#404954;
	margin:0;
	padding:0;

}

img {
	border:none;
}

a img {
	border-style:none;
}

a {
	outline:0;
	text-decoration:none;
	color:#11375f;
	padding:5px;
}

a:link {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	background-color:#91e0cd;
}

a.transparent{
	background-color:transparent;
}

.opacity {
}

.opacity a {
	-moz-transition: all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}

.opacity a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader\9;	/* IE8以下で透過を止める */
	
	-moz-transition: all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	/* ie8以下 */
	-moz-transition: all 0s ease-in\9;
	-webkit-transition:all 0s ease-in\9;
}

.opacity a img {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}

.opacity a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}

a img, :link img, :visited img {
    border:none;
}

/* delate dot boader of link for New Mozilla \*/
a {
    overflow:hidden; 
}

img,fieldset,abbr,acronym {
    border:0;
}

img {
	vertical-align:bottom;
}


h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:normal;
}

p {
	color:#000;
}

/* float clear */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {
	clear:both;
}

li {
	list-style-type:none;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.txt_algn_c{
	text-align:center;
}

.txt_algn_r{
	text-align:right;
}

.fnt_clr_red{
	color:red;
}

.fnt_size_big{
	font-size: 1.5em;
}

.dsp_inlineblk{
	display:inline-block;
}
#wrapper {
	margin:0;
	padding:0;
}
		
	
/* ▲　共通設定　▲ */


/* ▼　ヘッダ　▼ */
#header {}
	
#header_main {
	max-width:1280px;
	margin:20px auto 50px;;
	}
	
#header_logo {
	/*text-indent;*/
	background-image:url(images/header-logo.gif);
	background-repeat:no-repeat;
	float:left;
	}
	
#header_logo h1{
	padding-left:70px;
	padding-top:20px;
	font-size:20px;
	font-weight:bold;
	color:#11375f;
	height:62px;
}
	
#header_logo a {
	display:block;
	}

#header_logo a:hover {
	/*ba*/
	}
	
#header_right {
	float:right;
	}
	
#header_right ul{
	display:table;
}
	
#header_right li{
	font-size:12px;
	vertical-align: bottom;
	border-right:1px solid #e5e5e5;
	padding:0 20px;
	display:table-cell;
}

#header_right li:last-child{
	border-right:none;
	padding-right:0;
}

#header_right li a{
	color:#404954;
}

#header_right li span{
	font-size:26px;
	font-weight:bold;
	vertical-align:middle;
}

#header_right li #textsize{
	display:inline-block;
}

#header_right li #textsize a{
	background-color:#91e0cd;
	color:#000;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	padding:2px 6px;
	margin-left:0.5em;
	vertical-align:baseline;
}

#header_right li #textsize a:hover{
	background-color:#11375f;
	color:#fff;
}

.txt_s{
	font-size:12px;
}

.txt_m{
	font-size:15px;
}

.txt_b{
	font-size:20px;
}
	
/* ▼　ナビゲーション　▼ */
#navi_main {
	/*max-width:1150px;*/
	max-width: 1280px;
	margin:0 auto 30px;
	padding: 0 8.5% 0;
	}
	
#navi ul {
	padding:0;
	text-align:left;
	}
		
#navi li {
	display:inline-block;
	list-style-type:none;
	text-align:center;
	width:13%;
	min-width: 8em;
	}

#navi li a{
	color:#11375f;
	font-weight:bold;
	
}
	

/* ▲　ナビゲーション　▲ */


	
/* ▲　ヘッダ　▲ */




/* ▼　メイン　▼ */
#main {
	/*max-width:1280px;*/
	margin:0 auto 30px;
	}

#pankuzu {}

#contents {
	background-color:#FFF;
	}
	
#page_title{
	width:100%;
	max-width:1280px;
	/*左右のボックスの高さを揃える*/
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	/*左右のボックスの高さを揃える　ここまで*/
	min-height:100px;
	margin:0 auto 70px;
	}
	
#page_title img{
	width:50%;
	/*重なり下*/
	z-index:1;
	position: relative; 
	/*重なり下　ここまで*/
}

#page_title_right{
	width:50%;
	height:auto;/*高さ親要素に合わせる*/
	/*重なり上*/
	z-index:2;
	position: relative;
	margin-left:-20px;
	/*重なり上　ここまで*/
	/*右にはみ出す*/
	margin-right:-500%;
	padding-right:500%;
	/*右にはみ出すここまで*/
}


#page_title_right .title_blk{
    top: 40%;
    position: absolute;
	border-bottom:1px solid #000;
	padding-left:40px;
	padding-bottom:1em;
	width:100%;

}

#page_title_right .title_blk h2{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2.0em;
	padding-bottom:10px;
}

.section {
	/*max-width:1000px;*/
	max-width: 1280px;
	margin:0 auto 30px;
	padding: 0 8.5% 0;
}

.sec_title{
	background-color:#02b78c;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	box-sizing:content-box;
	/*左にはみ出す*/
	margin-left:-500%; /* ネガティブマージンを追記 */
    padding-left:500%; /* マージンで横へはみ出した部分を相殺 */
	/*左にはみ出すここまで*/
}

.sec_title h3{
	font-size:1.33em;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	padding:10px 0;
}

.sec_body{
	padding:30px 0;
}

.sec_title_gray{
	border-bottom:1px solid #404954;
	/*右にはみ出す*/
	margin-right:-500%; /* ネガティブマージンを追記 */
    padding-right:500%; /* マージンで横へはみ出した部分を相殺 */
	/*右にはみ出すここまで*/
}

.sec_title_gray_fix{
	border-bottom:1px solid #404954;
}

.sec_title_gray h3{
	font-size:1.33em;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	background-color:#404954;
	padding:12px 25px;
}
	
/* ブログ記事 */
/**　一覧　**/
.blog_sec{
	margin-bottom:30px;
}

.blog_sec img{
	width:32%;
	height: auto;
	position:relative;
	z-index:1;
}

.blog_body{
	width:68%;
	float:right;
	padding-left:20px;
	position:relative;
	z-index:2;
	margin-bottom:50px;
}

.blog_body h4{
	font-size:1.33em;
	font-weight:bold;
	background-color:#91e0cd;
	padding: 15px 0 15px 50px;
	margin-top:-15px;
	margin-left:-50px;
}

.blog_body p{
	padding-top:20px;
	color:#404954;
}

.blog_footer p{
	display:inline-block;
}

.blog_footer span{
	font-family: Georgia, "Times New Roman", Times, serif;
}

.blog_footer a.blog_read_post{
	float:right;
	background-color:#11375f;
	color:#fff;
	padding: 15px 1em;
	margin-top:20px;
	width:40%;
	position:relative;
}

.blog_footer a.blog_read_post:hover{
	background-color:#02b78c;
}

.blog_footer a.blog_read_post:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	width: 1em;
	height: 1em;
	margin: -10px 0 0 0;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pagination-area .nav-links{
	text-align:center;
}

.pagination-area .nav-links .page-numbers{
	margin:0 0.5em;
	padding:0 0.5em;
}

.pagination-area .nav-links .current{
	background-color:#11375f;
	color:#fff;
}
	
/**　single.php　**/
.sec_post{
	width:77%;
	float:left;
	margin-right:4%;
}

.sec_post h3{
    background-color: #91e0cd;
    font-size: 1.33em;
    font-weight: bold;
    box-sizing: content-box;
    margin-left: -500%;
	margin-bottom:40px;
    padding-left: 500%;
    padding-top: 1em;
	padding-bottom:1em;
	padding-right:2em;
}

.sec_post p{
	color:#404954;
}

.post_header{
	margin-bottom:20px;
}

.post_header span{
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post_body{
	margin-bottom:40px;
}

.post_footer{
	border:1px solid #2766ab;
	padding:0 30px;
	margin:0 9%;
}

.post_footer h4{
	background-color: #2766ab;
    color: #fff;
	font-size:1.05em;
	display:inline-block;
	margin-top: -20px;
	margin-left:-60px;
	padding-top:10px;
	padding-left:60px;
	padding-bottom:5px;
	padding-right:4em;
}

.post_footer ul{
	margin:20px 0 30px;;
}

.post_footer li{
	border-bottom:1px dotted #00b88c;
	padding:5px 0;
}

.post_footer li span{
	color:#00b88c;
	font-size:0.6em;
	font-weight:bold;
	vertical-align:center;
	display:inline-block;
}

.side_bar{
	float:right;
	width:19%;
}

.side_bar h2{
	font-size:1.33em;
	color:#11375f;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #000;
	margin-bottom:10px;
}

.side_bar ul{
	margin-bottom:20px;
}

.side_bar li{
	border-bottom:1px dotted #00b88c;
	padding:5px 0;
}

.side_bar li span{
	color:#00b88c;
	font-size:0.6em;
	font-weight:bold;
	vertical-align:center;
	display:inline-block;
}

.side_bar .widget_archive{
	margin:20px 0;
}

.side_bar .widget_archive li{
	border-bottom:none;
}

/* ▲　メイン　▲ */


/* ▼　フッタ　▼ */

#footer {
	border-top:1px solid #8ee1cd;
	}

#footer p{
	color:#404954;
	line-height:1.5;
	margin-bottom:0.8em;
}
	
#footer_main {
	font-size: 12px;
    margin: 0 auto;
    /*max-width: 1000px;*/
	max-width:1280px;
    padding: 40px 8.5% 0;
	}

.footer_blk{
	width:50%;
	float:left;
}

.footer_blk_r{
	padding-left:6%;
}
	
#footer_logo {
	font-size:20px;
	font-weight:bold;
	}
	
.footer_address{
	 color:#000;
}
	
#footer_tel{
	display:inline-block;
	padding-right:1em;
}
	
#footer_tel span{
	font-size:26px;
	font-weight:bold;
	}

#footer_contact{
	text-align:center;
	vertical-align:top;
	border:1px solid #0e3660;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	display:inline-block;
	padding:8px 30px 3px;
	}
	
.footer_blk_r ul{
	padding-top:5px;
}

	
.footer_blk_r li{
	color:#11375f;
	display:inline;
	padding-right:10px;
}

.footer_blk_r li:before{
	color:#00be90;
	content:'＞';
	padding-right:3px;
	font-size:0.8em;
	font-weight:bold;
}

/* ▲　フッタ　▲ */

/* ▼　コピーライト　▼ */

#copyright {
	/*width:1000px;*/
	max-width: 1280px;
	margin:0 auto;
	padding: 40px 8.5% 0;
	}

#copyright p{
	color:#03b78c;
	font-size:12px;
}
	
/* ▲　コピーライト　▲ */


/* ▼　ページトップ　▼ */

#pagetop {
bottom: 20px;
position: fixed;
right: 20px;
z-index:10;
}

#pagetop a:hover{
	background-color:transparent;
}

/* ▲　ページトップ　▲ */


/* 下層
=====================*/

/* ▼　トップページhome.php　▼ */
#home{}

#home #main_img{
    position: relative;
	margin:0 auto 60px;
	/*max-width:1280px;*/
}

#home #main_img img{
	width:100%;
	min-height:250px;
}

#home #main_img #main_catch{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	text-align:center;
	letter-spacing: 1.5px;
}

#home #main_catch h2{
	font-size:2.13em;
	color:#423d39;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	display:inline;
}

#home #main_catch p{
	color:#423d39;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-top: 40px;
}

#home #top_menu{
	text-align:center;
	margin-bottom:110px;
}

#home #top_menu ul{
	display:inline-block;
}

#home #top_menu li{
	float:left;
	text-align:left;
	margin-right:40px;
}

#home #top_menu li:last-child{
	margin-right:0;
}

#home #top_menu li span{
	font-size:0.8em;
	font-weight:bold;
	color:#09b889;
}

#home #top_menu li a{
	padding:0;
}

#home #top_news{
	margin-bottom:60px;
	text-align:right;
}

#home #top_news img{
	max-width:50%;
	height:auto;
	padding-right:60px;
	position: relative;
	z-index: 1;
}

#home #top_news #top_news_right{
	height: auto;
	position: relative;
	width: 50%;
	z-index: 2;
	float:right;
	text-align:left;
}

#home #top_news #top_news_right .title_blk{
	margin-top:-45px;
	margin-left:-150px;
	margin-right: -500%;
    padding-right: 500%;
	border-bottom:1px solid #404954;
	margin-bottom:20px;
}

#home #top_news #top_news_right .title_blk h3{
	font-size:3.86em;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#11375f;
	display:inline-block;
	margin-right:20px;
	padding-bottom:40px;
}

#home #top_news #top_news_right .title_blk a{
	display:inline-block;
	background-color:#91e0cd;
	padding:5px 15px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	font-weight:bold;
	color:#404954;
	vertical-align:top;
}

#home #top_news #top_news_right .title_blk a:hover{
	background-color:#11375f;
	color:#fff;
}

#home #top_news #top_news_right .title_blk a span{
	font-size:0.8em;
	font-weight:bold;
	color:#09b889;
}

#home #top_news #top_news_right dl{
	margin-bottom:10px;
}

#home #top_news #top_news_right dt{
	display:inline-block;
	border-bottom:dotted 1px #02b78c;
}

#home #top_news #top_news_right dd{
	display:inline-block;
	padding-left:1em;
}

#home .top_section{
	padding-left: 8.5%;
	padding-right:8.5%;
	position:relative;
	margin-bottom:130px;
}

#home .top_section img{
	width:100%;
}

#home .top_section .sec_body{
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	position: absolute;
	bottom:-67px;;
	left:8.5%;
	padding:0;
	padding-right: 8.5%;
	width:100%;
}

#home .top_section .sec_body a{
	width:42%;
	background-color:#11375f;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	padding:20px;
	position:relative;
	display:block;
}

#home .top_section .sec_body a:hover{
	background-color:#02b78c;
}

#home .top_section .sec_body a:after{
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	content: "";
	display: block;
	height: 1em;
	margin: -10px 0 0;
	position: absolute;
	right: 1.5em;
	top: 50%;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 1em;
}

#home .top_section .sec_body a h3{
	font-weight:bold;
}

#home .top_section .sec_body .sec_desc{
	width:58%;
	background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	padding:30px 40px 40px;
}

#home .top_section .sec_body .sec_desc h4{
	font-size:1.6em;
	margin-bottom:20px;
	line-height:1.5;
}

#home .top_section h2.txt_algn_c{
	padding-bottom:1em;
}

#home .top_youtube{
	/*margin-left: 8.5%;
    margin-right: 8.5%;
	margin-bottom: 65px;*/
    text-align: center;
	width:48%;
}

#home .top_youtube .blk_youtube{
	position: relative;
	width:100%;
	padding-top:53.25%;
	margin-bottom: 1.5em;
}

#home .top_youtube .blk_youtube iframe{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#home .top_youtube .blk_channel h3 img{
	border-radius: 50%;
    width: 60px;
    vertical-align: middle;
    margin: 1em;
}
#home .top_youtube .blk_channel h3 span{
    display: inline-block;
    width: calc( 100% - 60px - 2em);
    vertical-align: middle;
	text-align: left;
}
/*#home .top_youtube .blk_channel a{
	overflow-wrap: break-word;
}*/

#home .box_flex{
	text-align: center;
	width: 30%;
}

#home .box_flex p{
	margin-bottom: 1em;
}

#home .box_flex a img{
	width: 80%;
	max-width: 330px;
}

#home .top_lakestars{
	width:35%;
}

#home .top_lakestars p{
	word-break: keep-all;
	overflow-wrap: break-word;
}

/*#home .top_lakestars h3{
	font-size: 1.334em;
	padding:0.5em 0;
}

#home .top_lakestars a{
	margin: 0 auto;
	display: block;
}

#home .top_lakestars a img{
	width: 50%;
	max-width: 700px;
}*/

#home .top_lakestars a{
	text-decoration: underline;
	color:#0058A4;
}

#home .top_lakestars a:last-child{
	margin-top:2em;
}
/* ▲　トップページhome.php　▲ */

/* ▼　会社概要company.php　▼ */
#company{}

#company .company_policy{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:50px 0;
	max-width:905px;
}

#company .company_policy h3{
	font-size:3.86em;
	display:inline-block;
	width:25%;
	float:left;
}

#company .company_policy ul{
    float: left;
    vertical-align: baseline;
    width: 75%;
}

#company .company_policy li{
    display: block;
    float: left;
    width: 33%;
}

#company .company_policy li p{
    border-bottom: 7px solid #b7d6fc;
	display:inline;
	color:#404954;
}

#company .company_policy li span{
	font-size:2.0em;
	vertical-align:bottom;
}

#company .company_greeting_catch{
	font-size:2.0em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#company .company_greeting01{
	z-index:1;
	position: relative; 
	}

#company .company_greeting01 img{
	width:64%;
	display: inline-block;
	vertical-align: middle;
}

#company .company_greeting01 p{
	width:35%;
	display: inline-block;
	vertical-align: middle;
	padding:40px 20px 40px 0;
}

#company .company_greeting02 img{
	width:43%;
	display: inline-block;
	vertical-align: middle;
}

#company .company_greeting02{
	z-index:2;
	position: relative;
	margin-top:-40px;
	}

#company .company_greeting02 p{
	width:56%;
	display: inline-block;
	vertical-align: middle;
	padding-left:20px;
}

#company .company_greeting02 p span{
	display: block;
}
@media (max-width: 768px) {

  #company .company_greeting01,
  #company .company_greeting02 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #company .company_greeting01 p,
  #company .company_greeting02 p{
    width: 100%;
  }
  #company .company_greeting01 p {
    padding: 20px;
  }
  #company .company_greeting01 img {
    margin-left: auto;
  }
  #company .company_greeting02 img {
    padding: 20px;
  }
}
#company .company_dtl{
	padding:30px 0;
}

#company .company_dtl h4{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2.0em;
}

#company .company_dtl span{
	color:#2766ab;
	font-size: 0.5em;
    vertical-align: middle;
}
#company .company_dtl dt,
#company .company_dtl dd{
    display: inline-block;
    vertical-align: text-top;
    color:#000;
}

#company .company_dtl dt{
    width: 8em;
}

#company .company_dtl dd{
    width: calc(100% - 8em);
}

#company .sec_title{
	width:130px;
}

#company .sec_right{
	padding-left:6%;
}

#company .sec_half_container{
	display: -webkit-flex; /* Safari */
	display: flex;
}

#company .sec_half{
	width:50%;
	float: left;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch; /*縦幅いっぱい*/

}

#company-chart{
	box-sizing:border-box;
	line-height:1.0;
	padding:30px 0;
	max-width:800px;
	min-width:300px;
}
#company-chart ul{
	margin:0;
	padding:0;
}
#company-chart ul li{
	list-style:none;
	background:#c7dcd7;
	position:relative;
	padding:0.75em 5%;
	font-size:0.8em;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
#company-chart li:before,
#company-chart li:after{/*罫線*/
	content: "";
	position:absolute;
	z-index: -1;
	background:#c7dcd7;
}
#company-chart .first_row{
	width:18%;
	float:left;
}
#company-chart .first_row li{
	margin-bottom:1.5em;
}
#company-chart .first_row li:after{/*縦線*/
	bottom: -1.5em;
	left: 50%;
	width: 1px;
	height:1.5em;
}
#company-chart .first_row li:last-child:after{/*最後の縦線消去*/
	width: 0px;
	height:0px;
}
#company-chart .second_row{
	width:18%;
	margin-top:1.8em;
	margin-left:9%;
	float:left;
}
#company-chart .second_row li{
	margin-bottom:3.5em;
}
#company-chart .second_row li:before{/*横線*/
	top:50%;
	left:-100%;
	width:100%;
	height:1px;
}
#company-chart .third_row{
	width:18%;
	margin-top:7em;
	margin-left:9%;
	float:left;
}
#company-chart .third_row li{
	margin-bottom:2.5em;
}
#company-chart .third_row li:before{/*横線*/
	top:50%;
	left:-25%;
	width:25%;
	height:1px;
}
#company-chart .third_row li:first-child:before{/*最初の横線*/
	left:-50%;
	width:50%;
}
#company-chart .third_row li:after{/*縦線*/
	top:50%;
	left:-25%;
	width:1px;
	height:5.5em;
}
#company-chart .third_row li:last-child:after{/*最後の縦線消去*/
	width:0px;
	height:0em;
}

#company-chart .fourth_row{
	width:18%;
	margin-top:7em;
	margin-left:9%;
	float:left;
}

#company-chart .fourth_row li{
	margin-bottom:1.5em;
}
#company-chart .fourth_row ul:first-child{
	margin-bottom:2.8em;
}
#company-chart .fourth_row li:before{/*横線*/
	top:50%;
	left:-25%;
	width:25%;
	height:1px;
}
#company-chart .fourth_row li:first-child:before{/*最初の横線*/
	left:-50%;
	width:50%;
}
#company-chart .fourth_row li:after{/*縦線*/
	top:50%;
	left:-25%;
	width:1px;
	height:4.5em;
}
#company-chart .fourth_row li:last-child:after{/*最後の縦線消去*/
	width:0px;
	height:0em;
}
#company-chart ul li:last-child{
	margin-bottom:0;
}

.company-tbl{}
.company-tbl th{
	width:10em;
	text-align:right;
	vertical-align:top;
	padding:10px 0;
}
.company-tbl tr:first-child th{
	border-bottom:5px solid #c7dcd7;
	text-align:left;
	padding:0;
}
.company-tbl th span{
	background-color:#c7dcd7;
	padding: 1px 1.5em;
}
.company-tbl td{
	padding:10px 1em;
}
.company-tbl td span{
	color:#c7dcd7;
}

#company .gmap_blk{
	position:relative;
	padding-bottom:300px;
}

#company .gmap_blk iframe{
	position:absolute;
	bottom:5px;
}
.blk_movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 914 / 514;
}
/* ▲　会社概要company.php　▲ */

/* ▼　分譲地のご案内lots.php　▼ */
#lots{}

#lots #page_menu{
	margin-bottom:80px;
}

#lots #page_menu a{
	padding:0;
}

#lots #page_menu li{
	width:32%;
	background-color:#11375f;
	color:#fff;
	float:left;
	margin-right:5px;
	padding:15px 1em;
	position:relative
}

#lots #page_menu li:hover{
	background-color:#02b78c;
}

#lots #page_menu li:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	width: 1em;
	height: 1em;
	margin: -10px 0 0 0;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#lots .lots_sec{
	position: relative;
}

#lots .lots_sec h3{
	border-bottom: 7px solid #b7d6fc;
    color: #404954;
    display: inline-block;
	font-size: 3.86em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom:10px;
	margin-bottom:10px;
}

#lots .lots_sec h4{
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:20px;
}

#lots .lots_sec p{
	margin-bottom:30px;
}

#lots .lots_sec .bnr_soldout{
	position: absolute;
    top: 50%;
    z-index: 10;
    background: rgba(255,255,255,0.9);
    width: 100%;
    text-align: center;
    font-size: 30px;
    padding: 1em;
    color: red;
    transform: skew(0deg, -10deg);
    line-height: 1.2;
}

#lots .sec_title{
	padding-right:3em;
}

#lots .sec_desc{
	margin-bottom:50px;
}

#lots .sec_desc img{
	margin-top:150px;
	width:63%;
	position:relative;
	z-index:1;
}

#lots .sec_desc p{
	float:right;
	width:55%;
	margin-left:-18%;
	padding:20px 0 40px 6%;
	border-left:1px solid #06b88a;
	border-bottom:1px solid #06b88a;
	background: rgba(255,255,255,0.8);
	position:relative;
	z-index:2;
}

#lots .sec_footer a{
	background-color:#11375f;
	color:#fff;
	font-size:1.33em;
	font-weight:bold;
	padding:1em 1.5em;
	position:relative;
	display:block;
	margin-bottom:100px;
}

#lots .sec_footer a:hover{
	background-color:#02b78c;
}

#lots .sec_footer a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5em;
	width: 1em;
	height: 1em;
	margin: -10px 0 0 0;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ▲　分譲地のご案内lots.php　▲ */

/* ▼　施工実績achievement.php　▼ */
#achievement .achievement_intro h3{
	font-size:1.66em;
	margin-bottom:30px;
}

#achievement .sec_title h3{
	margin-right:1em;
}

#achievement .sec_achievement{
}

#achievement .sec_achievement img{
	float:left;
	padding-right:4%;
	background-color:#fff;
}

#achievement .sec_achievement{
	margin-bottom:70px;
}

#achievement .sec_achievement h4{
    font-size: 1.33em;
    font-weight: bold;
	border-top:1px solid #06b88a;
	border-bottom:2px solid #06b88a;
    padding-top: 10px;
	padding-bottom:10px;
}

#achievement .sec_achievement p{
	color:#404954;
	line-height:2.0;
}

#achievement .sec_achievement p.achievement_date{
	border-bottom:1px dotted #00b88c;
	display:inline;
}
/* ▲　施工実績achievement.php　▲ */

/* ▼　お問い合わせinquiry.php　▼ */
#inquiry .sec_title {
    width: 130px;
}

#inquiry .sec_half{
	display:inline-block;
}

#inquiry .sec_half:first-child{
	margin-right:10%;
}

#inquiry .sec_half h4{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2.0em;
}

#inquiry .sec_half span{
	color:#2766ab;
	font-size: 0.5em;
    vertical-align: middle;
}

#inquiry .sec_half p{
	font-size:1.6em;
	font-weight:bold;
	color:#404954;
}

#inquiry .sec_half p span{
	font-size:0.5em;
	font-weight:normal;
}

#inquiry form table{
	width:100%;
}

#inquiry form th,
#inquiry form td{
	padding-bottom:20px;
}

#inquiry form th{
	font-weight:normal;
	width:170px;
	display:inline-block;
	float:left;
	text-align:left;
}

#inquiry form th span{
	font-size:0.8em;
	background-color:#d31222;
	color:#fff;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	padding:0 5px;
	float:left;
}

#inquiry form td{
	width: 100%;
	margin-left: -170px;
	padding-left: 170px;
	display:inline-block;
}


#inquiry form td .wpcf7-radio input{}

#inquiry form td input.wpcf7-text{
	width:100%;
}

#inquiry form td textarea{
	width:100%;
}


#inquiry form td input#submit{
	background-color: #11375f;
	background-image:url(images/arrow_btn.gif);
	background-repeat:no-repeat;
	background-position:97% center;
	color: #fff;
	margin-top: 20px;
	padding: 15px 1em;
	position: relative;
	width: 40%;
	text-align:left;
	font-size:1.33em;

}

#inquiry form td input#submit:hover{
	background-color:#02b78c;
	background-image:url(images/arrow_btn_hover.gif);
}
/* ▲　お問い合わせinquiry.php　▲ */

/* ▼　ダウンロードdownload.php　▲ */
#download .sec_title {
    width: 130px;
}
#download .blk_download{
	padding-top: 2em;
}
#download .blk_download p:first-of-type {
    width: 8em;
    vertical-align: top;
    text-align: center;
    padding-top: 0.2em;
    margin-bottom: 1em;
    margin-right: 1em;
    border: 2px solid #9ea7b2;
}
#download .blk_download p:last-of-type {
    padding-left: 1em;
}
/* ▲　ダウンロードdownload.php　▲ */

/**共通20200122**/
.sec_flex{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.sec_link{}

.sec_link p{
	margin-bottom:20px;
}

.sec_link p span{
	color: #2766ab;
	font-size: 1.3em;
    vertical-align: middle;
}

.sec_link dl{
	display: flex;
	display: -webkit-flex; /* Safari */
}

.sec_link dt,
.sec_link dd{
	color:#000;
	padding:20px 0;
	border-bottom:1px dotted #02b78c;
	width: 50%;
	float:left;
	align-items: stretch;
}

.sec_link dt span{
	font-size:2.0em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#404954;
}

.sec_link dd{
	padding-left: 6%;
}

.sec_link a:hover{
	background-color:transparent;
}

.blk_head {
	padding-bottom:50px;
}
.blk_head h4 {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 20px;
}

.blk_head .area_desc img {
    margin-top: 150px;
    width: 63%;
    position: relative;
    z-index: 1;
}

.blk_head .area_desc p {
    float: right;
    width: 55%;
    margin-left: -18%;
    padding: 20px 0 40px 30px;
    border-left: 1px solid #06b88a;
    border-bottom: 1px solid #06b88a;
    background: rgba(255,255,255,0.8);
    position: relative;
    z-index: 2;
}

.blk_column{
	padding-bottom: 30px;
}

.blk_column .area_img {
    width: 32%;
    position: relative;
    z-index: 1;
	display: inline-block;
}

.blk_column .area_img img {
    width:100%;
    height: auto;
	padding-bottom:1em;
}

.blk_column .area_txt {
    width: 68%;
    float: right;
    padding-left: 20px;
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
}

.blk_column .area_txt:last-child{
	margin-bottom:0;
}

.blk_column h4 {
    font-size: 1.33em;
    font-weight: bold;
    background-color: #95D8D0;
    padding: 15px 0 15px 50px;
	z-index: -1;
	width: 80%;
    float: right;
}

.blk_column.blk_overlap .area_img {
	margin-top:-3em;
	z-index: -1;
}

/*.blk_column.blk_reverse h4{
	float:left;
	margin-left: -500%;
    padding-left: 500%;
    width: 580%;
	background-color: #89C797;
	color: #fff;
}*/

.blk_column.blk_reverse .area_img{
    float:right;
}

.blk_column.blk_reverse .area_txt{
    float:left;
}
/* ▼　hiiragiの家house.php　▼ */
#house img{
	max-width:100%;
}

#house .sec_title {
    /*width:80%;
	background-color: #89C797;*/
	padding-right:2em;
}

#house .blk_logo{
	margin-bottom: 70px;
}

#house #blk_theme h5{
	font-size: 1.33em;
	margin-bottom: 2em;
}

#house .blk_column table#tbl_plan{
	width:100%;
}

#house .blk_column table td{
	vertical-align: top;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#house .blk_column table td .txt_space{
	letter-spacing: 2px;
}

#house .blk_column table td.tbl_head{
	width: 6em;
	-moz-text-align-last: justify;
     text-align-last: justify;
     text-justify:inter-ideograph
}

#house .blk_column table.uline{
	border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 50px;
}

#house .blk_column table.uline td{
	border-bottom: 1px solid #707070;
}

#house .blk_column table.uline tr:first-child td{
	border-top: 1px solid #707070;
}

#house .blk_column table.uline tr:nth-child(2) td:first-child {
    width:30%;
}

#house #sec_house .blk_head .area_desc img {
    float:left;
    width: 70%;
	margin-top:0;
}

#house #sec_house .blk_head .area_desc p {
    margin-left: 0;
}

#house #blk_plan_image .logo_hiiragilixil{
	padding:0.5em;
}

#house #blk_plan_image_foot{
	padding-top:1.5em;
}

#house #blk_about_ud li{
	color:#000;
}

#house .par_link{
	padding-top:1em;
}

#house .logo_hiiraginoie{
	max-width: 330px;
}

#house .logo_iotplus{
	max-width: 650px;
}

#house .logo_hiiragilixil{
	max-width: 450px;
}

/* ▲　hiiragiの家house.php　▲ */