@charset "UTF-8";

/*=========================================*/
/* INDEPENDENT.CSS */
/*=========================================*/

@media screen and (min-width:1241px),print{
#contents .contents_area .inner h3{
	margin:0px 0px 30px 0px;
	font-size:3.5rem;
}

#contents .contents_area .inner h3 small{
	display:block;
	margin:0px 0px 15px 0px;
	color:#145aa0;
	font-size:1.6rem;
	line-height:100%;
}

#contents .contents_area .inner .text_area{
	margin:0px 0px 50px 0px;
}

#contents .contents_area .inner .text_area::after{
	clear:both;
	display:block;
	content:'';
}

.independent_img,
.independent_text{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.independent_img{
	width:30%;
}

.independent_text{
	width:70%;
}

.img_left .independent_img,
.img_left .independent_text{
	float:left;
}

.img_right .independent_img,
.img_right .independent_text{
	float:right;
}

.independent_img img{
	display:block;
	width:100%;
	height:auto;
}

.independent_text{
	padding:0px 50px 0px 50px;
}

.afterword .independent_text{
	width:100%;
	padding:40px 0px 0px 0px;
	border-top:1px solid #cccccc;
	text-align:center;
}

.independent_text p.title{
	margin:0px 0px 10px 0px !important;
	font-size:2.4rem !important;
	-webkit-font-feature-settings:"pkna";
	-moz-font-feature-settings:"pkna";
	font-feature-settings:"pkna";
	letter-spacing:1px;
}

.afterword .independent_text p.title{
	color:#2878c8;
	font-size:2.8rem !important;
}

.independent_text p.text{
	font-size:1.4rem !important;
}

.independent_text p.text:not(:last-of-type){
	margin:0px 0px 10px 0px !important;
}
}

@media screen and (max-width:1240px){
#contents .contents_area .inner h3{
	margin:0px 0px 30px 0px;
	font-size:3.5rem;
}

#contents .contents_area .inner h3 small{
	display:block;
	margin:0px 0px 15px 0px;
	color:#145aa0;
	font-size:1.6rem;
	line-height:100%;
}

#contents .contents_area .inner .text_area{
	margin:0px 0px 40px 0px;
}

#contents .contents_area .inner .text_area::after{
	clear:both;
	display:block;
	content:'';
}

.independent_img,
.independent_text{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.independent_img{
	width:30%;
}

.independent_text{
	width:70%;
}

.img_left .independent_img,
.img_left .independent_text{
	float:left;
}

.img_right .independent_img,
.img_right .independent_text{
	float:right;
}

.independent_img img{
	display:block;
	width:100%;
	height:auto;
}

.img_left .independent_text{
	padding:0px 0px 0px 40px;
}

.img_right .independent_text{
	padding:0px 40px 0px 0px;
}

.afterword .independent_text{
	width:100%;
	padding:35px 0px 0px 0px;
	border-top:1px solid #cccccc;
	text-align:center;
}

.independent_text p.title{
	margin:0px 0px 10px 0px !important;
	font-size:2.4rem !important;
	-webkit-font-feature-settings:"pkna";
	-moz-font-feature-settings:"pkna";
	font-feature-settings:"pkna";
	letter-spacing:1px;
}

.afterword .independent_text p.title{
	color:#2878c8;
	font-size:2.8rem !important;
}

.independent_text p.text{
	font-size:1.4rem !important;
}

.independent_text p.text:not(:last-of-type){
	margin:0px 0px 10px 0px !important;
}
}

@media screen and (max-width:1040px){
#contents .contents_area .inner h3{
	margin:0px 0px 25px 0px;
	font-size:3.0rem;
}

#contents .contents_area .inner h3 small{
	margin:0px 0px 10px 0px;
	font-size:1.4rem;
}

.independent_img{
	width:35%;
}

.independent_text{
	width:65%;
}

.img_left .independent_text{
	padding:0px 0px 0px 20px;
}

.img_right .independent_text{
	padding:0px 20px 0px 0px;
}

.independent_text p.title{
	font-size:2.0rem !important;
}

.afterword .independent_text p.title{
	font-size:2.5rem !important;
}
}

@media screen and (max-width:640px){
#contents .contents_area .inner h3{
	margin:0px 0px 15px 0px;
	font-size:2.7rem;
	font-weight:900;
}

#contents .contents_area .inner h3 small{
	margin:0px 0px 0px 0px;
	font-weight:400;
	line-height:180%;
}

#contents .contents_area .inner .text_area{
	margin:0px 0px 30px 0px;
}

.independent_img{
	width:100%;
	max-width:300px;
	margin:0px auto 0px auto;
}

.independent_text{
	width:100%;
}

.img_left .independent_img,
.img_left .independent_text,
.img_right .independent_img,
.img_right .independent_text{
	float:none;
}

.img_left .independent_text,
.img_right .independent_text{
	padding:20px 0px 0px 0px;
}

.afterword .independent_text{
	padding:25px 0px 0px 0px;
	text-align:left;
}

.afterword .independent_text p.title{
	margin:0px 0px 10px 0px !important;
	font-size:2.0rem !important;
}
}

@media screen and (max-width:440px){
#contents .contents_area .inner h3{
	font-size:2.5rem;
}
}