@charset "utf-8";

html {
	scroll-behavior: smooth;
}

.OptionWideRWD #Contents {
	min-width: 100%;
	background-color: transparent;
	padding: 0 !important;
}

h2 {
	background: none;
}
h3 {
	padding: 0;
	border-left: none!important;
}

.OptionWideRWD .GridSet {
	margin: 0;
	width: 100%;
}

.OptionWideRWD .Grid4 {
	padding: 0 !important;
}

/*-----------------------------------
リセット
-----------------------------------*/
article{ margin: 0; padding: 0;}
article a { text-decoration : none!important;}
article ul,article ol { list-style : none;}
article img { border-style:none;}
article, article:before, article:after { box-sizing: border-box; }
body { -webkit-text-size-adjust: 100%; }

/*-----------------------------------
基本設定
-----------------------------------*/
body {
	background-color: #F2F2F2!important;
	opacity: 0;
	animation: OpenIn 2.5s ease;
	animation-fill-mode: forwards;
}
@keyframes OpenIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
body, article {
	position: relative;
}
article {
	color:#000;
	text-align:left;
	font-size: 14px;
	line-height: 26px;
	
	font-family: Shin Go Regular;
	/*font-style: italic;*/
}
article a {
	color:#e60127!important;
	transition:0.2s;
}
article a:hover {
	color:#FC0!important;
	transition:0.2s;
}
article a img	{
	opacity: 1;
	transition:0.2s;
}
article a:hover img	{
	opacity: 0.7;
	transition:0.2s;
}

.col_w { color: #FFF }
.col_r { color: #e60127 }
.col_g { color: #01624f }
.col_y { color: #ecbc42 }


/*-----------------------------------
　出現フェードイン ActFadeIn
-----------------------------------*/
.act_on {
	animation: ActFadeIn 1.0s ease;
	animation-fill-mode: forwards;
}
/*　キーフレーム ActOn　*/
@keyframes ActFadeIn {
    0% {opacity: 0; transform: translate(0px,30px);}
    100% {opacity: 1; transform: translate(0px,0px);}
}

/*-----------------------------------
Footer
-----------------------------------*/
footer {
	width: 100%;
	background-color: #01624f;
	padding-top: 30px;
	letter-spacing: 0.01em;
	position: relative;
	box-sizing: border-box!important;
}

.footer_inner {
	width: 96%;
	max-width: 966px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 50px;
}
.footlogo {
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
}
.footlogo img {
	width: 100%;
}
footer nav {
    display: flex;
	justify-content:space-between;
	padding-top: 30px;
	color: #FFF;
}
@media screen and (max-width: 750px) {
.footlogo {
	left: 1px;
	right: 0;
	margin: 0 auto;
}
footer nav {
	display: none;
}
}

footer nav ul li {
	font-size: 12px;
	line-height: 1.8;
}
.corner {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 14px;
}
.copyright {
	width: 100%;
	background-color: #EEE;
	padding: 24px;
	text-align: right;
	
}
.copyright_inner {
	font-size: 11px;
	text-align: right;
	max-width: 990px;
	margin: 0 auto;
}
@media screen and (max-width: 750px) {
.copyright_inner {
	font-size: 9px;
	text-align: center;
}
}
.copyright p {
	animation: OpenIn 0.5s ease;
	animation-fill-mode: forwards;
}

footer a {
	color:#FFF!important;
	transition:0.2s;
}
footer a:hover {
	color:#ecbc42!important;
	transition:0.2s;
}


/*-----------------------------------
media screen
-----------------------------------*/

/*幅769px以上の場合*/
@media screen and (min-width: 769px) {
}
/*幅641pxから768pxまでの場合*/
@media screen and (min-width:641px) and ( max-width:768px) {
}
/*幅640px以下の場合*/
@media screen and (max-width: 640px) {
}