﻿
/* --------------------------------------------------------------------------------------
top.css
--------------------------------------------------------------------------------------- */
/* ------ Mainvisual ------ */
header{background: #fff!important;}
#main{padding-bottom: 100px;z-index: 5;position: relative;}
.mainKv, #contents {background: #E1EEDA;}
#contents::after{content: '';display: block;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: #333;background: rgba(225, 238, 218, .3);position: absolute;z-index: 1;}
#mainvisual{padding-bottom: 100px;}
#main h3{font-size: 48px;font-weight: bold;text-align: center;line-height: 1;}
#main .subttl{font-size: 18px;color: #004955;text-align: center;font-weight: 500;}
#main .txtBox{padding: 200px 0px 50px;}

#main .tabSec{padding: 0 20px;}
#main .tabSec h4{font-size: 21px;color: #fff;background: #484848;text-align: center;padding: 15px;line-height: 1;margin-bottom: 30px;}
#main .ttl{font-size: 21px;margin-bottom: 20px;}
#main .ttl span{color: #484848;}
#main .ttl + div{padding: 20px 0;border-top: 1px #484848 solid;border-bottom: 1px #484848 solid;}
#main .ttl + div p{font-size: 18px;}
#main .ttl + div p span{font-size: 24px;color: #004955;}

@media only screen and (max-width: 767px) {
	#main h3{font-size: 34px;}
	h1{padding: 30px 10px 30px;}
	#main .txtBox {padding: 130px 0px 20px;}
	#main .tabSec h4{font-size: 18px;margin-bottom: 20px;}
}