@charset "UTF-8";

/*======*/
.main_contents_box{width:100% !important;}
.bg_border
	{background: rgba(255,255,255,0.05);}

/*======*/
.plus{width:100%;height:auto;margin:0px auto;padding:0px 0px 25px 0px;font-size:14px;letter-spacing:2px;line-height:140%;}
@media all and (max-width: 1024px) {
	.plus{width:90%;}
}
@media all and (max-width: 480px) {
	.plus{font-size:12px;}
}

/*======*/
div.point{width:1200px;height:auto;margin:0px auto;padding:0px;}
ul.point{width:47.5%;height:auto;margin:0px 1%;padding:0px 0px 25px 0px;display:inline-block;}
ul.point li{width:100%;height:auto;margin:0px auto;padding:0px;display:inline-block;position:relative;}
ul.point li span:nth-of-type(2){width:100%;height:auto;margin:0px auto;padding:15px 0px 2px 0px;display:block;font-size:14px;letter-spacing:2px;color:#c79939;}
ul.point li span:nth-of-type(3){width:100%;height:auto;margin:0px auto;padding:6px 0px 0px 0px;display:block;}
ul.point li:nth-of-type(1) span:nth-of-type(1){content:" ";display:inline-block;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);width:43px;height:43px;font-family:eigo;font-size:13px;color:#ffffff;text-align:center;line-height: 43px;background:#c79939;}

@media all and (max-width: 1024px) {
	div.point{width:100%;}
	ul.point{width:100%;margin:0px auto;}
	ul.point li span:nth-of-type(2){width:92%;padding:0px 0px 2px 7%;}
	ul.point li span:nth-of-type(3){width:92%;padding:6px 0px 0px 7%;}
}

@media all and (max-width: 767px) {
	ul.point{width:100%;}
	ul.point li span:nth-of-type(2){width:92%;padding:0px 0px 2px 8%;text-align:center;}
	ul.point li span:nth-of-type(3){width:92%;padding:6px 0px 0px 8%;}
	ul.point li:nth-of-type(1) span:nth-of-type(1){position:initial;}
	ul.point li span:nth-of-type(2){padding:10px 0px 2px 0%;}
	ul.point li span:nth-of-type(3){padding:3px 0px 0px 0px;text-align:center;}
}

/*======*/
div.regist_release{width:100%;height:auto;margin-top:35px;padding:50px 0px 0px 0px;background: rgba(255,255,255,0.05);}
ul.regist_release{width:1200px;height:auto;margin:0px auto;padding:0px;}
.regist_release li{width:45%;height:auto;margin:0px auto;padding:0px;display:inline-block;}
.regist_release li:nth-of-type(1){border-right:1px solid rgba(255,255,255,0.1);}
.regist_release form{width:100%;height:auto;margin:0px auto;padding-top:15px;}
.regist_release input[type="text"]{width:80%;height: 30px;margin:3px auto;padding:0px;}
.regist_release input[type="submit"]{width:80%;height:40px;margin:3px auto;padding:0px;color:#ffffff;}
.white{width:100%;height:auto;margin:0px auto;padding:10px 0px 50px 0px;}
@media all and (max-width: 1024px) {
	ul.regist_release{width:100%;}
}
@media all and (max-width: 480px) {
	.regist_release li{width:90%;}
	.regist_release li:nth-of-type(1){border-bottom:1px solid #e3d8dc;border-right:0px;padding:0px 0px 10px 0px;}
	.regist_release li:nth-of-type(2){padding:20px 0px 0px 0px;}
}

/*======*/
h4.futyaku{width:98%;height:auto;margin:0px auto;padding:35px 0px 10px 0px;font-size:15px;letter-spacing:2px;color:#c73247;}
div.futyaku{width:1200px;height:auto;margin:0px auto;padding:0px;}
ul.futyaku{width:100%;height:auto;margin:0px auto;padding:0px;}
ul.futyaku li{width:31.7%;height:auto;min-height:57px;margin:0px 1%;padding:25px 0px;display:inline-block;}
ul.futyaku li:first-child{margin-left:0px;}
ul.futyaku li:last-child{margin-right:0px;}
ul.futyaku li p{width:90%;height:auto;margin:0px auto;padding:0px;text-align:left;}
@media all and (max-width: 1024px) {
	div.futyaku{width:96%;}
	ul.futyaku li{width:100%;height:auto;margin:0px auto;min-height:auto;}
	ul.futyaku li:nth-of-type(2){margin:10px auto;}
}
@media all and (max-width: 480px) {
	ul.futyaku li{width:100%;height:auto;margin:0px auto;min-height:auto;}
	ul.futyaku li:nth-of-type(2){margin:10px auto;}
}


/*======*/
h3{width:auto;height:auto;margin:0px auto;padding:0px 0px 13px 0px;display:inline-block;}
h3 span.en{display:inline-block;width:auto;height:auto;margin:0px auto;padding:0px 0px 0px 0px;font-size:18px;letter-spacing:2px;}
h3 small{display:inline-block;width:auto;height:auto;margin:0px auto;padding:0px 10px 0px 0px;font-size:10px;letter-spacing:2px;vertical-align:3px;}
h3 span.ja{display:block;width:100%;height:auto;margin:0px auto;padding:5px 0px 0px 0px;font-size:12px;letter-spacing:2px;line-height:100%;}


/*======*/
.recom h3{width:100%;height:auto;margin:0px auto;padding:15px 0px 2px 0px;font-size:14px;letter-spacing:2px;color:#c73247;}
.recom h3 span{width:auto;height:auto;margin:0px auto;padding:0px 8px 2px 10px;display:inline-block;border-bottom:1px solid #c73247;}
.recom ul{width:100%;max-width:1200px;height:auto;margin:0px auto;padding:15px 0px;}
.recom ul li{width:23.2%;height:auto;margin:0px 1% 0px 1%;text-align:center;display:inline-block;vertical-align:top;background: rgba(255,255,255,0.05);position:relative;}
.recom ul li:nth-child(1){margin:0px 1% 0px 0%;}
.recom ul li:nth-child(4){margin:0px 0% 0px 1%;}
.recom ul li h4{width:100%;height:auto;margin:0px auto;padding:12px 0px;position:relative;background: linear-gradient(to bottom,  #795b1c 0%,#ad8a42 100%);}
.recom ul li h4:after {content:"";position: absolute;bottom:-6px;left:45%;width: 0;height: 0;border-style: solid;border-width: 8px 10px 0 10px;border-color: #ad8a42 transparent transparent transparent;}
.recom ul li h4 .en{display:inline-block;width:100%;height:auto;margin:0px auto;padding:0px;font-size:13px;color:#ad9240;letter-spacing:2px;line-height:100%;}
.recom ul li h4 .ja{display:inline-block;width:100%;height:auto;margin:0px auto;padding-top:3px;font-size:14px;color:#efefef;line-height:100%;}
.recom ul li p{width:90%;height:auto;margin:0px auto;padding:12px 0px;text-align:left;}
	@media all and (min-width: 1025px) {
		.recom ul li:nth-child(1):after , .recom ul li:nth-child(2):after , .recom ul li:nth-child(3):after {content:"";position: absolute;top:39%;right:-18px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #2e060b;}
		.recom h3 br{display:none;}
	}
	@media all and (max-width: 1024px) {
		.recom .intro{font-size:13px;}
		.recom ul{width:95%;margin:0px auto;padding:15px 0px;}
		.recom ul li{width:100%;margin:0px auto;}
		.recom ul li:nth-of-type(2) , .line ul li:nth-of-type(3){width:100%;margin:20px 0px 0px 0px;}
		.recom ul li:nth-child(1){margin:0px auto;}
		.recom ul li:nth-child(4){margin:20px 0px 0px 0px;}
		.recom ul li h3:after {content:"";position: absolute;bottom:-6px;left:47%;}
	}