@charset "utf-8";

/* column class
-------------------------------------------------------------------*/

/* 1-1 */
.col1-1 .left_area {
	float:left;
	width:49%;
}
@media screen and (max-width:760px) {
.col1-1 .left_area {
	float:none;
	width:auto;
	margin-bottom:20px;
	}
}
.col1-1 .right_area {
	float:right;
	width:49%;
}
@media screen and (max-width:760px) {
.col1-1 .right_area {
	float:none;
	width:auto;
	margin-bottom:20px;
	}
}

/* 2-1 */
.col2-1 .left_area {
	float:left;
	width:66%;
}
@media screen and (max-width:760px) {
.col2-1 .left_area {
	float:none;
	width:auto;
	margin-bottom:20px;
}
}
.col2-1 .right_area {
	float:right;
	width:32%;
}
@media screen and (max-width:760px) {
.col2-1 .right_area {
	float:none;
	width:auto;
	margin-bottom:20px;
}
}

/* 1-2 */
.col1-2 .left_area {
	float:left;
	width:32%;
}
@media screen and (max-width:760px) {
.col1-2 .left_area {
	float:none;
	width:auto;
	margin-bottom:20px;
}
}

.col1-2 .right_area {
	float:right;
	width:66%;
}
@media screen and (max-width:760px) {
.col1-2 .right_area {
	float:none;
	width:auto;
	margin-bottom:20px;
}
}

/* 1-1-1 */
.col1-1-1 .left_area,
.col1-1-1 .center_area,
.col1-1-1 .right_area {
	float:left;
	width:32%;
	margin-right:2%;
}
@media screen and (max-width:760px) {
.col1-1-1 .left_area,
.col1-1-1 .center_area,
.col1-1-1 .right_area {
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:20px;
}
}

.col1-1-1 .right_area {
	margin-right:0;
}

/* 1-1-1-1 */
.col1-1-1-1 .area_01,
.col1-1-1-1 .area_02,
.col1-1-1-1 .area_03,
.col1-1-1-1 .area_04 {
	float:left;
	width:23.5%;
	margin-right:2%;
}
.col1-1-1-1 .area_04 {
	margin-right:0;
}


/* title class
-------------------------------------------------------------------*/
.ttl_01 {
	margin-bottom:20px;
	padding:0 20px;
	border-top:#F2D323 1px solid;
	border-bottom:#F2D323 1px solid;
	background: linear-gradient(to bottom, #FFFFFF, #FFE69D);
}

.ttl_01 span {
	display:block;
	padding:15px 30px;
	background:url(../img/common/bg_ttl_01_icon.png) no-repeat left center;
	font-size:115%;
	font-weight:bold;
}

/**/

.ttl_02 {
	margin-bottom:20px;
	padding:15px 20px;
	border-left:#F2D323 5px solid;
	background:#EEEEEE;
	font-size:115%;
	font-weight:bold;
}

/**/

.ttl_03 {
	margin-bottom:20px;
	padding:15px 20px;
	border-bottom:#F2D323 3px solid;
	background:#34962C;
	color:#FFF;
	font-size:115%;
	font-weight:bold;

}

/**/

.ttl_04 {
	margin-bottom:20px;
	border-bottom:#835824 3px solid;
	background:#F3E4BE;
	font-size:115%;
	font-weight:bold;
}
.ttl_04 span {
	display:block;
	padding:15px 20px;
	background:url(../img/common/bg_ttl_04_mark.png) no-repeat right bottom;
}

/**/

.ttl_05 {
	margin-bottom:20px;
	padding:0 15px 13px;
	border-bottom:#2553B0 3px double;
}
.ttl_05 span {
	display:block;
	padding-left:25px;
	background:url(../img/common/bg_ttl_05_icon.png) no-repeat left center;
	font-size:115%;
	font-weight:bold;
}

/**/

.ttl_06 {
	margin-bottom:20px;
	padding:0 15px 10px;
	border-bottom:#835824 2px solid;
}
.ttl_06 span {
	display:block;
	padding-left:25px;
	background:url(../img/common/bg_ttl_06_icon.png) no-repeat left center;
	font-size:115%;
	font-weight:bold;
}




/* attention class
-------------------------------------------------------------------*/

/* color01 */
.attention_01 {
	color:#DD0000;
}

/* color02 */
.attention_02 {
}

/* color03 */
.attention_03 {
}



/* table class
-------------------------------------------------------------------*/

/* table01 */

.table_01 {
	border:#003E7B 1px solid;
	width:100%;
	margin-bottom:20px;
}

.table_01 th,
.table_01 td {
	padding:15px;
	border-bottom: #dfdfdf 1px dotted;
}

.table_01 th {
	width: 18%;
	background:#0055AB;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.table_01 td {
	background-color: #fff;
}

.table_01 td .td_font_red{
	font-color:#ff0000;
}

.table_01_font_redbold{
	color:#ff0000 !important;
	font-weight:bold !important;
}

.table_01_boxborder_right{
	border-right:#003E7B 1px solid;
}

.table_cell_style {
	width:25%;
}

/*table_kanto*/
.table_kanto {
	width:100%;
	margin-bottom:20px;
}

.accbox_kanto th{
	background-color:#e83843;
}

.accbox_kanto table{
	border:#e83843 1px solid;
}

/*table_tyubu*/
.table_tyubu{
	width:100%;
	margin-bottom:20px;
}

.accbox_tyubu th{
	background-color:#f68732;
}

.accbox_tyubu table{
	border:#f68732 1px solid;
}


@media screen and (max-width:1024px) {
	.jidoukoushin th{
		font-size:14px;
		}
}

@media screen and (max-width:760px) {
	.table_01 th{
		width: auto;
		font-size:14px;
		display: block;
	}
	.table_01 td {
		font-size: 12px;
		text-align:center;
		display: block;
	}
	.table_01_fontsmall{
		font-size:11px !important;
	}
	.table_td_planttl{
	background-color: #dfdfdf !important;
	}
	.table_01_boxborder_right{
	border-right:none;
	}
	.table_cell_style {
	width:auto;
	}
}
/**/


/* faq class
-------------------------------------------------------------------*/
.faq_list dl {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#666 1px dotted;
	font-size:130%;
}

.faq_list dl dt {
	padding:10px 0 10px 60px;
	background:url(../img/common/ico_faq_q.png) no-repeat left center;
	cursor:pointer;
}
.faq_list dl dd {
	padding:10px 0 10px 60px;
	background:url(../img/common/ico_faq_a.png) no-repeat left center;
}



/* parallax class
-------------------------------------------------------------------*/
.spacer{
  background-color: transparent;
  background-size: 100% 100%;
}

#spacer-1{
  height: 100%;
  background: url(../img/top/bg_parallax_01.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 90px 2% 45px;
}

#spacer-2{
  height: 100%;
  background: url(../img/top/bg_parallax_02.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 90px 2% 45px;
}

#spacer-3{
  height: 100%;
  background: url(../img/top/bg_parallax_03.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 90px 2% 45px;
}

#spacer-4{
  height: 100%;
  background: url(../img/top/bg_parallax_04.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 90px 2% 45px;
}

#spacer-5{
  padding:60px 0;
  background-color: #fff;
}

#spacer-6{
  height: 100%;
  background: url(../img/top/bg_parallax_06.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 90px 2% 45px;
}

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

	#spacer-1{
        background-image: none;
	}
        #spacer-1::before {
        content: "";
        display: block;
        min-width: 100vw;
        min-height: 100vh;
        background-image: url("../img/top/1_sp.jpg");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1
    }
    #spacer-2{
    	background-image:none;
    }
    #spacer-3{
    	background-image:none;
    }
    #spacer-4{
    	background-image:none;
    }
    #spacer-6{
    	background-image:none;
    }
}

/* modal class
-------------------------------------------------------------------*/

.modal_style {
	display:none;
}

.modal_inner {
}


/* mask class
-------------------------------------------------------------------*/
.mask_box {
	position:relative;
	overflow:hidden;
}

/**/
.mask_01 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background-color:seagreen;
	-webkit-transition:	all 0.6s ease;
	transition:	all 0.6s ease;
}

.mask_01 p{
	color:#FFFFFF;
	text-align: center;
	font-size:1.4em;
	line-height:2em;
	padding:0 20px;
}
.mask_01 span{
	font-size:0.8em;
}

.mask_01:hover {
	opacity:1;
	padding-top:80px;
}

@media screen and (max-width:1024px) {
	.mask_01 p{
		margin-top:-40px;
		font-size:1.0em;
		line-height: 1.6em;
	}
	.mask_01 span{
		font-size:12px;
		font-weight: 100 !important;
	}
}

@media screen and (max-width:760px) {
	.mask_01 p{
		margin-top:-40px;
		font-size:12px;
		line-height: 1.6em;
	}
	.mask_01 span{
		font-size:10px;
		font-weight: 100 !important;
	}
}

/* img style class
-------------------------------------------------------------------*/


/* img X回転 */
.rotation-x {
	transition: 1.0s ;
	-webkit-transform: rotateX( 0deg ) ;
	transform: rotateX( 0deg ) ;
}
.rotation-x:hover {
	-webkit-transform: rotateX( 360deg ) ;
	transform: rotateX( 360deg ) ;
}

/* img Y回転 */
.rotation-y {
	transition: 1.0s ;
	-webkit-transform: rotateY( 0deg ) ;
	transform: rotateY( 0deg ) ;
}
.rotation-y:hover {
	-webkit-transform: rotateY( 360deg ) ;
	transform: rotateY( 360deg ) ;
}

/* img Z回転 */
.rotation-z {
	transition: 1.0s ;
	-webkit-transform: rotateZ( 0deg ) ;
	transform: rotateZ( 0deg ) ;
}
.rotation-z:hover {
	-webkit-transform: rotateZ( 360deg ) ;
	transform: rotateZ( 360deg ) ;
}

/* img 拡大 */
.expansion {
	overflow:hidden;
}
.expansion img {
	transition: transform 0.2s linear;
}
.expansion img:hover {
	transform: scale(1.2);
}

/* img 影 */
.shadow:hover {
	box-shadow:6px 6px 12px 3px #BFBCBC;
	transition:all 0.2s ease-in-out;
}

/* img radius */
.radius {
	border-radius: 5px;
}



/* fuwat class
-------------------------------------------------------------------*/
.fuwat{}
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/* form class
-------------------------------------------------------------------*/
.form_item {
	width:400px;
	padding:10px;
	border:none;
	border:#CCC 1px solid;
	border-radius: 5px;
}
@media screen and (max-width:760px) {
	.form_item {
		width:90%;
		padding:3% 5%;
	}
}


.form_submit {
	display:block;
	width:200px;
	margin:0 auto;
	padding:15px 0;
	border:none;
	border-radius:5px;
	background: linear-gradient(to bottom, #0055AA, #00366B);
	color:#FFF;
	cursor:pointer;
	font-size:130%;
}
.form_submit:hover {
	background: linear-gradient(to bottom, #00366B, #0055AA);
}