@charset "utf-8";

#movie{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#FFF;
	left:0;
	top:0;
	z-index:3;
	overflow:hidden;
	zoom:1;
	}
#movie video{
	position:absolute;
	z-index:2;
	}
.bx-wrapper{
	position:relative;
	margin:0 auto 0px;
	padding:0;
	*zoom:1;
	}
.bx-wrapper img{
	max-width:100%;
	display:block;
	}
.bx-pager{
	position:absolute;
	bottom:25px;
	width:100%;
	text-align:center;
	font-size:.85em;
	font-family:Arial;
	font-weight:bold;
	z-index:9;
	}
.bx-wrapper .bx-loading{
	min-height:50px;
	background:#fff;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	}
.bx-wrapper .bx-pager .bx-pager-item{
	display:inline-block;
	*zoom:1;
	*display:inline;
	}
.bx-pager.bx-default-pager a{
	background:#C8C8C8;
	text-indent:-9999px;
	display:block;
	width:12px;
	height:12px;
	margin:0 7px;
	outline:0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#282828;
	}
#slide li{
	width:100%;
	display:block;
	overflow:hidden;
	zoom:1;
	}
#slide1{
	background:url(../img/home/slide1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slide2{
	background:url(../img/home/slide2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slide3{
	background:url(../img/home/slide3.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slide3{
	background:url(../img/home/slide3.jpg) no-repeat right bottom;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slide span{
	position:absolute;
	left:50%;
	padding-right:2%;
	font-weight:normal;
	}
#slide h2{
	font-size:50px;
	font-family:"小塚明朝 Std","Kozuka Mincho Std","ヒラギノ明朝 Pro W3","HiraMinPro-W3","MS P明朝","MS PMincho","細明朝体",serif;
	font-weight:normal;
	color:#282828;
	}
#slide h3{
	font-size:16px;
	font-weight:normal;
	margin-top:15px;
	line-height:1.7;
	color:#282828;
	}
#slide #slide1 span{
	margin:220px 0 0 50px;
	}
#slide #slide2 span{
	margin:220px 0 0 -100px;
	}
#slide #slide3 span{
	margin:330px 0 0 100px;
	}
#slide #slide3 span{
	left:8%;
	bottom:100px;
	}
#slide #slide3 h2,#slide #slide3 h3{
	color:#FFF;
	}
#slide #slide3 h2,#slide #slide3 h3{
	color:#FFF;
	}
#slide #slide3 h4{
	text-align:left;
	line-height:1.3;
	font-weight:normal;
	position:absolute;
	right:8%;
	bottom:10%;
	}
#slide #slide3 h4 a{
	background-color:#1A509D;
	color:#FFF;
	display:inline-block;
	font-size:16px;
	padding:13px 20px 12px 18px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-o-border-radius:40px;
	-ms-border-radius:40px;
	position:relative;
	}
#slide #slide3 h4 a:hover{
	text-decoration:none;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#slide #slide3 h4 a:after{
	content:"";
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	display:inline-block;
	vertical-align:2px;
	margin-left:30px;
	}
.toroastb{
	padding:70px 6% 65px 6%;
	width:88%;
	overflow:hidden;
	zoom:1;
	background:url(../img/common/bl-paper.png) repeat center top;
	}
.toroastb h5{
	text-align:center;
	line-height:1.3;
	font-weight:normal;
	}
.toroastb h5 a{
	text-align:left;
	color:#FFF;
	font-size:18px;
	padding:48px 30px 0px 235px;
	height:120px;
	display:inline-block;
	width:570px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
	background-color:#333;
	max-width:100%;
	}
.toroastb h5 a:after{
	content:"";
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	display:block;
	position:absolute;
	right:25px;
	top:50%;
	margin-top:-4px;
	z-index:5;
	}
.toroastb h5 a:hover{
	text-decoration:none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
.toroast{
	padding:60px 6% 65px 6%;
	width:88%;
	overflow:hidden;
	zoom:1;
	background:url(../img/common/bl-paper.png) repeat center top;
	}
.toroast h5{
	text-align:center;
	line-height:1.3;
	font-weight:normal;
	}
.toroast h5 a{
	background-color:#1A509D;
	color:#FFF;
	display:inline-block;
	font-size:16px;
	padding:13px 20px 12px 18px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-o-border-radius:40px;
	-ms-border-radius:40px;
	position:relative;
	}
.toroast h5 a:hover{
	text-decoration:none;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
.toroast h5 a:after{
	content:"";
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	display:inline-block;
	vertical-align:2px;
	margin-left:30px;
	}
.baner20200318{
	width:90%;
	overflow:hidden;
	zoom:1;
	padding:80px 5% 60px 5%;
	background:url(../img/common/bl-paper.png) repeat center top;
	}
.baner20200318 a{
	margin:0 auto;
	width:580px;
	display:block;
	max-width:100%;
	}
.baner20200318 a img{
	height:auto;
	max-width:100%;
	}
.sec202107{
	width:100%;
	overflow:hidden;
	zoom:1;
	background:url(../img/common/bl-paper.png) repeat center top;
	}
.sec202107 .rb{
	width:50%;
	float:right;
	min-height:480px;
	background:url(../img/home/sec202107-bg2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	position:relative;
	}
.sec202107:nth-of-type(2) .rb{
	float:left;
	background:url(../img/home/sec202107-bg1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
.sec202107 a:hover .rb{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
.sec202107 .lb{
	width:50%;
	float:left;
	padding:100px 9% 0px 9%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
.sec202107:nth-of-type(2) .lb{
	float:right;
	}
.sec202107 .rb h2{
	padding:100px 20px 0 70px;
	}
.sec202107 .rb h2 img{
	max-width:100%;
	height:auto;
	}
.sec202107 .rb h3{
	font-size:20px;
	color:#FFF;
	display:inline-block;
	background-color:#282828;
	padding:12px 45px 8px 15px;
	position:absolute;
	right:0;
	bottom:50px;
	}
.sec202107 .rb h3:after{
	content:"";
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-4px;
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.sec202107 .rb h4{
	position:absolute;
	left:70px;
	bottom:50px;
	width:80px;
	}
.sec202107 .rb h4 img{
	max-width:100%;
	height:auto;
	}
.sec202107 .lb h2{
	font-weight:normal;
	line-height:1.5;
	font-size:22px;
	}
.sec202107 .lb p{
	padding-top:30px;
	}
.sec202107 .lb .linkto{
	text-align:center;
	margin-top:50px;
	}
#sec1{
	width:100%;
	overflow:hidden;
	zoom:1;
	height:660px;
	background:url(../img/common/bl-paper.png) repeat center top;
	}
#sec1 div{
	width:50%;
	float:left;
	padding:130px 9% 0px 9%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#sec1 ul{
	width:50%;
	float:right;
	height:100%;
	}
#sec1 li:nth-child(1){
	background:url(../img/home/sec1-1.jpg) no-repeat center center;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	height:50%;
	}
#sec1 li:nth-child(2){
	background:url(../img/home/sec1-2.jpg) no-repeat center center;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	height:50%;
	}
#sec1 p{
	padding-top:70px;
	}
#sec1 .linkto{
	text-align:center;
	margin-top:90px;
	}
#sec2{
	width:100%;
	overflow:hidden;
	zoom:1;
	padding:100px 0 0px 0;
	}
#sec2 div{
	max-width:920px;
	margin:0 auto;
	padding:0 40px;
	overflow:hidden;
	zoom:1;
	}
#sec2 div p{
	float:left;
	max-width:750px;
	margin:50px 0px 0 0;
	}
#sec2 div h3{
	float:right;
	margin-top:100px;
	}
#sec2 ul{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	height:430px;
	padding-top:30px;
	}
#sec2 ul li{
	background:url(../img/home/sec2-1.jpg) no-repeat center center;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	display:block;
	height:430px;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	width:33%;
	float:left;
	border-right:5px solid #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#sec2 ul li:nth-child(2){
	background:url(../img/home/sec2-2.jpg) no-repeat center bottom;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	-webkit-background-size:cover;
	background-size:cover;
	}
#sec2 ul li:nth-child(3){
	background:url(../img/home/sec2-3.jpg) no-repeat center bottom;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	-webkit-background-size:cover;
	background-size:cover;
	width:34%;
	border-right:0;
	}
#sec2 ul li a{
	display:block;
	height:430px;
	position:relative;
	}
#sec2 ul li:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#sec2 ul li a strong{
	font-size:18px;
	font-weight:normal;
	display:inline-block;
	color:#000;
	padding:6px 0 6px 0;
	text-align:center;
	width:180px;
	max-width:80%;
	background-color:#FFF;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	position:absolute;
	bottom:55px;
	left:50%;
	margin-left:-90px;
	}
#sec3{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:110px 40px 100px 40px;
	}
#sec3 .lb{
	float:left;
	width:38%;
	margin-right:7%;
	}
#sec3 .rb{
	float:right;
	width:55%;
	padding-right:40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position:relative;
	}
#sec3 .lb p{
	margin-top:70px;
	}
#sec3 .lb .linkto{
	text-align:center;
	margin-top:90px;
	}
#sec3 .rb ul li img{
	width:100%;
	height:auto;
	}
#sec3 .rb ul li strong{
	display:block;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding-top:15px;
	}
#secsns{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:110px 40px 90px 40px;
	border-bottom:1px solid #e6e6e6;
	}
#secsns .lb{
	float:left;
	width:45%;
	}
#secsns .rb{
	float:right;
	width:45%;
	}
#secsns h2.titleb{
	font-size:28px;
	margin-bottom:25px;
	}
@media screen and (max-width:1140px){
#head nav ul li#m0 a{
	color:#FFF !important;
	background-color:#99695E;
	}
#slide #slide1 span{
	margin-left:0;
	left:auto;
	right:5%;
	}
#slide #slide2 span{
	margin-left:0;
	margin-top:240px;
	left:auto;
	right:5%;
	}
#slide #slide3 span{
	margin-left:0;
	left:auto;
	right:5%;
	}
#slide #slide3 span{
	left:5%;
	bottom:80px;
	}
}
@media screen and (max-width:1000px){
#sec1{
	height:auto;
	-webkit-background-size:80% auto;
	background-size:80% auto;
	}
#sec1 div{
	width:100%;
	float:none;
	padding:70px 6% 60px 6%;
	}
#sec1 ul{
	width:100%;
	float:none;
	height:300px;
	}
#sec1 li:nth-child(1){
	float:left;
	width:50%;
	height:300px;
	background:url(../img/home/sec1-1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#sec1 li:nth-child(2){
	float:left;
	width:50%;
	height:300px;
	background:url(../img/home/sec1-2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#sec1 p{
	padding-top:40px;
	}
#sec1 p.jp{
	padding-top:15px;
	}
#sec1 .linkto{
	margin-top:40px;
	}
#sec2{
	padding:70px 0 0px 0;
	}
#sec2 div{
	max-width:none;
	padding:0 6% 10px 6%;
	}
#sec2 div p{
	float:none;
	max-width:none;
	margin:40px auto 0 auto;
	}
#sec2 div p.jp{
	margin-top:15px;
	}
#sec2 div h3{
	margin-top:40px;
	}
#sec3{
	max-width:none;
	padding:70px 6% 80px 6%;
	}
#sec3 .lb{
	float:none;
	width:100%;
	margin-right:0;
	padding-bottom:30px;
	overflow:hidden;
	zoom:1;
	}
#sec3 .rb{
	float:none;
	width:100%;
	padding-right:0px;
	}
#sec3 .lb p{
	margin-top:40px;
	}
#sec3 .lb .linkto{
	float:right;
	margin-top:40px;
	}
#sec3 .rb ul li strong{
	display:block;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding-top:15px;
	}
#secsns{
	max-width:none;
	padding:70px 0 80px 0;
	width:88%;
	margin:0 6%;
	}
#secsns .lb{
	float:none;
	width:500px;
	max-width:100%;
	margin:0 auto;
	}
#secsns .rb{
	float:none;
	width:500px;
	max-width:100%;
	margin:30px auto 0 auto;
	}
#secsns h2.titleb{
	margin-bottom:20px;
	}
}
@media screen and (max-width:768px){
#movie{
	height:440px !important;
	}
#slide li{
	height:440px !important;
	}
#slide h2{
	font-size:26px;
	font-weight:bold;
	}
#slide h3{
	font-size:13px;
	margin-top:12px;
	font-weight:bold;
	}
#slide span{
	left:auto;
	max-width:90%;
	padding-right:0;
	}
#slide #slide1 span{
	margin-top:130px;
	}
#slide #slide2 span{
	margin-top:130px;
	}
#slide #slide3 span{
	margin-top:175px;
	}
#slide #slide3 span{
	bottom:26%;
	}
#slide #slide3 h2,#slide #slide3 h3{
	text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	}
#slide #slide3 h4{
	bottom:12%;
	}
.bx-pager{
	bottom:15px;
	}
.bx-pager.bx-default-pager a{
	width:10px;
	height:10px;
	margin:0 6px;
	}
.sec202107 .rb{
	width:100%;
	float:none;
	min-height:260px;
	}
.sec202107:nth-of-type(2) .rb{
	float:none;
	}
.sec202107 .lb{
	width:100%;
	float:none;
	padding:60px 6% 40px 6%;
	}
.sec202107:nth-of-type(2) .lb{
	float:none;
	}
.sec202107 .rb h2{
	padding:60px 6% 0 6%;
	}
.sec202107:nth-of-type(2) .rb h2 img{
	max-width:70%;
	}
.sec202107 .rb h3{
	font-size:18px;
	padding:8px 35px 6px 10px;
	bottom:40px;
	}
.sec202107 .rb h3:after{
	right:15px;
	}
.sec202107 .rb h4{
	left:auto;
	bottom:auto;
	top:20px;
	right:6%;
	width:50px;
	}
.sec202107 .lb p{
	padding-top:20px;
	}
.sec202107 .lb .linkto{
	margin-top:30px;
	}
#sec1 ul{
	height:500px;
	}
#sec1 li:nth-child(1){
	float:none;
	width:100%;
	height:250px;
	}
#sec1 li:nth-child(2){
	float:none;
	width:100%;
	height:250px;
	}
#sec2 ul{
	height:240px;
	}
#sec2 ul li{
	height:240px;
	}
#sec2 ul li a{
	height:240px;
	}
#sec2 ul li a strong{
	font-size:16px;
	width:80%;
	max-width:80%;
	bottom:25px;
	left:10%;
	margin-left:0;
	}
}
@media screen and (max-width:550px){
.toroastb{
	padding-bottom:10px;
	}
.toroastb h5 a{
	font-size:16px;
	padding:30px 20px 0px 172px;
	height:100px;
	background-color:#333;
	}
.toroastb h5 a:after{
	right:20px;
	top:auto;
	bottom:20px;
	margin-top:0;
	}
.toroast{
	padding-bottom:10px;
	}
.baner20200318{
	padding:50px 5% 10px 5%;
	}
#slide h2{
	font-size:23px;
	}
#slide1{
	background:url(../img/home/slide1sp.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slide3{
	background:url(../img/home/slide3sp.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
}