@charset "UTF-8";
/*--------------------------------------------
CORPORATE
---------------------------------------------*/
#corporate #section01 h3{
	line-height : 1.2;
}
@media screen and (max-width: 768px){
	#corporate #section01 .wrap{
		padding-top : calc( 48 * 100vw / 768 );
		padding-bottom : calc( 72 * 100vw / 768 );
	}
	#corporate #section01 .content{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#corporate #section01 h3{
		font-size : calc( 34 * 100vw / 768 );
	}
	#corporate #section01 .text{
		margin-top : calc( 28 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#corporate #section01 .wrap{
		padding-top : 45px;
		padding-bottom : 69px;
	}
	#corporate #section01 .content{
		margin-left : 36px;
		margin-top : calc( 50px - 2.5px );
	}
	#corporate #section01 h3{
		font-size : 25px;
	}
	#corporate #section01 .text{
		margin-top : calc( 28px - 8px );
		width : 426px;
	}
}
#corporate #section02{
	overflow : hidden;
}
@media screen and (max-width: 768px){
	#corporate #section02 .wrap{
		padding-top : calc( 76 * 100vw / 768 );
		padding-bottom : calc( 94 * 100vw / 768 );
	}
	#corporate #section02 .wrap > div{
		margin-top : calc( 60 * 100vw / 768 );
	}
	#corporate #section02 .content{
		margin-top : calc( 37px - 8px );
	}
	#corporate #section02 dl > div + div{
		margin-top : calc( 32 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#corporate #section02 dt , #corporate #section02 dd{
		line-height : 1.2;
	}
}
@media print,screen and (min-width: 769px){
	#corporate #section02 .wrap{
		padding-top : 73px;
		padding-bottom : 93px;
	}
	#corporate #section02 .wrap > div{
		margin-top : 60px;
	}
	#corporate #section02 .img{
		margin-left : 63px;
		margin-right : -182px;
	}
	#corporate #section02 .content{
		margin-top : calc( 37px - 8px );
	}
	#corporate #section02 dl > div + div{
		margin-top : 30px;
	}
	#corporate #section02 dt{
		width : 190px;
		text-align : right;
		margin-right : 20px;
	}
}
#corporate #section03 dl{
	justify-content : flex-end;
}
@media screen and (max-width: 768px){
	#corporate #section03 .wrap{
		padding-top : calc( 80 * 100vw / 768 );
		padding-bottom : calc( 88 * 100vw / 768 );
	}
	#corporate #section03 .wrap > div{
		margin-top : calc( 76 * 100vw / 768 );
	}
	#corporate #section03 .content{
		margin-top : calc( 84 * 100vw / 768 );
	}
	#corporate #section03 dl{
		margin-top : calc( 78 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#corporate #section03{
		overflow : hidden;
	}
	#corporate #section03 .wrap{
		padding-top : 79px;
		padding-bottom : 88px;
	}
	#corporate #section03 .wrap > div{
		margin-top : 74px;
	}
	#corporate #section03 .img{
		margin-left : 63px;
	}
	#corporate #section03 .content{
		margin-left : 72px;
		margin-top : calc( 82px - 8px );
	}
	#corporate #section03 dl{
		margin-top : calc( 78px - 8px - 8px );
	}
}
@media (min-width: 1172px){
	#corporate #section03 .content{
		margin-right : -72px;
	}
}

/*------- HOME
-------------------------------------------------*/

@media screen and (max-width: 768px){
	#homesec01 {
		background-color: #fff;
		background: url("../images/components/home/back01.png");
		background-position: top -30px center;
		background-repeat: no-repeat;
		background-size: 100%  auto;
		padding-top: 40vw;
	}
		#homesec01 .wrap {
			padding-bottom: calc(60 * 100vw / 768);
		}
		#homesec01 .article-introduction {
			background-color: rgba(255,255,255,.9);
			padding: calc(24 * 100vw / 768);
		}
		#homesec01 .article-introduction ul {
			margin: 0;
		}
			#homesec01 .article-introduction ul li {
				line-height: 1.4;
				list-style: none;
				margin-bottom: .3em;
			}
		#homesec01 .article-introduction p {
			font-size: calc(30 * 100vw / 768);
			line-height: 1.5;
			margin-top: 0;
		}
		#homesec01 .article-introduction  strong {
			font-weight: 600;
			color: maroon;
		}
	#homesec02 {
		background: #ff9900 ;
		padding: calc(40 * 100vw / 768) 0 ;
		text-align: center;
	}
	#homesec02 h2 {
		font-weight: 600;
		font-size: calc(34 * 100vw / 768);
		line-height: 1.35;
		color: #fff;
	}
	#homesec02 p {
	}
	#homesec02 p a {
		background: #fff;
		color: #222;
		margin-top: calc(30 * 100vw / 768) ;
		padding: calc(24 * 100vw / 768) ;
		font-size: calc(32 * 100vw / 768) ;
		display: inline-block;
	}	
}
@media print,screen and (min-width: 769px){
	#homesec01 {
		background-color: #fff;
		background: url("../images/components/home/back01.png");
		background-position: calc(50% - 400px) center ;
		background-repeat: no-repeat;
		background-size: auto 100%;
	}
		#homesec01 .article-introduction {
			margin-left: 200px;
			background-color: rgba(255,255,255,.8);
			padding: 40px;
		}
		#homesec01 .article-introduction p {
			font-size: 24px;
			line-height: 1.8;
		}
		#homesec01 .article-introduction ul li {
			font-size: 24px;
			line-height: 1.3;
			padding: 5px 0;
 		}
		#homesec01 .article-introduction p strong {
			font-weight: 600;
			color: maroon;
		}
	#homesec02 {
		background: #ff9900 ;
		padding: 50px 0 ;
		text-align: center;
	}
	#homesec02 h2 {
		font-weight: 600;
		font-size: 30px;
		line-height: 1.2;
		color: #fff;
	}
	#homesec02 p {
	}
	#homesec02 p a {
		background: #fff;
		color: #222;
		margin-top: 15px;
		padding: 15px 60px;
		font-size: 20px;
		display: inline-block;
	}
}


/*------- CONTENTS Footer
-------------------------------------------------*/

@media screen and (max-width: 768px){
	#contents-footer {
		background: #ff9900 ;
		padding: calc(40 * 100vw / 768) 0 ;
		text-align: center;
		margin-top: calc(40 * 100vw / 768) ;
	}
	#contents-footer h2 {
		font-weight: 600;
		font-size: calc(34 * 100vw / 768);
		line-height: 1.35;
		color: #fff;
	}
	#contents-footer p {
		margin-top: calc(30 * 100vw / 768) ;
	}
	#contents-footer p a.link-bt {
		background: #fff;
		color: #222;
		padding: calc(24 * 100vw / 768) ;
		font-size:calc(34 * 100vw / 768);
		display: inline-block;
	}	
	#contents-footer p a.link-tel {
		color: #fff;
		margin-top: calc(30 * 100vw / 768) ;
		font-size: calc(34 * 100vw / 768);
	}	
}
@media print,screen and (min-width: 769px){
	#contents-footer {
		background: #ff9900 ;
		padding: 30px 0 50px 0 ;
		text-align: center;
		margin-top: 80px;
	}
	#contents-footer h2 {
		font-weight: 600;
		font-size: 24px;
		line-height: 1.2;
		color: #fff;
		margin-bottom: 30px;
	}
	#contents-footer p {
		margin-top: 15px;
	}
	#contents-footer p a.link-bt {
		background: #fff;
		color: #222;
		padding: 15px 60px;
		font-size: 20px;
		display: inline-block;
	}
	#contents-footer p a.link-tel {
		color: #fff;
		margin-top: 15px;
		font-size: 20px;
	}	
}



@media screen and (max-width: 768px){
}
@media print,screen and (min-width: 769px){
}
div.colorbox{
    position: relative;
    width: 80%;
    margin: 30px auto 30px;
}
div.colorbox div.color{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #004314;
}
div.colorbox img{
    display: block;
    width: 100%;
}
#form {
	padding-bottom: 6em;
	
}
.thanks {
	min-height: 500px;
	text-align: center;
	padding-top: 5em;
}
	.thanks h3 {
		margin-bottom: 2em;
		font-size: 1.5em;
	}
	.thanks p {
		line-height: 1.8;
	}

/*----- business
----------------------------*/

#business {
	padding-bottom: 0px;
}
#business-sec01 {
}
	#business-sec01 p {
		line-height: 1.8;
	}
	#business-sec01 p strong {
		font-weight: 600;
	}
	#business-sec01 p em {
		font-size: large; 
	}
	#business-sec01 p em.color01 {
		color: #731986;
	}
	#business-sec01 p em.color02 {
		color: #f39518;
	}

#business-sec02 {
}
	#business-sec02 ul li h4 {
		position: relative;
		margin-top: -20px;
		background: #731986;
		z-index: 10;
		color: #fff;
		
	}
	#business-sec02 ul li:nth-of-type(2n) h4 {
		background: #f39518;
	}
	#business-sec02 ul li h4 span {
		line-height: 2.5em;
	}
#business-flow {
}
	#business-flow ul li:nth-of-type(2n) .iconbox {
		background: #731986;
	}