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

html { font-size: 62.5%; }
body { font-size: 1.5em; line-height: 1.7; font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;letter-spacing: 0.05em;color: #000;}
p{text-align: justify;}
@font-face {
	font-family: Noto Sans JP;
	src: url('../font/Noto_Sans.woff') format('woff');
	src: url('../font/Noto_Sans.woff2') format('woff2');
}
@media (min-width:768px){
	body { font-size: 1.6em; }
}

/*---------------------------
共通
---------------------------*/
img {
	max-width: 100%;
	height: auto;
}
p:first-child{margin-top: 0;}
p:last-child{margin-bottom: 0;}
*, *:before, *:after {
	box-sizing: border-box;
}
.hide_pc{display: block;}
.hide_sp{display:none;}
.container,.containerLL,.containerL,.containerM,.containerS{padding: 0 20px;}
.mbS{margin-bottom: 10px !important;}
.mbM{margin-bottom: 20px !important;}
.mbL{margin-bottom: 40px !important;}
.mbLL{margin-bottom: 80px !important;}
.mtS{margin-top: 10px !important;}
.mtM{margin-top: 20px !important;}
.mtL{margin-top: 40px !important;}
.mtLL{margin-top: 80px !important;}

a{
	color: #1D6A96;
}
a:hover{
	text-decoration: none;
}
.img_text{
	margin: .5em 0 1.5em !important;
	font-size: 1.4rem;
	text-align: center;
}
.circle{border-radius: 50%;}
.pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 10px;
	z-index: 999;
}
.pagetop a {
	text-align: center;
	color: #222;
	font-size: 1.2rem;
	text-decoration: none;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #b11818;
	color: #fff;
	transition: .3s;
}

@media (min-width:768px){
	.pagetop{
		bottom: 10px;
		right: 20px;
	}
	.pagetop a{
		font-size: 1.6rem;
		width: 120px;
		height: 120px;
	}
	.pagetop a:hover {opacity: .8;}
}
/*明朝体*/
.catchcopy,
.top_sitename,
.ttl_a,
.ttl_b,
.ttl_b_sub,
.ttl_c,
.ttl_d,
.ttl_bg,
.about_yufudake_ttl{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}

/*フォントカラー*/
.catchcopy_maincolor,
.maincolor{
	color: #1D6A96;
}
.catchcopy_subcolor,
.subcolor{
	color: #08b6bf;
}

/*カラム*/
.col2,
.col3,
.col4,
.pccol2,
.pccol3,
.pccol4{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0;
}
.col3::before,
.col4::before,.col4::after{
	content: '';
	display: inline-block;
	order: 1;
}
.col2 > *{flex-basis: calc(50% - 10px * 1/2);}
.col2 > *{flex-basis: calc(50% - 10px * 1/2);}
.col3 > *,
.col3::before{
	flex-basis: calc(33.333% - 10px * 2/3);
}

.col4 > *,
.col4::before,.col4::after{
	flex-basis: calc(25% - 10px * 3/4);
}
.col2 > *:nth-child(n+3),
.col3 > *:nth-child(n+4),
.col4 > *:nth-child(n+5){
	margin-top: 10px;
}

@media (min-width:768px){
	.pccol2 > *:nth-child(n),
	.pccol3 > *:nth-child(n),
	.pccol4 > *:nth-child(n){
		margin-top: 0;
	}
	.pccol2 > *{flex-basis: calc(50% - 20px * 1/2);}
	.pccol3 > *,
	.pccol3::before{flex-basis: calc(33.333% - 20px * 2/3);}

	.pccol4 > *,
	.pccol4::before,.col4::after{
		flex-basis: calc(25% - 20px * 3/4);
	}
	.pccol2 > *:nth-child(n+3),
	.pccol3 > *:nth-child(n+4),
	.pccol4 > *:nth-child(n+5){
		margin-top: 20px;
	}
}
@media (min-width:768px){
	.container,.containerLL,.containerL,.containerM,.containerS,
	.innerS{margin: 0 auto;padding: 0 30px;}
	.containerLL{max-width: 1260px;}
	.containerL{max-width: 1060px;}
	.containerM{max-width: 900px;}
	.containerS,.innerS{max-width: 800px;}
	.hide_pc{display: none;}
	.hide_sp{display:block;}
	.mbS{margin-bottom: 20px !important;}
	.mbM{margin-bottom: 40px !important;}
	.mbL{margin-bottom: 60px !important;}
	.mbLL{margin-bottom: 120px !important;}
	.mtS{margin-top: 20px !important;}
	.mtM{margin-top: 40px !important;}
	.mtL{margin-top: 60px !important;}
	.mtLL{margin-top: 120px !important;}
}



/*---------------------------
button
---------------------------*/
.btn{text-align: center;}
.btn a,
.btn input[type="submit"]{
	display: inline-block;
	padding: .75em 2em .65em;
	font-weight: bold;
	max-width: 320px;
	border: none;
	font-size: 1.7rem;
	line-height: 1.6;
	text-decoration: none;
}
.btn.-primary a,
.btn.-primary input[type="submit"]{
	background-color: #1D6A96;
	color: #fff;
	transition: .3s background;
}

@media (min-width:768px){
	.btn.-primary a:hover,
	.btn.-primary input[type="submit"]:hover{
		background-color: #278ac3;
	}
}

/*---------------------------
読み込み遅延
---------------------------*/
.fadeIn{
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
visibility: visible !important;
}

.fadeIn:nth-child(1) {-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;}
.fadeIn:nth-child(2) {-webkit-animation-duration:1.5s;-ms-animation-duration:1.5s;animation-duration:1.5s;}
.fadeIn:nth-child(3) {-webkit-animation-duration:2s;-ms-animation-duration:2s;animation-duration:2s;}
.fadeIn:nth-child(4) {-webkit-animation-duration:2.5s;-ms-animation-duration:2.5s;animation-duration:2.5s;}
.fadeIn:nth-child(5) {-webkit-animation-duration:3s;-ms-animation-duration:3s;animation-duration:3s;}
.fadeIn:nth-child(6) {-webkit-animation-duration:3.5s;-ms-animation-duration:3.5s;animation-duration:3.5s;}	
.fadeIn:nth-child(7) {-webkit-animation-duration:4s;-ms-animation-duration:4s;animation-duration:4s;}
.fadeIn:nth-child(8) {-webkit-animation-duration:4.5s;-ms-animation-duration:4.5s;animation-duration:4.5s;}
.fadeIn:nth-child(9) {-webkit-animation-duration:5s;-ms-animation-duration:5s;animation-duration:5s;}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; -webkit-transform: translateY(50px);-ms-transform: translateY(50px); transform: translateY(50px);}
	100% { opacity: 1; -webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0);}
}
@keyframes fadeIn {
0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*---------------------------
トップ
---------------------------*/
/*レイアウト*/
#foryou,
#about_yufudake,
#create,
#live,
#run,
#concept,
#sale,
#access,
#contact,
#member{
	margin-top: 60px;
}

@media (min-width:768px){
	#foryou,
	#about_yufudake,
	#create,
	#live,
	#run,
	#concept,
	#sale,
	#access,
	#contact,
	#member{
		margin-top: 120px;
	}
}

/*メインビジュアル*/
.top_mainvisual{
	height: 100vh;
	display: flex;
	flex-direction: column;
}
.top_mainvisual_image01,
.top_mainvisual_image02{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	flex-grow: 1;
}

.top_sitename_container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
}
.catchcopy {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 2.8rem;
}
.top_sitename{
	color: #1D6A96;
	text-align: center;
	font-feature-settings: "palt";
	font-size: 2.4rem;
	margin: 1em 0 0;
	padding-top: 1em;
	border-top: 1px solid #1D6A96;
}
.top_sitename_sub{
	display: block;
	font-size: 1.4rem;
}

@media (max-width:767px){
	.top_mainvisual_image01{background-image: url(../images/top/main01_sp.jpg)}
	.top_mainvisual_image02{background-image: url(../images/top/main02_sp.jpg)}
}
@media (min-width:768px){
	.top_mainvisual{
		flex-direction: row;
	}
	.top_mainvisual_image01{background-image: url(../images/top/main01.jpg)}
	.top_mainvisual_image02{background-image: url(../images/top/main02.jpg)}
	.catchcopy{font-size: 3.2rem;}
	.top_sitename{font-size: 2.8rem;}
	.top_sitename_sub{font-size: 1.6rem;}
}

/*見出し*/
.ttl_a,
.about_yufudake_ttl{
	font-size: 2.2rem;
	font-weight: 600;
	margin:0 0 1em;
}

.ttl_a:not(:first-child){
	margin-top: 2em;
}

.ttl_b{
	font-size: 3.6rem;
	font-weight: 600;
	text-align: center;
	color: #1D6A96;
	margin: 0;
	line-height: 1;
}
.ttl_b span{
	font-size: 1.4em;
}
.ttl_b_sub{
	text-align: center;
	margin: 1em 0 0;
}

.ttl_b_sub::before{
	content: '';
	display: block;
	width: 80%;
	height: 1px;
	background-color: #1D6A96;
	margin: 0 auto 1em;
}

.ttl_c{
	font-size: 2.2rem;
	font-weight: 600;
	margin: 0 0 1em;
}
.ttl_c:not(:first-child){
	margin-top: 2em;
}

.ttl_d{
	font-size: 2.8rem;
	font-feature-settings: "palt";
	font-weight: 600;
	text-align: center;
	color: #1D6A96;
}
.ttl_e{
	font-size: 2rem;
	font-weight: 600;
	margin: 2em 0 .5em;
	color: #1D6A96;
	display: flex;
	align-items: center;
}
.ttl_e::before,
.ttl_e::after{
	content: '';
	display: inline-block;
	height: 2px;
	background-color: #1D6A96;
}

.ttl_e::before{margin-right: .5em;flex-grow: 1;}
.ttl_e::after{margin-left: .5em;flex-grow: 5}

@media (min-width:768px){
	.ttl_a{
		font-size: 3.2rem;
		text-align: center;
	}
	.ttl_b{font-size: 4.6rem;}
	.ttl_b span{font-size: 6.4rem;}
	.ttl_b_sub{font-size: 2.0rem;}
	.ttl_c{font-size: 3rem;}
	.ttl_d{font-size: 4.2rem;}
	.ttl_e{font-size: 2.6rem;margin: 4em 0 1em;}
	.ttl_e::after{flex-grow: 8}
}

/*あなたの森がここにあります*/
@media (min-width:768px){
	.about_text{text-align: center;}
}
/*森の四季、そして由布岳*/
.about_yufudake{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.loop_css {
position: relative;
display: -webkit-flex;
display: flex;
width: 100vw;
height: 750px;
overflow: hidden;
}

.loop_css picture {
width: auto;
height: 100%;
}
.loop_css img{
	max-width: none;
	height: 100%;
}

/* 1つ目の画像 */
.loop_css picture:first-child {
-webkit-animation: loop 80s -40s linear infinite;
animation: loop 80s -40s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}

/* 2つ目の画像 */
.loop_css picture + picture {
-webkit-animation: loop2 80s  linear infinite;
animation: loop2 80s linear infinite;
}

/*アニメーション*/
@-webkit-keyframes loop {
0% {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
to {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
}

@keyframes loop {
0% {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
to {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
}

@-webkit-keyframes loop2 {
0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
to {
	-webkit-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	transform: translateX(-200%);
}
}

@keyframes loop2 {
0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
to {
	-webkit-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	transform: translateX(-200%);
}
}

@media (max-width:767px){
	.about_yufudake{
		background-color: #1D6A96;
		padding: 10px 0;
	}
	.about_yufudake::before,
	.about_yufudake::after{
		content: '';
		display: inline-block;
		width: 100%;
		height: 2px;
		background-color: #fff;
	}
	.about_yufudake::before{
		order: 1;
		margin-bottom: 40px;
	}
	.about_yufudake::after{
		order: 3;
		margin-top: 40px;
	}
	.about_yufudake_text_wrapper{
		order: 1;
		color: #fff;
		padding: 0 20px;
	}
	.loop_css{
		order: 2;
		padding: 0 20px;
		margin-top: 20px;
		height: calc(375px / 2);
	}
}

.about_yufudake_ttl{text-align: center;}

@media (min-width:768px){
	.about_yufudake{
		position: relative;
		display: block;
	}
	.about_yufudake_ttl{font-size: 3.2rem;}
	.loopSliderWrap,
	.loopSlider,
	.loopSlider ul,
	.loopSlider ul li{
		height: 750px;
	}
	.loopSlider ul li {
		width: 3000px;
	}
	.about_yufudake_text_wrapper{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}
	.about_yufudake_text{
		padding: 50px;
		background-color: rgba(255,255,255,.9);
		margin: auto 20px;
	}
}

/*作る、暮らす、営む*/
.containerA{
	position: relative;
}
.containerA_title{
	width: 80%;
	max-width: 300px;
	background-color: #fff;
	padding: 25px;
	position: absolute;
	top: 100px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 2
}
.containerA_image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
}
.containerA_content{
	padding-top: 100px;
	padding-bottom: 20px;
}
.containerA_image.-create{background-image: url(../images/top/create_main.jpg);}
.containerA_content.-create{background-color: #EAE1CE;}
.containerA_image.-live{background-image: url(../images/top/live_main.jpg);}
.containerA_content.-live{background-color: #CEE3EA;}
.containerA_image.-run{background-image: url(../images/top/run_main.jpg);}
.containerA_content.-run{background-color: #D1DDDB;}

@media (min-width:768px){
	.containerA_title_box{
		max-width: 1260px;
		width: 100%;
		padding: 0 30px;
		position: relative;
		margin: 0 auto -120px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.containerA_image{
		max-width: 1040px;
		height: 460px;
		display: block;
		position: relative;
		width: 100%;
	}
	.containerA_title{
		max-width: 440px;
		height: 330px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: static;
	}
	.containerA_title_box.-create .containerA_title{
		margin: auto calc(120px - 440px) auto 0;
	}
	.containerA_title_box.-live .containerA_title,
	.containerA_title_box.-run .containerA_title{
		margin: auto 0 auto calc(120px - 440px);
		order: 1;
	}
	.containerA_content{
		padding-top: 160px;
		padding-bottom: 80px;
	}
}

/*白抜き（1カラム ）*/
.containerB{
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	margin-top: 40px;
}
.containerB_image.-circle img{
	border-radius: 50%;
}
.containerB_image.-sizeS{
	width: 120px;
	margin: 0 auto;
}
.containerB_image_text{
	font-size: 1.4rem;
	text-align: center;
}
.containerB_ttl{
	color: #1D6A96;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 0;
}

.containerB_ttl + p{
	margin-top:.5em;
}
@media (min-width:768px){
	.containerB{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.containerB_image.-sizeS{
		width: 140px;
		margin-right: 30px;
	}
	.containerB_text{
		width: calc(100% - 140px - 30px);
	}
}

/*白抜き（2カラム ）*/
.containerC_ttl_main{
	color: #fff;
	font-size: 3.2rem;
	margin-bottom: -.4em;
	filter: drop-shadow(2px 0px 0px rgba(0,0,0,.4));
	padding-left: 20px;
}
.containerC_ttl_main span{
	font-size: .8em;
}
.containerC_ttl_main + .containerC_wrapper{
	margin-top: 0;
}
.containerC_wrapper{
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 10px;
	margin-top: 40px;
	position: relative;
	z-index: 2;
}
.containerC_image{
	width: 180px;
}
.containerC_ttl{
	font-size: 1.7rem;
	font-weight: 600;
	color: #1D6A96;
	margin: 0 0 .5em;
}
.containerC_text{
	font-size: 1.4rem;
	margin: 0;
}
@media (max-width:767px){
	.containerC_image{margin: 0 auto;}
	.containerC_content:not(:first-child){
		margin-top: 20px;
	}
	.containerC_ttl{text-align: center;}
	.containerC:not(:first-child){
		border-top: 1px solid #ccc;
		margin-top: 30px;
		padding-top: 30px;
	}
	.containerC_box:not(:first-child){margin-top: 20px;}
}

@media (min-width:768px){
	.containerC_ttl_main{font-size: 5.4rem;}
	.containerC_wrapper{
		padding: 40px;
	}
	.containerC{
		display: flex;
		justify-content: space-between;
	}
	.containerC_image{width: 20%;}
	.containerC_content{width: calc(80% - 20px);}
	.containerC_ttl{font-size: 1.8rem;}
	.containerC:nth-child(n+2){
		border-top: 1px solid #ccc;
		margin-top: 30px;
		padding-top: 30px;
	}
	.containerC_box{
		width: calc(50% - 40px * 1/2);
	}
	.containerC_box:nth-child(n+3){
		margin-top: 20px;
	}
}

/*想い*/
.ttl_bg_image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.ttl_bg_image.-filter::before{
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	
}
.ttl_bg{
	color: #fff;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 4rem;
	font-weight: 600;
	z-index: 2;
}
.ttl_bg_image.-concept{background-image: url(../images/top/concept_main.jpg);}
.ttl_bg_image.-sale{background-image: url(../images/top/sale_main.jpg);height: 150px;}
.ttl_bg_image.-footer{background-image: url(../images/top/footer.jpg);height: 150px;}
@media (min-width:768px){
	.ttl_bg{font-size: 5.4rem}
	.ttl_bg_image{height: 380px;}
	.ttl_bg_image.-sale{height: 320px;}
	.ttl_bg_image.-footer{height: 480px;}
}

_:lang(x)+_:-webkit-full-screen-document, .ttl_bg_image{
	background-attachment: scroll;/*iOSのsafariが非対応のため*/
}
/*分譲について*/
.sale_container{
	background-color: #EAE1CE;
	padding: 40px 0 20px;
}

.sale_dl dt{
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: .5em;
}
.sale_dl dt:not(:first-child){
	margin-top: 2em;
}
.sale_dl dd{
	margin: .5em 0 0;
}

@media (min-width:768px){
	.sale_container{padding: 40px 0 80px;}
}

/*購入の流れ*/
.buy_step{
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.buy_step > li{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #584D33;
	border-radius: 5px;
	padding: 20px;
}
.buy_step > li:not(:first-child){
	margin-top: 20px;
}
.buy_step_ttl{
	color: #fff;
	font-size: 2rem;
	text-align: center;
	margin: 0 0 .5em;
}
.buy_step_number{
	display: block;
	font-size: 1.4rem;
}
.buy_step_text{
	display: block;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	margin: 0;
}

@media (min-width:768px){
	.buy_step{
		justify-content: center;
	}
	.buy_step > li{
		width: calc(33.333% - 10px);
		margin-right: 5px;
		margin-left: 5px;
		justify-content:flex-start;
	}
	.buy_step > li:nth-child(2),
	.buy_step > li:nth-child(3){
		margin-top: 0;
	}
}

/*アクセス*/
.accessmap_wrapper{width: 100%;}
.access_spot,
.mebmer_list{
	position: relative;
	padding-bottom: 20px;
}
.access_spot::before,
.mebmer_list::before{
	content: '';
	display: inline-block;
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.access_spot::before{background-color: #CEE3EA;}
.mebmer_list::before{background-color: #EAE1CE;}

@media (min-width:768px){
	.access_spot,
	.mebmer_list{
		padding-bottom: 40px;
	}
}
/*お問い合わせ*/
.contact_form_wrapper{
	background-color: #CEE3EA;
	padding: 20px;
}
.contact_form{
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}
.required{
	font-size: .8em;
	font-weight: bold;
	margin-left: .5em;
	display: inline-block;
	color: #DD1E1E;
}

.contact_form_dl dt{padding-bottom: .5em;}
.contact_form_dl dd{padding: 0;margin: 0;}
.contact_form_dl dt:not(:first-of-type){
	border-top: 1px solid #ccc;
	padding-top: 1em;
}
.contact_form_dl input[type="text"],
.contact_form_dl input[type="tel"],
.contact_form_dl input[type="email"],
.contact_form_dl textarea{
	font-size: 1.8rem;
	padding: .5em;
	box-sizing: border-box;
	width: 100%;
}

.logbox{
	border: solid 1px #808080;
	width: 100%;
	height: 200px;
	padding: 1em;
	overflow: auto;
	margin-bottom: 40px;
}

.footer_site_info{
	background-color: #CEE3EA;
	padding: 40px 0;
}
.footer_site_info_ttl{
	font-weight: bold;
	font-size: 2rem;
}
.copyright{
	background-color: #1D6A96;
	color: #fff;
	font-size: 1.2rem;
	padding: 1em;
	text-align: center;
}