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

.sp{ display:block;}
.pc{ display:none;}

.top{ width:100%; height:90vh; background:url(../img/topsp.jpg) no-repeat; background-size: auto 130%; background-position:center 70%;}

.top{ display:table; border-bottom:1px solid #999;}
.top ul{ display: table-cell; padding-top:25%;}
.top ul li{width:85%; margin-left:auto; margin-right:auto;}

.top ul li:nth-child(-n+2){ font-size:10vw;}
.top ul li:nth-child(-n+3){ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.top ul li:nth-child(3){ font-size:13vw; margin:4% auto;}
.top ul li:nth-child(4) p{ display:table; width:100%;}
.top ul li:nth-child(4) span{ padding:5% 0%;   display:table-cell;   border-radius:100%; }

.top ul li:nth-child(4) span:nth-child(odd){width:30%; background-color:#FFF;}

.top ul li:nth-child(4) span:nth-child(even){ text-align:center; vertical-align:middle; font-size:4vw;}

.top ul li:nth-child(4) span h{ line-height:100%; font-size:4vw; display:block; text-align:center;}





.outer_box{ width:100%;}
.inner_box{ width:100%; margin-left:auto; margin-right:auto;}

.pro_img{ width:80%; margin-left:auto; margin-right:auto;}
.pro_img ul{ width:100%; display:table;}

.pro_img ul li{ width:100%; }

.pro_img ul li p{ width:90%; margin-left:auto; margin-right:auto; text-align:center; }

.pro_img ul li p:nth-child(2) a img{ width:100%;}

.pro_img ul li p:nth-child(1){
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:5% 0%;
	font-size:5vw;
	margin-top:10%;
	margin-bottom:5%;
	}
.pro_img ul li p:nth-child(1) span{ display:block;}

.pro_img ul li p:nth-child(2) a{ position:relative; display:block; height:100%; width:100%;}
.pro_img ul li p:nth-child(2) a span{ position:absolute; right:0; font-size:3.5vw; color:#FFF; background-color:#999; padding:20px; border-radius:100%;}


.pro001 ul li:nth-child(1) p:nth-child(2) a{ background:url(../img/dea001.jpg) center no-repeat; background-size:cover;}

.pro001 ul li:nth-child(2) p:nth-child(2) a{ background:url(../img/dea005.jpg) center no-repeat; background-size:cover;}


.pro002 ul li:nth-child(1) p:nth-child(2) a{ background:url(../img/dea002.jpg) center no-repeat; background-size:cover;}
.pro002 ul li:nth-child(2) p:nth-child(2) a{ background:url(../img/dea004.jpg) center no-repeat; background-size:cover;}
.pro002 ul li:nth-child(3) p:nth-child(2) a{ background:url(../img/dea004.jpg) center no-repeat; background-size:cover;}


.pro_img ul li p:nth-child(3){ padding-top:5%; padding-bottom:5%; font-size:5vw;}
.pro_img ul li p:nth-child(3) span{ display:block;}


.pro_img ul li p:nth-child(4) a{background: #000; display:block; height:100%; padding-top:7%; padding-bottom:7%; border-radius:10px; color:#FFF;}

.news{ width:100%; height:30vh; display:table;}
.news ul{ width:60%; margin-left:auto; margin-right:auto; display:table-cell; vertical-align:middle;}
.news ul li{ width:100%; text-align:center; font-size:4vw;}
.news ul li h{ font-weight:bold; margin-right:2%; display:block; margin-bottom:3%;}

.news ul li span{ display:block; background-color:#C33; border-radius:10px; padding:10px 0px; color:#FFF; font-size:3vw; margin-bottom:3%; width:80%; margin-left:auto; margin-right:auto;}