@charset "UTF-8";
/*全体*/
/*p要素の間隔なし*/
.margin_adj p{
	margin-bottom:0;
}
/*間隔60px*/
.mg_60{
	margin-bottom:60px !important;
}
/*flexbox左側余白*/
.left_width{
	margin-right:10px;
}
/*メインビジュアル*/
/*テキスト上方配置*/
.upper_title{
	bottom: initial !important;
	top:0;
}
/*パート1*/
/*テキスト画像比率*/
.sec1 .display-flex-1 .left_width{
	width:60%;
}
.sec1 .display-flex-1 .right_width{
	width:40%;
}
/*パート2*/
/*太文字*/
.sec2 h4,.sec2 h5{
	font-size: 1.2em;
	font-weight: bold;
}
/*下の余白*/
.link_bottom{
	margin-bottom:20px;
}
/*テキスト画像比率*/
.sec2 .display-flex-1 .left_width{
	width:50%;
}
.sec2 .display-flex-1 .right_width{
	width:50%;
}
.sec2 .display-flex-1.second .left_width{
	width:40%;
	padding-top: 50px;
}
.sec2 .display-flex-1.second .right_width{
	width:60%;
}
.sec2 .display-flex-1.flex-adj img{
	width:30%;
}
/*画像横並びの調節(2個）*/
.display-flex-1.two_img img:nth-of-type(1){
	width:45%;
	margin-right:5%
}
.display-flex-1.two_img img:nth-of-type(2){
	width:45%;
	margin-left:5%
}	

/*画像横並びの調節（3個）*/
.flex-adj{
	align-items: flex-start;
}
.flex-adj img:nth-of-type(1){
	margin-left:5%;
}
.flex-adj img:nth-of-type(2){
	margin-left:2.5%;
	margin-right:2.5%;
}
.flex-adj img:nth-of-type(3){
	margin-right:5%;
}
/*右に画像回り込み*/
.dis_flo>.dis_content{
	float:right;
}
.sec2 .dis_flo .dis_content{
	width:50%;
}
.sec3 .dis_flo .dis_content{
	width:40%;
}
.dis_flo .dis_content{
	margin-left:10px;
}
.sec2 .head_margin_adj{
	margin-top:1.2em;
}
/*パート3*/
/*太文字*/
.sec3 h4,.sec3 h5{
	font-size: 1.2em;
	font-weight: bold;
}
/*テキスト画像比率*/
.sec3 .display-flex-1.first .left_width{
	width:60%;
	padding-top:30px;
}
.sec3 .display-flex-1.first .right_width{
	width:40%;
}
.sec3 .display-flex-1.second .left_width{
	width:30%;
}
.sec3 .display-flex-1.second .right_width{
	width:70%;
}
.sec3 .display-flex-1.third .left_width{
	width:70%;
}
.sec3 .display-flex-1.third .right_width{
	width:30%;
}
/*パート4*/
/*テキスト画像比率*/
.sec4 .display-flex-1 .left_width{
	width:70%;
}
.sec4 .display-flex-1 .right_width{
	width:30%;
}
/*パート5*/
/*テキスト画像比率*/
.sec5 .display-flex-1 .left_width{
	width:50%;
}
.sec5 .display-flex-1 .right_width{
	width:50%;
}
/*レスポンシブ*/
/*767px以下の場合blockで幅100%*/
@media only screen and (max-width: 767px) {
   .display-flex-1{
	display:block;
	}
	.left_width,.right_width,.sec2 .display-flex-1.flex-adj img,.display-flex-1.two_img img{
	width:100% !important;
	}
	.left-contents .sec2 .display-flex-1.flex-adj img{
	margin:0;
	}
}