@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%;
	margin-bottom: 1%;
}
@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:#ea5414 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;
}

/**/

.ttl_07 {
	margin-bottom:15px;
	padding:5px 0;
	border-top:#01008E 2px solid;
	border-bottom:#01008E 2px solid;
	color:#01008E;
	font-size:115%;
	font-weight:bold;
	text-align:center;
}



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

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

/* color02 */
.attention_02 {
}

/* color03 */
.attention_03 {
}



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

/* table01 */

.table_01 {
	width:100%;
	border-top:#ea5414 1px solid;
	border-left:#ea5414 1px solid;
}
.table_01 th,
.table_01 td {
	padding:15px;
	border-right:#ea5414 1px solid;
	border-bottom:#ea5414 1px solid;
}
@media screen and (max-width:760px) {
.table_01 th,
.table_01 td {
	display:block;
}
}
.table_01 th {
	background:#fff3ee;
	color:#ea5414;
	font-weight:bold;
	text-align:center;
}

/**/
.table_cell_style {
	width:25%;
}
@media screen and (max-width:760px) {
.table_cell_style {
	width:auto;
}
}

/* table02 */

.table_02 {
	width:100%;
	border-top:#835824 1px solid;
	border-left:#835824 1px solid;
}
.table_02 th,
.table_02 td {
	padding:15px;
	border-right:#835824 1px solid;
	border-bottom:#835824 1px solid;
}
.table_02 th {
	background:#F5F7B5;
	color:#835824;
	font-weight:bold;
	text-align:center;
}


/* 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
-------------------------------------------------------------------*/

#parallax_01,
#parallax_02,
#parallax_03,
#parallax_04,
#parallax_05 {
	padding:100px 0;
}
@media screen and (max-width:760px) {
#parallax_01,
#parallax_02,
#parallax_03,
#parallax_04,
#parallax_05 {
	padding:20px 10px;
}
}

/**/

#parallax_01 {
	background:url(../img/top/bg_parallax_01.jpg) no-repeat fixed;
}
#parallax_02 {
	background:url(../img/top/bg_parallax_02.jpg) no-repeat fixed;
}
#parallax_03 {
	background:url(../img/top/bg_parallax_03.jpg) no-repeat fixed;
}
#parallax_04 {
	background:url(../img/top/bg_parallax_04.jpg) no-repeat fixed;
}
#parallax_05 {
	background:url(../img/top/bg_parallax_05.jpg) no-repeat fixed;
}


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

.modal_style {
	display:none;
}

.modal_inner {
}


/* mask class
-------------------------------------------------------------------*/
.mask_box {
	position:relative;
	overflow:hidden;
	width:320px;
	margin:0 auto;
}

/**/
.mask_01 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background-color:	rgba(0,0,0,0.3);
	-webkit-transition:	all 0.6s ease;
	transition:	all 0.6s ease;
}
.mask_01:hover {
	opacity:1;
	padding-top:80px;
}

/**/

.mask_02 {
	position:absolute;
	top:0;
	left:0;
	width:75%;
	height:100%;
	margin-left:-75%;
	/*background-color:rgba(0,0,0,0.6);*/
	background:#DAE5F9;
	-webkit-transition:	all 0.4s ease;
	transition:	all 0.4s ease;
}
/*.mask_box:hover .mask_02 {
	margin-left:0px;
}*/

.mask_box .mask_02_img {
	/*-webkit-transition:	all 0.4s ease;
	transition:	all 0.4s ease;*/
	outline: 1px solid #ffffff;
    outline-offset: -2px;
}
/*.mask_box:hover .mask_02_img {
	margin-left:75%;
}*/

.mask_box .service_img01{
	position: absolute;
	width: 98%;
	text-align: center;
	top: 50%;
    transform: translateY(-50%);
    margin: 0 4px;
    background: rgba(255,255,255,0.8);
    font-family: "游明朝";
    font-weight: bold;
    font-size: 20px;
    padding: 15px 0;
    color: #ea5414;
}


/* 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, #ff9365, #c33a00);
	color:#FFF;
	cursor:pointer;
}