/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");




#botan_bg{
	background-color: #eae4d1;
	margin-top:-10px;
}
#botan1 a{
	display: block;
	text-align: center;
	height: 70px;
	width: 60%;
	background-color: #c8000a;
	font-size: 20px;
	color: #fff;
	padding-top:20px;
	text-decoration: none;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	font-weight: bold;
}
#botan2 a{
	display: block;
	text-align: center;
	height: 70px;
	width: 60%;
	background-color: #5f67ae;
	font-size: 20px;
	color: #fff;
	padding-top:20px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	font-weight: bold;
}

#container .row.gutters #sub1 img {
	width: 100%;
}
h1 {
	background-image: url(../image/index/artett2.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	background-size: auto 98%;
	width: 100%;
}
h2{
	background-image: url(../image/index/kasokudo.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 60px;
	margin-bottom: 20px;
}
#container .row.gutters .col.span_6 p {
	font-size: 15px;
	margin-bottom: 25px;
}

#feature {
	background-color: #5F67AE;
	height: 100px;
	margin-top: 50px;
}
#feature1{
	width:100%;
	text-align: center;
}
#feature1 img {
	margin-top:10px;
	margin-bottom:0px;
	height: 40px;
	width: 260px;
}
#feature2{
	width:100%;
	text-align: center;
}
#feature2 img {
	margin-top:0px;
	margin-bottom:10px;
	height: 40px;
	width: 260px;
}

#botan3{
	background-image: url(../image/index/feature_01_1sm.jpg);
	display: block;
	height: 260px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left;
	margin-top: -20px;
}
#botan3:hover{
	background-image: url(../image/index/feature_01_2sm.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#botan3_img {
	background-image: url(../image/index/feature_01_3.png);
	background-position: center center;
	background-size:130%;
	text-indent: -9999px;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
}
#botan4{
	background-image: url(../image/index/feature_02_1sm.jpg);
	display: block;
	height: 260px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
}
#botan4:hover{
	background-image: url(../image/index/feature_02_2sm.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#botan4_img {
	background-image: url(../image/index/feature_02_3.png);
	background-position: center center;
	background-size:130%;
	text-indent: -9999px;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
}
#botan5{
	background-image: url(../image/index/feature_03_1sm.jpg);
	display: block;
	height: 260px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
}
#botan5:hover{
	background-image: url(../image/index/feature_03_2sm.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#botan5_img {
	background-image: url(../image/index/feature_03_3.png);
	background-position: center center;
	background-size:130%;
	text-indent: -9999px;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
}
#botan6{
	background-image: url(../image/index/feature_04_1sm.jpg);
	display: block;
	height: 260px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
}
#botan6:hover{
	background-image: url(../image/index/feature_04_2sm.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#botan6_img {
	background-image: url(../image/index/feature_04_3.png);
	background-position: center center;
	background-size:130%;
	text-indent: -9999px;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
}

#index_facebook{
	padding-left: 10px;
}
#facebook_p{
	margin-top:50px;
	width: 100%;
	max-width: 500px;
}


.sub1{
	width: 90%;
	margin-left:5%;
	margin-right: 5%;
	margin-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #c8000a;
	padding-top: 20px;
	clear: both;
}

.sub1_s{
	font-size: 8pt;
	padding-top: 7px;
	padding-bottom: 20px;
}
.sub1_st{
	font-size: 18pt;
	font-weight: 500;
}
.sub1_r{
	text-align: right;
}
.sub1_p{
	font-size: 11pt;
	padding-top: 10px;
	line-height: 1.4;
}
.sub1_2 img{
	width: 100%;
}
.sub1_3{
	width: 100%;
	clear: both;
	font-size: 7pt;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sub2_2{
	text-align: center;
}
.sub2_2 img{
	width: 66.5%;
}
.sub2_p{
	text-align: center;
	font-size: 9pt;
}
#fb_img{
	margin-top: 20px;
	margin-bottom: 20px;
}
.top_sns{
	height: 28px;
	width: auto;
}

/*ポップアップ*/
.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
position: fixed;
z-index: 1
}
.btn_area {
width: 50%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
z-index: 2
}
.btn_area .ttl {
	text-align: center;
font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.5
}
.btn_area p {
	text-align: center;
padding: 15px
}
.btn_area button {
	background: rgba(0,0,0,0);
display: block;
margin: 0 auto;
color: #fff;
padding: 20px 40px;
border: none;
	font-weight: bold;
	font-size: 18px
}