@charset "utf-8";

/**--パンくず
----------------------------------------------------------*/
.pan{
	text-align:left;
	width:1300px;
	padding: 15px 0 15px;
	/*padding:15px 0 50px 104px;*/
	box-sizing:border-box;
}
.pan ul li{
	float:left;
	padding-right: 10px;
	/*padding-left:2em;*/
	font-size: 88%;
}
.pan ul li:nth-child(2):before, .pan ul li:nth-child(3):before {
	content: "\003E";
	display: inline-block;
	margin-right: 10px;
}
@media screen and (max-width:768px){
.pan{
	width:100%;
	padding:10px 0 10px 3.75%;
	text-align:left;
}

/*.pan ul li{
	padding-left:2em;
	font-size:1.0rem;
}
.pan ul li img{
	width:29%;
	height:auto;
}*/
}

/**--pagelink
----------------------------------------------------------*/
.pagelink{
	margin-top:-110px;
	padding-top:110px;
	display:block;
	width:100%;
	height:1px;
}
.pagelink2{
	margin-top:-70px;
	padding-top:70px;
	display:block;
	width:100%;
	height:1px;
}

@media screen and (max-width:768px){
.pagelink,
.pagelink2{
		margin-top:-50px;
		padding-top:50px;
	}
}

/**--btn
----------------------------------------------------------*/
.cont_btn{
	padding-bottom:50px;
}
.btn01_b{
	width:236px;
	height:49px;
	border-radius:24px;
	margin:0 auto;
}
.btn01_b a{
	display:block;
	width:236px;
	height:49px;
	line-height:49px;
	font-size:1.6rem;
	border-radius:24px;
	background:#64C2EE;
	color:#fff;
}
.btn02_b{
	width:305px;
	height:49px;
	border-radius:24px;
	background:#fff;
	margin:0 auto;
}
.btn02_b a{
	width:305px;
	height:49px;
	border-radius:24px;
	background:#64C2EE;
	font-size:1.6rem;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn03{
	width:320px;
	height:58px;
	border-radius:29px;
	background:#fff;
	margin:0 auto;
}
.btn03_b a{
	width:320px;
	height:58px;
	background:#64C2EE;
	border-radius:29px;
	font-size:1.6rem;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn03_g{
	background:#AAA;
	font-size:1.6rem;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn03_g span{
	display:block;
	width:85px;
	height:18px;
	border-radius:9px;
	font-size:1.3rem;
	letter-spacing: 0.3em;
	background:#fff;
	color:#444;
	margin-left:5px;
}
.btn04 {
	margin-bottom:10px;
	padding: 8px;
	background: #222222;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.btn04 a{
	display:block;
  color: #fff;
}

.link{
	margin-left:5px;
	width:15px;
	height:auto;
}

@media screen and (max-width:768px) {
		.btn01_b{
		width:192px;
		height:40px;
		border-radius:20px;
	}
	.btn01_b a{
		display:block;
		width:192px;
		height:40px;
		line-height:40px;
		font-size:1.3rem;
		border-radius:20px;
	}
	.btn02_b{
		width:266px;
		height:40px;
		border-radius:20px;
	}
	.btn02_b a{
		width:266px;
		height:40px;
		border-radius:24px;
		font-size:1.3rem;
	}
	.btn03{
		width:221px;
		height:40px;
		border-radius:20px;
	}
	.btn03_b a{
		width:221px;
		height:40px;
		border-radius:20px;
		font-size:1.3rem;
	}
	.btn03_g{
		font-size:1.3rem;
	}
	.btn03_g span{
		display:block;
		width:54px;
		height:14px;
		line-height:14px;
		border-radius:7px;
		font-size:1.0rem;
		line-height:14px;
	}
	.link{
		padding-bottom:4px;
		width:12px;
		height:auto;
	}
}





/* Column */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6{}

.col_1-2{},
.col_1-3{}

.col_2-1{},
.col_2-3{}

.col_3-1{},
.col_3-2{}


.fe-box {
	margin-bottom: 60px;
}

.col_2 > .col_child{ width:50%;}
.col_3 > .col_child{ width:33.3%;}
.col_4 > .col_child{ width:25%;}
.col_4_2 > .col_child{ width:50%;}
.col_5 > .col_child{ width:20%;}
.col_6 > .col_child{ width:16.6%;}

.col_1-2 > .col_child:nth-child(1){ width:33.3%;}
.col_1-2 > .col_child:nth-child(2){ width:66.6%;}

.col_2-1 > .col_child:nth-child(1){ width:66.6%;}
.col_2-1 > .col_child:nth-child(2){ width:33.3%;}

.col_1-3 > .col_child:nth-child(1){ width:25%;}
.col_1-3 > .col_child:nth-child(2){ width:75%;}

.col_3-1 > .col_child:nth-child(1){ width:75%;}
.col_3-1 > .col_child:nth-child(2){ width:25%;}

.col_2-3 > .col_child:nth-child(1){ width:40%;}
.col_2-3 > .col_child:nth-child(2){ width:60%;}

.col_3-2 > .col_child:nth-child(1){ width:60%;}
.col_3-2 > .col_child:nth-child(2){ width:40%;}

.col_3-3 > .col_child:nth-child(1){ width:50%;}
.col_3-3 > .col_child:nth-child(2){ width:50%;}

@media screen and (min-width:769px) {
	.col_child{
		float:left;
		box-sizing:border-box;
		/*padding-left:1%;
		padding-right:1%;*/
		width: 100%;
	}
	.col_child:first-child,
	.col_child:first-child:last-child{
		padding-left:0;
		padding-right:2%;
	}


	.col_child.flt_right:first-child,
	.col_child.flt_right:first-child:last-child {
		padding-left:2%;
		padding-right:0;
	}

	.col_child:last-child{
		padding-left:2%;
		padding-right:0;
	}

	.col_child.flt_right:last-child{
		padding-left:0;
		padding-right:2%;
	}

	.col_child.flt_right {
		float: right !important;
	}
	.col_rev > .col_child:first-child{
		float:right;
		padding-left: 2%;
		padding-right: 0;
	}
	.col_rev > .col_child:last-child{
		padding-left: 0;
		padding-right: 2%;
	}
}

@media screen and (max-width:768px) {
	.col_1 > .col_child,
	.col_2 > .col_child,
	.col_3 > .col_child,
	.col_4 > .col_child,
	.col_4_2 > .col_child,
	.col_5 > .col_child,
	.col_6 > .col_child,
	.fix.col_1-2 > .col_child,
	.fix.col_1-3 > .col_child,
	.fix.col_2-1 > .col_child,
	.fix.col_2-3 > .col_child,
	.fix.col_3-1 > .col_child,
	.fix.col_3-2 > .col_child,
	.fix.col_3-3 > .col_child{width: 100%;padding-left:0;padding-right:0;}
	.col_4_2 .col_child,
	.col_4 .col_child,
	.col_5 .col_child{
		width:50%;
	}
	.col_4_2 .col_child:nth-child(odd),
	.col_4 .col_child:nth-child(odd),
	.col_5 .col_child:nth-child(odd){
		padding-right:1%;
	}
	.col_4_2 .col_child:nth-child(even),
	.col_4 .col_child:nth-child(even),
	.col_5 .col_child:nth-child(even){
		padding-left:1%;
	}
}


/* col1_1_type01
-------------------------------------------------------------------*/
.col1_1_type01 .left_area {
	float:left;
	width:50%;
	padding-right:30px;
	box-sizing:border-box;
}
.col1_1_type01 .right_area {
	float:right;
	width:50%;
	padding-left:30px;
	box-sizing:border-box;
}

@media screen and (max-width:768px) {
	.col1_1_type01 .left_area {
		float:none;
		width:100%;
		padding-right:0px;
		margin-bottom:10px;
	}
	.col1_1_type01 .right_area {
		float:none;
		width:100%;
		padding-left:0px;
	}
}

@media screen and (min-width:769px), print {

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

}


/* 共通見出し
-------------------------------------------------------------------*/
/*.h_style01 {
	font-size: 2.14em;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.h_style02 {
	margin-bottom: 30px;
	padding: 10px 10px 10px 15px;
	border-left: 8px solid #82B949;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #f6f4ee;
}*/

.h_style02 {
		padding: 17px 10px 13px 25px;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.2;
    background-color: #82B949;
    position: relative;
    border-radius: 5px;
    color: #fff;
	 margin-bottom: 30px;
}

.h_style02:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 93%;
	border-top: 21px solid #82B949;
	border-right: 15px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 15px solid transparent;
	}

.h_style04 {
   
    padding: 11px 10px 8px 25px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    background-color: #82B949;
    position: relative;
    border-radius: 5px;
    color: #fff;
	
	 width:95%;
	 margin:0 auto;
	  margin-bottom: 30px;
}

.h_style04:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 93%;
	border-top: 21px solid #82B949;
	border-right: 15px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 15px solid transparent;
	}



@media screen and (min-width:769px), print {

}
@media screen and (max-width:768px) {
	.h_style02{
		padding: 11px 10px 8px 15px;
		font-size: 18px;
	}
	
.h_style02:before{
	
	right: 80%;
	
	}
 
 .h_style04:before{
	
	right: 80%;
	
	}
 
}


@media screen and (max-width:768px) {
 .sp_max{
	width:100% !important; 
 }
 
}

.img_list02{
	margin-bottom: 40px;
}

@media screen and (min-width:769px), print {
	.img_list02 li{
		float: left;
	}
}
@media screen and (max-width:768px) {
	.img_list02{
		margin-bottom: 20px;
	}
	.img_list02 li:last-child{
		margin-bottom: 0;
	}
}
.f18{
	font-size:18px;

}


p.block_text{
	margin-top:45px;
	}
	
.center_box p{
	text-align:center;
	}

.last_p{
	text-align:center;
	margin-top:50px;
	background:#fff;
	padding:20px;
	}


@media screen and (max-width:768px) {
p.block_text{
	margin-top:20px;
	}


.f18{
	font-size:14px;

}

.last_p{
	text-align:left;
	font-size:14px;
	}
}