@charset "UTF-8";
body{
	background: #F6F6F6;
}
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	
	/*------------mv---------------*/
	.top{
		background: url("../imgs/top/main_bg.jpg") no-repeat;
		background-size:cover;
		width: 100%;
		height: 765px;
		text-align: left;
	}
	
	.bg_blue{
		background: #0055B8;
		padding-top: 64px;
		position: relative;

	}
	
	.bg_blue::after {
		position: absolute;
		content: "";
		display: inline-block;
		right: 0;
		top: -33%;
	  	width: 50%;
		height: 34%;
		aspect-ratio: 1;
		clip-path: polygon(0 100%,100% 0,100% 100%);
		background: #0055B8;
	}
	.top h2.catch{
		text-align: left;
		font-size: 2.8rem;
		color: #fff;
	}
	
	.top h2.catch span{
		font-size:9.0rem;
	}
	
	.main_text{
		display: flex;
		margin-bottom: 80px;
		color: #fff;
	}
	
	.main_text li::before{
		content: "◎";
	}
	.main_text li{
		margin-right: 16px;
	}
	
	.main_contact{
		position: relative;
		width: 400px;
		background: #F83838;
		border-radius:35px;
		overflow: hidden;
		margin-bottom: 160px;
	}
	
	.main_contact a{
		display: block;
		color: #fff;
		padding: 22px 100px;
	}
	.main_contact::after{
		position: absolute;
		right: 32px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		content: "";
		display: inline-block;
		background:url("../imgs/common/icon_arrow.png") no-repeat;
		background-size:contain;
		width:16px;
		height: 14px;
	}
	
	.mv_industry{
		display: flex;
		font-size: 1.4rem;
		color: #B1DBED;
		margin-bottom: 16px;
		position: relative;
	}
	.mv_industry li{
		width: 120px;
		margin-right: 16px;
		text-align: center;
	}
	.mv_industry li:nth-child(odd){
		margin-top: 40px;
	}
	.mv_industry li img{
		width: 44px;
		height: auto;
		margin-bottom: 10px;
	}
	.mv_industry li span{
		display: block;
	}
	.mv_industry::before{
		position: absolute;
		left: 0;
		top: -140px;
		content: "";
		display: inline-block;
		background:url("../imgs/top/introductionexample.png") no-repeat;
		background-size:contain;
		width:1088px;
		height: 140px;
		z-index: 2;
	}
	.swiper01 img{
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	
	.mv_example{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		position: relative;
	}
	.mv_example_left{
		width: 65%;
		max-width: 800px;
	}
	.mv_example_right{
		height: 100%;
		padding-bottom: 120px;
		position: relative;
		width: 35%;
	}
	
		.mv_example_right::before{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		top: -660px;
		content: "";
		display: inline-block;
		background:url("../imgs/top/mobile.png") no-repeat;
		background-size:contain;
		width:300px;
		height: 614px;
		z-index: 2;
	}
	
	
	.mv_example_button{
		position: relative;
		right: 0;
		text-align: center;
		width: 90%;
		margin: 0 auto;
		height: 60px;
		line-height: 60px;
		border-radius: 30px;
		background: #333;
		overflow: hidden;
	}

	.mv_example_button a{
		display: block;
		color: #fff;
		position: relative;
	}
	
	.mv_example_button .bgskew_white::after{
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		content: "";
		display: inline-block;
		background:url("../imgs/common/icon_arrow.png") no-repeat;
		background-size:contain;
		width:16px;
		height: 14px;
	}
	.mv_example_button .bgskew_white:hover::after{
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		content: "";
		display: inline-block;
		background:url("../imgs/common/icon_arrow_black.png") no-repeat;
		background-size:contain;
		width:16px;
		height: 14px;
		z-index: 3;
	}
	/*------------about---------------*/
	.about{
		padding-top: 120px;
		background: #fff;
		position: relative;
		
	}
	.about h3{
		font-size:4.0rem;
		margin-bottom: 48px;
	}
	.about_text p{
		margin-bottom: 24px;
		font-size: 2.0rem;
	}
	.about_keyword{
		position: relative;
		width: 680px;
		margin: 0 auto;
		border-radius: 10px;
		padding: 64px 80px;
		background: #fff;
	}
	.about_keyword::before{
		content: "";
		display: inline-block;
		background:url("../imgs/top/pin.png") no-repeat;
		background-size:contain;
		width:65px;
		height: 94px;
		position: absolute;
		top: -45px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		
	}
	.about_keyword_title{
		font-size:2.8rem;
		font-weight: 600;
	}
	.about_keyword_title p{
		font-size: 1.6rem;
		font-weight: 400;
	}
	
	.swiper02{
		width: 100%;
	}
	.swiper-wrapper {
	  transition-timing-function: linear;
	}
	.swiper02 img{
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	.swiper02 .swiper-slide:nth-child(even) img{
		margin-top: 24px;
	}
	.swiper02{
		position: absolute;
		bottom: -120px;

	}
	

	
	/*------------user---------------*/
	.user{
		
		height: 1200px;
		padding-top: 160px;
		background: url("../imgs/top/image_user.png") right 400px no-repeat;
		background-size: 50%;
		

	}
	.user .contents_inner{
		display: flex;
		flex-direction: row-reverse;
	}
	.user h2{
		width: 55%;
		text-align: left;
		
	}
	.user h2 span.jp{
		margin-left: 40px;
	}
	.user_list{
		width: 45%;
		position: relative;
		
	}
	.user_list li{
		position: absolute;
		border-radius: 10px;
		padding: 80px 0;
		height: 380px;
		width: 340px;
		color: #fff;
		text-align: center;
		font-size: 1.8rem;

	}
	.user_list li:before {
		counter-increment: number 1; 
		content: counter(number,decimal-leading-zero) " ";
		font-family: "Outfit";
		color: #fff;
		opacity:0.6;
		font-size: 4.0rem;
		font-weight: bold;
		position: absolute;
		left: 24px;
		top: 16px;
	}
	.user_list li:nth-child(1){left: 30%;top: 0; background: #0055B8;}
	.user_list li:nth-child(2){left: 0;top: 400px; background: #1B95E7;z-index: 10;}
	.user_list li:nth-child(3){right: -125px;top:560px;background: #207CE7;}
	.user_list li:nth-child(1)::after{
		content: "出典:Google公式調査(Think with Google)";
		font-size: 1.2rem;
		font-weight: 300;
		position: absolute;
		bottom: -30px;
		color: #8E8E8E;
		width: 300px;
	}
	.user_list li:nth-child(2)::after{
		content: "出典:Google/IPSOS「マイクロモーメント調査」(日本)";
		font-size: 1.2rem;
		font-weight: 100;
		position: absolute;
		bottom: -40px;
		left: 0;
		color: #8E8E8E;
		max-width: 340px;
		text-align: center;
	}
	.user_list li div{
		font-size: 7.0rem;
		font-weight: 700;
	}
	
	
	
	/*------------industry---------------*/
	.industry{
		background: url("../imgs/top/image_industry.png") left  380px no-repeat;
		background-size: 42%;	
		}
	.industry .contents_inner{
		display: flex;
		justify-content: space-between;
	}
	.industry h2{
		text-align: left;
	}
	.industry h2 span.jp{
		margin-left: 40px;
	}
	
	.industry_left{
		width: 40%;
		
	}
	
	.industry_text{
		font-size: 2.0rem;
		
	}
	
	.industry_right{
		width: 50%;
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	
	.industry_right li{
		width: 48%;
		background: #fff;
		border-radius: 20px;
		padding:40px;
		margin-bottom: 32px;
		
	}
	
	.type{
		font-size: 2.1rem;
		color: #0055B8;
		margin-bottom: 24px;
	}
	.industry_right dd{
		font-size: 1.4rem;
	}
	/*------------customers---------------*/
	.customers{
		background: #F2F2F2;
		padding: 120px 0;
	}
	.customers_text{
		font-size: 2.0rem;
	}
	.customers_text p{
		text-align: center;
	}
	.customers_content{
		display: flex;
	}
	.three{
		width: 90%;
	}
	.customers h3.three_name{
		color: #0055B8;
		font-size: 2.4rem;
		font-weight: 100;
		margin-bottom: 16px;
	}
	
	.three li{
		border-radius: 10px;
		background: #fff;
		padding: 40px;
		margin-bottom: 24px;
		width: 80%;
	}
	.three li:nth-child(2){margin-left: 10%;background: #0055B8;color: #fff;}
	.three li:nth-child(3){margin-left: 20%;}
	
	.three li:nth-child(2) .three_name{color: #fff;}
	
	.customers h3{font-size: 3.0rem; }
	
	.pc{
    width: 50%;
	margin: 0 auto;
	}
	.pc img{
		width: 100%;
		height: auto;
	}
	/*------------foreigner---------------*/
	.foreigner{
		padding: 120px 0;
/*		background: url("../imgs/top/image_foreigner.png") no-repeat left;
		background-size:620px 777px;*/
		display: flex;
		justify-content: space-between;

	}

	.foreigner_left{
		width: 30%;
		border-radius: 0 10px 10px 0;
		overflow: hidden;
	}
	.foreigner_left img{
		width: 100%;
		height: auto;
		border-radius: 0 10px 10px 0;
	}
	.foreigner_right{
		width: 65%;
	}
	
	.foreigner h2{
		text-align: left;
	}
	
	.foreigner h2 span.jp{
		margin-left: 40px;
	}
	
	.foreigner_text{
		width: 60%;
	}
	
	.foreigner_text p:nth-child(1){font-size: 4.0rem;font-weight: 700;}
	.foreigner_text p:nth-child(2){font-size: 2.0rem;}
	
	.foreigner_list{
		width: 60%;
		background: #fff;
		padding: 40px 64px;
		border-radius: 10px;
	}
	.foreigner_list li{
		padding-left: 20px;
		position: relative;
	}
	.foreigner_list li::before{
		content: "●";
		color: #0055B8;
		font-size: 1.2rem;
		position: absolute;
		left: 0;
		 top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

	}
	
	
	/*------------service---------------*/
	.service{
		background: #fff;
		padding: 120px 0 200px;
	}
	.service_text{
		font-size: 2.0rem;
	}
	.card{
		position: relative;
	}
	.card:hover .service_list_title{
		color: #0055B8;
		
	}
	.card_link::before {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  z-index: 0;
	}
	.cyuui{
		color: #7B7B7B;
		font-size: 1.4rem;
		
	}
	
	.service_list{
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
	}
	.service_list img{
		width: 100%;
		height: auto;

	}
	.service_list li{
		width: 32%;
		text-align: center;
	}
	
	.service_list li div{
		text-align: left;
		font-weight: 100;
		font-size: 1.4rem;
	}
	.service_list_title{
		font-size: 2.4rem;
	}
	
	.button{
		background: #0055B8;
		width: 400px;
		height: 60px;
		line-height: 60px;
		margin: 0 auto;
		border-radius:30px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	.button::after{
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		content: "";
		display: inline-block;
		background:url("../imgs/common/icon_arrow.png") no-repeat;
		background-size:contain;
		width:16px;
		height: 14px;
	}
	.button a{
		color: #fff;
		display: block;
	}
	
	/*------------news column---------------*/
	.news_column{
		display: flex;
		justify-content: space-between;
		padding: 120px 0;
	}
	.news,.column{
		width: 46%;
	}
	.news .no_articles,.column .no_articles {
		text-align:center;
		margin:50px 0;
		font-size:18px;
	}
	.news_title,.column_title{
		text-align: left;
		font-weight: normal;
		
	}
	
	.news article, .column article{
		border-bottom: 1px  #CFCFCF solid;
		margin-bottom: 24px;
	}
	
	
	
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	/*------------mv---------------*/
	.top{
		background: #0055B8 url("../imgs/top/main_bg_sp.jpg") no-repeat;
		background-size:100%;
		background-color: #0055B8;
		width: 100%;
		text-align: center;
		padding-top: 320px;
		position: relative;
	}

	.bg_blue{
		background: #0055B8;
		position: relative;

	}
	
	.top h2.catch{
		padding-top: 40px;
		font-size: 1.4rem;
		color: #fff;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	
	.top h2.catch span{
		font-size:4.2rem;
	}
	.header + .contents_inner::after {
		position: absolute;
		content: "";
		display: inline-block;
		right: 0;
		top: 240px;
	  	width: 50%;
		height: 17%;
		aspect-ratio: 1;
		clip-path: polygon(0 100%,100% 0,100% 100%);
		background: #0055B8;
	}
	
	.catch_container{
        background: #0055B8;
		padding-bottom: 24px;
	}
	
	.catch_container::after {
		position: absolute;
		content: "";
		display: inline-block;
		right: 0;
		top: 230px;
	  	width: 50%;
		height: 17%;
		aspect-ratio: 1;
		clip-path: polygon(0 100%,100% 0,100% 100%);
		background: #0055B8;
	}
	.main_text{
		
		margin-bottom: 16px;
		color: #fff;
	}
	.main_text li{
		font-size: 1.2rem;
	}
	.main_text li::before{
		content: "◎";
	}

	
	.main_contact{
		position: relative;
		width: 100%;
		height: 54px;
		line-height: 54px;
		background: #F83838;
		border-radius:27px;
		overflow: hidden;
		text-align: center;
	}
	
	.main_contact a{
		display: block;
		color: #fff;
	}
	.main_contact::after{
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		content: "";
		display: inline-block;
		background:url("../imgs/common/icon_arrow.png") no-repeat;
		background-size:contain;
		width:16px;
		height: 14px;
	}
	.bg_blue .contents_inner{
		display: flex;
		width: 100%;
	}
	
	
	
	.mv_industry{
		font-size: 1.1rem;
		color: #B1DBED;
		width: 28%;
		margin-left: 2%;

	}
	.mv_industry li{
		width: 100px;
		margin-bottom: 24px;
		text-align: center;
		line-height: 1.4;
		letter-spacing: -0.5px;
	}

	.mv_industry li img{
		width: 26px;
		height: auto;
		margin-bottom: 4px;
	}
	.mv_industry li span{
		display: block;
	}
	.mv_industry::before{
		position: absolute;
		left: 32%;
		top: 0;
		content: "";
		display: inline-block;
		background:url("../imgs/top/introductionexample_sp.png") no-repeat;
		background-size:contain;
		width:213px;
		height: 86px;
		z-index: 2;
	}
	
	.mv_example{
		width: 68%;
		margin-left: 2%;
		padding-top:110px;
	}
	
	.mv_example_right::before{
		position: absolute;
		right: 4%;
		top: -500px;
		content: "";
		display: inline-block;
		background:url("../imgs/top/mobile.png") no-repeat;
		background-size:contain;
		width:133px;
		height: 274px;
		z-index: 2;
	}
	

.swiper01 .swiper-slide img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}

	.mv_example_button{
		width: 90%;
		text-align: center;
		height: 42px;
		line-height: 42px;
		border-radius: 21px;
		background: #333;
		font-size: 1.5rem;
		position: relative;
		
	}

	.mv_example_button a{
		display: block;
		color: #fff;
		position: relative;
	}
	
	.mv_example_button::after{
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		content: "";
		display: inline-block;
		background:url("../imgs/common/icon_arrow.png") no-repeat;
		background-size:contain;
		width:16px;
		height: 14px;
	}
	/*------------about---------------*/
	.about{
		padding-top: 60px;
		position: relative;
		
		
	}
	.about h3{
		font-size:1.8rem;
		margin-bottom: 24px;
	}
	.about_text p{
		font-size: 1.4rem;
		width: 86%;
		margin: 0 auto 24px;
		text-align: left;
	}
	.about_keyword{
		position: relative;
		width: 86%;
		margin: 64px auto 40px;
		border-radius: 10px;
		padding: 40px 32px;
		background: #fff;
		font-size: 1.4rem;
		text-align: left;
	}
	.about_keyword::before{
		content: "";
		display: inline-block;
		background:url("../imgs/top/pin.png") no-repeat;
		background-size:contain;
		width:40px;
		height: 57px;
		position: absolute;
		top: -45px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		
	}
	.about_keyword_title{
		font-size:1.8rem;
		font-weight: 600;
		text-align: center;
	}
	.about_keyword_title p{
		font-size: 1.4rem;
		font-weight: 400;
		text-align: center;
	}
	
	.swiper02{
		width: 100%;
	}
	.swiper-wrapper {
	  transition-timing-function: linear;
	}
	/* 画像のサイズ調整 */
	.swiper-slide img {
	  height: auto;
	  width:100%;
		border-radius: 10px;
	}
	.swiper02 .swiper-slide:nth-child(even) img{
		margin-top: 16px;
	}
	.swiper02{
		position: absolute;
	

	}
	
	
	/*------------user---------------*/
	.user{
		background: url("../imgs/top/image_user.png") right -30px bottom no-repeat;
		background-size: contain;
		margin-bottom: 80px;
		padding-bottom: 160px;
		border-radius: 10px 0 0 10px;
	}

	.user_list{
		position: relative;
	}

	.user_list li{
		border-radius: 10px;
		padding: 56px 20px;
		width: 74%;
		margin: 0 auto 48px auto;
		color: #fff;
		text-align: center;
		font-size: 1.4rem;
	}

	.user_list li:before {
		counter-increment: number 1; 
		content: counter(number,decimal-leading-zero) " ";
		font-family: "Outfit";
		color: #fff;
		opacity:0.6;
		font-size: 2.0rem;
		font-weight: bold;
		position: absolute;
		left: 14px;
		top: 16px;
	}
	.user_list li:nth-child(1){background: #0055B8;}
	.user_list li:nth-child(2){background: #1B95E7;}
	.user_list li:nth-child(3){background: #207CE7;}
	.user_list li:nth-child(1)::after{
		content: "出典:Google公式調査(Think with Google)";
		font-size: 1.2rem;
		font-weight: 300;
		position: absolute;
		bottom: -24px;
		left: 0;
		color: #8E8E8E;
		width: 100%;
	}
	.user_list li:nth-child(2)::after{
		content: "出典:Google/IPSOS「マイクロモーメント調査」(日本)";
		font-size: 1.2rem;
		font-weight: 100;
		position: absolute;
		bottom: -40px;
		left: 0;
		color: #8E8E8E;
		max-width: 340px;
		text-align: center;
	}
	.user_list li div{
		font-size: 5.0rem;
		font-weight: 700;
	}
	
	/*------------industry---------------*/
	.industry{
		background: url("../imgs/top/image_industry.png") left -30px top 220px no-repeat;
		background-size: contain;	
		}

	
	.industry_left{
		width: 86%;
		margin: 0 auto;
		
		
	}
	
	.industry_text{
		font-size: 1.4rem;
		margin-bottom: 200px;
		
	}
	
	.industry_right li{
		background: #fff;
		border-radius: 20px;
		padding:32px 24px;
		margin-bottom: 16px;
		
	}
	.industry_right li:last-child{
		margin-bottom: 80px;
	}
	.type{
		font-size: 1.6rem;
		color: #0055B8;
		margin-bottom: 16px;
		font-weight: 700;
	}
	.industry_right dd{
		font-size: 1.4rem;
	}
	
	
	/*------------customers---------------*/
	.customers{
		background: #F2F2F2;
		padding: 60px 0 16px;
	}
	.customers h2 span.en{
		font-size: 3.0rem;
		
	}
	.customers_text{
		width: 86%;
		text-align: left;
		margin: 0 auto 40px;
		font-size: 1.4rem;
	}
	.customers_content{
	}
	.three{
		margin-bottom: 60px;
	}
	.customers h3.three_name{
		color: #0055B8;
		font-size: 1.6rem;
		margin-bottom: 16px;
	}
	
	.three li{
		border-radius: 20px;
		background: #fff;
		padding: 32px 24px;
		margin-bottom: 16px;
	}
	.three li:nth-child(2){background: #0055B8;color: #fff;}
	.three li:nth-child(3){}
	
	.three li:nth-child(2) .three_name{color: #fff;}
	
	.customers_content img{
		width: 70%;
		height: auto;
		
	}
	
	.customers h3{font-size: 2.0rem; }
	

	.pc img{
		width: 100%;
		height: auto;
	}
	
	
	/*------------foreigner---------------*/
	.foreigner{
		padding: 60px 0;
		display: flex;
		flex-direction: column-reverse;
	}

	.foreigner_left{
		padding-right: 7%;
	}
	.foreigner_left img{
		height: auto;
		border-radius:  0 10px 10px 0;
		width: 100%;
		height: 162px;
		object-fit: cover;
		
	}
	.foreigner_right{
		width: 86%;
		margin: 0 auto 20px;

		
	}
	

	
	.foreigner_text p:nth-child(1){font-size: 2.0rem;font-weight: 700;}
	.foreigner_text p:nth-child(2){font-size: 1.6rem;}
	.foreigner_text p:nth-child(3){font-size: 1.4rem;}
	.foreigner_list{
		font-size: 1.4rem;
		background: #fff;
		padding: 30px 20px;
		border-radius: 10px;
	}
	.foreigner_list li{
		padding-left: 20px;
		position: relative;
	}
	.foreigner_list li::before{
		content: "●";
		color: #0055B8;
		font-size: 1.2rem;
		position: absolute;
		left: 0;
		 top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

	}
	/*------------service---------------*/
	.service{
		background: #fff;
		
		padding: 60px 0;
	}
	.service_text{
		font-size: 1.4rem;
		width: 86%;
		margin: 0 auto;
		text-align: left;
	}
	.card{
		position: relative;
		width: 86%;
		margin: 0 auto;
	}
	.card:hover .service_list_title{
		color: #0055B8;
		
	}
	.card_link img{
		border-radius: 10px;
	}
	.card_link::before {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  z-index: 0;
	}
	.cyuui{
		color: #7B7B7B;
		font-size: 1.4rem;
		
	}
	
	.service_list{
		margin: 0 auto;
	}
	.service_list img{
		width: 100%;
		height: auto;

	}
	.service_list li{
		text-align: center;
	}
	
	.service_list li div{
		text-align: left;
		font-weight: 100;
		font-size: 1.4rem;
		margin-bottom: 40px;
	}
	h3.service_list_title{
		font-size: 1.8rem;
		color: #333;
	}
	
	.button{
		background: #0055B8;
		width: 86%;
		height: 42px;
		line-height: 42px;
		margin: 0 auto;
		border-radius:21px;
		text-align: center;
		position: relative;
		overflow: hidden;
		font-size: 1.5rem;
	}
	.button::after{
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		content: "";
		display: inline-block;
		background:url("../imgs/common/icon_arrow.png") no-repeat;
		background-size:contain;
		width:16px;
		height: 14px;
	}
	.button a{
		color: #fff;
		display: block;
	}
	
	/*------------news column---------------*/
	.news_column{
		padding: 60px 0;
	}
	.news .no_articles,.column .no_articles {
		text-align:center;
		margin:30px 0;
		font-size:4vw;
	}
	.news{
		margin-bottom: 80px;
	}
	.news_title,.column_title{
		text-align: left;
		font-weight: normal;
		
	}
	
	.news article, .column article{
		border-bottom: 1px  #CFCFCF solid;
		margin-bottom: 24px;
	}
	.news_day{
		font-size: 1.3rem;
		color: #787878;
		margin-bottom: 10px;
	}
	h2.news_title{
		font-size: 1.4rem;

	}
	
}/* End SP */