@charset "utf-8";

/*=========================================*/
/* 自由ページ */
/*=========================================*/

/*-------- 自由エリア--------*/

.freepage{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 120px 0px;
}

.freepage_area{
	margin:0px auto 0px auto;
	padding:0px 50px 0px 50px;
	overflow:hidden;
}


/*-------- 自由エリア--------*/

.free_box{
	margin:40px auto;
	}

.box_free{
	margin:100px auto;
	}
		
p.box_title_text{
	margin:15px auto 20px auto;
	text-align:center;
	color:#333333;
	font-size:220%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.05em;
	line-height:150%;
	}

.box_wide_img{
	margin:/*5px*/ auto;
	text-align:center;
	}

.box_wide_img img{
	max-width:1200px;
	}


.box_introduction{
	margin:40px auto;
	}


.box_left{
	float:left;
	width:50%;
	max-width:600px;
	}
	
.box_left{
	float:left;
	}

.box_left img{
	margin:10px auto auto auto;
	width:100%;
	}
	
.box_right{
	float:right;
	width:50%;
	}

.box_right img{
	width:100%;
	}

p.introduction_title_r{
	margin:10px auto 10px 50px;
	text-align:left;
	color:#333333;
	font-size:220%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.05em;
	line-height:150%;
	}


p.introduction_title_l{
	margin:10px 50px 10px auto;
	text-align:left;
	color:#333333;
	font-size:220%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.05em;
	line-height:150%;
	}

span.title_orange{
	color:#c97a2b;
	}
	
span.title_yellow{
	color:#eabe3b;
	}
	
span.title_green{
	color:#28783c;
	}
	
span.title_brown{
	color:#945141;
	}

p.introduction_text_r{
	margin:10px auto 10px 50px;
	text-align:left;
	color:#333333;
	font-size:95%;
	letter-spacing: 0.03em;
	line-height:150%;
	}

p.introduction_text2_r{
	margin:10px auto 10px 50px;
	text-align:left;
	color:#333333;
	font-size:115%;
	letter-spacing: 0.1em;
	line-height:170%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}

p.introduction_text2_r span{
    border-bottom-style:solid;
    border-bottom-width: 1px;
 border-image: url("../images/common/bk_border.png") 5 round;  
}


p.introduction_text_l{
	margin:10px 50px 10px auto;
	text-align:left;
	color:#333333;
	font-size:95%;
	letter-spacing: 0.03em;
	line-height:150%;
	}

p.introduction_text2_l{
	margin:20px 50px 10px auto;
	text-align:left;
	color:#333333;
	font-size:115%;
	letter-spacing: 0.1em;
	line-height:170%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    
	}

p.introduction_text2_l span{
    border-bottom-style:solid;
    border-bottom-width: 1px;
 border-image: url("../images/common/bk_border.png") 5 round;  
}

p.box_text_l{
	margin:10px auto;
	text-align:left;
	color:#333333;
	font-size:95%;
	letter-spacing: 0.03em;
	line-height:160%;
	}
p.box_text2_l{
	margin:10px auto;
	text-align:left;
	color:#333333;
	font-size:115%;
	letter-spacing: 0.1em;
	line-height:170%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}

p.box_text2_l span{
     border-bottom-style:solid;
    border-bottom-width: 1px;
 border-image: url("../images/common/bk_border.png") 5 round;  
}
	
p.box_text_c{
	margin:10px auto;
	text-align:center;
	color:#333333;
	font-size:105%;
	letter-spacing: 0.03em;
	line-height:160%;
	}
	
p.box_text_link{
	margin:15px auto 5px auto;
	text-align:center;
	color:#333333;
	font-size:105%;
	letter-spacing: 0.03em;
	line-height:160%;
	}
	
.box_three_img{
	margin:15px auto;
	text-align:center;
	}

.box_three_img img{
	margin:10px 5px;
	width:32%;
	max-width:370px;
}


.box_two_img{
	margin:15px auto 35px auto;
	text-align:center;
	}

.box_two_img img{
	margin:0px 4px;
	width:49%;
	max-width:600px;
}


.box_four_img{
    width:24%;
	margin:25px auto;
	text-align:left;
    float: left;
	}

.box_four_img img{
    width: 100%;
	margin:0px 3px;
	max-width:370px;
}

p.img_text{
    float: left;

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

.box_wide_img img{
	width:100%;
	}

.box_three_img{
	margin:15px auto;
	text-align:center;
	}

.box_three_img img{
	margin:10px 5px;
	width:30%;
	max-width:none;
}
    
.box_two_img{
	margin:15px auto 35px auto;
	text-align:center;
	}

.box_two_img img{
	margin:0px 2px;
	width:48%;
	max-width:600px;
}
    

}

@media screen and (max-width:960px) {
.box_left{
	float:left;
	width:100%;
	}
	
.box_left{
	float:left;
	}

.box_left img{
	float:left;
	margin:5px auto auto auto;
	width:100%;
	}
	
.box_right{
	float:left;
	width:100%;
	}

.box_right img{
	float:left;
	margin:5px auto auto auto;
	width:100%;
	}
    
    
p.introduction_title_r{
	margin:10px auto 10px auto;
	text-align:left;
	color:#333333;
	font-size:220%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.05em;
	line-height:150%;
	}

p.introduction_title_l{
	margin:10px auto 10px auto;
	text-align:left;
	color:#333333;
	font-size:220%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.05em;
	line-height:150%;
	}
    
p.introduction_text2_r{
	margin:10px 0px 10px auto;
    
	}
    
p.introduction_text2_l{
	margin:10px 0px 10px auto;
    
	}
    
}


.freepage_area table{
    margin: 10px auto;
} 

/* 横スクロール */ 
@media screen and (max-width:960px) {
.freepage_area table{
    width: 100%;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}    
}

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

.freepage{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 90px 0px;
}

.freepage_area{
	margin:0px auto 0px auto;
	padding:0px 5px 0px 5px;
	overflow:hidden;
}
    
.free_box{
	margin:40px auto;
	}

.box_free{
	margin:30px auto;
    padding: 20px 10px;
    border: thin solid #ADADAD;
	}
	
p.introduction_title_r{
	margin:10px auto 10px 0px;	
	font-size:195%;
	line-height:140%;
	}

p.introduction_title_l{
	margin:10px 0px 10px auto;
	font-size:195%;
	line-height:140%;
	}
	
p.introduction_text_r{
	margin:10px auto 10px 0px;
	}
    
p.introduction_text2_r{
	margin:10px auto 10px 0px;
	}

p.introduction_text_l{
	margin:10px 0px 10px auto;
	}
	
    
p.introduction_text2_l{
	margin:10px 0px 10px auto;
    
	}
  
p.box_title_text{
	margin:10px auto;
	text-align:left;
	font-size:200%;
	letter-spacing: 0.05em;
	line-height:140%;
	}

p.box_text_l{
	margin:10px auto;
	text-align:left;
	font-size:95%;
	letter-spacing: 0.03em;
	line-height:160%;
	}
	
p.box_text_c{
	margin:10px auto;
	text-align:left;
	color:#333333;
	font-size:105%;
	letter-spacing: 0.03em;
	line-height:160%;
	}
	
p.box_text_link{
	margin:15px auto 5px auto;
	text-align:left;
	font-size:105%;
	letter-spacing: 0.03em;
	line-height:160%;
	}

.box_introduction{
	margin:40px auto;
	padding:10px 10px;
	border:thin solid #cccccc;
	}
	
.box_left{
	float:left;
	width:100%;
	}
	
.box_left{
	float:left;
	}

.box_left img{
	float:left;
	margin:5px auto auto auto;
	width:100%;
	}
	
.box_right{
	float:left;
	width:100%;
	}

.box_right img{
	float:left;
	margin:5px auto auto auto;
	width:100%;
	}
    
    
.box_two_img{
	margin:5px auto;
	text-align:center;
	}

.box_two_img img{
	margin:0px 2px;
	width:49%;
	max-width:none;
    float: left;
}
	
.box_three_img{
	margin:15px auto;
	text-align:center;
	}

.box_three_img img{
	margin:10px 5px;
	width:90%;
	max-width:none;
}



}