@charset "utf-8";

/* 
@package WordPress
@subpackage 平真知子一級建築事務所
@last modified 20160229
*/
 
/* ==================================
	リセットCSS
================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
 	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
fieldset, img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:active, a:focus {
	outline: none;
}
img {
	vertical-align: bottom;
}


/* ==================================
	共通スタイル/汎用クラス
================================== */
html {
	height: 100%;
	font-size: 62.5%;
}
body {
	color: #4d4d4d;
	font-size:14px;
	font-size:1.4em;
	line-height: 24px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic","メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color: #4689c3;
}
a:hover {
	color: #f06d5a;
	text-decoration: underline;
	cursor: pointer;
}
#container {
	position: relative;
	height: auto !important;
	min-height: 100%;
}
#contents {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 980px;
	margin: 30px auto 50px;
	letter-spacing: 0.1rem;
}
#main {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 755px;
	margin: 0 auto;
	padding: 0;
}
#sidenavi {
	width: 200px;
	float: left;
	margin-right: 25px;
}
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
	overflow: hidden;
}

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.font-mincho {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

/*PCだけ改行*/
.br_pc:before { 
	content: "\A" ;
	white-space: pre ;
}
/* スマホだけ表示 */
.mobile_view {
	display: none;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	body {
	}
	#container {
	}
	#contents {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 0 5px;
		margin: 10px auto 30px;
	}
	#main {
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 30px;
	}
	#sidenavi {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.short_navi_wrap {
		display: none;
	}
	/* スマホだけ改行 */
	.br:before {
		content: "\A" ;
		white-space: pre ;
	}
	/* PCだけ改行 */
	.br_pc:before {
		content: "" ;
		white-space: pre ;
	}
	/* PCだけ表示 */
	.pc_view {
		display: none;
	}
	/* スマホだけ表示 */
	.mobile_view {
		display: block;
	}
}

/* ==================================
	スタイル
================================== */

/***** ヘッダー *****/
#header {
	width: 100%;
	min-width: 980px;
	padding: 0 0 10px;
	background: #fcfbfa;
	border-bottom: 1px solid #f6f2ea;
}
.header_top {
	width: 980px;
	margin: 0 auto ;
	padding: 14px 0 10px;
}
.header_top .header_left {
	float: left;
	margin-top: 25px;
}
.header_top .header_right {
	float: right;
}
.header_top .header_right .header_contact {
	width: 147px;
	height: 28px;
	margin-left: auto; 
	text-indent: -9999px;
}
.header_top .header_right .header_contact a {
	display: block;
	width: 147px;
	height: 28px;
	background: url("images/header_contact.png");
}
.header_top .header_right .header_contact a:hover {
	background: url("images/header_contact_hover.png");
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	#header {
		min-width: 100%;
	}
	.header_top {
		width: 100%;
		padding: 14px 0 0;
	}
	.header_top .header_left {
		float: none;
		margin: 10px 0 20px;
		text-align: center;
	}
	.header_top .header_left img {
		max-width: 256px;
	}
	.header_top .header_right {
		float: none;
	}
	.header_top .header_right .header_contact {
		display: none;
	}
}

 /***** グローバルナビ *****/
.menu-globalnavi-container {
	margin: 0;
	display: block;
	padding: 10px 0 0;
}
#globalnavi  {
	margin: 0;
	padding: 0;	
}
#globalnavi li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
	padding: 7px 0;
	border-right: 1px solid #c0cad1;
}
#globalnavi li:first-child {
	border-left: 1px solid #c0cad1;
}
#globalnavi li a {
	display: block;
	padding: 0 10px;
	color: #4d4d4d;
	text-decoration: none;
}
#globalnavi li a:hover {
	color: #f06d5a;
	font-weight: bold;
}
#globalnavi li.news  {
	width: 132px;
}
#globalnavi li.current_menu_item a:after,
#globalnavi li.current_page_item a:after,
#globalnavi li.current-page-ancestor a:after,
.news #globalnavi li.news a:after,
.example #globalnavi li.example a:after {
	content: url("images/globalnavi_list_bg.png");
	position: absolute;
	bottom: -5px;
	left: 45%;
}
#menu_btn {
	display: none;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	#menu_btn {
		display: block;
		text-decoration: none;
		color: #53422a;
		font-size: 20px;
		font-size: 2.0rem;
		background: #f6f2ea;
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
	}
	#menu_btn img {
		vertical-align: top;
		margin-top: 7px;
		max-width: 20px;
		transition: all 1s ease;
		-webkit-transition: all 1.5s ease;
	}
	#menu_btn:hover img {
		transform: rotate(360deg);
	    -webkit-transform: rotate(360deg);
	}
	.menu-globalnavi-container {
		padding: 0;
	}
	#globalnavi  {
		display: none;
		width: auto;
		margin: 0 ;
	}
	#globalnavi li {
		float: none;
		width: auto;
		height: 30px;
		text-align: left;
		padding-top: 0;
		border-right: 0;
		border-bottom: 1px solid #f6f2ea;
	}
	#globalnavi li:first-child {
		border-left: 0;
	}
	#globalnavi li:last-child {
		margin-bottom: 20px;
	}
	#globalnavi li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 30px;
		padding: 7px 0 7px 15px;
	}
	#globalnavi li.current_menu_item a:after,
	#globalnavi li.current_page_item a:after,
	#globalnavi li.current-page-ancestor a:after,
	.news #globalnavi li.news a:after,
	.example #globalnavi li.example a:after {
		content: "";
	}
}

/***** h1_box *****/
.h1_box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 300px;
	background-position: 50% 50%;
	background-size: cover;
	text-indent: -9999px;
	background-image: url("images/h1_other.jpg");
}
.concept .h1_box {
	background-image: url("images/h1_concept.jpg");
}
.hexagon .h1_box {
	background-image: url("images/h1_hexagon.jpg");
}
.info .h1_box {
	background-image: url("images/h1_info.jpg");
}
.flow .h1_box {
	background-image: url("images/h1_flow.jpg");
}
.example .h1_box {
	background-image: url("images/h1_example.jpg");
}
.news .h1_box {
	background-image: url("images/h1_news.jpg");
}
.contact .h1_box {
	background-image: url("images/h1_contact.jpg");
}
h1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto;
	padding: 35px 0 60px;
	font-size: 26px;
	font-size: 2.6rem;
	color: #635447;
	letter-spacing: 0.1rem;
	text-align: center;
	background: url("images/h1_bg.png") no-repeat 50% 65px;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	.h1_box {
		height: 200px;
	}
	h1 {
		width: 100%;
		padding: 15px 5px 5px;
		font-size: 20px;
		font-size: 2.0rem;
		background: none;
	}
}

/***** パンくず *****/
#bread {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 980px;
	margin: 5px auto 0;
}
#bread li {
	font-size: 10px;
	font-size: 1.0rem;
	float: left;
	padding-right: 3px;
	line-height: 10px;
	color: #b0a497;
}
#bread li a {
	color: #b0a497;
	text-decoration: none;
}
#bread li a:hover {
	text-decoration: underline;
}
#bread li:after {
	content: "＞";
}
#bread li:last-child:after {
	content: "";
}

@media screen and (max-width: 979px) and (min-width: 0px) {
	#bread {
		display: none;
	}
}

/***** サイドナビ *****/
#sidenavi p {
	margin-bottom: 15px;
	padding: 8px 0;
	background: #f6f2ea;
	color: #635447;
	text-align: center;
}
#sidenavi ul {
	margin-bottom: 40px;
}
#sidenavi ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 3px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 16px;
}
#sidenavi ul li a {
	display: block;
	background: url("images/sidenavi_bg.png") no-repeat 8px 50%;
	padding: 8px 10px 8px 22px;
	color: #808080;
}
#sidenavi ul li a:hover {
	background: url("images/sidenavi_bg_hover.png") no-repeat 8px 50% #f6f2ea;
	color: #4d4d4d;
}
#sidenavi ul li.active a {
	background: url("images/sidenavi_bg_hover.png") no-repeat 8px 50% #f6f2ea;
	color: #4d4d4d;
}
#sidenavi ul li span.news_category_childlist {
	display: block;
	padding-left: 10px;
}
#sidenavi ul li span.news_category_childlist a {
	background: none;
	padding: 0px 5px 5px 12px;
}
#sidenavi ul li span.news_category_childlist a:before {
	content: '・';
}
#sidenavi ul li span.news_category_childlist a:hover {
	background: #f6f2ea;
	color: #4d4d4d;
}

@media screen and (max-width: 979px) and (min-width: 0px) {
	#sidenavi p {
		margin-bottom: 5px;
		padding: 5px 0;
	}
	#sidenavi ul {
		margin-bottom: 20px;
	}
	#sidenavi ul li {
		margin-bottom: 0;
	}
	#sidenavi ul li a {
		padding: 5px 5px 5px 22px;
	}
}

/***** 見出し・見出し下テキスト・テーブル・リスト *****/
.slogan {
	margin: 0 ;
	font-size: 26px;
	font-size: 2.6rem;
	color: #635447;
	font-weight: bold;
	line-height: 36px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}
h2 {
	font-size: 18px;
	font-size: 1.8rem;
	color: #635447;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 12px 0;
	padding: 8px 0 3px 10px;
	background: url("./images/h2_bg_top.png") repeat-x 0 0,url("./images/h2_bg_left.png") repeat-y 0 0;
}
.h2_txt {
	margin-left: 10px;
}
h3 {
	display: inline-block;
	color: #80726a;	
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 15px 10px;
	padding: 0 15px 0 5px;
	vertical-align: bottom;
	background: url("./images/h3_bg.png") no-repeat 0 100%;
}
.h3_txt {
	margin-left: 15px;
}
h4 {
	color: #f06d5a;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 10px 15px;
}
.h4_txt {
	margin-left: 15px;
}
.list_style01 {
	padding-left: 10px;
}
.list_style01 li{
	background: url("./images/list_icon01.png") no-repeat 0 6px;
	padding: 0 0 0 10px;
}
.list_style02 {
}
.list_style02 li {
	padding: 0 0 5px 25px;
	text-indent: -20px;
}
.list_style02  li:nth-child(1):before {
	content: '１.';
	font-weight: bold;
}
.list_style02  li:nth-child(2):before {
	content: '２.';
	font-weight: bold;
}
.list_style02  li:nth-child(3):before {
	content: '３.';
	font-weight: bold;
}
.list_style02  li:nth-child(4):before {
	content: '４.';
	font-weight: bold;
}
.list_style02  li:nth-child(5):before {
	content: '５.';
	font-weight: bold;
}
.list_style02  li:nth-child(6):before {
	content: '６.';
	font-weight: bold;
}
.list_style02  li:nth-child(7):before {
	content: '７.';
	font-weight: bold;
}
.list_style02  li:nth-child(8):before {
	content: '８.';
	font-weight: bold;
}
.list_style02  li:nth-child(9):before {
	content: '９.';
	font-weight: bold;
}
.table_style01 {
}
.table_style01 tr {
	border-bottom: 1px dotted #dfd8c8;
}
.table_style01 th {
	padding: 13px 20px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.table_style01 td {
	padding: 13px 20px;
}
.table_style02 {
	border-top: 1px solid #dfd8c8;
}
.table_style02 tr {
	border-bottom: 1px solid #dfd8c8;
}
.table_style02 th {
	background: #f6f2ea;
	padding: 17px 20px;
	text-align: left;
	font-weight: bold;
	border-right: 1px solid #dfd8c8;
}
.table_style02 th:first-child {
	border-left: 1px solid #dfd8c8;
}
.table_style02 td {
	padding: 17px 20px;
	border-right: 1px solid #dfd8c8;
}
.table_style02 td:first-child {
	border-left: 1px solid #dfd8c8;
}
.em {
	font-weight: bold;
	border-bottom: 4px double #dc6f4b;
	padding-bottom: 1px;
}
.font_bold {
	font-weight: bold;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	.slogan {
		margin: 0 0 20px 0;
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 28px;
	}
	h2 {
	}
	.h2_txt {
		margin-left: 10px;
	}
	h3 {
		margin: 0 0 15px 5px;
		padding: 0 5px;
	}
	.h3_txt {
		margin-left: 10px;
	}
	h4 {
		margin: 0 0 10px 10px;
	}
	.h4_txt {
		margin-left: 10px;
	}
	.list_style01 {
		padding-left: 10px;
	}
	.list_style01 li{
	}
	.table_style01 {
		width: 100%;
		border-top: 1px dotted #dfd8c8;
	}
	.table_style01 tr {
		width: 100%;
	}
	.table_style01 th,
	.table_style01 td {
		display: block;
		padding: 10px;
		border-bottom: 1px dotted #dfd8c8;
		line-height: 20px;
	}
	.table_style01 td {
		border-bottom: 0;
	}
	.table_style02 {
		width: 100%;
	}
	.table_style02 tr {
	}
	.table_style02 th,
	.table_style02 td {
		display: block;
		padding: 10px;
		line-height: 20px;
	}
	.table_style02 th {
		border-bottom: 1px solid #dfd8c8;
	}
	.table_style02 td {
		border-left: 1px solid #dfd8c8;
	}
}

/*六角形の家ページ専用サブページリスト*/
.subpagelist_hex {
}
.subpagelist_hex > li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 180px;
	margin-right: 10px;
}
.subpagelist_hex > li:nth-child(4n) {
	margin-right: 0;
}

.hexagon_mask {
	position:relative;
	top: 0;
	width: 157px;
	height: 340px;
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	overflow: hidden;
	margin-right: 33px;
}
.clearfix .hexagon_mask:nth-child(4n) {
	margin-right: 0;
}
.clearfix .hexagon_mask:nth-child(n+5) {
	margin-top: 70px;
}
.hexagon_mask > div,
.hexagon_mask > div > div {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	overflow: hidden;
}
.hexagon_mask img {
	position:relative;
	top: 21%;
	left: -13%;
}
.hexagon_mask_wrap {
	float: left;	
}
.hexagon_mask_wrap .subpagelist_title {
	width: 157px;
	margin-top: -80px;
	padding: 10px 0 0;
	color: #f00;
	text-align: center;
}
.hexagon_mask_wrap .subpagelist_title a {
	text-decoration: none;
}
.hexagon_mask_wrap .subpagelist_title a:hover {
	text-decoration: underline;
}
.hexagon_mask_wrap .subpagelist_excerpt {
	width: 157px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 16px;
}

@media screen and (max-width: 979px) and (min-width: 0px) {
	.subpagelist_hex  {
		margin: 30px 0 0 0;
	}
	.subpagelist_hex > li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.hexagon_mask {
		float: left;
		width: 60px;
		height: 60px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin: 0 10px 10px 0;
	}
	.clearfix .hexagon_mask:nth-child(4n) {
		margin-right: 0;
	}
	.clearfix .hexagon_mask:nth-child(n+5) {
		margin-top: 70px;
	}
	.hexagon_mask > div,
	.hexagon_mask > div > div {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.hexagon_mask img {
		top: 0;
		left: 0;
	}
	.hexagon_mask_wrap .subpagelist_title {
		width: 100%;
		padding: 0 0 5px;
		margin-top: 0px;
		text-align: left;
		line-height: 14px;
	}
	.hexagon_mask_wrap .subpagelist_title a {
		text-decoration: none;
	}
	.hexagon_mask_wrap .subpagelist_title a:hover {
		text-decoration: underline;
	}
	.hexagon_mask_wrap .subpagelist_excerpt {
		width: 100%;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 16px;
	}
}


/***** コンテンツ *****/

/* 事務所紹介 */
.info_img_box {
	margin-left: 10px;
}
.info_img_box p {
	float: left;
	margin-left: 12px;
}
.info_img_box p:first-of-type {
	margin-left: 0;
}

@media screen and (max-width: 979px) and (min-width: 0px) {
	.info_img_box {
		display: none;
	}
}

/*住宅事例*/
.example #main {
	width: 980px;
}
.example h2 {
	margin: 50px 0;
}
.example_archive_box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 315px;
	height: 280px;
	margin-right: 17.5px;
}
.example #main a:nth-child(3n) .example_archive_box {
	margin-right: 0;
}
.example_archive_box .example_thumb {
	text-align: center;
	margin-bottom: 3px;
}
.example_archive_box .example_title {
	line-height: 20px;
	font-size: 1.1em;
}
a .example_archive_box .example_title {
	color: #635447;
}
a:hover .example_archive_box .example_title {
	color: #f06d5a;
	text-decoration: underline;
}
.example_single_box {
	width: 900px;
	margin: 0 auto;
}
.fotorama {
	margin-bottom: 30px;
}
.fotorama__stage {
	margin-bottom: 10px;
}
.example_point_box {
	margin: 0 0 20px 15px;
}
.example_point_box .img {
	width: 200px;
	margin-right: 20px;
	float: left;
}
.example_point_box .img img {
	width: 200px; 
}
.example_point_box .title {
	margin: 0 0 10px 0;
}
.example_data_box .table_style02 {
	width: 890px;
	margin-left: 10px;
}
.example_data_box .table_style02 th {
	width: 25%;
}
.foot_link {
	padding-top: 100px;
	margin-bottom: 50px;
	text-align: center;
}
.foot_link a {
	color: #80726a;
	text-decoration: none;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	.example #main {
		width: 100%;
	}
	.example #main a {
		text-decoration: none;
	}
	.example h2 {
		margin: 0 0 12px 0;
	}
	.example_archive_box {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	.example_archive_box .example_thumb {
		margin: 0 auto 2px;
	}
	.example_archive_box .example_thumb img {
		max-width: 310px;
	}
	.example_archive_box .example_title {
		max-width: 310px;
		margin: 0 auto;
	}
	.fotorama {
		margin-bottom: 20px;
	}
	.example_single_box {
		width: 100%;
	}
	.example_single_box .note {
		margin-bottom: 20px;
	}
	.example_point_box {
		margin: 0 0 20px 0;
	}
	.example_point_box .img {
		margin: 0 0 5px 0;
		float: none;
	}
	.example_data_box .table_style02 {
		width: 100%;
		margin-left: 0;
	}
	.example_data_box .table_style02 th {
		width: auto;
	}
	.foot_link {
		padding-top: 10px;
	}
}

/* ニュース＆コラム */
.news #main a {
	text-decoration: none;
}
.news_archive_box {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #dfd8c8;
	background: #fcfbfa;
}
.news_archive_box:hover {
	background: #f6f2ea;
}
.news_archive_box .news_thumb {
	float: left;
	width: 120px;
	height: 80px;
	overflow: hidden;
	margin-right: 20px;
}
.news_archive_box .news_cate {
	display: table-cell;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
}
.news_archive_box .news_cate a {
	text-decoration: none;
}
.news_archive_box .news_cate.news_bg {
	background: #5cb3e1;
}
.news_archive_box .news_cate.column_bg {
	background: #55b9a4;
}
.news_archive_box .news_cate.talk_bg {
	background: #f06d5a;
}
.news_archive_box .news_date {
	display: table-cell;
	font-size: 12px;
	font-size: 1.2rem;
	color: #808080;
	padding-left: 10px;
}
.news_archive_box .news_title {
	margin-top: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #4d4d4d;
}
.news_archive_box .news_body {
	color: #4d4d4d;
}
.news_single_box {
	padding-bottom: 50px;
	background: url("./images/h2_bg_top.png") repeat-x 0 100%;
}
.news .foot_link {
	padding-top: 10px;
}
/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	.news_archive_box .news_date {
		display: block;
	}
}

/* 家づくりの流れ */
.flowchart_wrap {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding-left: 35px;
	background: url("./images/flow_bg.png") no-repeat 10px 0;
	height: 1470px; 
}
.flowchart {
	position: absolute;
	left: 35px;
}
.flowchart.box01 {
	top: 0;
}
.flowchart.box02 {
	top: 272px;
}
.flowchart.box03 {
	top: 522px;
}
.flowchart.box04 {
	top: 702px;
}
.flowchart.box05 {
	top: 973px;
}
.flowchart.box06 {
	top: 1198px;
}
.flowchart.box07 {
	top: 1351px;
}
.flowchart .title {
	font-size: 20px;
	font-size: 2.0rem;
	color: #f06d5a;
	padding: 15px 15px 15px 60px;	
	background-color: #f6f2ea;
	background-repeat: no-repeat;
	background-position: 20px 50%;
}
.flowchart.box01 .title {
	background-image: url("./images/flowchart_bg01.png");
}
.flowchart.box02 .title {
	background-image: url("./images/flowchart_bg02.png");
}
.flowchart.box03 .title {
	background-image: url("./images/flowchart_bg03.png");
}
.flowchart.box04 .title {
	background-image: url("./images/flowchart_bg04.png");
}
.flowchart.box05 .title {
	background-image: url("./images/flowchart_bg05.png");
}
.flowchart.box06 .title {
	background-image: url("./images/flowchart_bg06.png");
}
.flowchart.box07 .title {
	background-image: url("./images/flowchart_bg07.png");
}
.flowchart .text {
	padding: 15px 10px 0 15px;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	.flow img {
		max-width: 350px;
	}
	.flowchart_wrap {
		position: static;
		padding-left: 0;
		background: none;
		height: auto;
	}
	.flowchart {
		position: static;
	}
	.flowchart .title {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 10px 10px 10px 45px;	
		background-position: 10px 50%;
	}
	.flowchart .text {
		padding: 5px 5px 20px 5px;
	}
}

/* ページネーション */
.pagenation {
	margin-top: 75px;
}
.page-numbers {
	position: relative;
	left: 50%;
	float: left;
	clear: both;
}
.page-numbers > li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
	list-style: none;
	left: -50%;
	margin: 0 3px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.page-numbers > li span {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 3px 0 0 11px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #dfd8c8;
}
.page-numbers > li span.current {
	padding: 2px 0 0 10px;
	width: 31px;
	height: 31px;
	background:#fff;
	border: 1px solid #dfd8c8;
	color: #f06d5a;
}
.page-numbers > li span.dots {
	padding: 3px 0 0 9px;
}
.page-numbers > li a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 3px 0 0 11px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #dfd8c8;
	color: #4d4d4d;
	text-decoration: none;
}
.page-numbers > li a:hover {
	padding: 2px 0 0 10px;
	background: #fff;
	border: 1px solid #dfd8c8;
	text-decoration: none;
	cursor: pointer;
}
.page-numbers > li .next,
.page-numbers > li .prev {
	padding: 3px 0 0 11px;
}
.page-numbers > li .next:hover,
.page-numbers > li .prev:hover {

}

/***** フッター *****/
#go_pagetop {
	display:none;
	position: fixed;
	right: 10px;
	bottom:190px;
}
#go_pagetop img {
	cursor: pointer;
}
#footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-width: 980px;
	padding: 45px 0  5px;
	background: url("./images/footer_bg.png") repeat;
}
.footer_box {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 5px;
}
.footer_top {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 70px;
}
.footer_logo {
	float: left;
	margin-right: 25px;
}
.footer_address {
	float: left;
	line-height: 16px;
}
.footer_contact {
	float: right;
}
.footer_contact a:hover {
	opacity: 0.7;
}
.footer_pagelist {
	float: left;
}
.footer_pagelist li {
	font-size: 12px;
	font-size: 1.2rem;
	float: left;
	padding: 0 5px;
	line-height: 16px;
	border-right: 1px solid #808080;
}
.footer_pagelist li:first-child {
	border-left: 1px solid #808080;
}
.footer_pagelist a {
	color: #808080;
	text-decoration: none;
}
.footer_pagelist a:hover {
	text-decoration: underline;
}
.copyright {
	text-align: right;
	line-height: 16px;
	color: #80726a;
	font-size: 10px;
	font-size: 1.0rem;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	#go_pagetop img {
		max-width: 29px;
	}
	#footer {
		min-width: 100%;
		padding: 20px 5px 5px;
	}
	.footer_box {
		width: 100%;
	}
	.footer_top {
		margin-bottom: 20px;
	}
	.footer_logo {
		float: none;
		margin: 0 0 20px;
		text-align: center;
	}
	.footer_logo img {
		max-width: 253px;
	}
	.footer_address {
		float: none;
		line-height: 20px;
		margin: 0 0 10px;
		text-align: center;
	}
	.footer_contact {
		float: none;
		margin: 0;
		text-align: center;
	}
	.footer_contact img {
		max-width: 199px;
	}
	.footer_pagelist {
		display: none;
	}
	.copyright {
		text-align: center;
	}
}

/* ==================================
	テンプレート　（style.css用）※リスト等は別途設定
================================== */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
img.alignleft {
	margin-right: 10px;
	margin-bottom: 10px;
}
img.alignright {
	margin-bottom: 10px;
	margin-left: 10px;
}
img.aligncenter {
	margin-bottom: 10px;
}
.imgleft_col .img {
	float: left;
	margin-right: 10px;
}
.imgleft_col .img img {
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgleft_col .text {
	overflow: hidden;
}
.imgright_col .img {
	float: right;
	margin-left: 10px;
}
.imgright_col .img img {
	margin-left: 10px;
	margin-bottom: 10px;
}
.imgright_col .text {
	overflow: hidden;
}
.imgleft_row .img {
	float: left;
	margin-right: 20px;
}
.imgleft_row .img img {
	margin-bottom: 10px;
	display: block;
}
.imgleft_row .text {
	overflow: hidden;
}
.imgright_row .img {
	float: right;
	margin-left: 20px;
}
.imgright_row .img img {
	margin-bottom: 10px;
	display: block;
}
.imgright_row .text {
	overflow: hidden;
}
.concept_box {
	width: 745px;
	margin: 0 0 20px 10px;
	background: #f6f2ea;
}
.concept_box .img {
	float: left;
	max-width: 300px;
	height: auto;
	margin-right: 20px;
}
.concept_box .text {
	padding: 20px 20px 0px 0px;
}
.twin_img_box {
}
.twin_img_box .left_img {
	float: left;
	width: 350px;
}
.twin_img_box .right_img {
	float: right;
	width: 350px;
}
.twin_img_box img {
	max-width: 350px;
	height: auto;
}
.imgright_row.img350 .img,
.imgleft_row.img350 .img {
	max-width: 350px;
}
.imgright_row.img350 .img img,
.imgleft_row.img350 .img img {
	max-width: 350px;
	height: auto;
}

/*--- タブレット（979） ---*/
@media screen and (max-width: 979px) and (min-width: 0px) {
	.hexagon img {
		width: 100%;
		height: auto;
	}
	img.alignleft,
	img.alignright {
		float: none;
		padding: 0px;
	}
	.imgleft_row .img,
	.imgright_row .img {
		float: none;
	}
	.imgleft_row .img {
		margin-right: 0;
	}
	.imgright_row .img {
		margin-left: 0;
	}
	.imgleft_row .img img,
	.imgright_row .img img {
		width: 100%;
		height: auto;
	}
	.concept_box {
		width: 100%;
		padding-top: 10px;
		margin: 0 0 15px 0;
	}
	.concept_box .img {
		float: none;
		margin-right: 0;
	}
	.concept_box .text {
		padding: 10px;
	}
	.twin_img_box {
	}
	.twin_img_box .left_img,
	.twin_img_box .right_img {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.twin_img_box img {
		max-width: 100%;
		height: auto;
	}
	.imgright_row.img350 .img,
	.imgleft_row.img350 .img {
		max-width: 100%;
	}
	.imgright_row.img350 .img img,
	.imgleft_row.img350 .img img {
		max-width: 100%;
	}
}