@charset "UTF-8";

.pc { display: block; }
.sp { display: none; }
.wrapper { max-width: 1100px; width: 100%; margin: 0 auto 60px; }
/*main #mainV img { margin-bottom: 30px; }*/
#mainV .comment p { font-size: clamp(0.875rem, 0.813rem + 0.31vw, 1.125rem); }
main #mainV { position: relative; margin-bottom: 50px; }
/*main #mainV .kv { position: relative; margin-bottom: 20px; }*/
main #mainV h3 { margin-bottom: 10px; }
article { margin-bottom: 30px; }
article h2 { margin-bottom: 10px; font-size: clamp(1.188rem, 1.016rem + 0.86vw, 1.875rem); color: #064377; }
article h2::before { content: ''; display: inline-block; background: url("../bouhan/img/bouhan_icon.svg")no-repeat; background-size: contain; width: 40px; height: 34px; vertical-align: -8px; margin-right: 5px; }
article .ph_wrap { max-width: 350px; width: min(160% , 40%); height: auto; vertical-align: bottom; }
article .ph_wrap.left { float: left; margin: 0 20px 10px 0; }
article .ph_wrap.right { float: right; margin: 0 0 10px 20px; }
article .ph_wrap span.cp { display: block; font-size: 13px; text-align: left; margin-top: 10px; line-height: 18px; font-weight: bold;  }
article::after { content: ""; display: block; clear: both; }
ul.list li:before { content: '・'; display: inline-block; font-size: 16px;}
ul.list.door li { font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; font-size: 18px; }
article.txt_wrap p { margin-bottom: 20px }
img.head { margin-bottom: 20px; }
main #mainV h3 img { width: 2em; }

/*クリック拡大*/
.modal-container { display: none; position: fixed; background: rgba(0, 0, 0, 0.6); top: 0; bottom: 0; left: 0; right: 0; z-index: 99; }
.modal-container > div { display: flex; height: 100vh; justify-content: center; align-items: center; padding: 0px 30px; }
.modal-container > div > img { ax-width: calc(100vw - 30px); max-height: calc(100vh - 30px); }
img.popup { cursor: pointer; max-width: 350px; width: 100%; }

@media screen and (max-width: 834px) {
	.wrapper { padding: 0 2%; }
}

@media screen and (max-width: 767px) {
	main #mainV h3 { top: 10%; font-size: 1.25em; position: absolute; top: 30px; }
	#mainV .comment p { padding-top: 100px; }
	ul.list.door li { font-size: 16px; }
	#mainV .comment p { padding-top: 0; }
}

@media screen and (max-width: 414px) {
	.sp { display: block; }
	.pc { display: none; }
	article .ph_wrap { max-width: initial; width: 60%; }
	article .ph_wrap .left { margin: 0 10px 0 0; }
	article .ph_wrap .right { margin: 0 0 0 10px; }
	article .ph_wrap span.cp { font-size: 12px; line-height: 16px; }
/*	article .ph_wrap.right { margin: 0px 0 10px 5px; }*/
	article .ph_wrap.right { float: initial; margin: 20px auto; width: 80%; }

}

@media screen and (max-width: 375px) {
}