/* ベースカラー　#007DC5　青
メインカラー　#F1FBFE　水色
アクセントカラー　#C6253B　濃赤
button border　#98A6B5　薄灰色

 */

/* ----------------共通CSS---------------- */
body{
	font-family:Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
	color: #000;
}
html {
	font-size: 62.5%;
}

@media screen and (max-width: 519px) {/* スクリーンサイズが519px以下の場合に適用 */
	html{
		font-size:50%;
	}
}

* { 
	margin: 0;
	padding: 0; 
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	font-size:14px;
}
.wrapper{
	margin:0 auto;
	padding:0 5% 0 5%;
	max-width:1480px;
}
#concept,#service,#news,#faq,#info{
	padding-bottom:80px;
}
h2{
	font-size:36px;
	padding:100px 0 70px 0;
	text-align: center;
}


.hover:hover{
	opacity:0.7;
	cursor: pointer;
}
button:hover{
	cursor: pointer;
}
.rounded-corner {
	width: 200px;
	height: 50px;
	font-size: 15px;
	border-radius: 50px;
	margin:50px;
	transition: .3s;
	background-color: #fff;
	border: 2px solid #98A6B5;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	color:#000;
}

@media screen and (min-width: 1052px) {/* スクリーンサイズが1000px以上の場合に適用 */
.rounded-corner:hover{
	background: #C6253B;
	color:#fff;
}
	}

@media screen and (max-width: 1052px) {/* スクリーンサイズが1000px以下の場合に適用 */
.toiawase{
	background: #C6253B;
	color:#fff;
}
	}

/* ----------------TOPページ---------------- */
/* headerここから */
header{
	background:#fff;
    box-shadow:0 2px 8px rgba(30,30,80,.3);
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
}
header .wrapper{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
#logotxt{
	color:#000;
}
#logo{
	display:flex;
	justify-content: center;
	align-items: center;
}
nav{
	display:flex;
	align-items: center;
}
nav ul{
	display:flex;
	align-items: center;
}
nav ul li{
	margin-right:30px;
}
nav ul li a{
	color:#000;
	display:block;
	padding-top:32px;
	padding-bottom:32px;
}
.gnavi li a{
    /*線の基点とするためrelativeを指定*/
position: relative;
}
.gnavi li.current a,
.gnavi li a:hover{
color:#007DC5;
}
.gnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 20px;
    left: 0;
    /*線の形状*/
    width: 100%;
    height: 2px;
    background:#007DC5;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}
/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}
.rounded-corner-small {
	width: 167px;
	height: 50px;
	background:#C6253B;
	font-size: 15px;
	border-radius: 50px;
	transition: .3s;
	background-color: transparent;
	border:2px solid #98A6B5;
	color:#000;
}
@media screen and (min-width: 1052px) {/* スクリーンサイズが1000px以上の場合に適用 */
.rounded-corner-small:hover{
	background: #C6253B;
	color:#fff;
	}
}
#logotxt{
	font-size:19px;
}
#small-logotxt{
	color:#707F89;
	font-weight:lighter;
	display:inline;
}
@media screen and (max-width: 1052px) {/* スクリーンサイズが1000px以下の場合に適用 */
	
	header{
		padding:10px;
	}
	
	h2{
	padding:70px 0 70px 0;
}
	nav{
		display:none;
	}
	.rounded-corner-small {

	background:#C6253B;
	color:#fff;
}
	
/*ハンバーガーメニュー*/
	.openbtn1{
		position: relative;/*ボタン内側の基点となるためrelativeを指定*/
		cursor: pointer;
		width: 50px;
		height:50px;
	}

/*ボタン内側*/
	.openbtn1 span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		border-radius: 2px;
		background: #000;
		width: 45%;
	}

	.openbtn1 span:nth-of-type(1) {
	top:15px; 
	}

	.openbtn1 span:nth-of-type(2) {
	top:23px;
	}

	.openbtn1 span:nth-of-type(3) {
	top:31px;
	}

/*activeクラスが付与されると線が回転して×に*/

	.openbtn1.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}

	.openbtn1.active span:nth-of-type(2) {
		opacity: 0;
	}

	.openbtn1.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}

	/*SP TB メニュー*/

	.hm{
		opacity:0;
		position:fixed;
		top:0;
		background:rgba(255,255,255,.9);
		height:100%;
		width:100%;
		text-align:center;
		transition-duration: 0.5s;
		z-index:-50;
	}
	.hm_op{
		opacity:1;
		z-index:50;
	}

	.hmnav{
		margin:200px auto 50px; 
	}
	
	.hmnav li{
		padding:20px;
	}

	.hmnav a{
		text-decoration:none;
		color:#000;
		font-size:20px;
	}

}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	h2{
		padding:50px 0 30px 0;
		font-size:25px;
	}
	.hmnav{
		margin:100px auto; 
	}
	.hm_button{
		margin-top:-60px;
	}
}

@media screen and (min-width: 1052px){/* スクリーンサイズが1000px以上の場合に適用 */
	.openbtn1{
		display:none;
	}
	
	.hm{
		display:none;
	}
}



/* mainここから */
#mainbox{
	padding:0 40px;
}
#fv{
	height:100%;
	width:100%;
	margin-top:60px;
	vertical-align: bottom;
	border-radius: 20px;
}

#fv_sp{
	display:none;
}
#page-top{
	width: 80px;
	height: 80px;
	position: fixed;
	right: 50px;
	bottom: 50px;
	background: #007DC5;
	border-radius: 50%;
	border:2px solid #fff;
	z-index: 30;
}
#page-top a{
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	text-decoration: none;
}
#page-top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 30px;
	color: #fff;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 10px;
	bottom: 0;
	right: 5px;
	left: 0;
	margin: auto;
	text-align: center;
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	#logotxt{
		font-size:18px;
	}
	#small-logotxt{
		font-size:13px;
		white-space:nowrap;
	}
	
	#mainbox{
		display:none;
	}
	
	#fv_sp{
		display:block;
		height:100%;
		width:100%;
		margin-top:0px;
		vertical-align: bottom;
	}
	
	#page-top{
		width: 60px;
		height: 60px;
		right: 20px;
		bottom: 20px;
	}
	#page-top a{
		width: 60px;
		height: 60px;
	}
	
	#page-top a::before{
		font-size: 28px;
		position: absolute;
		width: 60px;
		height: 60px;
		top: 20px;
		bottom: 0;
		right: 0px;
		left: -2px;
	}

}

/* conceptここから */
#concept{
	text-align:center;
}
#concept img{
	width:400px;
	border-radius: 20px;
}
#concept p{
	font-size:19px;
	padding:20px;
	line-height:2;
}
#concept-box{
	display:flex;
	align-items: center;
	text-align: left;
}
@media screen and (max-width: 1052px) {/* スクリーンサイズが1000px以下の場合に適用 */
	#footer-wrap{
		display:block;
	}
	
	#concept-box{
		display:block;
		text-align:center;
	}
	
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	#concept img{
		width:100%;
	}
	
	#concept p{
		font-size:15px;
		padding:10px;
	}
}

/* serviceここから */
#service{
	background-color: #007DC5;
}
#service h2,#service h3,.service-txt{
	color:#fff;
}
#service-wrap{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	justify-content: space-evenly;
}
.service-box{
	width:40%;
	position:relative;
}
.top{
	margin-bottom:100px;
}
.service-contents img{
	border-radius: 20px;
	width:100%;
	height:100%;
	border:5px solid #fff;
}
.service-txt{
	font-size:20px;
	text-align:center;
	margin-top:15px;
}
.point{
	position: absolute;
    width: 90px;
    height: 90px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
}
.point img{
	width:90px;
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	#service-wrap{
		display:block;
	}
	.service-box{
		width:100%;
		margin-top:40px;
	}
	
	.service-box{
		margin-bottom:100px;
	}
	
	.service-txt{
		font-size:19px;
	}
	
	.last_box{
		margin-bottom:50px;
	}
}

/* rateここから */
#rate{
	width:70%;
	margin:0 auto;
	padding-bottom:100px;
	text-align: center;

}

.rate_table{
	font-size: 15px;
	line-height: 2.3;
	margin:0 auto;
}

.rate_table table{
	width:100%!important;
	max-width:1100px;
}




@media screen and (min-width: 1052px){/* スクリーンサイズが1000px以上の場合に適用 */
	
	#rate{
		width:80%;
	}


}



@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
		#rate{
		width:90%;
	}
	
	.rate_table{
	font-size: 10px;
	line-height: 1.8;
	margin:0 auto;

}

.rate_table table{
	width:100%!important;
	}


}



/* newsここから */
#news{
	background-color: #007DC5;
}
#news h2{
	color:#fff;
}

.container {
	width: 100%;
	margin: 0 auto;
}


.news_menu{
	width:80%;
	max-width:1400px;
	margin:0 auto;
}

.news_menu li{

	border-bottom:1px solid #fff;
	
}



.news_menu li:first-child{
	border-top:1px solid #fff;
}

.news_menu div{
	color:#fff;
}

.news_menu .day{
	font-weight:bold;
	margin-right:30px;

}

.newsflex{
	display:flex;
	padding:20px;
}

.newsflex:hover{
	opacity:0.7;

}



#news-button{
	text-align: center;
}

.news_none{
	color:#fff;
	text-align:center;
	margin-bottom:50px;
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */

	.container {
		width: 90%;
	}
	
	.news_menu{
		width:100%;
	}
	.newsflex{
		display:block;
		padding:10px;
	}
	
	.news_menu .day{
		margin-right:0px;
	}
	.btitle{
		margin:10px 10px 0;
	}
	
	.news_menu li:last-child{
		margin-bottom:50px;
	}

}




@media screen and (max-width: 480px) {
	#news-wrap{
		display:block;
	}
}
@media screen and (max-width: 710px) {
	#news-button button{
		margin-top:10px;
	}
}

/* contactここから */
#contact-wrap{
	text-align:center;
}

/* footerここから */
footer{
	background: #007DC5;
	color:#fff;
}
#footer-wrap{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-end;
}
#footer-wrap-left{
	display:flex;
	align-items: flex-end;
	flex-wrap:wrap;
	flex-basis:50%;
}
#footer-wrap-left-contents{
	display:flex;
}
#logo-title{
	padding:0 10px;
}
#logo-title-top{
	font-size:30px;
	font-weight:bold;
}
#tell{
	font-size:43px;
	font-weight:bold;
	/* margin-top:-30px; */
}
#footer-wrap-right{
	flex-basis:50%;
	display:flex;
	justify-content: center;
}
#footer-wrap-right ul{
	padding-top:50px;	
}
#footer-wrap-right ul li a{
	color:#fff;
	display:block;
	padding:10px 30px 10px 30px;
}
#copyright{
	display: flex;
  	justify-content: center;
	padding:20px;
	font-size:12px;
}
@media screen and (max-width: 1052px) {
	#footer-wrap{
		display:block;
	}
	#footer-wrap-left{
		display:block;
		text-align:center;
		padding-top:50px;
	}
	#footer-wrap-left-contents {
		justify-content: center;
	}
	#footer-wrap-right ul {
		display:block;
	}
	#footer-wrap-right ul li{
		width:100%;
		text-align:center;
		border-top:none;
	}
	.border-top{
		border-top:none;
	}
	#logo-title-bottom{
		text-align: left;
	}
	
	#footer-wrap-right ul li a{

	padding:10px 20px 10px 20px;
}
#copyri
}


@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	#logo-title-top{
		font-size:26px;
	}
	
	#tell{
		font-size:38px;
		margin-top:30px;
}
	
}

/* ----------------下層ページ---------------- */
/* service-detailここから */
.service-title{
	padding:180px 0px 0px 0px;
}
.service-detail.default{
	display:flex;
	padding-bottom:50px;
	padding:80px 120px;
}
.service-detail.reverse{
	flex-direction: row-reverse;
	background:#F1FBFE;
	display:flex;
	padding-bottom:50px;
	padding:80px 120px;
}
.service-detail-text{
	flex-basis:70%;
}
.service-detail-text h3{
	font-size: 28px;
    padding-bottom: 30px;
    color: #191970;
}
.service-detail-text p{
	font-size: 15px;
    line-height: 2.3;
}
.point-icon img{
	width:170px;
}
.default .service-detail-img{
	margin-right:30px;
}
.reverse .service-detail-img{
	margin-left:30px;
}
.service-detail-img img{
	width:100%;
	border-radius: 20px;
}

@media screen and (max-width: 1051px){/* スクリーンサイズが1000px以下の場合に適用 */
	
	.service-title{
		padding:150px 0px 0px 0px;
	}
	.service-detail.default{
		display:block;
	}
	
	.service-detail.reverse{
		display:block;
	}
	
	.point-icon img{
		margin-top:10px;
	}
	
	.default .service-detail-img{
		margin-left:30px;
	}
	.reverse .service-detail-img{
		margin-right:30px;
	}
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	.service-title{
		padding:120px 0px 0px 0px;
	}
	
		.service-detail.default{
		padding-bottom:50px;
		padding:80px 10%;
	}
	.service-detail.reverse{
		padding-bottom:50px;
		padding:80px 10%;
	}
	
	.default .service-detail-img{
		margin:0px;
		width:100%;
	}
	.reverse .service-detail-img{
		margin:0px;
		width:100%;
	}
	
	.service-detail-text h3{
		font-size: 25px;
		padding-bottom: 20px;
	}

}


/* infoここから */
#info{
	background: #007DC5;
	padding:80px;
}
#info h2{
	color:#fff;
}
#info-box{
	display:flex;
}
#info-table{
	border-collapse: collapse;
	margin-bottom:30px;
	margin-right:50px;
}
#info-table th,#info-table td{
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	color:#fff;
}
#info-table th:last-child{
	border-bottom:none;
}
#info-table th{
	font-weight:normal;
	padding:20px 30px;
	text-align:left;
	white-space:nowrap;
}


@media screen and (max-width: 1051px){/* スクリーンサイズが1000px以下の場合に適用 */
	
	#info{
		padding-right:10px;
		padding-left:10px;
	}
	#info-box{
		flex-wrap:wrap;
		justify-content: center;
	}
	
	#info-table{
		margin:0 auto;
	}
	iframe{
		margin:50px auto;
		width:80%;
	}
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	#info{
		padding-right:0px;
		padding-left:0px;
	}
	
	#info-table th{
		display:block;
		width:100%;
		border-top:solid 1px #fff;
		border-bottom:none;
	}
	
		#info-table td{
		display:block;
		width:100%;
		border-top:none;
		border-bottom:none;
	}
	
	#info-table{
		border-bottom:solid 1px #fff;
	}
	
	#info-table th{
		padding:10px 10px 5px;
	}
	#info-table td{
		padding:0 10px 5px 30px;
	}
	iframe{
		margin:50px auto;
		width:100%;
		height:300px;
	}
}


/* flowここから */
.flow-title{
	padding:150px 0px 80px 0px;
}

.flow_subtitle{
	text-align:center;
	margin-bottom:25px;
	font-size:18px;
	color:#007DC5;
}
.flow-detail.default{
	display:flex;
	padding-bottom:50px;
	padding:80px 120px;
	background:#F1FBFE;
}
.flow-detail.reverse{
	flex-direction: row-reverse;
	display:flex;
	padding-bottom:50px;
	padding:80px 120px;
}
.flow-detail-text{
	flex-basis:70%;
}
.flow-detail-text h3{
	font-size: 28px;
    color: #191970;
	padding:0 30px 0 30px;
	white-space:nowrap;
}
.flow-detail-text h4{
	border-top:3px dotted #98A6B5;
	font-size:18px;
	padding-top:15px;
}
.flow-detail-text p{
	font-size: 15px;
    line-height: 2.3;
	padding-bottom:10px;
}
.flow-text{
	display: flex;
	align-items: center;
}
.flow-detail-text p.caution{
	color:red;
	font-size:13px;
	padding-bottom:10px;
}
.point-icon img{
	width:170px;
}
.default .flow-detail-img{
	margin-right:30px;
}
.reverse .flow-detail-img{
	margin-left:30px;
}
.flow-detail-img img{
	width:100%;
	border-radius: 20px;
}
.download-btn{
	color:#fff;
	width:260px;
	background-color: #007DC5;
	text-align: center;
	padding:10px;
	border-radius: 5px;
	
}


.tri{
	position: relative;
    display: block;
    /* height: 100px; */
    text-align: center;
    line-height: 100px;
    padding-left: 0px;
}
.tri:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 55px 0 55px;
    border-color: #007DC5 transparent transparent transparent;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


@media screen and (max-width: 1051px){/* スクリーンサイズが1000px以下の場合に適用 */
	.flow-detail.default{
		display:block;
	}
	
	.flow-detail.reverse{
		display:block;
	}
	.pc{
		display:none;
	}
	
	.default .flow-detail-img{
		margin-left:30px;
	}
	.reverse .flow-detail-img{
		margin-right:30px;
	}
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	.flow-title{
		padding:120px 0px 50px 0px;
	}
	
	.flow_subtitle{
		font-size:15px;
	}

	.flow-detail.default{
		padding-bottom:50px;
		padding:80px 10%;
	}
	
	.flow-detail.reverse{
		padding-bottom:50px;
		padding:80px 10%;
	}
	.flow-text{
		display: block;
	}
	.pc{
		display:block;
	}
	
	.default .flow-detail-img{
		margin:0;
		width:100%;
	}
	.reverse .flow-detail-img{
		margin:0;
		width:100%;
	}
	
	.flow-detail-text h3{
		font-size: 25px;
		padding:0 0 10px;
	}
	
	.download-btn{
		margin:10px auto 0;
	}

}


/* contactここから */

.contact-title{
	padding:150px 0px 80px 0px;
}

.contact-detail{
	padding-bottom:50px;
	padding:80px 10px;
	background:#F1FBFE;
	text-align:center;

}

.contact_top{
	font-size:18px;
	margin:0 0 50px; 0
}

.contact_text{
	font-size:15px;
	margin:30px 0 5px 0;
}

.hissu{
	background:red;
	color:#fff;
	padding:2px;
	margin-left:10px;
	border-radius:3px;
	
}

.contact_form{
	text-align:left;
	display: inline-block;
}

.contact_form input{
	width:70vw;
	max-width:900px;
	padding:10px;
	margin:2px;
}

.contact_form select{
	width:50vw;
	max-width:500px;
	padding:10px;
	margin:2px;
}

.contact_form textarea{
	width:70vw;
	max-width:900px;
	height:100px;
	padding:10px;
	margin:2px;
}

.contact_form dl{
	width:70vw;
	max-width:900px;
	border-bottom:0.5px solid;
	padding-bottom:20px;
}

.contact_button {
	width: 200px;
	height: 50px;
	font-size: 15px;
	border-radius: 10px;
	margin:50px;
	transition: .3s;
	background-color: #007DC5;
	border:none;
	color:#fff;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

.contact_button:hover{
	background:#007DC5;
	opacity:0.7;
}

/* 送信ボタン - 押せないとき */

input[type="submit"][disabled] {
background-color: #ccc;
cursor: default;
}

.privacy p{
	padding:15px;
}

input[type="checkbox"]{
	margin-right:10px;
}



@media screen and (max-width: 1051px){/* スクリーンサイズが1000px以下の場合に適用 */
	.contact-title{
		padding:120px 0px 60px 0px;
	}
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	.contact_form input{
		width:85vw;
	}

	.contact_form select{
		width:60vw;
	}

	.contact_form textarea{
		width:85vw;
	}

	.contact_form dl{
		width:85vw;
	}
	
}

/* contact2ここから */

.contact_input{
	margin-left:10px;
	font-weight:bold;
}

.contact_button.modoru{
	margin-top:0;
	background-color: #999;


}

.contact_button.modoru a{
	color:#fff;
}



/* privacyここから */

.privacy_text{
	padding:0 100px 100px;
}

.privacy_sub_title{
	font-size:18px;
	padding:10px 0 3px;
	font-weight:bold;
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	.privacy_text{
		padding:0 15px 50px;
	}
	
}

/* newsここから */

#allnews{
	background:#007DC5;
	padding-bottom:80px;
}

.news-title{
	padding:150px 0px 80px 0px;
	color:#fff;
}

.allmenu_container{
	width:70%;
	max-width:1200px;
	margin:0 auto;
}

.allmenu_container li{

	border-bottom:1px solid #fff;
	transition: all .4s ;
	
}



.allmenu_container li:first-child{
	border-top:1px solid #fff;
}

.allmenu_container div{
	color:#fff;
}

.allmenu_container .day{
	font-weight:bold;
	margin-right:30px;

}

.menuflex{
	display:flex;
	padding:20px;
}

.menuflex:hover{
	opacity:0.7;

}


.list li.is-hidden {
	visibility: hidden;
	opacity: 0;
	height: 0;
	margin: 0 10px;
	padding:0;
	transition:none ;
}


@media screen and (max-width: 1051px){/* スクリーンサイズが1000px以下の場合に適用 */
	.news-title{
		padding:130px 0px 60px 0px;
	}
}
	
@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	.news-title{
		padding:120px 0px 50px 0px;
	}

	.allmenu_container{
		width:80%;
	}
	.menuflex{
		display:block;
		padding:10px;
	}
	
	.allmenu_container .day{
		margin-right:0px;
	}
	.btitle{
		margin:10px 0 0 10px;
	}

	.more2 {
		margin:0;
	}

	.allmenu_container li:last-child{
		margin-bottom:50px;
	}
}
	

/* news2ここから */
.news2-title{
	padding:150px 0px 80px 0px;
}

.news2_wrap{
	padding:50px 20% 20px;
	background:#F1FBFE;
	text-align:center;
	
}

.news2{
	text-align:left;
	margin:0 auto;
	max-width:1000px;

}

.news2_day{
	font-weight:bold;
	color:#007DC5;
	margin-bottom:20px;
}

.news2_btitle{
	font-size:25px;
	font-weight:bold;
	margin:10px 0 30px;
}

.news2_content{
	font-size: 15px;
	line-height: 2.3;
}

.news2_button{
	margin-top:40px;
}

.news2 img{
	max-width:100%;
}

@media screen and (max-width: 1051px){/* スクリーンサイズが1000px以下の場合に適用 */
	
	.news2-title{
		padding:130px 0px 60px 0px;
	}

	.news2_wrap{
		padding:50px 15% 20px;
	}
}

@media screen and (max-width: 519px) {/* 520px以下の時に使用  */
	
	.news2-title{
		padding:120px 0px 50px 0px;
	}
	
	.news2_wrap{
		padding:50px 10% 20px;
	}
}


/* ----------------アニメーション---------------- */
.fadein{
	opacity : 0;
    transform : translate(0, 50px);
    transition : all 1s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}