@charset "utf-8";



/* mainvisual ============================ */
#mainvisual{position: relative;}
#mainvisual img{width: 100%;}
/*#mainvisual .mv_01{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; transition: 0.8s ease;}*/
#mainvisual .mv_01 .caption{position: absolute; bottom: 0; left: 0; padding: 15px; font-size: 12px; color: #fff;}
/*
#mainvisual .mv_02{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: 0.8s ease;}
#mainvisual .mv_02 .caption{position: absolute; bottom: 0; left: 0; padding: 15px; font-size: 12px; color: #fff;}
#mainvisual .mv_03{position: relative; z-index: 1;}
#mainvisual .mv_03 .caption{position: absolute; bottom: 0; left: 0; padding: 15px; font-size: 12px;}

.repeatBtn{position: absolute; right: 20px; top: 20px; z-index: 4;
    background: #eeab55; color: #fff; padding: 5px 10px; visibility: hidden; transition: 0.3s ease;}
.repeatBtn:hover{cursor: pointer;}
*/
@media screen and (max-width: 640px){
    #mainvisual .mv_01 .caption{font-size: 10px; padding: 5px;}
    /*
	#mainvisual .mv_02 .caption{font-size: 10px; padding: 5px;}
    .repeatBtn{font-size: 12px; right: 10px; top: 10px;}
	*/
}

/* 動作 */
/*
#mainvisual.scene1 .mv_01{opacity: 0;}
#mainvisual.scene2 .mv_02{opacity: 0;}
#mainvisual.scene3 .mv_03{opacity: 0;}
#mainvisual.scene3 .mv_01{opacity: 1;}
#mainvisual.scene4 .repeatBtn{visibility: visible;}
*/

/* mainvisual_slide ============================ */
#mainvisual_slide{}
.mv_slide_box{position: relative;}
.mv_slide_box.mv_01 .caption{position: absolute; bottom: 0; left: 0; padding: 15px; font-size: 12px; color: #fff;}

@media screen and (max-width: 640px){
     .mv_slide_box.mv_01 .caption{font-size: 10px; padding: 5px;}
}







/* action_proposal-main ============================ */
#action_proposal-main{ background: #ec9343; padding: 0 10px; color: #ffffff;}
#action_proposal-main .proposal-mainBox{max-width: 1400px; margin: 0 auto; padding: 0px 0 5px; text-align: center; font-size: 34px; line-height: 1.4;}
#action_proposal-main .proposal-mainBox p{line-height: 1.2;}
#action_proposal-main .proposal-mainBox p b{font-size: 40px; font-weight: 400; line-height: 1.2; color: #fff100;}
#action_proposal-main .proposal-mainBox p small{font-size: 24px;line-height: -3;}
#action_proposal-main .proposal-mainBox p sup{font-size: 11px; margin-right: 10px;}


@media screen and (max-width: 960px){

}

@media screen and (max-width: 640px){
#action_proposal-main{padding: 10px;}
#action_proposal-main .proposal-mainBox{font-size: 24px;}
#action_proposal-main .proposal-mainBox p b{font-size: 30px;} 
#action_proposal-main .proposal-mainBox p small{font-size: 16px;}
}


/* action_proposal ============================ */
#action_proposal{
	/*border-top: 1px solid #fff; border-bottom: 1px solid #fff;*/
	/*background: #efd378;*/
	background: #eeefea;
	padding: 20px 10px;
}
#action_proposal ul{
	/*max-width: 1400px;*/
	max-width: 1100px;
	margin: 0 auto;
	background: #eeefea;
	position: relative;
    /*border-left: 1px solid #fff; border-right: 1px solid #fff;*/}



#action_proposal ul.flex{align-items: inherit; justify-content: center;}
#action_proposal li{
	color: #3d2315;
	/*width: 25%;*/
	text-align: center;
	/*font-size: 26px;*/
	font-size: 1.7em;
	line-height: 1.2;
    
	/*padding: 10px;*/
	/*padding: 10px 20px;*/
	padding: 10px 60px;
	margin: 7px 0;
}
#action_proposal li > div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	color: #2d2d2d;
}


#action_proposal li b{
	/*font-size: 36px;*/
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2; color: /*#bc1f1f*/ #ea6902;}
#action_proposal li b.blk {color: #2d2d2d;}
#action_proposal li small{
	/*font-size: 16px;*/
	font-size: 0.8em;;
	display: block;}
#action_proposal li sup {font-size: 10px;}
#action_proposal li strong {
	/*font-size: 36px;*/
	font-size: 1.5em;
}


@media screen and (max-width: 860px){
	#action_proposal li {padding: 10px 40px;}
}

/*@media screen and (min-width: 841px){*/
@media screen and (min-width: 841px){
	
	#action_proposal ul::before {
	content: '';
	width: 100%;
	/*height: 0.1px;*/
	height: 1px;
	background: #aaa;
	position: absolute;
	left: 0;
	/*top: 44%;*/
	top: 50%;
	transform: translateY(-50%);
}
	
	
	
	#action_proposal li:nth-child(1),
#action_proposal li:nth-child(3) {border-right: 1px solid #aaa;}
}

@media screen and (max-width: 1240px){
	#action_proposal li {font-size: 1.5em;}
}

@media screen and (max-width: 915px){
	#action_proposal li {padding: 10px 20px}
}


@media screen and (max-width: 840px){
	#action_proposal{padding: 10px;}
	#action_proposal ul.flex {display: block;}
	#action_proposal ul li:not(:last-child) {border-bottom: 1px solid #aaa;}
}
@media screen and (max-width: 560px){
	#action_proposal ul li {
		/*font-size: 4vw!important;*/
		font-size: 4.4vw!important;
		padding: 10px 0px;
	}
}






.mvBtm {
	/*padding: 10px 10px 20px;*/
	/*padding: 20px 10px 30px;*/
	padding: 30px 10px;
	box-sizing: border-box;
	background: #eca64a;
	/*display: none;*/
}

@media screen and (max-width: 500px) {
	/*.mvBtm {padding: 10px 10px 10px;}*/
}

.mvBtm > div.fbox01 {
	font-size: 1.4em;
	color: #fff;
	line-height: 1;
	align-items: center;
	max-width: 1300px;
	width: 100%;
	margin: auto;
	justify-content: center;
}

/*.mvBtm .cnt01 {font-size: 4.5em; font-weight: bold; letter-spacing: 0.1em;}*/
.mvBtm .cnt01 {font-size: 5.2em; font-weight: bold; letter-spacing: 0.2em;}
.mvBtm .cnt02 {
	font-size: 1.06em;
	font-weight: 500;
	line-height: 1.6;
	border-left: 1px solid rgba(255,255,255,0.6);
	padding-left: 30px;
	margin-left: 10px;
}
@media screen  and (min-width: 749px) and (max-width: 1230px) {
	.mvBtm .cnt01 {font-size: 6.7vw}
	.mvBtm .cnt02 {font-size: 1.7vw; padding-left: 20px;}
}
@media screen and (max-width: 748px) {
	.mvBtm > div.fbox01 {display: block; text-align: center;}
	.mvBtm .cnt01 {font-size: 3.6em; margin-bottom: 30px;}
	.mvBtm .cnt02 {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}
}
@media screen and (max-width: 600px) {
	.mvBtm .cnt01 {font-size: 12vw;}
	.mvBtm .cnt02 {font-size: 1em;}
}
@media screen and (max-width: 480px) {
	.mvBtm .cnt01 {font-size: 13vw;}
	.mvBtm .cnt02 {font-size: 0.8em;}
}
@media screen and (max-width: 380px) {
	.mvBtm .cnt02 {font-size: 0.7em;}
}
@media screen and (max-width: 350px) {
	.mvBtm .cnt02 {font-size: 4.0vw;}
}


.mgl5 {margin-left: 5px;}






.mvTxt {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	padding: 20px 0;
}
.mvTxt .tArea {
	color: #fff;
	text-align: center;
	padding: 20px 20px 40px;
	background: rgba(0,0,0,0.5);
	box-sizing: border-box;


	
}
.mvTxt .tArea h2 {
	font-size: 7.8em;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	/*text-shadow: #000 1px 0 14px;*/
	background: linear-gradient(90deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);
  background: -webkit-linear-gradient(0deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mvTxt .tArea p {font-size:1.7em; font-weight: 600; letter-spacing: 0.15em; text-shadow: #000 1px 0 14px;}

#mainvisual {background: #000;}
#mainvisual picture img {opacity: 0.6;}

@media screen and (max-width: 650px) {
	.mvTxt .tArea h2 {font-size: 16vw;}
	.mvTxt .tArea p {font-size: 3.2vw;}
}

@media screen and (max-width: 580px) {
	/*.mvTxt .tArea h2 {font-size: 18vw;}*/
}

@media screen and (max-width: 450px) {
	.mvTxt .tArea {padding: 20px 10px 40px;}
	.mvTxt .tArea h2 {font-size: 17vw}
	.mvTxt .tArea p {font-size: 3.8vw; letter-spacing: 0.1em;}
}