@charset "utf-8";
/* -- COMMON -- */

*{ font-size: 14px; font-family: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; line-height: 1.8em;}
b { font-size: inherit;}
.min{ font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.core{ max-width: 1000px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;}
.core1200{ max-width: 1240px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;}
[class*="row-"]{ margin-top: 60px;}
[class*="inRow-"]{ margin-top: 40px;}
.row-01{ margin-top: 0;}
.flex{ display: flex;}
.flexBt{ display: flex; justify-content: space-between;}
.colL,.incolL{ order: 1;}
.colR,.incolR{ order: 2;}
.cap{ font-size: 10px;}
/*a{ transition: all .3s; -webkit-transition: all .3s;}*/
.imgBox{ text-align: center;}
figure{ display: inline-block;}
figcaption{ font-size: 12px; text-align: right; margin-top: .3em;}
figure[class*="inCap"]{ position: relative;}
figure[class*="inCap"] figcaption{ font-size: 10px; color: #fff; margin-top: 0; position: absolute; bottom: 5px; right: 5px; left: 5px;}
figure.inCapL figcaption{ text-align: left;}
figure.inCapR figcaption{ text-align: right;}
img{ max-width: 100%;}
.wdImg img{ max-width: none;}
/**:first-letter{ font-feature-settings: "palt" 1;}*/
.anchor:before{ content: ''; display: block; padding-top: 150px; margin-top: -150px}

/* fade-setting */
.fadeIn { opacity : 0; transform: translateY(0); transition: all 1s;}
.fadeInUp { opacity : 0; transform: translateY(20px); transition: all 1s;}
.fadeInDown { opacity : 0; transform: translateY(-20px); transition: all 1s;}
.fadeInRight { opacity : 0; transform: translateX(20px); transition: all 1s;}
.fadeInLeft { opacity : 0; transform: translateX(-20px); transition: all 1s;}
.lodingfade { animation: lodingfade 1s ease .5s both;}
@keyframes lodingfade {
	from { opacity: 0;}
	to { opacity: 1;}
}
/* header */
header{}

/* footer */
footer{ padding: 40px 20px;}

/* main */






/* -------
	media
------- */
@media only screen and (min-width: 768px){
	.spv{ display: none!important;}

}
@media only screen and (max-width: 767px){
	.pcv{ display: none!important;}

}