@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/
h1 { font-size: 1.2rem; }
#fv { max-width: 768px; margin: auto; overflow: hidden; }
#fv .center { text-align: center; }
/*===============================================
●PC 画面幅が 768px以上
===============================================*/
@media screen and (min-width:768px) {
#fv h2 { font-size: 2.6rem; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: normal; }
#fv section { padding: 100px 0 0;}
#fv .txt01 { font-size: 28px; margin: 20px 0 100px; line-height: 1.6; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; text-align: center; }
#fv .txt02 { font-size: 14px; line-height: 1.6; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; line-break: strict; }
#fv .txt03 { font-size: 30px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.6; text-align: right; }
#fv .br_sp { display: none; }
}

/*===============================================
●SP 画面幅が 768px以下
===============================================*/
@media screen and (max-width:768px) {
#fv h2 { font-size: 1.6rem; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: normal; }
#fv section {padding: 10% 5% 0;}
#fv .txt01 { font-size: 18px; margin: 20px 0 60px; line-height: 1.6; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; text-align: center; }
#fv .txt02 { font-size: 14px; line-height: 1.6; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; line-break: strict; }
#fv .txt03 { font-size: 20px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.6; text-align: right }
#fv .br_pc { display: none; }
}

/*==================================================
ふわっ
===================================*/
/* 下から */
.fadeUp { animation-name: fadeUpAnime; animation-duration: 2.0s; animation-fill-mode: forwards; opacity: 0; }
@keyframes fadeUpAnime {
from { opacity: 0; transform: translateY(100px); }
to { opacity: 1; transform: translateY(0); }
}
/* 右から */
.fadeRight {animation-name: fadeRightAnime; animation-duration: 2.0s; animation-fill-mode: forwards; opacity: 0; }
@keyframes fadeRightAnime {
from { opacity: 0; transform: translateX(100px); }
to { opacity: 1; transform: translateX(0); }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeInTrigger, .fadeUpTrigger, .fadeDownTrigger, .fadeLeftTrigger, .fadeRightTrigger {opacity: 0;}
.fadeUp { animation-name: fadeUpAnime; animation-duration: 0.5s; animation-fill-mode: forwards; opacity: 0; }
@keyframes fadeUpAnime {
from { opacity: 0; transform: translateY(100px); }
to { opacity: 1; transform: translateY(0); }
}