@charset "utf-8";

.cf:after {
content:" ";
display:block;
clear:both;
}

.view-pc {
display: block;
}
.view-sp {
display: none;
}
 
@media only screen and (max-width: 800px) {
.view-pc { display: none;}
.view-sp { display: block;}
}

.imgresize {
max-width: 100%;
width: 100%;
}

.titleanime {
animation: titleanime 2.0s ease forwards;
}

@keyframes titleanime {
from{
opacity: 0;
transform: translateY(30px);
}

to{
opacity: 1;
transform: translateY(0);
}
}

.cntinnerbox {
max-width: 1200px;
width: 100%;
margin: 0 auto ;
box-sizing: border-box;
}

@media only screen and (max-width: 1200px) {
.cntinnerbox {
padding: 0 3%;
}
}

.bgc-w {
background: #fff;
}

.darkred {
color: #dd1c06;
}

.white {
color: #fff;
}

.fontsize12 {
font-size: 12px;
}

.fontsize14 {
font-size: 14px;
}

.fontsize16 {
font-size: 16px;
}

.pt5 {
padding-top: 5px;
}

.pt10 {
padding-top: 10px;
}

.pt15 {
padding-top: 15px;
}

.pt20 {
padding-top: 20px;
}

.pt25 {
padding-top: 25px;
}

.pt30 {
padding-top: 30px;
}

.pt35 {
padding-top: 35px;
}

.pt40 {
padding-top: 40px;
}

.pb5 {
padding-bottom: 5px;
}

.pb10 {
padding-bottom: 10px;
}

.pb15 {
padding-bottom: 15px;
}

.pb20 {
padding-bottom: 20px;
}

.pb25 {
padding-bottom: 25px;
}

.pb30 {
padding-bottom: 30px;
}

.pb35 {
padding-bottom: 35px;
}

.pb40 {
padding-bottom: 40px;
}

.mb5 {
margin-bottom: 5px;
}

.mb10 {
margin-bottom: 10px;
}

.mb15 {
margin-bottom: 15px;
}

.mb20 {
margin-bottom: 20px;
}

.mb25 {
margin-bottom: 25px;
}

.mb30 {
margin-bottom: 30px;
}

.mb35 {
margin-bottom: 35px;
}

.mb40 {
margin-bottom: 40px;
}

.pr5 {
padding-right: 5px;
}

.pr10 {
padding-right: 10px;
}

.pr15 {
padding-right: 15px;
}

.pr20 {
padding-right: 20px;
}

.pl5 {
padding-left: 5px;
}

.pl10 {
padding-left: 10px;
}

.pl15 {
padding-left: 15px;
}

.pl20 {
padding-left: 20px;
}

input {
font-family: 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-top: 2px;
letter-spacing: 0.08em;
}

select {
font-family: 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

textarea {
font-family: 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.08em;
font-size: 14px;
}