@charset "UTF-8";
body{
	background: #fafafa;
}

.top_bg{
	background:url(../../images/index/pc.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height:  60vh;
}
/*
.main_visual{
	width: 100%;
	position: absolute;
	transform: scale(1.1);
	filter: grayscale(100%);
}
*/
.main_content{
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
	padding: 0 16px;
}
.top_area{
	height: auto;
	position:relative;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 100px;
}
.top_cnt{
	width: 50%;
	padding: 5% 0 5% 5%;
}
.top_cnt02{
	width: 50%;
	padding: 5% 0 5% 0;
	display: flex !important;
    align-items: center;
}

.strong_h1 {
	font-size: 2em;
	font-weight: 600;
	margin-bottom: 10px;
	color: #000;
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
}

.strong_h1 span{
	display: inline-block;
/*	background: linear-gradient(transparent 70%, #fec804 70%);*/
}
.top_txt{
	max-width: 100%;
	line-height: 1.5;
	font-size: 1.2em;
}

.strong_area,.strong_area02{
	display: flex;
	justify-content: space-between;
	margin-bottom: 120px;
}

.strong_cnt{
	position: relative;
	padding: 3% 5% 2%;
	width: 50%;
	background: #fff;
	z-index: -2;
}
.strong_cnt02{
	width: 50%;
}
.top_cnt_img{
	text-align: center;
}
.top_cnt_img img{
	width: 50%;
	text-align: center;
}
.strong_point{
	display: inline-block;
	color: #b22222;
	font-weight: 600;
	display: inline-block;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 10px;
	overflow: hidden;
}
.strong_point::before {
    content: "";
    display: block;
    border-bottom: 3px solid #b22222;
    position: absolute;
    width: 50%;
    bottom: 6px;
	left: -5px;
}
.strong_point::after {
    content: "";
    display: block;
    border-bottom: 3px solid #b22222;
    position: absolute;
    width: 50%;
    bottom: 6px;
	right: -5px;
}
.strong_point .arrow {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #b22222;
    border-right: 3px solid #b22222;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 2px;
}
.strong_h2{
	font-size: 2em;
	font-weight: 600;
	margin-bottom: 20px;
	letter-spacing: 0 !important;
}
.strong_txt{
	font-size: 1.1em;
	line-height: 1.5;
}
.strong_num{
	position: absolute;
	top: -60px;
	right: -20px;
	width: 30%;
	z-index: -1;
}


.another_area{
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin: 0 auto 80px;
	padding: 0 16px;
}
.another_txt{
	text-align: center;
	font-size: 1.2em;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 80px;
	text-align: justify;
	border: 2px solid #333;
	padding: 3%;
	letter-spacing: .08em;
	line-height: 1.5;
}
/*--------------------------------------
フェードイン
--------------------------------------*/

/*右から*/
.fadein {
    opacity : 0;
    transform : translate(50px, 0);
    transition : all 800ms;
    }

.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/*左から*/
.fadein2 {
    opacity : 0;
    transform : translate(-50px, 0);
    transition : all 600ms;
    }
.fadein2.scrollin2 {
    opacity : 1;
    transform : translate(0, 0);
    }

/*したから*/
.fadein3 {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 600ms;
    }
.fadein3.scrollin3 {
    opacity : 1;
    transform : translate(0, 0);
    }


@media screen and (min-width:768px) and ( max-width:1280px) {
	.strong_h1 {

    font-size:  2.2vw;

}
	.strong_h2{
	font-size: 2vw;
}
	.top_txt{
	line-height: 1.5;
	font-size: 1.2vw;
}
	.strong_txt{
	font-size: 1.2vw;
}
}