@charset "utf-8";
/*------------------------------------------------------------------------------

	facility.css

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

/*------------------------------------------------------------------------------
	施設ごと
------------------------------------------------------------------------------*/

#main .main_img {
	background: url(../../izumi/img/header_bg.jpg) no-repeat;
}

.hadano #main .main_img {
	background: url(../../hadano/img/header_bg.jpg) no-repeat;
	background-size: cover;
}

.hadano-gh #main .main_img {
	background: url(../../hadano-gh/img/header_bg.jpg) no-repeat;
	background-size: cover;
}

.hadano-ht #main .main_img {
	background: url(../../hadano-ht/img/header_bg.jpg) no-repeat;
	background-size: cover;
}

.kurita #main .main_img {
	background: url(../../kurita/img/header_bg.jpg?20191029) no-repeat;
	background-size: cover;
}

#main .promotion::before {
	background-image: url(../../izumi/img/content_figure.png);
}

.hadano #main .promotion::before {
	background-image: url(../../hadano/img/content_figure.png);
}

.hadano-gh #main .promotion::before {
	background-image: url(../../hadano-gh/img/content_figure.png);
}

.hadano-ht #main .promotion::before {
	background-image: url(../../hadano-ht/img/content_figure.png);
}

.kurita #main .promotion::before {
	background-image: url(../../kurita/img/content_figure.png?20191029);
}


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

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#main {
	padding-top: 20px;
}

#main figure {
	margin: 0;
	padding: 0;
}

#main p {
	line-height: 2.5;
	font-weight: normal;
}

#content h2,
#content h3,
#content h4 {
	line-height: 1.8;
	color: #80805C;
}

.hadano-gh #content h2,
.hadano-ht #content h2,
.kurita #content h2 {
	color: #1c0404;
}

.hadano-gh #content h3,
.hadano-gh #content h4,
.hadano-ht #content h3,
.hadano-ht #content h4,
.kurita #content h3,
.kurita #content h4 {
	color: #bf8991;
}

#content h3 {
	margin-bottom: 1.5em;
}

#content h4 {
	margin: 1em 0;
}

.site_column {
	padding: 0;
}

.sp_menu {
	padding-top: 20px;
}

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

#nav-toggle {
	height: 34px;
}

.menu_group {
	top: 54px;
}

#main {
	padding-top: 35px;
}

#main p {
	line-height: 1.8;
}

}

/*	
	インデックス
------------------------------------------------------------------------------*/

#main {
	font-feature-settings: normal;
}

#main .main_img {
	position: relative;
	height: 1000px;
	background-size: cover;
	z-index: -1;
}

#main .main_img {
	position: relative;
	height: 1000px;
	z-index: -1;
}

#main .main_img .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline;
	transform: translate(-50%, -50%);	
}

#main .main_img .title {
	position: relative;
	width: 560px;
	height: 280px;
	line-height: 280px;
	text-align: center;
}

#main .main_img .title img {
	vertical-align: middle;
}

#main .sub_title {
	position: absolute;
	bottom: -40%;
	left: 50%;
	display: inline;
	transform: translate(-50%, -50%);
}

#main .sub_title p {
    display: block;
    width: 215px;
    height: 410px;
    background: url(../../izumi/img/sub_ti.png) no-repeat;
}

.hadano #main .sub_title p {
    background: url(../../hadano/img/sub_ti.png) no-repeat;
}

.hadano-gh #main .sub_title p,
.hadano-ht #main .sub_title p {
    background: url(../../hadano-gh/img/sub_ti.png) no-repeat;
}

.kurita #main .sub_title p {
    background: url(../../kurita/img/sub_ti.png) no-repeat;
}

#main .promotion {
	position: relative;
	margin: 180px 0 120px;
}

#main .promotion::before {
	position: absolute;
	right: 0;
	top: -550px;
	content: '';
	display: inline-block;
	width: 600px;
	height: 1149px;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 3;
}

#main .promotion section {
	width: 830px;
}

#main .promotion .opening_date {
	display: inline-block;
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #80805C;
	color: #FFF;
	line-height: 1;
}

.hadano-ht #main .promotion .opening_date,
.kurita #main .promotion .opening_date {
	background-color: #bf8991;
}

.hadano-ht #main .promotion .opening_date span,
.kurita #main .promotion .opening_date span {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 1.4em;
}

#main .promotion h2 {
	margin-bottom: 40px;
	color: #80805C;
	font-size: 30px;
}

.hadano-gh #main .promotion h2,
.hadano-ht #main .promotion h2,
.kurita #main .promotion h2 {
	color: #bf8991;
}


#main .promotion .specialized {
	padding-left: 1em;
	color: #80805C;
}

.hadano-gh #main .promotion .specialized,
.hadano-ht #main .promotion .specialized,
.kurita #main .promotion .specialized {
	color: #bf8991;
}

#main .detail_btn {
	margin-top: 50px;
}

#main .detail_btn a {
	display: block;
	width: 420px;
	height: 61px;
	margin-left: auto;
	background: url(../img/banner_check_bg_green.png) no-repeat;
	background-size: contain;
}

@media screen and (max-width: 1400px) {
    
#main .promotion::before {
	position: absolute;
	right: 0;
	top: -550px;
	content: '';
	display: inline-block;
	width: 400px;
	height: 1149px;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 3;
}
    
#main .promotion section {
	width: 80%;
}
    
}

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

#main .main_img {
	height: 480px;
}

#main .main_img .title {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 10% 5%;
	line-height: 0;
}

#main .main_img .title::before {
	width: 20%;
	left: -2px;
	top: -2px;
}

#main .main_img .title img {
	width: 100%;
}

#main .sub_title {
	bottom: -40%;
	left: 50%;
}

#main .sub_title p {
	width: 107px;
    height: 204px;
    background-size: contain!important;
}

#main .promotion::before {
	top: -400px;
	width: 40%;
}

#main .promotion {
	margin-top: 150px;
}

#main .promotion section {
	width: 85%;
}

#main .promotion h2 {
	font-size: 1.7em;	
}

}

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

#main .main_img {
	height: 300px;
}

#main .sub_title {
	bottom: -80%;
	left: 38%;
}

#main .promotion::before {
	top: -285px;
}

#main .detail_btn a {
	width: 100%;
}

}

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

#main .promotion::before {
	top: -240px;
	width: 35%;
}

}


/*	
	施設案内・ご利用案内
------------------------------------------------------------------------------*/

/* パンくず */

.pankuzu ul li a {
	color: #042113;
}

.pankuzu ul li:first-of-type::before {
	background-image: url(../../../common/img/icon_home_green.svg);
}


/* タイトル */

#main .page_title h1 {
	padding: 70px 0;
	font-size: 2.625em;
	text-align: center;
	background: #042113;
	color: #FFF;
}

.kurita #main .page_title h1,
.hadano-gh #main .page_title h1,
.hadano-ht #main .page_title h1 {
	background: #1C0404;
}

.kugenuma #main .page_title h1,
.zaimokuza #main .page_title h1,
.kamakura #main .page_title h1 {
	background: #0E1A4E;
}

#main .page_title h1 span {
	display: block;
	font-size: 0.67em;
}

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

#main .page_title h1 {
	font-size: 1.8em;
}

}

#content .header_bg {
	position: relative;
	z-index: 1;
    margin: auto;
}

#content .header_bg figure {
	text-align: center;
}

#content .header_bg img {
	width: 100%;
}

#content h2 {
	margin-bottom: 90px;
	color: #042113;
	font-size: 2.25em;
	text-align: center;
	line-height: 1.5;
}

#content h2 .en{
	position: relative;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: .5em;
	color: #80805C;
	font-size: 0.444em;
	font-weight: normal;
}

.hadano-gh #content h2 .en,
.hadano-ht #content h2 .en,
.kurita #content h2 .en{
	color: #bf8991;
}

#content h2 .en::before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 200px;
	height: 5px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #DDDDD5;
}

.hadano-gh #content h2 .en::before,
.hadano-ht #content h2 .en::before,
.kurita #content h2 .en::before {
	background-color: #DBD5D5;
}

#content .content_bg {
	background: linear-gradient(#FFF 1%,#DDDDD5);
}

.hadano-gh #content .content_bg,
.hadano-ht #content .content_bg,
.kurita #content .content_bg {
	background: linear-gradient(#FFF 1%,#DBD5D5);
}

#content .concept {
	margin-top: -130px;
	padding-bottom: 200px;
}

#content .concept h2 {
	position: relative;
	margin-bottom: 0;
	padding: 2em 0;
	background: #FDFDFD;
	z-index: 2;
}

#content .concept .column {
	position: relative;
	min-height: 350px;
	margin-bottom: 150px;
	padding: 4% 6% 4% 7%;
	background-color: #FFF;
}

#content .concept .column:last-child {
	margin-bottom: 0;
}

#content .concept .column figure {
	position: absolute;
	right: 4%;
	top: 16%;
	float: right;
	width: 43%;
}

#content .concept .column:nth-child(2n) figure {
	position: absolute;
	left: 4%;
	top: 16%;
	float: right;
	width: 43%;
}

#content .concept .column figure img {
	width: 100%;
}

#content .concept .column .text{
	float: left;
	width: 45%;
}	

#content .concept .column:nth-child(2n) .text  {
	float: right;
}

#content .concept .column .text h3 {
	margin-bottom: 30px;
}

#content .overview {
	position: relative;
	padding: 50px 0;
	background-color: #FFF;
}

#content .overview table {
	border-collapse: separate;
	border-spacing:0;
	border-bottom:solid 1px #808080;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}

#content .overview table th,
#content .overview table td {
	border: 1px solid #808080;
}

.hadano-gh #content .overview table th,
.hadano-ht #content .overview table th,
.kurita #content .overview table th {
	background-color: #f9f2f2;
}

#content .overview ol {
	padding-left: 1.2em;
}

/*	
	★ホスピタリティ（あとで共有化かも）
------------------------------------------------------------------------------*/

#content .hospitality {
	padding-bottom: 120px;
}

#content .hospitality .description {
	text-align: center;
	margin-bottom: 100px;
}

#content .hospitality .column {
	margin-bottom: 80px;
}

#content .hospitality .column h3 {
	color: #042113;
}

.hadano-gh #content .hospitality .column h3,
.hadano-ht #content .hospitality .column h3,
.kurita #content .hospitality .column h3 {
	color: #1c0404;
}

#content .hospitality .column .introduction {
	margin-bottom: 40px;
}

#content .hospitality .column:first-of-type {
	width: 70%;
	margin: 0 auto 80px;
}

#content .hospitality .column:first-of-type h3 {
	text-align: center;
}

#content .hospitality .column:nth-of-type(2) figure {
	float: left;
    width: 40%;
}

#content .hospitality .column:nth-of-type(2) .text {
	float: right;
	width: 50%;
}

#content .hospitality .column:nth-of-type(3) figure {
	float: right;
    width: 40%;
}

#content .hospitality .column:nth-of-type(3) .text {
	float: left;
	width: 50%;
}

#content .hospitality a {
	text-decoration: none;
}

#content .hospitality .link a {
	padding: 15px 40px;
	font-size: 1.5em;
	background-color: #80805C;
	color: #FFF;
}

.hadano-gh #content .hospitality .link a,
.hadano-ht #content .hospitality .link a,
.kurita #content .hospitality .link a {
	background-color: #bf8991;
}

#content .hospitality .column .link {
	margin-top: 30px;
}

#content .hospitality .column:nth-of-type(2) .link {
	text-align: right;
}

#content .hospitality .contact {
	text-align: center;}

#content .hospitality .contact a {
	position: relative;
	display: inline-block;
	padding: 0 40px;
	padding-left: 3em;
}

#content .hospitality .contact a::before{
	content: "";
	position: absolute;
	width: 80%;
	height: 100%;
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../img/icon_arrow_white.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
	background-size: 0.6em 0.6em;
	background-position: top 50% left 0;

}

@media screen and (max-width: 1320px) {
    #content .hospitality .column:first-of-type {
        width: 100%;
        margin: 0 auto 40px;
    }
}

@media screen and (max-width: 860px) {
    #content .hospitality .column:first-of-type {
        width: 100%;
        margin: 0 auto 40px;
    }
    
    #content .hospitality .column:nth-of-type(2) figure,
    #content .hospitality .column:nth-of-type(3) figure {
        width: 45%;
    }
    
    #content .hospitality .column:nth-of-type(2) figure img,
    #content .hospitality .column:nth-of-type(3) figure img {
        width: 100%;
    }
    #content .hospitality .link a {
        font-size: 1.2em;
    }
    
    #content .hospitality .contact a {
        font-size: 1.5em;
    }
    
}

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

#content .hospitality {
	padding-bottom: 50px;
}

#content .hospitality .description {
	margin-bottom: 50px;
}

#content .site_column .hospitality .column {
	margin-bottom: 50px;
	padding: 0;
}

#content .hospitality .column:first-of-type {
	width: auto;
}
	
#content .site_column .hospitality .column figure,
#content .site_column .hospitality .column .text {
	float: none;
	width: 100%;
}

#content .site_column .hospitality .column figure img {
	width: 100%;
}

#content .site_column .hospitality .column .text {
	width: 100%;
}

#content .site_column .hospitality .column .link {
	text-align: right;
}

#content .site_column .hospitality .column .link a {
	padding: 10px 30px;
	font-size: 1.3em;
}

#content .hospitality .contact a {
	padding: 10px 20px 10px 60px;
	line-height: 1.5;
	text-align: left;
}

#content .hospitality .contact a::before{
	left: 30px;
}
}
/*----------------------------------------------------------------------------*/

#content .overview section {
	margin-top: 50px;
}

#content .overview .text {
	float: left;
	width: 52%;
	margin-right: 4%;
}

#content .overview table {
	width: 44%;
	margin-top: 1em;
}

#content .overview svg {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -200px;
	width: 100%;
	height: 200px;
	fill: #FFF;
}

@supports (-ms-ime-align:auto) {
    #content .overview svg {
        display: none;
    } 
}

#content .plan {
	padding: 200px 0 125px;
}

#content .plan h2 .en::before {
	background-color: #FFF;
}

#content .plan h3 {
    margin: 1.4em 0;
    padding-left: .3em;
    padding-bottom: 10px;
    border-bottom: 3px solid #FFF;
    font-size: 1.5em;
	color: #333;
}

#content .plan .center {
	text-align: center;
}

#content .plan section {
	margin-bottom: 50px;
}

#content .plan table {
	width: 100%;
	margin-top: 1.4em;
	border-collapse: separate;
    border-spacing: 2px 2px;
}

#content .plan table th {
	background-color: #80805C;
	color: #FFF;
}

.hadano-gh #content .plan table th,
.hadano-ht #content .plan table th,
.kurita #content .plan table th {
	background-color: #bf8991;
}

#content .plan table td {
	background-color: #f5f5f4;
}

.hadano-gh #content .plan table td,
.hadano-ht #content .plan table td,
.kurita #content .plan table td {
	background-color: #f9f2f2;
}

#content .plan table th, #content .plan table td {
	width: auto;
	border: none;
}

#content .plan table td {
	padding-left: .8em;
	text-align: center;
}

#content .plan .other table td {
	text-align: left;
}

#content .plan .notes {
	margin-top: 5em;
}

#content .plan .notes figure {
	float: left;
	width: 32%;
	margin-right: 4%;
}

#content .plan .notes figure img {
	width: 100%;
}

#content .plan .notes ul {
	float: left;
	width: 64%;
	font-size: 14px;
}


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

#main .page_title h1 {
	padding: 10% 0;
	font-size: 1.8em;
}

#content h2 {
	margin-bottom: 60px;
	font-size: 1.5em;
}

#content .header_bg,
#content .overview img {
	width: 100%;
}

#content .concept {
	margin-top: -100px;
	padding-bottom: 100px;
}

#content .concept .column {
	margin-bottom: 40px;
	min-height: 300px;
}

#content .concept .column .text h3 {
	margin-bottom: 10px;
}

#content .overview {
	padding: 50px 0 30px;
}

#content .overview section {
	margin-top: 20px;
}

#content .overview .text {
	float: none;
	width: 100%;
}

#content .overview table {
	width: 100%;
}

#content .plan {
	padding: 150px 0 50px;
}

#content .plan .notes {
	margin-top: 0;
}

}

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

#content .concept {
	margin-top: -50px;
	padding-bottom: 50px;
}

#content .concept .column {
	padding: 4%;
}

#content .concept .column figure,
#content .concept .column:nth-child(2n) figure {
	position: static;
	float: none;
	width: 100%;
	margin-bottom: 2%;
}

#content .concept .column .text,
#content .concept .column:nth-child(2n) .text {
	float: none;
	width: 100%;
}

#content .overview {
    padding: 20px 0 30px;
}

#content .plan .notes figure {
	float: none;
	width: 100%;
	margin-right: 0;
}

#content .plan section {
	margin-bottom: 30px;
}

#content .plan table thead {
	display: none;
}

#content .plan table td {
	text-align: right;
}

#content .plan table tbody th {
	display: block;
}
#content .plan table tbody td {
	display: block;
	padding: 10px 5px;
	border: 1px solid #CCC;
}
#content .plan table tbody td::before {
	font-weight: bold;
	float: left;
	content: attr(label);
}
#content .plan table tbody td p {
	margin: 0;
	text-align: inherit;
	vertical-align: middle;
}

#content .plan .notes ul {
	float: none;
	width: 100%;
	padding-left: 5%;
}

}

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

}


/*
#content .promise {
	height: 900px;
	background: url(../img/promise_bg.jpg) no-repeat;
	background-size: cover;
}

#content .promise .inner {
	padding: 136px 0;
}

#content .promise h2 {
	margin-bottom: 4em;
	color: #FFF;
}

#content .promise h2 span {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: .5em;
	font-size: 0.444em;
	font-weight: normal;
}

#content .promise .column {
	position: relative;
	float: left;
	width: 30%;
	margin-right: 4%;
	padding: 4%;
	min-height: 410px;
	background-color: #FFF;
}

#content .promise .column:last-child {
	margin-right: 0;
}

#content .promise .column .num {
	position: absolute;
	top: -50%;
	left: 50%;
	display: inline;
	transform: translate(-50%, -50%);	
	color: #80805C;
	font-size: 8.750em;
	font-weight: normal;
}

#content .promise .column h3 {
	position: relative;
	margin-bottom: 2em;
	padding-top: 2em;
	text-align: center;
	line-height: 1.5;
	color: #042113;
	font-size: 1.313em;
}

#content .promise .column h3::before {
	content: '';
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 3px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #DDDDD5;
}

#content .space.cs {
	background-color: #FFF;
}

#content .space .inner {
	position: relative;
	padding: 300px 0 100px;
}

#content .space h2 {    
    position: absolute;
    margin: 0;
    padding: 3% 0 2%;
    z-index: 2;
    width: 390px;
    text-align: center;
    color: #FFF;
	background-color: #80805C;
}

#content .space.cs h2 {    
    top: -9px;
    left: 0;
}

#content .space.ps h2 {    
    top: -9px;
	right: 0;
}

#content .space h2:before {
	position: absolute;
    content: '';
    top: 0;
    right: -9px;
    border: none;
    border-bottom: solid 9px #000;
    border-right: solid 9px transparent;
}

#content .space h2 .en {
	color: #FFF;
}

#content .space h2 .en::before {
	display: none;
}

#content .space .col2 {
	position: relative;
	margin-bottom: 50px;
}

#content .space .col2 figure {
	position: absolute;
	bottom: 0;
	width: 48%;
}

#content .space.cs .col2 figure {
	right: 0;
	float: right;
}

#content .space.ps .col2 figure {
	left: 0;
	float: left;
}

#content .space .col2 figure img {
	width: 100%;
	height: auto;
}

#content .space .col2 .text{
	width: 45%;
}	

#content .space.cs .col2 .text{
	float: left;
}	

#content .space.ps .col2 .text{
	float: right;
}	

#content .space .col3 .col {
	float: left;
	width: 30%;
	margin-right: 5%;
}

#content .space .col3 .col:last-child {
	margin-right: 0;
}

#content .space .col3 .col img {
	width: 100%;
}

#content .pdf_btn {
	margin-top: 20px;
	text-align: right;
}

#content .pdf_btn a {
    display: inline-block;
	padding: .5em 2em .5em 4em;
    background: url(../img/icon_arrow_white.svg) no-repeat;
    background-size: 0.8em 0.8em;
    background-position: top 50% left 16%;
	background-color: #12303A;
    color: #FFF;
	font-weight: normal;
}

#content .meal {
	padding: 100px 0;
	background-color: #FFF;
}

#content .meal h3 {
	margin-top: 1.5em;
	text-align: center;
}

#content .meal p {
	width: 68%;
	margin: 0 auto;
	text-align: center;
}

#content .event {
	padding: 100px 0;
	background-color: #12303A;
}

#content .event h2 {
    margin-bottom: 30px;
	color: #FFF;
}

#content .event .group {
	margin-top: 70px;
}

#content .event p {
	text-align: center;
	color: #80805C;
	font-size: 0.875em;
}

#content .event h3 {
	text-align: center;
	color: #12303A;
}

#content .event .col4 .col {
	float: left;
	width: 23.5%;
	margin-right:2%;
}

#content .event .col4 .col:last-child {
	margin-right: 0;
}

#content .event .col4 .col img {
	width: 100%;
	vertical-align: bottom;
}

#content .event .col4 .col .text {
	padding: 10%;
	background-color: #FFF;
}

#content .event .col4 .col p {
	text-align: left;
}

#content .plan {
	position: relative;
	padding: 100px 0;
	background-color: #FFF;
}

#content .plan svg {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -200px;
	width: 100%;
	height: 200px;
	fill: #FFF;
}

#content .flow {
	padding: 200px 0;
}

#content .flow h2 .en::before {
	background-color: #FFF;
}

#content .flow .box {
	position: relative;
	margin-bottom: 5%;
	padding: 4%;
	background-color: #FFF;
}

#content .flow .box::before {
	position: absolute;
	content: "";
	background: #FFF;
	width: 5px;
	height: 25%;
	left: 50%;
	bottom: -25%;
}

#content .flow .box:last-child::before {
	display: none;
}

#content .flow .box .left_box {
	float: left;
}

#content .flow .box .right_box {
	float: left;
	width: 76%;
	padding: 2.5% 0 2%;
}

#content .flow .box .right_box .text {
	margin-bottom: 1em;
}

#content .flow .box .label {
	position: absolute;
	left: -10px;
	top: 30px;
	width: 152px;
	background-color: #12303A;
	color: #FFF;
	text-align: center;
}

#content .flow .box .left_box {
	display: block;
	width: 20%;
	padding: 6% 0;
	margin-right: 4%;
	border-right: 1px solid #e6e6de;
}

#content .flow .box.s02 .left_box {
	padding-bottom: 16%;
}

#content .flow .box .left_box h3 {
	margin-bottom: 0;
	text-align: center;
	font-size: 1.25em;
}

#content .flow .inquiries ul {
	list-style: none;
}

#content .flow .inquiries li {
	float: left;
    margin-right: 2%;
}

#content .flow .inquiries li.tel {
	width: 27%;
}

#content .flow .inquiries li.document {
	width: 38%;
}

#content .flow .inquiries li.inquiry {
	width: 30%;
}

#content .flow .inquiries li:last-child {
	margin-right: 0;
}

#content .flow .inquiries a {
	display: block;
	text-align: center;
}

#content .flow .inquiries .tel a {
	display: block;
	text-align: center;
	color: #808080;
	border: 1px solid #80805C;
}

#content .flow .inquiries .tel span {
	display: block;
	margin-top: 5px;
	line-height: 2;
	font-size: 0.75em;
}

#content .flow .inquiries .tel .num {
    margin-top: -10px;
	font-family: 'Cardo', serif;
	font-size: 2em;
	line-height: 1.6
}

#content .flow .inquiries .document,
#content .flow .inquiries .inquiry {
	background: #e6e6de;
}

#content .flow .inquiries .document a,
#content .flow .inquiries .inquiry a {
	font-size: 1.125em;
	line-height: 4;
}

#content .flow .inquiries .document a {
	padding-left: 2em;
	background: url(../img/icon_pen.svg) no-repeat;
	background-size: 9%;
	background-position: left 10% top 50%;
}

#content .flow .inquiries .inquiry a {
	padding-left: 2.5em;
	background: url(../img/icon_mail.svg) no-repeat;
	background-size: 9%;
	background-position: left 15% top 50%;
	color: #777;
}

#content .flow .right_box .doc_list {
	padding: 4%;
	background-color: #E8DEAF;
	list-style: none;	
}

#content .flow .right_box .doc_list li {
	float: left;
	width: 30%;
	margin-right: 5%;
}

#content .flow .right_box .doc_list li:nth-child(3n) {
	margin-right: 0;
}

#content .flow .right_box .doc_list li::before {
	content: '✔';
	margin-right: 3%;
	color: #D75700;
}
*/