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

*{ font-size: 16px; color: #595757; font-family: "游ゴシック体",YuGothic,"游ゴシック",Yu Gothic,"メイリオ",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",sans-serif;}
p{ line-height: 1.8em;}
p span { font-size: inherit; font-weight: inherit;}
.core{ max-width: 1020px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto;}
.row:nth-of-type(n+2){ margin-top: 100px;}
.flex{ display: flex; justify-content: space-between;}
img{ max-width: 100%;}
b{ font-weight: 700;}


/*===== HEADER =====*/
/*header{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);}*/
header{ border-bottom: 1px solid #ccc; padding: 15px 10px;}
header h1{ text-align: center;}


/*===== FOOTER =====*/
footer{ background: #e5e5e5; padding: 20px 0;}
footer .logoBox img{ max-height: 34px;}
footer .colR{ margin: 0 0 0 30px;}


/*===== MAIN =====*/
/* fade-setting */
.lodingfade { animation: lodingfade 1s ease .5s both;}
@keyframes lodingfade {
  from { opacity: 0;}
  to { opacity: 1;}
}
.lodingfadeUp { animation: lodingfadeUp 1s ease 1s both;}
@keyframes lodingfadeUp {
  from { opacity: 0; transform: translateY(20px);}
  to { opacity: 1; transform: translateY(0);}
}
.fadeIn { opacity : 0; transform : translate(0, 0); transition: .5s all 1s;}
.fadeInUp { opacity : 0; transform: translate(0 ,20px); transition: .5s all 1s;}
[class*="fade"].on{ opacity : 1; transform : translate(0, 0);}

.main{ padding: 80px 0;}


@media only screen and (min-width: 768px){
	.spv{ display: none!important;}
	.flexpc{ display: flex; justify-content: space-between;}
	footer .flexpc{ justify-content: center; align-items: center;}
	
}
@media only screen and (max-width: 767px){
	* { font-size: 14px;}
	.pcv{ display: none!important;}
	.row:nth-of-type(n+2) { margin-top: 80px;}
	footer { text-align: center;}
	footer .colR{ margin: 15px 0 0;}
}
@media only screen and (max-width: 480px){
	header h1 img{ max-height: 30px}
	.main { padding: 60px 0;}
	.row:nth-of-type(n+2) { margin-top: 60px;}
}