@charset "UTF-8";
/*
Theme Name:laplage(ラプラージュ)
Theme URI:https://saisei-laplage.com
Description:laplageのテーマ
Author:TommyDesignOffice
Author URI:https://tommy-design.jp/
Version:1
*/

/***********************************
2024年9月追加
************************************/
#fee .boxes{
	display: flex;
	align-items: center; 
	line-height: 1.5;
	border-bottom: 1px solid #d4d4d4;
  padding: 0 0 15px;
  margin: 0 0 15px;
}
#fee .boxes:first-of-type {
	
}
#fee .boxes h4{
	width: 25%;	
}
#fee .boxes .price_box{
	width: 80%;
	text-align: right;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.1em;
  color: #5857a1;
	
}
#fee .boxes .price_box .times{
	font-size: 16px;
  color: #4d4d4d;
	line-height: 1;
}
.price_box dl{
	display: flex;
	 justify-content: flex-end;
align-items: center; 
}
.price_box dt{
	width: 50%
}
.price_box dd{
	width: 50%
}
#fee .small_text{
	font-weight: normal;
	line-height: 1.5;

}
/***********************************
画像
************************************/
.sns_bana img,#top_f_info img,footer img,.icon_dog img,#top_about .img1 img,.things_04 img,#cafe img,#agency img,#prana img,#wave img,#condition img,#profile img,#history img,#radon img,#radonroom img,#flow img{width: 100%;max-width: 100%;height: auto;}


/***********************************
施工について
************************************/
.construction{
	margin: 40px auto 80px;
}
@media screen and (max-width: 640px) {	
.construction {
   margin: 25px 0 50px;
}
}
/***********************************
ラドン温浴ルーム
************************************/
#radon{
	margin: 40px auto 80px;
	
}
#radon .box{
	line-height: 1.8;
	padding: 40px 50px;
	border-radius: 10px;
	position: relative;
	width: 80%;
	margin: auto;
}
#radon .box dl{
	margin: 0 0 30px;
}
#radon .box dt{
	font-size: 20px;
	padding: 0 0 0 30px;
	background-image: url(common/images/check.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 23px auto;
	color: #cca1cf;
	font-weight: 600;
}
#radon .box dd{
	padding: 0 0 0 30px;
	text-align: justify;
}
.dollstone{
	position: absolute;
	bottom: 60px;
	right: 60px;
	width: 260px;
}
/*ラドン温浴ルーム*/
#radonroom {
    padding: 0px 0 100px;
    background-color: #f7f5f0;
	line-height: 2;
	overflow: hidden;
}
#radonroom h2,#faq h2,#flow h2{
	font-size: 26px;
color: #4d4d4d;
margin: 0 auto 60px;
line-height: 1.5;
font-weight: 600;
padding: 0 20px;
	    text-align: center;
}
.box_a,.box_b,.box_d{
	float: left;
	width: 45%;
	font-size: 16px;
}
.box_a{
	margin: 0 10% 0 0;
}
.big_title{
	font-size: 20px;
color: #5857a1;
line-height: 1.8;
margin: 0 0 30px;
letter-spacing: 0.1em;
	font-weight: bold;
}
.box_a ul li {
	width: 20%;
}
.box_a .text_ara{
	margin: 30px 0 0;
}
.box_c{
	float: right;
	width: 45%;
	margin: 50px 0 0 0;
	font-size: 16px;
}
.box_d{
	text-align: center;
	margin: 120px 0 0 0;
}
#fee{
	float: right;
	width: 39%;
	margin: 50px 0 0 0;
	font-size: 16px;
	background-color: #FFFFFF;
	padding: 30px 3%;
	position: relative;
	border: 2px solid #b4b4d5;
}
#fee h3{
	text-align: center;
	font-size: 18px;
}
#fee h3::before{
		content: '';
display: inline-block;
width: 13px;
height: 13px;
background-image: url(images/radon/icon_deco02.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 0 10px 0 0;
}
#fee h3::after{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url(images/radon/icon_deco01.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 0 0 10px;
}
#fee ul{
	border-bottom: 1px solid #d4d4d4;
	padding:  0 0 15px;
	margin: 0 0 15px;
}
#fee ul li{
	text-align: right;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 0.1em;
	color: #5857a1;
}
#fee .small_text{
	text-align: center;
}
#fee .time{
	background-color: #5857a1;
color: #FFFFFF;
padding: 3px 10px;
border-radius: 20px;
font-size: 13px;
	text-align: center;
	display: block;
	margin: 0 auto 10px;
	width: 100px;
}
#fee ul li .en{
	margin: 0 20px 0 0;
}
#fee ul li .times{
	font-size: 16px;
	color: #4d4d4d;
	margin: 0 40px 0 15px;
}
.char{
	position: absolute;
	top: 50px;
	left: -70px;
	width: 180px;
}
.list_box{
	clear: both;
	padding: 50px 0 80px;
}
.list_box li{
	width: 26%;
	background-color: #FFFFFF;
	border: 1px solid #ecdced;
	padding: 30px;
	border-radius: 10px;
	text-align: justify;
	position: relative;
}
.list_box p{
	margin: 0 0 20px;
	line-height: 2.2;
	font-size: 14px;
}
.list_box h3 {
    font-size: 18px;
    color: #cca1cf;
    margin: 0 0 20px;
    line-height: 1.8;
	text-align: center;
}
.magin20{
	margin: 0 0 50px!important;
}
.room_img{
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin:0 auto;
	width: 86% !important;
}
.kitai .text_ara{
	padding: 0 50px;
	font-size: 13px;
	text-align: justify;
}
/*
流れ
*/
#flow{
	margin: 80px 0 80px;
}
#flow .inner{
	position: relative;
}
#flow h2{
	text-align: center;
}
#flow .box{}
#flow .box li{
	width: 20%;
	position: relative;
}
#flow .box li::after{
	content: '';
	display: block;
	width: 12px;
	height: 30px;
	background-image: url(images/radon/arow_left.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 25px 0 0;	
	position: absolute;
	top: 100px;
	right: -70px;
}
#flow .box li:last-child::after{
	display: none;
}
#flow .box li p{
	line-height: 1.8;
	font-size: 14px;
	margin: 15px 0 0 ;
}
.dog_10{
	position: absolute;
	bottom: -130px;
	left: 280px;
	width: 147px;
}
/*
よくある質問
*/
#faq{padding: 80px 0 100px;}
#faq .box{
	width: 80%;
	margin: 0 auto 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #bababa;
	text-align: justify;
}
#faq .box:last-of-type {
	border: none;
	margin: 0 auto 0px;
	padding: 0px;
}
#faq .box .q_txt{line-height: 2;display: block;padding: 15px 30px 10px 45px;position: relative;}
#faq .box .a_txt{line-height: 2;display: block;padding: 10px 30px 10px 45px;position: relative;}
.q_txt::before, .a_txt::before {
    content: '';
    display: block;
    text-align: center;
    background: #5857a1;
    width: 30px;
    height: 30px;
    color: #fff;
    font-family: "SemiBold";
    line-height: 30px;
    font-size: 18px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 15px;
	font-weight: normal;
}
.q_txt::before {content: 'Q';}
.a_txt::before {content: 'A';background: #cca1cf;}
#faq .box a,#history table a,#construction table a{
	color: #0700FF;
	text-decoration: underline;
}
#faq .box a:hover,#history table a:hover,#construction table a:hover{
	color: #6B67FF;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
.dollstone{
	position: static;
	width: 60%;
	margin: auto;
}
/*ラドン温浴ルーム*/
.box_a,.box_b,.box_d{
	float: none;
	width: 100%;
	margin: 0 0 30px;
}
.box_a ul{
	width: 80%;	
	}
.box_c {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 16px;
}
#fee {
    float: none;
    width: 94%;
	padding: 30px 3%;
}
.char {
    top: -40px;
    left: 0px;
}
.list_box li {
    width: 95%;
	margin: 0 0 30px;
}
.list_box li:last-child{
	margin: 0;	
	}
.magin20 {
    margin: 0 0 20px !important;
}
.room_img {
    position: static;
    width: 100% !important;
}
.kitai .text_ara {
    padding: 0 0px;
    font-size: 13px;
}
/*温浴の流れ*/	
#flow {
    margin: 100px 0 50px;
}
#flow .box ul{
	width: 90%;
	margin: auto;
	}
#flow .box li{
	width: 45%;
	position: relative;
	margin: 0 0 50px;
}	
#flow .box li::after{
	display: none;
}	
.dog_10{
	bottom: -30px;
	left: 0px;
}
/*よくある質問*/		
#faq .box{width: 90%;}

.q_txt::before, .a_txt::before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    top: 15px;
}
}
@media screen and (max-width: 640px) {	
#radon {
   margin: 25px 0 50px;
}
#radon .box dt {
    font-size: 18px;
}
#radon .box {
    padding: 30px 6% 30px 6%;
	width: 88%;
}
.dollstone {
    width: 80%;
}
/*ラドン温浴ルーム*/
#radonroom {
    padding: 0px 0 50px;
}
#radonroom h2 ,#flow h2,#faq h2{
    font-size: 20px;
    margin: 0 0 30px;
}
.big_title {
    font-size: 19px;
	font-weight: 600;
}
.box_a ul{
	width: 100%;	
	}
.box_a ul li {
	width: 23%;
}
#fee h3 {
    margin: 0 0 10px;
}
.char {
    top: -50px;
    left: 0px;
	width: 130px;
}
#fee ul li .times {
    font-size: 16px;
    color: #4d4d4d;
    margin: 0 15px 0 10px;
}	
#fee ul li .en {
    margin: 0 10px 0 0;
}	
.list_box {
    padding: 30px 0 50px;
}	
.list_box h3 {
    margin: 0 0 10px;
}
.magin20 {
    margin: 0 0 10px !important;
}
/*温浴の流れ*/	
#flow {
    margin: 40px 0 0px;
}
.box_a ul li {
	width: 24%;
}
.dog_10{
	width: 120px;
}	
/*よくある質問*/	
#faq {padding: 40px 0 ;}
#faq .box{width: 100%;margin: 0 auto 10px;
padding: 0 0 13px;}	
#faq .box .q_txt,#faq .box .a_txt{padding: 15px 20px 10px 48px;}	
}
/***********************************
会社案内
************************************/
.store{
	background-image: url(images/company/stora.jpg);
	background-repeat: no-repeat;
	background-position: right -200px top 120px;
	background-size: cover;
	margin: -100px 0 0;
	padding: 100px 0 100px;
}
#about{
	margin: 40px 0 0px;
}
#about h2{
	font-size: 33px;
 color: #5857a1;
margin: 0 0 60px;
line-height: 1.6;
font-weight: 600;
	letter-spacing: 0.1em;
	position: relative;
	padding: 0 0 0 170px}
#about h2::before{
	position: absolute;
	left: 0;
	top: 20px;
	margin: 0 20px 0 0;
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-image: url("images/company/logo_2024.png");
	width: 96px;
	height: 121px;
	background-size: 96px 121px;
}


#about .text_ara{
	 font-size: 16px;
	line-height: 2;
	width: 60%;
	
}
/*沿革*/
#history{
	margin: 100px 0;
	position: relative;
	z-index: 2;
}
#history h2,#company_profile h2,#photograph h2{
	font-size: 26px;
color: #4d4d4d;
line-height: 1.5;
font-weight: 600;
padding: 0 20px;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 0 50px;
}
#history h2 span,#company_profile h2 span,#photograph h2 span{
	font-size: 17px;
	color: #cca1cf;
	font-family: "SemiBold";
	display: block;
	margin: 10px 0 0;
	letter-spacing: 0.1em;
}
#history table{
	line-height: 1.8;
	width: 82%;
	margin: 0 auto;
}
.month{
	width: 10%;
	color: #5857a1;
	font-weight: bold;
}
#history table .text_ara{
	width: 77%;
}
.boder{
	border-bottom: 1px dashed #bababa;
}
#history table th{
	color: #5857a1;
	width: 10%;
	padding: 25px 0 25px;
	vertical-align: top;
	text-align: left;
}
#history table td{
padding: 25px 0 25px;
vertical-align: top;
}

.flower{
	position: absolute;
	left: 0;
	top: 0;
	width: 400px;
	z-index: -1;
}
.leaf{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
	z-index: -1;
}
/*会社概要*/
#company_profile{
	padding: 80px 0 100px;
}
#company_profile .top_f_table{
	line-height: 1.8;
}
#company_profile .top_f_table tr {
    border:none ;
}
#company_profile .top_f_table th, #company_profile .top_f_table td {
    padding: 15px 0 15px;
    margin: 15px 0 15px;
	vertical-align: top;
}
.logo_box{
	background-color: #FFFBFB;
	width: 200px;
	text-align: center;
	margin: 50px auto 0;
	border-radius: 10px;
	padding: 50px;
}
.logo_box img{
	width: 74px;
max-width: 94px;
height: auto;
}
@media screen and (max-width: 768px) {	
.store{
	background: none;
	margin: 0;
	padding: 0;
}
#about h2::before{
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0px;
}
#about h2 {
    padding: 170px 0 0 ;
	text-align: center;
}	
#about .text_ara {
    width: 100%;
}
/*沿革*/
#history table{
	width: 100%;
}
.flower{
	left: -100px;
}
}
@media screen and (max-width: 640px) {
#about {
    margin: 0 auto 30px;
}
#about h2{
	font-size: 28px;
	margin: 0 0 20px;
	line-height: 1.6;
	padding: 140px 0 0 ;
}

/*沿革*/
#history {
    margin: 60px 0 40px;
}
#history h2, #company_profile h2,#photograph h2 {
    font-size: 22px;
    margin: 0 0 30px;
}
#history table th {
    width: 100%;
	display: block;
	padding: 15px 0 0px;
	font-size: 16px;
}
#history table td {
    display: inline-block;
	padding: 10px 0 20px;
}
.boder {
	display: block;
}
.month {
    width: 20%;
	text-align: center;
}
#history table .text_ara {
    width: 78%;
}
.flower{
	left: -60px;
	top: -20px;
	width: 230px;
}
.leaf {
    width: 200px;
}
/*会社概要*/
#company_profile {
    padding: 40px 0 25px;
}
#history h2 span, #company_profile h2 span {
    margin: 5px 0 0;
}
#company_profile .top_f_table th, #company_profile .top_f_table td {
    padding: 10px 0 10px;
    margin: 10px 0 10px;
}
#company_profile .top_f_table th{
	text-align: left;
	}
.logo_box{
	width: 90%;
	margin: 30px auto ;
	padding: 50px 5%;
}
}
/***********************************
ヒーリングセラピー
************************************/
#therapy{
	margin: 40px 0 100px;
	line-height: 2;
	font-size: 16px;
}
.s_title{
	text-align: center;
}
.s_title h2{
	font-size: 26px;
	color: #4d4d4d;
	margin: 0 auto 60px;
	line-height: 1.5;
	font-weight: 600;
	display: inline-block;
	padding: 0 30px;
	letter-spacing: 0.2em;
}
.session{
	font-size: 15px;
	line-height: 2;
	margin: 0 0 80px;
}
.session .gradation{border-radius: 10px;}
.session .sessionbox{
	padding: 60px 50px 10px;
}
.session .box{
	overflow: hidden;
	margin: 0 0 70px;
}
.session .box .left{
	width: 45%;
	text-align: justify;
}
.session .box .right{
	width: 45%;
}
.before_text{
	color: #9b9bc7;
	font-size: 16px;
	font-weight: 600;
}
.session .title{
	color: #cca1cf;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 10px;
}

.kitai {
    position: relative;
    margin: auto;
    height: auto;
    border: 2px solid #cca1cf;
    padding: 50px 0px 30px;
    border-radius: 20px;
}
.kitai h4 {
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	background-color: #cca1cf;
	border: 2px solid #cca1cf;
	padding: 5px 50px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 30px;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 500px;
}
.kitai .arrange{
	width: 88%;
}
.kitai ul{
	width: 45%;
}
.kitai ul li{
	margin: 0 0 10px;
	padding: 0 0 0 27px;
	background-image: url(common/images/check.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px auto;
}
.session_list{
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: 50px 0;
	padding: 50px; 
}
.session_list .box02{
	border-bottom: 1px solid #5857a1;
	padding: 0 0 30px;
	margin: 0 0 30px;
}
.session_list .box02:last-of-type {
	border: none;
	padding: 0;
	margin: 0;
}
.session_list h3{
	color: #FFFFFF;
text-align: center;
display: inline-block;
background-color: #5857a1;
border: 2px solid #5857a1;
padding: 4px 25px;
font-size: 16px;
font-weight: 600;
border-radius: 30px;
	margin: 0 0 10px;
}
.session_list .left{
	width: 65%;
	border-right: 1px dashed #bababa;
	padding: 0 5% 0 0;
}
.session_list .right{
	width: 24%;
	padding: 0 0 0 5%;
	text-align: right;
}
.session_list .right p{
	font-size: 13px;
}
.price{color: #5857a1;font-weight: 600;}
.en{font-size: 16px;}
.hun{font-size: 16px;}
.maney{font-size: 22px;margin: 0 0 0 8px;}
.impact{
	background-color: #DB1E79;
	color: #FFFFFF;
	padding: 3px 8px;
	font-size: 10px;
	border-radius: 30px;
	margin: 0 10px 0 0;
}
.precautions,.precautions02{
	margin: 30px 0 0;
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
	}
.remote{
	margin: 0 0 10px;
}
.course_contents{
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: 30px 0 70px;
	padding: 20px 50px;
}
.course_contents ul li{
	width: 33%;
	color: #5857a1;
	font-weight: 600;
	text-align: center;
}
.item{
	color: #FFFFFF;
	text-align: center;
	background-color: #5857a1;
	padding: 4px 10px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 30px;
	margin: 0 8px 0 0;
}
/*体質改善*/
#condition{
	position: relative;
	padding: 50px 0 0;
}
.session .bk_purple {
    border-radius: 10px;
}
.start{
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 392px;
}

/*プロフィール*/
#profile{
	padding: 100px 0;
}
#profile h2{
	font-size: 44px;
font-family: "SemiBold";
font-weight: normal;
line-height: 1.8;
	text-align: center;
	color: #4d4d4d;
	margin: 0 0 50px;
}
#profile .box{
	overflow: hidden;
	margin: 0 0 70px;
}
#profile .box .left{
	line-height: 2;
	width: 75%;
}
#profile .box .left h3{
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin:  0 0 30px;
}
#profile .box .left h3 span{
	font-size: 14px;
}
#profile .box .right{
	width: 20%;
}
#profile  .kitai .arrange {
    width: 95%;
}
#profile .kitai ul{
	width: 23%;
}
#profile .kitai ul li {
    padding: 0 0 0 20px;
    background-image: url(images/healing/star.png);
}
#profile .kitai h4 {
    padding: 10px 50px;
    width: 300px;
}
@media screen and (max-width: 768px) {
.session .box .left {
    width: 100%;
	float: none;
	margin: 0 0 30px;
}	
.session .box .right {
    width: 100%;
	float: none;
}
.kitai {
    padding: 50px 20px 30px;
	border-radius: 10px;
}
.kitai h4{
	width: 80%;
	padding: 5px 0px;
}
.kitai .arrange {
    width: 100%;
}
.kitai ul {
    width: 100%;
}	
.session_list .left {
    width: 100%;
    border: none;
    padding: 0 0 2% 0;
	text-align: justify;
}
.session_list .right {
    width: 100%;
    padding: 0 ;
	text-align: left;
}
.course_contents ul li {
    width: 100%;
    text-align: left;
}
/*プロフィール*/
#profile{
	padding: 50px 0 100px;
}
}
@media screen and (max-width: 640px) {
#therapy {
    margin: 25px 0 50px;
    line-height: 2;
    font-size: 16px;
}
.s_title h2 {
    margin: 0 auto 40px;
	font-size: 22px;
}
.session {
    margin: 0 0 40px;
}
.session .inner{
	width: 100% !important;	
}
.session .gradation,.session .bk_purple {
    border-radius: 0px;
}
.session .sessionbox {
   padding: 30px 20px 5px;
}
.session .title {
    font-size: 22px;
}
.session .box {
    margin: 0 0 60px;
}
.session .box:last-of-type {
	margin: 0 0 40px;
	}
.session_list {
    padding: 30px 20px;
	margin: 40px 0;
}
.kitai ul li {
    margin: 0 0 10px;
	line-height: 1.8;
	font-size: 14px;
}
.kitai h4 {
    width: 90%;
	padding: 5px 0px;
}
.course h4 {
	position: absolute;
top: -45px;
left: 0;	
	line-height: 1.4;
	}
.session_list h3 {
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 600;
	line-height: 1.6;
	display: block;
}
.precautions {
    margin: 20px 0 0;
    line-height: 1.6;
}
.precautions02 {
   margin: 00px 0 0;
	line-height: 1.6;
}
.course_contents {
    padding: 20px 30px;
	margin: 25px 0 80px;
}
/*体質改善*/	
#condition .box {
   margin: 0 0 30px;
}
#condition .session {
    margin: 0 0 0px;
}
.start {
    width: 80%;
}
/*プロフィール*/
#profile{
	padding: 40px 0 45px;
}
#profile h2 {
    font-size: 30px;
    margin: 0 0 30px;
}
#profile .box .left h3 {
    margin: 0 0 10px;
	text-align: center;
}
#profile .kitai ul {
    width: 48%;
}
#profile .kitai .arrange {
    width: 100%;
}
#profile .kitai h4 {
    padding: 10px 0px;
    width: 80%;
}

#profile .box .left {
    width: 100%;
	float: none;
	margin: 0 0 20px;
}
#profile .box .right {
    width: 40%;
	margin: auto;
	text-align: center;
	float: none;
	
}
}	
@media screen and (max-width: 320px) {
.course_contents {
    padding: 20px 10px;
}	
	
	
}	


/***********************************
Prana® プラーナ
************************************/
#prana .box {
    overflow: hidden;
    margin: 0 0 50px;
}
#prana{margin: 40px 0 80px;}
#prana .box .left{
	width: 55%;
	font-size: 16px;
	line-height: 2;
}
#prana .box .left h3{
	font-size: 20px;
	color: #5857a1;
	line-height: 1.8;
	margin: 0 0 30px;
	letter-spacing: 0.1em;
}
#prana .box .right{
	width: 40%;
}
.prana_price{margin: 20px 0 0;}
.prana_price li{
	font-size: 15px;
	color: #5857a1;
	line-height: 1.8;
	font-weight: 600;
	margin: 0 0 10px;
	  padding-left: 1em;
  text-indent: -1em;

}
.prana_price .ladn_btn{
	margin: 0;
}
.verification{
	line-height: 2.2;
	font-size: 14px;
	text-align: justify;
}
.verification h3{
	font-size: 18px;
	color: #cca1cf;
	margin: 0 0 20px;
	line-height: 1.8;
}
.verification .small_text{
	margin: 20px 0 10px;
}
.verification .link img{
	width: 20px !important;
	height: 21px !important;
	margin-right: 8px;
	margin-top: 7px;
}
/* 3つのミラクルパワー*/
#miracle{
	padding: 0px 0 100px;
	background-color: #f7f5f0;
	text-align: center;
}
#miracle h2{
	font-size: 26px;
	color: #4d4d4d;
	line-height: 1.5;
	font-weight: 600;
	display: inline;
	padding: 0 20px;
}
#miracle .box{
	width: 60%;
	margin: 50px auto 100px;
}
#miracle .box02{
	border: 2px solid #5857a1;
	padding: 50px 50px 30px;
	 border-radius: 10px;
	position: relative;
}
#miracle  .box02 h3  {
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    background-color: #5857a1;
    border: 2px solid #5857a1;
    padding: 10px 50px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
	position: absolute;
	top: -20px;
	  left: 0;
  right: 0;
  margin:0 auto;
	width: 300px;
}
/* 使い方*/
#howto{
	padding: 80px 0 100px;
}
#howto .text_ara{
	text-align: center;
	line-height: 2.2;
	font-size: 16px;
}
#howto .ladn_btn{
	 width: 500px;
    margin: 80px auto 0;
}
#howto .ladn_btn a {
    padding: 30px;
}
@media screen and (max-width: 768px) {
#prana .box .left{
	width: 100%;
	float: none;
	margin: 0 0 20px;
}
#prana .box .right{
	width: 100%;
	float: none;
}	
}
@media screen and (max-width: 640px) {
#prana .box .left h3{
	font-size: 19px;
	margin: 0 0 10px;
}
.prana_price {
    margin: 15px 0 0;
}
.prana_price p {
   float: none;
	width: 100%;
	text-align: center;
}
.ladn_btn {
    
}
.prana_price  .ladn_btn a{
	width: 70%;	
	margin: 15px auto 0;

	}
.verification h3{
	margin: 0 0 10px;	
	}
	
/* 3つのミラクルパワー*/	
#miracle {
    padding: 0px 0 50px;
}
#miracle h2 {
    font-size: 20px;
    margin: 0 0 30px;
}
#miracle .box {
    width: 90%;
    margin: 20px auto 50px;
}
#miracle .box02{

	margin: 30px auto 0px;	
}
#miracle  .box02 h3  {
padding: 10px ;
	width: 80%;
}
/* 使い方*/
#howto{
	padding: 40px 0 40px;
}
#howto .text_ara {
    text-align: left;
	margin: 0 0 30px;
}
#howto  .ladn_btn {
    width: 90%;
    margin: 30px auto 0;
}	
	
	
}


/***********************************
ドールストーン
************************************/
#agency{margin: 40px 0 100px;}
#agency h2,#prana h2,#howto h2,#radon h2{
	font-size: 26px;
	color: #cca1cf;
	margin: 0 0 60px;
	text-align: center;
	line-height: 1.5;
	font-weight: 600;
}
#agency .box{
	overflow: hidden;
	margin: 0 0 80px;
}
#agency .box .left{
	width: 65%;
	font-size: 16px;
	line-height: 2;
}
#agency .box .left .small_text{
	margin: 30px 0 0;
}
#agency .box .right{
	width: 30%;
}
#agency .radium{
	padding: 40px 50px;
	border-radius: 10px;
}
#agency .radium h3{
	font-size: 18px;
	color: #cca1cf;
	margin: 0 0 20px;
	line-height: 1.8;
}
#agency .radium .box02{
	overflow: hidden;
}
#agency .radium .box02 .left{
	width: 75%;
	line-height: 2.2;
	font-size: 14px;
	text-align: justify;
}
#agency .radium .box02 .right{
	width: 20%;
	font-size: 12px;
	line-height: 1.8;
}
#agency .radium .box02 .right figcaption{
	margin: 8px 0 0;
}
/* #3つの効果*/
#effect{
	padding: 0px 0 100px;
	background-color: #f7f5f0;
	text-align: center;
}
.y_bk{
	background-image: url(common/images/y_bk.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	display: block;
	height: 100px;
}

#effect h2{
	font-size: 26px;
	color: #4d4d4d;
	margin: 0 auto 60px;
	line-height: 1.5;
	font-weight: 600;
	display: inline-block;
	padding: 0 20px;
}
#effect .box{
	font-size: 16px;
	line-height: 2;
	margin: 0 0 70px;
	text-align: left;
}
#effect .box h3{
	font-size: 22px;
	color: #cca1cf;
	margin: 0 0 10px;
}
#effect .box h3 img{
	width: 50px;
height: 50px;
margin-right: 8px;
margin-top: -5px;
}
#effect .box .hormesis{
	text-align: center;
	margin: 30px 0;
}
#effect .box .hormesis h3{
	color: #b4b4d5;
	text-align: center;
	display: inline-block;
	background-color: #FFFFFF;
	border: 2px solid #b4b4d5;
	padding: 0px 20px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 30px;  
	margin: 0 auto 30px;
}
#effect .box .hormesis ul{
	width: 70%;
	margin: auto;
}
#effect .box .hormesis li{
	width: 13%;
}
#effect .box .hormesis .small_text{
	margin: 20px 0 0;
}
.safety{
	border: 1px solid #ecdced;
	padding: 40px 50px;
	margin: 30px 0;
	overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 10px;
}
.safety h4{
	font-size: 16px;
	color: #fff;
	text-align: center;
	display: inline-block;
	background-color: #cca1cf;
	padding: 0px 20px;
	font-weight: 600;
	border-radius: 30px;  
	margin: 0 auto 15px;
}
.safety .left{
	width: 75%;
	line-height: 2.2;
	font-size: 14px;
	text-align: justify;
}
.safety .left .small_text{
	margin: 20px 0 0;
}
.safety .right{
	width: 20%;
	text-align: center;
}
.safety .right img{
	width: 130px;
}
/* 放射線って身体に悪いもの？*/
#radiation{
	padding: 50px 50px;
	margin: 30px 0 80px;
	border-radius: 10px;
	line-height: 2;
}
#radiation h2{
	color: #5857a1 !important;
	border-bottom: 1px solid #5857a1;
	padding: 0 0 20px;
	margin: 0 0 30px !important;
	text-align: center;
	display: block;
}
#radiation .text_ara p{
	margin: 0 0 25px;
	text-align: justify;
}
.radi_img{
	margin: 30px 0 20px;
}
#radiation .small_text{
	line-height: 1.8;
	text-align: justify;
}
#effect .ladn_btn{
	width: 500px;
	margin: auto;
}
#effect .ladn_btn a{
	padding: 30px;
}
@media screen and (max-width: 768px) {
#agency .box .right {
    width: 50%;
	margin: 0 auto 30px;
	float: none;	
}
#agency .box .left {
    width: 100%;
	float: none;
}	
#agency .box {
    margin: 0 0 50px;
}
/* #3つの効果*/	
#effect .box .hormesis ul {
    width: 90%;
}
.y_bk {
    height: 50px;
}
}
@media screen and (max-width: 640px) {
#agency,#prana{margin: 25px 0 50px;}
#agency h2,#prana h2,#howto h2,#radon h2{
    font-size: 20px;
    margin: 0 0 30px;
}
#agency .box, #prana .box {
    margin: 0 0 40px;
}
#agency .box .right {
    width: 70%;
}
#agency .box .left .small_text {
    margin: 15px 0 0;
}
	
#agency .radium {
    padding: 30px;
}
#agency .radium .box02 .left {
    width: 100%;
   float: none;
	margin: 0  0 20px;
}
#agency .radium .box02 .right {
    width: 80%;
	float: none;
	margin: 0  auto;
	
}
#agency .radium h3 {
    margin: 0 0 10px;
}
/* #3つの効果*/
#effect {
    padding: 0px 0 45px;
}
#effect h2 {
    font-size: 20px;
    margin: 0 0 30px;
}
#effect .box h3 {
    font-size: 19px;
	margin: 0 0 5px;
}
#effect .box h3 img {
    width: 31px;
    height: 31px;
    margin-top: 0px;
}
#effect .box .hormesis h3 {
    font-size: 14px;
	display: block;
}
#effect .box .hormesis ul {
    width: 90%;
}
#effect .box .hormesis li {
    width: 30%;
	padding: 0 1% 10px;
}
#effect .box .hormesis .small_text {
    margin: 0px 0 0;
	text-align: left;
}
#effect .box {
    margin: 0 0 40px;
}
.safety {
    padding: 30px;
}
.safety h4 {
    font-size: 14px;
	display: block;
	line-height: 1.6;
	padding: 5px 20px;
}
.safety .left {
    width: 100%;
}	
.safety .right {
   width: 100%;
	margin: 0 0 10px;
}	

/* 放射線って身体に悪いもの？*/	
	
#radiation h2{
    font-size: 19px;
	padding: 0 0 10px;
	margin: 0 0 20px !important;
}
#radiation {
    padding: 30px ;
	margin: 30px 0 ;
}
#effect .ladn_btn{
	width: 90%;
	margin: auto;
}	
	
	
}
/***********************************
カフェ＆食材雑貨
************************************/
#cafe{
	margin: 40px 0 100px;
}
.cafeimg{
	width: 88%;
}
#cafe .text_ara{
	font-size: 16px;
	margin: 50px auto 100px;
	line-height: 2;
	width: 75%;
}

#cafe .menu{
	border: 1px solid #d5d5d5;
	padding: 50px;
	width: 60%;
	margin: auto;
	line-height: 1.8;
	border-radius: 3px; 
}
#cafe .menu h2{
	text-align: center;
	font-size: 16px;
	background-color: #cca1cf;
	padding: 15px;
	color: #FFFFFF;
	margin: 0 0 30px;
	border-radius: 3px; 
}

#cafe .menu .box{
	flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
	 justify-content: space-between;
}
#cafe .menu .box:first-of-type{
	margin-bottom: 30px;
}


#cafe .menu .box .left{
	width: 48%;
}
#cafe .menu .box .right{
	width: 45%;
}
#cafe .menu .box dl{
	margin: 0 0 50px;
}
#cafe .menu .box dt{
	font-weight: 600;
}
#cafe .menu .box dd{}

#cafe .menu .box dl:last-of-type {
	margin: 0;
}
@media screen and (max-width: 768px) {
#cafe {
    margin: 10px 0 80px;
}
#cafe .text_ara {
    font-size: 16px;
    margin: 30px auto 40px;
    width: 90%;
}	
#cafe .menu{
	padding: 50px 5%;
	width: 80%;
}
}
@media screen and (max-width: 640px) {
#cafe {
    margin: 25px 0 50px;
}
.cafeimg {
    width: 100%;
}
#cafe .menu {
    padding: 30px 5% 10px;
}
#cafe .menu .box .left,#cafe .menu .box .right {
    width: 100%;
	float: none;
}
#cafe .menu .box:first-of-type{
	margin-bottom: 0px;
}
#cafe .menu .box dl {
    margin: 0 0 20px;
}
#cafe .menu .box dl:last-of-type {
	margin: 0 0 20px;
}
}




/***********************************
トップページ
************************************/
#welcome h2{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	color:#cca1cf;
	margin: 0 0 40px;
}
#welcome .inner{
	padding: 80px 0 100px;
}
#welcome .text_ara{
	text-align: center;
}
#welcome .text_ara .jp_text{
	line-height: 3.5;
	text-align: center;
}
.experience{
	margin: 0 auto;
	width: 60%;
	padding: 70px 0 0px;
	border-radius: 5px;
	line-height: 1.5;
}
.experience a:hover{
	opacity: 0.8;
}

/* #top_about*/
#top_about {
    min-width: 1200px;
    margin-top: 100px;
}
#top_about .box,#top_about .box02{
	margin: 0 0 150px;
}
#top_about .box .img1 {
    width: calc(100% - 706px);
    float: left;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}
#top_about .box02 .img1 {
	 width: calc(100% - 706px);
    float: right;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}
#top_about .box .upright_txt {
    margin-top: 10px;
    width: 400px;
    margin-right: 30px;
	margin-left: 150px;
    float: left;
    font-size: 14px;
    font-family: acumin-pro-semi-condensed, sans-serif;
    letter-spacing: 0.25em;
    font-weight: 500;
    font-weight: 300;
}
#top_about .box02 .upright_txt {
    margin-top: 10px;
    width: 400px;
    margin-left: 100px;
	margin-right: 40px;
    float: left;
    font-size: 14px;
    font-family: acumin-pro-semi-condensed, sans-serif;
    letter-spacing: 0.25em;
    font-weight: 500;
    font-weight: 300;
}

#top_about h2{
	font-size: 44px;
	font-family: "SemiBold";
	color: #cca1cf;
	font-weight: normal;
}
#top_about h2 span{
	font-size: 22px;
}
#top_about h3{
	font-size: 18px;
	color: #4d4d4d;
	font-weight: normal;
}
#top_about .reservation{
	font-size: 13px;
	color: #4d4d4d;
}
#top_about .text_ara{
	font-size: 15px;
	line-height: 2;
	margin: 30px 0 0;
}
.ladn_btn{
	margin: 50px 0 0 ;
}
.ladn_btn a{
	background-color: #b4b4d5;
	padding: 20px;
	text-align: center;
	margin: 0 0 10px;
	display: block;
	color: #FFFFFF;
	  background-image: url(common/images/icon_arow_w.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 15px auto;
	border-radius: 8px;
	
}
.ladn_btn a:hover{
	background-color: #583d97;
}
.room01{
	width: calc(40% - 106px);
	position: absolute;
	bottom: -100px;
	right: -70px;
}
.room02{
	width: calc(65% - 106px);
	position: absolute;
	bottom: -40px;
	left: -70px;
}
.room03{
	width: calc(60% - 106px);
	position: absolute;
	bottom: -30px;
	right: -70px;
}

@media screen and (max-width: 1500px) {
.room01{
	width: 210px;
}
.room03 {
width: 300px;
}
.room03 {
width: 300px;
}
	}
@media screen and (max-width: 1200px) {
#top_about {
    min-width: auto;
    margin-top: 50px;
}
#top_about .box .img1  {  
	width: calc(100% - 647px);     
	margin-left: 10px; 
} 
#top_about .box02 .img1  {  
	width: calc(100% - 647px);     
	margin-right: 10px; } 
}

/*お知らせ*/
#information {
	padding: 80px 0 100px;
	background: linear-gradient(to right, rgba(167,167,206,0.20),rgba(227,180,213,0.20));
	overflow: hidden;
	clear: both;
}
#information .inner{
	position: relative;
}
#information h2{
	font-size: 44px;
	color: #cca1cf;
font-weight: normal;
}
#information h2 span{
	color: #4d4d4d;
	display: block;
	font-size: 18px;
	
}
#information .title_area {
    text-align: center;
    margin: 0 0 50px;
}
.news_content {
	width: 65%;
	max-width: 900px;
	margin: auto;
	font-size: 15px;
	padding: 50px 50px;
	background-color: rgba(255,255,255,0.50);
	border-radius: 10px; 
}
.news_content li {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px dashed #bababa;
}
.news_content li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.news_content dl {
    position: relative;
}
.news_content dt {
    position: absolute;
    top: 4px;
    left: 0;
	color: #5857a1;
}
.news_content dd {
    padding: 0 0 0 150px;
    line-height: 1.8;
}
.news_content h3 {
    font-weight: normal;
}
#information .btn02 a {
    display: block;
    margin: 50px auto 0;
    width: 30%;
	padding: 20px 20px;
	font-size: 16px;
	background-color: #b4b4d5;
}
#information .btn02 a:hover{
	background-color: #583d97;
}
.dog03{
	position: absolute;
	right: 100px;
	bottom: 0px;
	width: 100px;
}

/*
トップSNS
*/
#top_sns{
	padding: 100px 0;
}
#top_sns li{
	width: 30%;
	
}
#top_sns li .box{
	background-color: #f7f5f0;
	padding: 90px 15px 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 450px;
	max-height: 450px;
	background-repeat: no-repeat;
	background-position: top 30px center;
	background-size: 37px auto;
	 text-align: center;
}
#top_sns .fb .box{
	background-image: url(images/facebook.png);
}
#top_sns .instagram .box{
	background-image: url("images/insta.png");
}
#top_sns .titter .box{
	background-image: url("images/twitter.png");
}
#top_sns li .under_box a{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
	padding: 15px 10px;
	color: #FFFFFF;
	display: block;
}
#top_sns .fb .under_box a{
	background-color: #425993;
}
#top_sns .instagram  .under_box a {
	background-color: #d041a3;
}
#top_sns .titter .under_box a{
	background-color: #3c83ca;
}
#top_sns li .under_box a:hover{
	opacity: 0.6;
}

/*
TOPインフォメーション
*/
#top_f_info{}
#top_f_info .box{overflow: hidden;}
#top_f_info .box .left{
	width: 50%;
	position: relative;
	padding: 50px 0 150px;
}
#top_f_info .box .right{
	width: 50%;
}
#top_f_info::after{
		content: '';
display: block;
	clear: both;
}

#top_f_info .box .left .top_f_table{
	width: 80%;
	margin:  auto;
	line-height: 1.8;
}
.top_f_table tr{
	border-bottom: 1px dashed #bababa;
}
.top_f_table th{
	color: #5857a1;
	width: 28%;
		padding: 10px 0 10px;
	margin: 10px 0 10px;
	display: inline-block;
	vertical-align: middle;
}
.top_f_table td{
	width: 70%;
	padding: 10px 0 10px;
	margin: 10px 0 10px;
	display: inline-block;
	vertical-align: middle;

}
#top_f_info .box .right iframe {
    width: 100%;
	height: 630px;
}
.btn_top{
	text-align: center;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
}
.btn_top a{
	width: 300px;
	display: block;
	border: 1px solid #583d97;
	padding: 20px 10px;
	border-radius: 30px; 
	margin: auto;
	position: relative;
	color: #583d97;
}
.btn_top a::before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 30px;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-size: 22px 15px;
	width: 22px;
	height: 15px;
	background-image: url(common/images/icon_mail_p.png);
}
.btn_top a::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	border-top: 1px solid;
	flex-grow: 0;
	width: 4em;
}
.btn_top a:hover{
	background-color: #583d97;
	color: #FFf;
}
.btn_top a:hover::before{
	background-image: url(common/images/icon_mail.png);
}
.btn_top a:hover::after{
	width: 2em;
}
.dog02{
	position: absolute;
	right: 80px;
	bottom: 0px;
	width: 160px;
}
@media screen and (max-width: 768px) {
/*Wellcome*/	
.experience {
    width: 80%;
}
/*top_about*/
#top_about {
    margin-top: 0px;
}
#top_about .box, #top_about .box02 {
    margin: 0 0 80px;
}
#top_about .box .img1 {
          width: 100%;
          margin-left: 0;
	float: none;
	} 
#top_about .box02 .img1 {
          width: 100%;
          margin-right: 0;
	float: none;
	} 	
.room01 {
    bottom: -90px;
    right: 20px;
}
.room02 {
    bottom: -100px;
    left: auto;
	right: 20px;
	width: 300px;
}
.room03 {
    bottom: -30px;
    right: 20px;
}
#top_about .box .upright_txt ,#top_about .box02 .upright_txt {
    margin-top: 10px;
    width: 90%;
    margin: 50px auto  0;
    float: none;
}
/* #News*/		
.news_content {
    width: 90%;
    padding: 50px 5%;
}
#information .title_area {
    margin: 0 0 40px;
}
#information .btn02 a {
	width: 80%;
}
.news_content dt {
    position: static;
	font-size: 13px;
}
.news_content dd {
    padding: 0;
    line-height: 1.8;
}
.dog03{
	right: auto;
	left: 0;
	bottom: -70px;
	width: 120px;
}
	
/*
TOPSNS
*/	
#top_sns li {
    width: 100%;
	margin: 0 auto 50px;
}
#top_sns .box {
   
}
/*
TOPインフォメーション
*/
#top_f_info .box .left {
    width: 100%;
    padding: 50px 0 150px;
	float: none;
}
#top_f_info .box .right {
    width: 100%;
	float: none;
}	
.dog02{
	right: 10px;
	width: 130px;
}	
.btn_top a {
    width: 80%;
}
}
@media screen and (max-width: 640px) {
#eye_title h1 {
    font-size: 30px;
}
#eye_title h1 span,#eye_title h2 {
    font-size: 13px;
}
#eye_title .colona a {
    font-size: 11px;
	line-height: 1.5;
	font-weight: 600;
	}
#eye_title h2 {
    margin: 10px 0 30px;
}
/* #Welcome*/
#welcome .inner {
    padding: 50px 0 60px;
}	
#welcome .text_ara .jp_text {
    line-height: 2.5;
    text-align: left;
}
#welcome h2 {
    margin: 0 0 20px;
}
.experience {
    width: 100%;
	padding: 40px 0 0px;
}
/* #top_about*/
#top_about .box, #top_about .box02 {
    margin: 0 0 60px;
}
#top_about .upright_txt {
    margin: 100px auto  0;
}
#top_about h2,#information h2 {
    font-size: 38px;
}
#top_about h3 {
    font-size: 16px;
}
.room01 {
    width: 150px;
	bottom: -40px;
}	
.room02 {
	width: 180px;
	bottom: -40px;
}
.room03 {
    width: 200px;
	 bottom: -40px;
}	
 /*お知らせ*/
 #information {
	 padding: 40px 0 70px;
}
#information .title_area {
    margin: 0 0 20px;
}
.dog03{
	width: 80px;
}

 /*TOPSNS*/
#top_sns {
    padding: 50px 0;
}
#top_sns li {
    margin: 0 auto 30px;
}
#top_sns li:last-child{
	margin: 0;
	}
/*
TOPインフォメーション
*/
#top_f_info .box .left {
    padding: 30px 0 150px;
}
#top_f_info .box .left .top_f_table {
    width: 90%;
}
#top_f_info .box .right iframe {
    height: 380px;
}
	
}
@media screen and (max-width: 320px) {
.here {
    width: 80%;
}
.room01 {
    width: 100px;
}	
}



/***********************************
アクセス
************************************/
#access{margin: 40px 0 100px;}
#access .g_map{width: 90%;margin: 0 auto 80px;}
#access .g_map iframe{width: 100%;height: 450px;}
#access .access_info{width: 90%;margin: auto;display: flex;   justify-content: space-between; align-items: flex-start;}
#access .btn_top{position: static;margin: 50px auto 0;}
@media screen and (max-width: 768px) {
#access .g_map{width: 100%;}
}
@media screen and (max-width: 640px) {
#access{margin: 25px 0 50px;}
#access .g_map {margin: 0 auto 30px;}
#access .g_map iframe{height: 300px;}
}



/***********************************
404
************************************/
.p_404{
	text-align: center;
	margin: 50px 0 300px;
}
.p_404 h2{
	font-size: 22px;
	line-height: 1.8;
	margin-bottom: 50px;
}
.p_404 p{
	line-height: 1.8;
}
.p_search{
	text-align: left;
	margin: 50px 0 100px;
}
.p_search .time{
	font-size: 14px;
}
@media screen and (max-width: 640px){
.p_404{
	text-align: left;
	margin: 0 0 50px;
}
.p_404 h2{
	font-size: 4.8vw;
}
.p_search{
	margin: 0 0 50px;
}
}

/***********************************
ブログぺージ
************************************/
#column{
padding: 60px 0 120px;
}

#column .inner{
	overflow: hidden;
}
#column .inner::after{
	clear: both;
}
.contentbox{

}
.date .time{
	font-size: 12px;
	color: #666666;
}
.date .category a{
	color: #FFFFFF;
	border-radius: 13.33333vw;
	background-color: #5857a1;
padding: 3px 10px;
font-size: 13px;
margin: 5px 0 30px;
display: inline-block;
}
.date .category a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.contentbox h2{
	line-height: 1.5;
	color: #4d4d4d;
	font-weight: 600;
}
.category a{
	background-color: #5857a1;
	color: #FFFFFF;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 13px;
	margin: 5px 0 30px;
	display: inline-block;
	font-weight: 600;
}
.columns {
	line-height: 2;
	font-size: 16px;
}
.columns img{
	margin: 10px 0;
}
.columns a{
	color: #0E13FF;
	text-decoration: underline;	
}
.columns a:hover{
	color: #DB1E79;
	text-decoration: none;
}

.iphoto{
	width: 200px;
	padding-left: 40px;
}
.iphoto img{
	width: 200px;
	height: 150px;
}

.contentboxes{
	margin-bottom: 30px;
	overflow: hidden;
	clear: both;
	background-color: rgba(221,221,221,0.40);
	border-radius: 10px;
	padding: 40px 30px;
	display: flex;
	align-items: end;
	flex-direction: row-reverse;
}
.contentboxes:last-of-type{
	border-bottom: none;
}
.contentboxes .box{
	width: 430px;
	flex: 1;
	    
}
.contentboxes .box h2 a{
color: #4d4d4d;	
} 
.contentboxes .box h2{
	border-bottom: none;
	margin: 0 0 5px;
	padding: 0 ;
	font-weight: 600;
}
.contentboxes .columns a{
	color: #000000;
	text-decoration: none;	
}




@media screen and (max-width: 768px){
#column {
    padding: 30px 0 0px;
}
.contentbox {
    width: 100%;
    float: none;
    margin: 0 0 50px;
	display: block;
}
#side {
    width: 100%;
    float: none;
	margin: 0;
}

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

#column {
    padding: 30px 0 0px;
}
.contentbox h2{font-size: 4.8vw;margin: 0px;}
.category a {
    padding: 2px 10px;
}
.iphoto{
padding-left: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 16px;
text-align: center;
	width: 100%;
}
.iphoto img{
    width: auto;
    max-width: 100%;
	height: auto;
}
.contentboxes{
display: block;	
	}
.contentboxes .box {
	width: 100%;
    
}	
}



/* ----------------------------------------------------------
.スタイダー
---------------------------------------------------------- */
@media print,
screen and (min-width: 768px) {



    ._leads .bold {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: 300;
    }

    ._leads .mintyou {
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 0.1em;
    }

    .block-index-mv ._dots {
        position: absolute;
        right: 35px;
        bottom: 50px;
    }

    .block-index-mv ._dots ._item {
        display: block;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 2px solid #5857a1;
        border-radius: 50%;
        margin: 20px 0;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .block-index-mv ._dots ._item.js-show {
        background: #5857a1;
    }

    .block-index-mv img {
        width: 100%;
    }

    .block-index-mv .block-inner-wide:after {
        content: "";
        display: block;
        padding-top: 45%;
    }

    .block-index-mv ._visuals {

        overflow: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    .block-index-mv ._visuals ._item {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        -webkit-transition-duration: 2s;
        -o-transition-duration: 2s;
        transition-duration: 2s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .block-index-mv ._visuals ._item ._item-inner {
        width: 100%;
        height: 100%;
        -webkit-transform-origin: 0.5 0.7;
        -ms-transform-origin: 0.5 0.7;
        transform-origin: 0.5 0.7;
        -webkit-transition-duration: 6s;
        -o-transition-duration: 6s;
        transition-duration: 6s;
        -webkit-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        background-position: center center;
        background-size: cover;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .block-index-mv ._visuals ._item.js-show {
        opacity: 1;
    }

    .block-index-mv ._visuals ._item.js-zooming {
        width: 100%;
    }

    .block-index-mv ._visuals ._item.js-zooming ._item-inner {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .block-index-mv ._visuals ._item-1 ._item-inner {
        background-image: url(images/mv.jpg);
    }

    .block-index-mv ._visuals ._item-2 ._item-inner {
        background-image: url(images/mv7.jpg);
    }

    .block-index-mv ._visuals ._item-3 ._item-inner {
        background-image: url(images/mv6.jpg);
    }

    .block-index-mv ._visuals ._item-4 ._item-inner {
        background-image: url(images/mv4.jpg);
    }


    .block-index-mv ._leads {
        position: absolute;
        top: 65%;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 14em;
        font-size: 24px;
        width: 80%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        text-align: center;
    }


    .block-index-mv ._leads ._lead {
        opacity: 0;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        line-height: 1.75;
        font-size: 24px;
        letter-spacing: 0.15em;
        text-shadow: 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;
        text-orientation: upright;

    }
.sla_text{
	font-size: 18px;
	line-height: 2.5 !important;
	margin: 15px 0 0;
	font-weight: 600;
	}
    .block-index-mv ._leads ._lead.js-show {
        opacity: 1;
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
    }

    .block-index-mv ._leads ._lead span {
        display: block;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }


    .block-index-mv ._row-news {
        opacity: 0;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        position: absolute;
        right: 40px;
        bottom: 40px;
        background: #fff;
        border-radius: 30px;
        padding: 17px 17px 0 25px;
        height: 50px;
        width: 700px;
    }

    .block-index-mv ._row-news.js-show {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .block-index-mv ._row-news dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }

    .block-index-mv ._row-news dt {
        width: 4em;
        margin: 0;
    }

    .block-index-mv ._row-news dd {
        width: calc(100% - 5.5em);
        margin: 0;
    }

    .block-index-mv ._row-news ._item {
        display: none;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .block-index-mv ._row-news ._item ._date {
        color: #888;
        margin: 0 0.5em 0 0;
    }

    .block-index-mv ._row-news a:hover {
        text-decoration: underline;
    }
}

@media screen and (max-width: 767px) {
    .block-index-mv ._dots {
        position: absolute;
        left: 50%;
        bottom: 2%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .block-index-mv ._dots ._item {
        display: inline-block;
        width: 2.66667vw;
        height: 2.66667vw;
        background: #fff;
        border: 0.26667vw solid #000;
        border-radius: 50%;
        margin: 0 1.6vw;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;


    }

    .block-index-mv ._dots ._item.js-show {
        background: #000;
    }

    .block-index-mv img {
        width: 100%;
    }

    .block-index-mv .block-inner-wide:after {
        content: "";
        display: block;
        padding-top: 120%;
    }

    .block-index-mv ._visuals {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .block-index-mv ._visuals ._item {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition-duration: 2s;
        -o-transition-duration: 2s;
        transition-duration: 2s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .block-index-mv ._visuals ._item ._item-inner {
        width: 100%;
        height: 100%;
        -webkit-transform-origin: 0.5 0.7;
        -ms-transform-origin: 0.5 0.7;
        transform-origin: 0.5 0.7;
        -webkit-transition-duration: 6s;
        -o-transition-duration: 6s;
        transition-duration: 6s;
        -webkit-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        background-position: center center;
        background-size: cover;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .block-index-mv ._visuals ._item.js-show {
        opacity: 1;
    }

    .block-index-mv ._visuals ._item.js-zooming {
        width: 100%;
    }

    .block-index-mv ._visuals ._item.js-zooming ._item-inner {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .block-index-mv ._visuals ._item-1 ._item-inner {
        background-image: url(images/sp_mv.jpg);
    }

    .block-index-mv ._visuals ._item-2 ._item-inner {
        background-image: url(images/sp_mv7.jpg);
    }

    .block-index-mv ._visuals ._item-3 ._item-inner {
        background-image: url(images/sp_mv6.jpg);

    }

    .block-index-mv ._visuals ._item-4 ._item-inner {
        background-image: url(images/sp_mv4.jpg);
    }


    .block-index-mv ._leads {
        position: absolute;
        top: 55%;
        left: 50%;
        font-size: 4.26667vw;
        -webkit-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
        width: 100px;
    }

    @media screen and (max-width: 768px) {
        .block-index-mv ._leads {
            height: 350px;
        }
    }

    @media screen and (max-width: 640px) {
        .block-index-mv ._leads {
            height: 240px;
        }
    }


    .block-index-mv ._leads ._lead {
        position: absolute;
        top: 0px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        opacity: 0;
        line-height: 1.75;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        letter-spacing: 0.15em;
        text-shadow: 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;
        text-orientation: upright;
    }

    .block-index-mv ._leads ._lead.js-show {
        opacity: 1;
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
    }

    .block-index-mv ._leads ._lead span {
        display: inline-block;
    }

    .block-index-mv ._row-news {
        opacity: 0;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        position: absolute;
        left: 5.33333vw;
        right: 5.33333vw;
        bottom: 5.33333vw;
        background: #fff;
        border-radius: 2.66667vw;
        padding: 2.66667vw 2.66667vw 0 4vw;
        height: 18.66667vw;
        font-size: 3.2vw;
    }

    .block-index-mv ._row-news.js-show {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .block-index-mv ._row-news dl {
        display: block;
        margin: 0;
    }

    .block-index-mv ._row-news dt {
        display: block;
        margin: 0;
    }

    .block-index-mv ._row-news dd {
        margin: 1.33333vw 0 0 0;
    }

    .block-index-mv ._row-news ._item {
        line-height: 1.4;
        display: none;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .block-index-mv ._row-news ._item ._date {
        color: #888;
        display: block;
    }

    .block-index-mv ._row-news a:hover {
        text-decoration: underline;
    }
}

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

}


/***********************************
お問い合わせ
************************************/
#contact{
	text-align: center;
}
#contact .text_ara{
	line-height: 2;
	margin: 0 0 70px;
}
.contact_text{
	text-align: left;
	font-size: 14px;
	line-height: 2;
	margin: 50px 0 0;
}
#contact ._sitemenu .tel a,#contact ._sitemenu .tel{
	color: #5857a1;
}
#contact ._sitemenu .day_time {
    font-size: 14px;
    margin: 5px 0 0;
    letter-spacing: 0.1em;
	line-height: 1.8;
}

.privacy{width: 300px;padding: 15px 25px;border: 3px solid #E15C00;background-color: #FFFFFF;border-radius: 10px;font-weight: bold;letter-spacing: 0;}
.con-box {
    padding: 10px 0;
    border: 1px solid #1e89c8;
    border-radius: 3px;
    width: 70%;
    text-align: center;
    margin: 0 auto 50px;
}
#contact .tel_box {
    border: 2px solid #5857a1;
	padding: 25px 3% 30px;
	width: 50%;
}
#contact legend {
	top: -20px;
	background-color: #FFFFFF;
}
#contact .big {
    color: #fff;
    background-color: #e35c00;
}
.tel_box ._sitemenu .tel::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(common/images/icon_tel.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
#form{
	padding: 100px 0 150px;
}
#mailformpro {
    font-size: 13px;
    margin-top: 30px;
}

#mailformpro table tr td {
    padding: 15px;
}

#mailformpro table tr td p {}

.size {
    font-size: 13px;
    line-height: 1.5em;
    margin-top: 5px;
}

.font13 {
    font-size: 13px;
    line-height: 1.5em;
}

.top10 {
    margin-top: 10px;
}

.info-box span {
    margin: 0 2px;
}

.wpcf7-form {
    margin-top: 30px;

}

.table-box02 {
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.table-box02-last {
    display: table;
    width: 100%;
    border-bottom: 1px solid #c9c9c9;
    box-sizing: border-box;
}

.table-box02-l {
    font-size: 16px;
    width: 30%;
    padding: 15px;
    border-top: 1px solid #c9c9c9;
    line-height: 1.8;
    vertical-align: middle;
    box-sizing: border-box;
    display: table-cell;
    font-weight: bold;
    text-align: left;

}

.table-box02-r {
    width: 70%;
    display: table-cell;
    text-align: left;
    padding: 15px;
    border-top: 1px solid #c9c9c9;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.8;
}

.kibou .wpcf7-list-item {}

.wpcf7-list-item {
    margin: 0 10px 0 0;
    white-space: nowrap;
}

.wpcf7-form input[type="text"],
input[type="text01"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"],
.wpcf7 textarea,
textarea.form-control,
.wp-editor-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 10px 10px 15px 10px;
    margin: 2px 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    line-height: 1.6em;
    background-color: #F8F8F8;
}

.text02 {
    width: 100%;
}

.text05 {
    width: 40%;
}

.wi20 {
    width: 20% !important;
}

span.wpcf7-list-item {
    display: block !important;
    margin: 0 !important;
}

.checkbox-l select {
    font-size: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 4px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    width: 70% !important;
    border: 1px solid #999 !important;
    background: #fff !important;
}



input[type="date"],
select {
    font-size: 15px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #999 !important;
    background: #fff !important;
    box-sizing: border-box;
}

.wpcf7 {
    text-align: center;
    width: 80%;
    max-width: 800px;
    margin: auto;
}

.contact-title {
    position: absolute;
    top: 0px;
    left: 10px;
}

.c_date {
    display: table;
}

.c_date div {
    display: table-cell;
    padding: 10px;
}

.must {
    font-size: 9px;
    color: #fff;
    margin-left: 3px;
    font-weight: normal;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #5857a1;/* 円の色 */
	display: inline-block;
	line-height: 3.2;
	text-align: center;
	margin: 0 0 0 10px;
}

.submitbtn input {
    width: 110px;
    border: none;
    padding: 10px 10px;
}

.submitbtn input[type='submit'] {
    display: block;
    padding: 15px 20px;
    border-radius: 8px;
    width: 200px;
    margin: 50px auto 0;
    text-align: center;
    color: #fff;
    border: none;
    background-color: #b4b4d5;
    font-size: 15px;
    font-weight: bold;
}

.submitbtn input[type="submit"]:hover {
    color: #fff;
    transition: 0.8s;
	background-color: #583d97;
}

.checkbtm {
    border-bottom: 1px solid #c9c9c9;
    margin: 0 0 15px 0;
    padding: 15px 0;
    font-weight: bold;

}

.failure {
    text-align: left;
    margin: 40px 0;

}

/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
.contact .block-inner-wide02 {
    background-image: url(images/contact/contact_bk_sp.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}	
#contact .tel_box {
	width: 70%;
}	

	
	
    input[type="text"],
    input[type="text01"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="url"],
    textarea,
    textarea.form-control,
    .wp-editor-container {}

    .left-30 {
        margin-left: 0px !important;
    }

    .wi20 {
        width: 35% !important;
    }

    .table-box02-l {}

    .wpcf7 {
        width: 100%;
        max-width: 100%;
    }

    .submitbtn input {
        width: 65%;
        border: none;
        padding: 10px 10px;
        min-height: 20px;
    }

    input[name="f_am"] {
        font-size: 10.8px;
    }

    .db {
        display: block;
    }

    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {
#contact .text_ara {margin: 0 0 50px;text-align: left;}
#contact .tel_box  {
    padding: 20px 3% 30px;
    width: 90%;
}	
#contact .tel_box ._sitemenu .tel a {
    font-size: 24px;
    letter-spacing: 0.08em;
    line-height: 1.3;
	color: #000000;
}
	
	
    .table-box02 {
        border-bottom: 1px solid #c9c9c9;
    }

    .table-box02-l {
        width: 100%;
        padding: 10px 10px 0;
        border: none;
        vertical-align: middle;
        box-sizing: border-box;
        line-height: 1.6em;
        display: block;
    }

    .kibou .wpcf7-list-item {
        display: table !important;
    }

    .wpcf7-form-control {}

    span.wpcf7-list-item {
        display: table;
        margin: 0;
    }

    .wpcf7-list-item input {
        display: table-cell;
    }

    .wpcf7-list-item-label {
        display: table-cell;
        padding-left: 5px;
    }

    .c_date {
        display: block;
    }

    .c_date div {
        padding: 5px 0 15px 10px;
    }

    input[type="date"],
    select {
        padding: 10px 15px;
        font-size: 16px;
    }

    .table-box02-r {
        width: 100%;
        text-align: left;
        padding: 10px;
        border: none;
        display: block;
        font-size: 16px;
    }

    /* 	
.wpcf7-form-control{
	display: block;	
	}	*/

    .checkbtm {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        font-weight: bold;
    }

    .text05 {
        width: 50%;
        margin-bottom: 5px;
        display: inline !important;
    }

    /* コンタクフォーム*/
    .con-box {
        width: 90%;
        text-align: center;
        margin: 0 auto 30px;
        padding: 10px 4%;
    }

    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }
}

.grecaptcha-badge{
margin-bottom: 100px !important;
}



/*施工実績*/
#construction{
	margin: 40px 0 80px;
}
.box_cor_g{
	width: 80%;
	max-width: 820px;
	margin: 0 auto;
	background-color: #F7F7F7;
	padding: 50px 10%;
	border-radius: 15px;
	
}
#construction table{
	line-height: 1.8;
	
}
#construction table .text_ara{
	width: 77%;
}
#construction table th{
	color: #5857a1;
	width: 10%;
	padding: 10px 0 25px;
	vertical-align: top;
	text-align: left;
}
#construction table td{
padding: 10px 0 0px;
vertical-align: top;
}
#construction .boder td{
padding: 10px 0 25px;	
}
.top_boder th,.top_boder td{
padding-top: 25px !important;		
}
.bk_glra{
  padding: 80px 0 100px;
  background: linear-gradient(to right, rgba(167,167,206,0.20),rgba(227,180,213,0.20));
}
#photograph{
}
#photograph .arrange{
		width: 80%;
  max-width: 820px;
}
#photograph .arrange li{
	width: 30%;
	margin-bottom: 60px;
}
.access_info .box,.access_info .top_f_table{
	width: 48%;
}

.top_50{margin-top: 80px !important;}

@media screen and (max-width: 768px) {	
.box_cor_g {
  width: 84%;
  padding: 30px 8%;
}
#construction h{
    font-size: 22px;
    margin: 0 0 30px;
}
#construction table th {
    width: 100%;
	display: block;
	padding: 15px 0 0px;
	font-size: 16px;
}
#construction table td {
    display: inline-block;
	padding: 10px 0 0px;
}
#construction table .text_ara {
    width: 78%;
}
.top_boder td{
padding-top: 10px !important;		
}
#photograph .arrange{
		width: 100%;
}
#photograph .arrange li{
	width: 48%;
	margin-bottom: 20px;
}
#access .access_info {
  width: 100%;
  margin: auto;
  display: block;
}
.access_info .box,.access_info .top_f_table{
	width: 100%;
}
.top_50{margin-top: 50px !important;}
}
@media screen and (max-width: 640px) {
#construction{
	margin: 25px 0 50px;
}
#photograph {
    padding: 40px 0 45px;
  }
}