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

body { margin:0 auto; overflow:visible; padding:0;line-height: 1; -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;　-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;}



.theme{ border:2px solid #fff; overflow: hidden; font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif; max-width: 1000px; margin: 40px auto; }
.theme h4{ padding:15px; text-align: center; font-weight: bold; font-size: 28px; color: #fff; margin-top: -15px; }
.theme h4:after{ content: ""; width: 42px; display: block; border-bottom: 1px solid #fff; margin: 0 auto; padding-top: 15px; }
.theme .box-1{ display: flex; justify-content: center; align-content: center; flex-direction: column; }
.theme .box-2 { background:#fff; }
.theme .box-2 .txt-box{ float: left; width: 78%; color: #1a1a1a; padding:35px 40px;}
.theme .box-2 p{ font-size: 18px; }
.theme .box-2 dl{ padding:10px 0 15px; overflow: hidden;}
.theme .box-2 dt{ font-size: 18px; float: left; }
.theme .box-2 dt span{ font-size:27px; display: inline-block; padding: 0 0 0 10px; letter-spacing: .1em;}
.theme .box-2 dd{ float: left; width: 32px; margin:0 10px; }
.theme .box-2 figure{ float: right; width: 22%;}
.theme .box-2 .btn-2{ clear: both; overflow: hidden; border:1px solid #1a1a1a; }
.theme .box-2 .btn-2 a{ display: block; padding:15px; text-align: center; color: #1a1a1a; font-size: 17px; background: url(../image/pc2018/ic-arrow_2.svg) no-repeat; background-position: center right 20px; background-size: 15px; line-height: 1.5em;}
.pc_data p{ max-width: 290px; margin:0 auto; }

.other-photo { background:#1a1a1a; padding-top: 70px; padding-bottom: 70px; }
.other-photo .bn{ text-align: center; padding-bottom: 60px; }
.other-photo .row{ margin-left: -5px; margin-right: -5px; }
.other-photo li{ width: 20%; float: left; padding:0 5px 30px; }
.other-photo li p{ color: #fff; font-family: 'Playfair Display', serif; font-size: 15px; font-weight: bold; text-align: center; letter-spacing: .15em; padding-top: 12px; line-height: 1.6em; }

@media screen and (max-width: 799px) {
	
.contents_title{ text-align:center; padding:20px 40px 0; }
.contents_box{ padding:20px 0; }

.theme{ border:2px solid #fff; overflow: hidden; font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif;  margin: 40px 25px; left:0; right:0; text-align: center; }


.theme h4{ padding:20px; font-size: 18px; margin-top: 0; }
.theme h4:after{ content: ""; width: 30px; padding-top: 10px; }
.theme .box-1{ font-size: 13px; }
.theme .box-2 { border-top:2px solid #fff; padding:20px; }
.theme .box-2 .txt-box{ float: none; width: 100%; padding:10px; text-align: center;}
.theme .box-2 p{ font-size: 16px; }
.theme .box-2 dl{ padding:10px 0 15px; overflow: hidden;}
.theme .box-2 dt{ font-size: 15px; float: none; }
.theme .box-2 dt span{ font-size:20px; display: block; padding:0; letter-spacing: .1em;}
.theme .box-2 dd{ float: none; width: 40px; margin:15px auto; }
.theme .box-2 figure{ float: none; width: 120px; margin:0 auto; }
.theme .box-2 .btn-2 a{ font-size: 15px; }
.theme .box-2 .btn-2 span{ display: inline-block;}



.ph_left{ margin:0 0 -100px; overflow:hidden; }
.ph_right{  overflow:hidden; }
.bg_box{ background-color:rgba(255,255,255,0.80); border:3px solid #1a1a1a; padding:40px; overflow:hidden; margin:15px; position:relative; top:-100px; }
.ph_left .pc_data{}
.ph_right .pc_data{}
.pc_data h2{ text-align: center; }
.pc_data h2 img{ max-width: 230px; width: 100%}
.pc_data dl{ overflow:hidden; padding:25px 0;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.pc_data dt{ font-size:14px; text-align:center; font-weight:bold; padding-bottom:20px; }
.pc_data dd{ font-size:14px; line-height:2em; }
.pc_data p{}


.other-photo { padding:40px 15px; }
.other-photo .bn{ padding-bottom: 20px; }
.other-photo .row{ margin-left: -2px; margin-right: -2px; }
.other-photo li{ width: 33.3%; padding:0 2px 30px; }
.other-photo li p{ font-size: 13px; padding-top: 8px; }

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

	
}
@media screen and (min-width: 800px) {
	
.contents_title{ text-align:center; padding:50px 0; }
.contents_box{ padding:50px 0; }


.ph_left .ph{ position:absolute; left:40px; top:-40px; width:610px;}
.ph_right .ph{ position:absolute; right:40px; top:-40px; width:610px;}
.bg_box{ background-color:rgba(255,255,255,0.50); height:740px; border:4px solid #1a1a1a; padding:70px; overflow:hidden; margin-bottom:80px; }
.ph_left .pc_data{width:280px; float:right; }
.ph_right .pc_data{width:280px; float:left; }
.pc_data h2{ text-align: center; }
.pc_data dl{ overflow:hidden; padding:35px 0;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.pc_data dt{ font-size:14px; text-align:center; font-weight:bold; padding-bottom:20px; }
.pc_data dd{ font-size:14px; line-height:2em; }
.pc_data p{}

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



}