@charset "utf-8";
@import "common.css";

/*-----------------------------------------------
	index
-----------------------------------------------*/
/* sec_top */
.sec_top .bg{
	background:url(../img/index/bg_top.jpg) no-repeat top center;
	background-size: cover;
	width:100%;
	height:660px;
}
.sec_top .bg .tit{
	text-align:center;
	padding-top:72px;
}
.sec_top .sub_top{
	background:linear-gradient(90deg,#8D0F11 0%,#8D0F11 50%,#152C65 50%,#152C65 100%);
	height:200px;
}
.sec_top .sub_top .inner{
	position:relative;
}
.sec_top .sub_top .sec_red{
	width:50%;
	float:left;
}
.sec_top .sub_top .sec_blue{
	width:50%;
	float:right;
}

.sec_top .sub_top .icon{
	position:absolute;
	top:-191px;
	left:-63px;
}
.sec_top .sub_top .sec_blue .icon{
	position:absolute;
	top:-191px;
	right:-66px;
	left:auto;
}
.sec_top .sub_top .txt_details{
	padding:35px 0 0 200px;
	width:310px;
}
.sec_top .sub_top .sec_blue .txt_details{
	padding:35px 0 0 90px;
	width:310px;
}
.sec_top .sub_top .box_tit{
	text-align:center;
}
.sec_top .sub_top .link_box{
	font-size:0;
	padding-top:28px;
}
.sec_top .sub_top .link_box a{
	display:inline-block;
	vertical-align:top;
	width:150px;
	margin-right:10px;
}
.sec_top .sub_top .link_box a:last-child{
	margin-right:0px;
}
@media only screen and (max-width:767px){
	.sec_top .bg{
		background:url(../img/index/bg_top_sp.jpg) no-repeat top center;
		background-size:cover;
		height:auto;
	}
	.sec_top .bg .tit{
		width:90%;
		margin:0 auto;
		padding:20px 0;
	}
	.sec_top .sub_top{
		background:none;
		height:auto;
	}
	.sec_top .sub_top .sec_red{
		width:50%;
		background:#8D0F11;
		padding-bottom:16px;
	}
	.sec_top .sub_top .sec_blue{
		width:50%;
		background:#152C65;
		padding-bottom:15px;
		position:relative;
	}
	.sec_top .sub_top .icon{
		width:30%;
	    top: auto;
		left: 10px;
		bottom: 90px;
	}
	.sec_top .sub_top .icon img{
		width:auto;
		height:70px;
	}
	.sec_top .sub_top .sec_blue .icon{
		width:30%;
		top:auto;
		bottom:90px;
		right:10px;
	}
	.sec_top .sub_top .txt_details{
		padding:0;
		width:100%;
		margin:0 auto;
	}
	.sec_top .sub_top .sec_blue .txt_details{
		padding:0;
		width:100%;
		margin:0 auto;
	}
	.sec_top .sub_top .box_tit{
		width: 62%;
    	margin: 18px auto 0;
	}
	.sec_top .sub_top .link_box{
		font-size:0;
		padding-top:13px;
		width:81.35%;
		margin:0 auto;
	}
	.sec_top .sub_top .link_box a{
		width:49%;
		margin-right:2%;
	}
	.sec_top .sub_top .link_box a:last-child{
		margin-right:0px;
	}
}

/* sec_second_main */
.sec_second_main{
	background:url(../img/index/bg_second_main.jpg) top center no-repeat ;
	text-align:center;
	padding-bottom:100px;
    background-size: cover;
}
.sec_second{
	padding-bottom:65px;
	font-family:'Noto Serif CJK JP';
}
.sec_second .tit{
	padding:60px 0 0;
}
.sec_second .txt{
	font-size:16px;
	color:#fff;
	letter-spacing:0.5px;
	line-height:200%;
	padding:30px 0 52px;
}
@media only screen and (max-width:767px){
	.sec_second_main{
		background:url(../img/index/bg_second_main.jpg) top center no-repeat ;
		background-size:cover;
		text-align:center;
		padding-bottom:30px;
	}
	.sec_second{
		width:93.75%;
		margin:0 auto;
		padding-bottom:30px;
	}
	.sec_second .tit{
		padding:25px 0 0;
	}
	.sec_second .txt{
		font-size:12px;
		letter-spacing:0px;
		padding:20px 0 30px;
		text-align:left;
	}
}
/* sec_point */
.sec_point{
	background:url(../img/index/bg_point.jpg) no-repeat top center;
}
.sec_point .box_inner{
	width:1130px;
	margin:0 auto;
	padding:54px 0 26px;
}
.sec_point .list{
	padding-top:48px;
}
.sec_point .box{
	font-size:0;
	width:100%;
	height:140px;
	background:#fff;
	margin-bottom:10px;
}
.sec_point .box_tit{
	display:inline-table;
	vertical-align:top;
	width:140px;
	height:140px;
	background:#BEAF4C;
	text-align:center;
}
.sec_point .box_tit p{
	display:table-cell;
	vertical-align:middle;
}
.sec_point .box_txt{
	display:inline-table;
	vertical-align:top;
	width:990px;
	height:140px;
}
.sec_point .box_txt p{
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	line-height:180% ;
	padding:0 30px;
	box-sizing:border-box;
	text-align:left;
}
@media only screen and (max-width:767px){
	.sec_point{
		background:#261E13;
		border:3px solid #BEAF4C;
		width:93.75%;
		margin:0 auto;
	}
	.sec_point .box_inner{
		width:93.75%;
		padding:30px 0 15px;
	}
	.sec_point .tit{
		width:50%;
		margin:0 auto;
	}
	.sec_point .list{
		padding-top:30px;
	}
	.sec_point .box{
		height:100%;
	}
	.sec_point .box_tit{
		display:table;
		width:100%;
		height:50px;
	}
	.sec_point .box_txt{
		display:table;
		width:100%;
		height:auto;
	}
	.sec_point .box_txt p{
		padding: 20px;
	}
	.sec_point .box_tit p{
	    padding: 0 37%;
	}
}
/* sec_house */
.sec_house .bg_tit{
	background:#261E13;
	text-align:center;
	display:table;
	color:#fff;
	width:100%;
	height:200px;
}
.sec_house .bg_tit .tit{
	display:table-cell;
	vertical-align:middle;
}
.sec_house .house_main{
	height:747px;
	margin-bottom:20px;
}
.sec_house .house_main:nth-child(1){
	background:url(../img/index/bg_house01.jpg) no-repeat top center;
	background-size:cover;		
}
.sec_house .house_main:nth-child(2){
	background:url(../img/index/bg_house02.jpg) no-repeat top center;
	background-size:cover;		
}
.sec_house .house_main:nth-child(3){
	background:url(../img/index/bg_house03.jpg) no-repeat top center;
	background-size:cover;	
	margin-bottom:0px;	
}
.sec_house .txt_details{
	color:#fff;
	width:600px;
	padding:100px 0 0;
}
.sec_house .house_main:nth-child(2n) .txt_details{
	float:right;
}
.sec_house .box_txt{
	font-size:17px;
	line-height:200%;
	color:#fff;
	padding:27px 0 33px;
}
.sec_house .box_txt span{
	color:#FFFF00;
}
@media only screen and (max-width:767px){
	.sec_house .bg_tit{
		height:50px;
	}
	.sec_house .bg_tit .tit{
		padding: 0 30px;
	}
	.sec_house .house_main{
		height:93.75%;
		margin:0 auto 20px;
	}
	.sec_house .house_main:nth-child(1){
		background:url(../img/index/bg_house01.jpg) no-repeat top left;	
	}
	.sec_house .house_main:nth-child(2){
		background:url(../img/index/bg_house02.jpg) no-repeat top right;
	}
	.sec_house .house_main:nth-child(3){
		background:url(../img/index/bg_house03.jpg) no-repeat top left;
	}
	.sec_house .txt_details{
		width:100%;
		margin:0 auto;
		padding:0 0 20px;
	}
	.sec_house .sp_inner{
		width:93.75%;
		margin:0 auto;
	}
	.sec_house .house_main:nth-child(2n) .txt_details{
		float:none;
	}
	.sec_house .box_tit{
		text-align:center;
		padding-top:20px;
	}
	.sec_house .box_txt{
		font-size:14px;
		padding:15px 0 30px;
	}
	.sec_house .box_tit img {
		width: auto;
		height: 32px;
	}
}
	
	
/* sec_btn */
.sec_btn .list{
	font-size:0;
	padding:100px 0 85px;
}
.sec_btn .box_inner{
	padding:70px 0 0;
	width:320px;
	margin:0 auto;
}
.sec_btn .box{
	display:inline-block;
	vertical-align:top;
	background:#F7F6F5;
	width:390px;
	height:500px;
	margin-right:15px;
	text-align:center;
	text-decoration:none;
}
.sec_btn .box:last-child{
	margin-right:0px;
}
.sec_btn .box:hover{opacity:0.8;}
.sec_btn .box .tit{
	color:#181818;
	font-size:17px;
	position: relative;
	display: inline-block;
	padding: 0 45px;
}
.sec_btn .box .tit:before, .sec_btn .box .tit:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 36px;
	height: 1px;
	background-color: black;
	-moz-transform: rotate(-70deg);
	-webkit-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	transform: rotate(-70deg);
}
.sec_btn .box .tit:before {left:0; transform: rotate(-110deg);}
.sec_btn .box .tit:after {right: 0px;}
.sec_btn .box .photo {
	padding:40px 0 30px;
}
.sec_btn .btn{
	border-radius: 5px;
	color:#fff;
	padding:25px 0 0;
	height:100px;
	box-sizing:border-box;
}
.sec_btn .box:nth-child(1) .btn{
	background:#8D0F11;
	box-shadow: 0px -10px 0px 0px #7E0D0F inset;
}
.sec_btn .box:nth-child(2) .btn{
	background:#152C65;
	box-shadow: 0px -10px 0px 0px #12275A inset;
}
.sec_btn .box:nth-child(3) .btn{
	background:#346606;
	box-shadow: 0px -10px 0px 0px #2E5B05 inset;
	padding:35px 0 0;
}
.sec_btn .btn_tit{
	font-size:19px;
	font-weight:bold;
	letter-spacing:2px;
}
.sec_btn .btn_txt{
	font-size:14px;
	padding-top:10px;
	letter-spacing:2px;
}
@media only screen and (max-width:767px){
	.sec_btn .list{
		padding:30px 0 ;
	}
	.sec_btn .inner{
		width:93.75%;
		margin:0 auto;
	}
	.sec_btn .box_inner{
		padding:30px 0 0;
		width:93.75%;
		margin:0 auto;
	}
	.sec_btn .box,
	.sec_btn .box:last-child{
		display:block;
		width:100%;
		height:auto;
		margin-right:auto;
		margin-bottom:20px;
	}
	.sec_btn .box .tit{
		font-size:14px;
	}
	.sec_btn .box:nth-child(3) .btn{
		padding:40px 0 0;
	}
}