@charset "utf-8";

/* -------------------------------------------
index new
------------------------------------------- */
/*　タブレット・SP調整

@media screen and (max-width:767px) {
}

@media screen and (max-width:515px) {
}
*/

/* 基本のblue
color:#144768; 
*/

/*共通*/
section a:hover{
opacity: 0.5 ;
cursor : pointer;
}
.sp_br{/*spのみ表示するbr*/
	display: none;
}

@media screen and (max-width:515px) {
	.sp_br{/*spのみ表示するbr*/
	display: block;
	}
}

/* news */
.news { 
margin-top:70px; 
}
.news ul.list{ 
padding:1em 1em 1em 5em;
background: #fff;
}
.news .list li + li { 
margin-top:10px; 
}
/*
.news .list time { 
position:static; 
}
*/
.news .list li a { 
color:#185179; 
position: relative;
left:30px;
}
.news .list li.new a { 
left:10px;/*4*/
}
.news .list li.new time::after {
position: relative;
left: -135px;
background: #a70000;
padding: 5px 5px 3px;
content: "NEW";
font-size: 10px;
color: #FFFFFF;
top: -1px;
text-decoration: none !important;
}
.news .div-column1{
padding:1em;
background:#fff;
}
.news ul.list{
padding:0em;
margin:1em;	
}
.news .list li.new time::after {
left: -139px;
}
.news .list time {
position: relative;
left: 2em;
}
@media screen and (max-width:767px) {
		.news .list time { 
		position:static; 
		}
		.news ul li {
		display: flex;
		}
/*		.news ul.list{ 
		padding: 3em 1em 1em 1em;
		}*/
		.news .list li.new time::after {
		left: -99px;/*93*/
		top: -21px;
		}
		.news .list li a { 
		left:10px;
		}
		.news .list li.new a { 
		left:-10px;
		}
		.news .list li + li {
		margin-top: 20px;
		}
}

@media screen and (max-width:414px) {
	.news .list li.new time::after {
	left: -100px;
	}
}

.news .list li.normal  time::after {
	position: relative;
	left: -135px;
	background: #FFFFFF;
	padding: 5px 5px 3px;
	content: "";
	font-size: 10px;
	color: #FFFFFF;
	top: -1px;
	text-decoration: none !important;
	}
.news .list li.normal time::after {
left: -139px;
}
/*
.news .list.normal time {
position: relative;
left: 2em;
}*/


/*h2下線*/
#containerInner h2{
padding-bottom: 0;
font-size: 2.5rem;
color: #144768;
border: none;
text-align: center;
margin-top: 3em;
margin-bottom: 30px;
}
#containerInner h2:after {
content: "";
display: block;
margin: 10px auto 0;
background: #bcbcbc;
width: 70px;
height: 4px;
}
#containerInner .service h2{
margin-top: 0;
}
/*一覧はこちら*/
.btn_icon_wrap {
text-align: right;
margin: 1em 0;
}

/*導入事例一覧はこちら */
.case_study .btn_icon_wrap{
text-align: right;
margin: 1em 0 2em 0;
max-width: 1020px;
}
section a, section a:hover {
color: #08377d;
text-decoration: underline;
}
img.btn_icon {
width: 6% !important;
max-width: 25px;
padding-right: 5px;
vertical-align: middle !important;
}

/*画像おのタイトルposition調整分*/
.bg_title{
margin-top:0;
padding-top:0;
}

/*サービス*/
.service .bg_title{
margin-top:-1em;
}
.service .bg_title img{
width: 43% !important;
position: relative;
top: 3em;
}
.service .div-column2{
display:flex;
display:-webkit-flex;
display:-ms-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-justify-content: space-between;
justify-content: space-between;	
width: 100%;
}
.service .div-column2 a{
box-sizing: border-box;
margin: 0.5em;
width:48.3%;
display: block;
}
.service .div-column2 a:nth-child(3) {
margin:0.5em;
width:100%;
}
.service .div-column2 a .sub_column1{
display: block;
min-height: 290px;
padding: 1.5em 1.8em 0.5em 1.8em;
}
.service .div-column2 .sub_column1 a{
color:#fff;
}
.service .div-column2 .sub_column1 h3{
font-size: 2.5rem;
color:#fff;
}
.service .div-column2 .sub_column1 h3 span img{
/*width:7% !important;*/
width:30px !important;
padding-top: 5px;
}
.service .div-column2 .sub_column1 h3 span.h3_bdr{
border-bottom:1px solid #fff;
margin-left: 16px;
}
.service .div-column2 .sub_column1 .lead{
font-size: 1.2rem;
padding:8px 0 3px 0;
color:#fff;
line-height:1.7;
margin:0.5em 0;
}
.service .div-column2 .sub_column1 .service_img{
width:20%;
margin:1.5em 0;
}
.service .div-column2 .sub_column1 #service_img_3{
max-width:87px!important;
margin:1.5em 0;
}
.service_bg1{
background:url(../../img/index_new/service_bg01.jpg) no-repeat center bottom; 
background-size:cover;
}
.service_bg2{
background:url(../../img/index_new/service_bg02.jpg) no-repeat center bottom; 
background-size:cover;	
}
.service_bg3{
background:url(../../img/index_new/service_bg03.jpg) no-repeat center bottom; 
background-size:cover;	
}
.service_bg4{
background:url(../../img/index_new/service_bg04.jpg) no-repeat center bottom; 
background-size:cover;	
}
.service_bg5{
background:url(../../img/index_new/service_bg06.jpg) no-repeat center bottom; 
background-size:cover;	
}
.service_bg6{
background:url(../../img/index_new/service_bg05.jpg) no-repeat center bottom; 
background-size:cover;	
}

@media screen and (max-width:1000px) {
		.service .div-column2 a{
		width:45%;
		}
		.service .div-column2 a:nth-child(3){
		width:92%;
		}
		.service .div-column2{
		-ms-justify-content: center;
		justify-content: center
		}
		.service .div-column2 a .sub_column1{
		min-height: 350px;
		}
}

@media screen and (max-width:515px) {
		.service .bg_title img{
		width: 80% !important;
		top: 3em;
		}
		.service .div-column2 .sub_column1 .service_img{
		width:30%;
		margin:1.5em 0;
		}
		.service .div-column2 .sub_column1 .lead{
		width:70%;
		}
		.service .div-column2{
		display: block;
		}
		.service .div-column2 a{
		width:100%;
		}
		.service .div-column2 a:nth-child(3){
		width:100%;
		}
		.service .div-column2 .sub_column1 h3 span img{
		width:7% !important;
		}
		.service .sp_ly_wrap{
		display: flex;
		justify-content: space-around;
		}
		.service .div-column2 .sub_column1 h3 {
		font-size: 1.8rem;
		}
		.service .div-column2 .sub_column1{
		display: block;
		width: 96%;
		padding: 1.5em 1.8em 0.5em 1.8em;
		box-sizing: border-box;
		margin: 0em;/*0.5*/
		min-height: auto !important;
		}
		.service .div-column2 .sub_column1 .lead{
		padding-left:1em;
		}
		.service_bg1{
		background:url(../../img/index_new/service_bg01_sp.jpg) no-repeat center bottom; 
		background-size:100%;
		box-sizing: border-box;
		}
		.service_bg2{
		background:url(../../img/index_new/service_bg02_sp.jpg) no-repeat center bottom; 
		background-size:100%;
		}
		.service_bg3{
		background:url(../../img/index_new/service_bg03_sp.jpg) no-repeat center bottom; 
		background-size:100%;
		}
		.service_bg4{
		background:url(../../img/index_new/service_bg04_sp.jpg) no-repeat center bottom; 
		background-size:100%;
		}
		.service_bg5{
		background:url(../../img/index_new/service_bg05_sp.jpg) no-repeat center bottom; 
		background-size:100%;
		}
		.service_bg6{
		background:url(../../img/index_new/service_bg06_sp.jpg) no-repeat center bottom; 
		background-size:100%;
		}
}

/*Google検索*/
.g_serch{
position: relative;
top: -5em;
right: -68%;
overflow: hidden;
max-width: 300px;
width: 100%;
}
.service .gsc-control-cse.gsc-control-cse-ja{
max-width: 300px;
width: 100%;
overflow: hidden;
}

@media screen and (max-width:768px) {
}
@media screen and (max-width:515px) {
		.g_serch{
		top: 0;
		left: 10%;
		margin-bottom: 1em;
		}
}
@media screen and (max-width:350px) {
	.service .gsc-control-cse.gsc-control-cse-ja{
	max-width: 250px;
	}
}

/*4カラムレイアウト*/
.div-column4{
display: flex;
justify-content: space-between;
width:100%;
}
.div-column4 .sub_column1{
display: block;
width : calc(100% / 4) ;
padding:0.8em;
box-sizing: border-box;
background: #fff;
margin:0.5em;
box-shadow: 0 0 8px #dfe5e8;
}
.div-column4 .sub_column1 a{
color:#000;
}
.div-column4 .sub_column1 .lead{
font-size: 1.4rem;
padding:8px 0 3px 0;
}
.div-column4 .sub_column1 .sub{
font-size: 1.2rem;	
}
.sub_column1 .online{
font-weight: bold;
color: #fff;
padding: 0px 2px;
background: #3774c4;
width: 31%;
text-align: center;
border-radius: 5%;
margin: 5px 0;
}
.category span{
font-size:0.8rem;
color:#5c5c5c;
border:1px solid #5c5c5c;
border-radius: 5%;
padding:2px 4px;
margin-right:4px;
}

@media screen and (max-width:767px) {
		.div-column4 .sub_column1{
		width : calc(100% / 2) ;
		}
}

@media screen and (max-width:515px) {
		.div-column4{
		display: block;
		}
		.div-column4 .sub_column1{
		display: block;
		width : 96%;
		}
		.category{
		display: block;
		}
}

/*サービスリンク*/
.service_link{
margin:5em auto;
width: 100%;
max-width: 900px;
}
.service_link .service_kanren .lyt-column2 li{
width: 45% !important;/*46*/
}
.service_link .service_link_wrap{
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-justify-content: space-between;
justify-content: space-between;	
}
.service_kanren{
width:49%;
margin-right:2em;
}
.document{
width:49%;
}
.service_kanren li{
margin-right:1em;
margin-bottom:1em;
}
.document ul{
}
.document li a{
display: flex;
}

@media screen and (max-width:880px) {
.service_kanren li{
margin-right:0;
margin-bottom:0;
}
.document .list .ph{
width:49%;
}
.document .list .inner {
width: 49%;
}

}
	
@media screen and (max-width:767px) {
.service_link .service_link_wrap{
display: block;
}
.service_link .service_link_wrap .lyt-column2{
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}
.service_kanren{
margin-right:0;
width:100%;
}
.service_kanren .lyt-column2{ 
-ms-justify-content:space-around; 
justify-content:space-around; 
}
.service_kanren li{
margin:0.1em;
}
.document{
width:100%;	
}
.document .list{
-ms-justify-content: space-around;
justify-content: space-around;	
}
.document li a{
-ms-justify-content: space-around;
justify-content: space-around;	
}
.document .list .inner {
width: 50% !important;
}
}

@media screen and (max-width:480px) {
		.service_kanren{
		width:100%;
		margin-right:0;
		}
		.document{
		width:100%;
		}
}

/*メインSLIDE*/
.full .pc_img{
display: block;
}
.full .sp_img{
display: none;
}

@media screen and (max-width:767px) {
	.full .pc_img{
	display: none;
	}
	.full .sp_img{
	display: block;
	}
}

.full div {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: auto;
margin: 0;
}
.full .slick-next{
right:57px !important;
z-index: 990;
}
.full .slick-prev{
left:15px !important;
z-index: 990;
}
.full .slick-next:before {
content: url(../../img/common/next.png);
display: inline-block;
vertical-align: middle;
}
.full .slick-prev:before {
content: url(../../img/common/prev.png);
display: inline-block;
vertical-align: middle;
}
.full .slick-prev, .full .slick-next {
top: 35%;
}
.full .slick-dots {
bottom: 4%;
z-index: +1;
font-size:200%;
}
.slick-dotted.slick-slider {
margin-bottom: 0 !important;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #ccc !important;
height:50px;
width:50px;
font-size:200%;
}

.slick-dots li {
width: 30px !important;
height: 30px !important;
}
.slick-dots li button {
width: 30px !important;
height: 30px !important;
padding: 5px !important;
}
.slick-dots li button:before {
font-size: 15px !important;
line-height: 25px !important;
width: 20px !important;
height: 20px !important;
}

@media screen and (max-width:515px) {
		.full .slick-next:before {
		content: none;
		}
		.full .slick-prev:before {
		content: none;
		}
}

/*導入企業*/
.case_company{
background-color: #fff;
padding:3em 0;
box-sizing: border-box;
margin-top: -10px;
}
.case_company_wrap{
display: flex;
justify-content: space-between;
width:100%;
max-width: 960px;
margin: auto;
}
.case_company_left{
width:20%;
display: block;
margin-right: 2em;
}
.case_company_right{
width:80%;
display: block;
}
.case_company_right .company_logo{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-align:center;
}
.case_company_right .company_logo div{
padding:0.3em;
box-sizing: border-box;
}
.case_company_right .company_logo div img{
width: auto;
height: 48px;
}
.case_company_right .case_company_text{
text-align: right;
font-size:1.3rem;
}
.case_company .box h2{
font-size:1.8rem;
line-height: 2;
position: relative;
color:#164077;
}

.case_company .box{
margin: 0;
padding: 15px;
border: 1px solid #164077;
}
.case_company .box h2::before {
top: -30px;
}
.case_company .box h2::before{
content: "";
width: 100%;
height: 15px;
background: #fff;
position: absolute;
left: 50%;
top: 38px;
transform: translateX(-50%);
}
.case_company .box h2::after {
content: "";
width: 100%;
height: 15px;
background: #fff;
position: absolute;
left: 50%;
top: -17px;
transform: translateX(-50%);
}
.case_company h2 span {
display: block;
padding: 0;/*0 25px*/
text-align: center;
}

@media screen and (max-width:820px) {
	.case_company .box h2{
	font-size:1.6rem;
	}
}

@media screen and (max-width:767px) {
		.case_company .box h2::before{
		content: "";
		width: 100%;
		height: 15px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 28px;
		transform: translateX(-50%);
		}
		.case_company .box h2::after {
		content: "";
		width: 100%;
		height: 15px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: -10px;
		transform: translateX(-50%);
		}
		.case_company {
		background-color: #fff;
		padding: 0.5em 0;
		margin-top: -24px;
		}
		.case_company_wrap{
		display: block;
		}
		.case_company_left{
		width:50%;
		margin:2em auto;
		}
		.case_company_right{
		width:96%;
		}
		.case_company_right .company_logo{
		justify-content:center;
		text-align:center;
		}
		.case_company .box{
		padding: 5px;
		border: 1px solid #164077;
		}
		.case_company_text{
		margin-top:2em;
		}
		.case_company_right .company_logo div img{
		height: auto;
		}
}

.client-list{
display:flex;
flex-wrap: wrap;
margin: 0 !important;
letter-spacing: 0em;/*画像の間*/
justify-content: space-between;
width:100%;
}
.client-list li {
margin-bottom: 8px;
padding: 0 1em 0 0;
}
.client-list li img {
width: auto !important;
/*height: 44px;*/
height: 40px;
}


@media screen and (max-width:515px) {
		.client-list{
		justify-content: space-around;
		}
		.client-list li {
		margin-bottom: 5px;
		padding: 0 5px;
		}
}

/*h2下線*/
.case_study h2{
font-size: 2.5rem;
color: #144768;
border: none;
text-align: center;
padding-top: 0;
padding-bottom: 30px;
}
.case_study h2:after{
content: "";
display: block;
margin: 10px auto 0;
background: #bcbcbc;
width: 70px;
height: 4px;
}

/*導入事例*/
.case_study{
background:url(../../img/index_new/bg_casestudy.jpg) no-repeat center bottom; 
background-size:cover;
padding-bottom: 1em;
}
.case_study_wrap{
width:100%;
max-width: 1070px;
margin:0 auto;
}
.case_study .bg_title img{
width:45% !important;
position: relative;
top:3em;
}
/*導入事例 スライド*/
.case_study .slick-next {
right: -43px;/*35*/
}
.case_study .slick-prev {
left: -43px;/*35*/
}
.case_study_slide{
width: 90%;
margin: 20px auto;
}
.case_study_slide .slick-slide{
margin: 0px 10px;	
}
.case_study_slide .slick-slide img{
width: 100%;
}
.case_study_slide .slick-next:before {
content: url(../../img/index_new/arrow02.svg);
display: inline-block;
vertical-align: middle;
z-index: 999;
}
.case_study_slide .slick-prev:before {
content: url(../../img/index_new/arrow01.svg);
display: inline-block;
vertical-align: middle;
z-index: 999;
}
.case_study_slide .slick-prev, .case_study_slide .slick-next {
top: 35%;
}
.case_study_slide .slick-slide img:hover{
opacity: 0.5 ;
cursor : pointer;
}
.case_study_slide .slick-slide img{
cursor : pointer;
}

@media all and (-ms-high-contrast: none){/*IEのみ*/
	.case_study_slide .slick-next:before {
	content: url(../../img/index_new/arrow02.svg);
	display: inline-block;
	vertical-align: middle;
	height:50px !important;
	}
	.case_study_slide .slick-prev:before {
	content: url(../../img/index_new/arrow01.svg);
	display: inline-block;
	vertical-align: middle;
	height:50px !important;
	}
	.case_study_slide .slick-prev{
	top: 48%;
	height:50px !important;
	width:50px !important;
	}
	.case_study_slide .slick-next {
	top: 48%;
	height:50px !important;
	width:50px !important;
	}
	.case_study .slick-next {
	right: -75px;
	}
	.case_study .slick-prev {
	left: -75px;
	}
.case_study_wrap{
width:100%;
max-width: 1070px;
margin:0 auto;
}
}

@media all and (-ms-high-contrast: none) and (max-width:980px){/*IEのみ*/
.case_study_wrap{
width:100%;
max-width: 980px;/*1070*/
margin:0 auto;
}
}
@media all and (-ms-high-contrast: none) and (max-width:515px){/*IEのみ*/
.case_study .slick-next {
right: 0x;
}
.case_study .slick-prev {
left: 0px;
}
}


/*検証ipad*/
.case_study_slide .slick-next:before {
display: inline-block;
vertical-align: middle;
height:60px !important;
}
.case_study_slide .slick-prev:before {
display: inline-block;
vertical-align: middle;
height:60px !important;
}
.case_study_slide .slick-prev{
top: 48%;
height:60px !important;
width:60px !important;
}
.case_study_slide .slick-next {
top: 48%;
height:60px !important;
width:60px !important;
}


@media screen and (max-width:515px) {
.case_study h2 , .pickup h2{
padding-top: 20px;
}
.case_study .bg_title img{
width:90% !important;
top:4em;
}
.case_study_slide .slick-prev, .case_study_slide .slick-next {
top: 29%;
}
.case_study_slide .slick-next:before {
display: inline-block;
vertical-align: middle;
height:60px !important;
}
.case_study_slide .slick-prev:before {
display: inline-block;
vertical-align: middle;
height:60px !important;
}
.case_study_slide .slick-prev{
top: 46%;
left: -40px;/*30*/
height:60px !important;
width:60px !important;
}
.case_study_slide .slick-next {
top: 46%;
right: -40px;/*30*/
height:60px !important;
width:60px !important;
}

}

/*トップ　ピックアップ*/
.pickup h2{
font-size: 2.5rem;
color: #144768;
border: none;
text-align: center;
padding-top: 0;
padding-bottom: 30px;
margin-top:-2em;
}
.pickup h2:after {
content: "";
display: block;
margin: 10px auto 0;
background: #bcbcbc;
width: 70px;
height: 4px;
}
.pickup{
background:url(../../img/index_new/bg_pickup.jpg) no-repeat center bottom; 
background-size:cover;
padding-bottom: 2em;
}
.pickup_wrap{
width:100%;
max-width: 1200px;
margin:0 auto 2em auto;
}
.pickup .bg_title img{
width: 30% !important;
position: relative;
top:2em;
left:6em;
}

/*トップ　ピックアップ スライド*/
.pickup .slick-next {
right: -43px;/*35*/
}
.pickup .slick-prev {
left: -43px;/*35*/
}
.pickup_slide{
width: 80%;
margin: 20px auto;
}
.pickup_slide .slick-slide{
margin: 0px 10px;	
}
.pickup_slide .slick-slide img{
width: 100%;
}
.pickup_slide .slick-next:before {
content: url(../../img/index_new/arrow02.svg);
display: inline-block;
vertical-align: middle;
}
.pickup_slide .slick-prev:before {
content: url(../../img/index_new/arrow01.svg);
display: inline-block;
vertical-align: middle;
}
.pickup_slide .slick-prev, .pickup_slide .slick-next {
top: 35%;
}
.pickup_slide .slick-slide img:hover{
opacity: 0.5 ;
cursor : pointer;
}
.pickup_slide .slick-slide img{
cursor : pointer;
}
.pickup_slide .pc_img{
display: block;
}
.pickup_slide .sp_img{
display: none;
}

/*検証ipad*/
.pickup_slide .slick-next:before {
display: inline-block;
vertical-align: middle;
height:60px !important;
}
.pickup_slide .slick-prev:before {
display: inline-block;
vertical-align: middle;
height:60px !important;
}
.pickup_slide .slick-prev{
top: 48%;
height:60px !important;
width:60px !important;
}
.pickup_slide .slick-next {
top: 48%;
height:60px !important;
width:60px !important;
}

@media all and (-ms-high-contrast: none){/*IEのみ*/
	.pickup_slide{
	width: 80.5%;
	}
	.pickup_slide .slick-next:before {
	content: url(../../img/index_new/arrow02.svg);
	display: inline-block;
	vertical-align: middle;
	height:50px !important;
	}
	.pickup_slide .slick-prev:before {
	content: url(../../img/index_new/arrow01.svg);
	display: inline-block;
	vertical-align: middle;
	height:50px !important;
	}
	.pickup_slide .slick-prev{
	top: 48%;
	height:50px !important;
	width:50px !important;
	}
	.pickup_slide .slick-next {
	top: 48%;
	height:50px !important;
	width:50px !important;
	}
	.pickup_slide .slick-next {
	right: -75px;
	}
	.pickup_slide .slick-prev {
	left: -75px;
	}
}
@media screen and (max-width:1180px) {
	.pickup_slide{
	width: 83%;
	}
}
@media screen and (max-width:767px) {
	.pickup_slide .pc_img{
	display: none;
	}
	.pickup_slide .sp_img{
	display: block;
	}
	.pickup{
	padding-bottom: 0;
	}
}

@media screen and (max-width:515px) {
	.pickup{
	padding-bottom: 2em;
	}
	.pickup_slide .slick-prev, .pickup_slide .slick-next {
	top: 29%;
	}
	.pickup .bg_title img{
	width: 80% !important;
	top: 2em;
	left:0;
	}
	.pickup_slide .slick-next:before {
	display: inline-block;
	vertical-align: middle;
	height:60px !important;
	}
	.pickup_slide .slick-prev:before {
	display: inline-block;
	vertical-align: middle;
	height:60px !important;
	}
	.pickup_slide .slick-prev{
	top: 46%;
	left: -40px;/*35*/
	height:60px !important;
	width:60px !important;
	}
	.pickup_slide .slick-next {
	top: 46%;
	right: -40px;/*35*/
	height:60px !important;
	width:60px !important;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:1080px){/*IEのみ*/
	.pickup_slide{
	width: 90%;
	}
}
@media all and (-ms-high-contrast: none) and (max-width:768px){/*IEのみ*/
.pickup_slide{
width: 95%;
}
}
@media all and (-ms-high-contrast: none) and (max-width:515px){/*IEのみ*/
	.pickup_slide{
	width: 80%;
	}
	.pickup_slide .slick-next {
	right: -36px;/*0*/
	}
	.pickup_slide .slick-prev {
	left: -36px;/*0*/
	}
	.pickup_slide .slick-prev{
	top: 43%;
	}
	.pickup_slide .slick-next {
	top: 43%;
	}
}



/*コンテンツ内スライド　共通*/
.slider {
width: 80%;
margin: 20px auto;
}
.slick-slide {
margin: 0px 10px;
}
.slick-slide img {
width: 100%;
}

/*ワークフロー*/
.workfrow{
background: #fff;
padding:0em 0em 3em 0em;
box-sizing: border-box;
}
.workfrow_wrap{
display: flex;
justify-content: space-between;
align-items:center;
width:100%;
max-width: 960px;
margin: auto;
}
.workfrow_left{
display:block;
width:70%;
margin-right:1em;
box-sizing: border-box;
}
#container .workfrow_left h3{
font-family: "游ゴシック" , YuGothic, "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
color:#164077;
margin:1em 0;
font-size: 3.1rem;
}
.workfrow_left .frow123{
display: flex;
justify-content: space-between;
}
.workfrow_left .frow1{
display:block;
color:#396fa7;
width: calc(95% / 3);
}
.flow_txt_wrap{
display: flex;
justify-content: center;
align-items: center;
}
.flow_txt_wrap .color2.flow_txt , .flow_txt_wrap .color2.flow_number{
color:#3268ad !important;
}
.flow_txt_wrap .color3.flow_txt , .flow_txt_wrap .color3.flow_number{
color:#7797c9 !important;
}
#container .flow_txt_wrap .flow_txt{
font-size:1.8rem;
color:#396fa7;
display: block;
width:70%;
padding-left: 0.5em;
font-family: "游ゴシック" , YuGothic, "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-weight:bold;
line-height: 1.0;
}
#container .flow_txt_wrap .flow_number{
width: 30%;
max-width: 30px;
font-size: 4.0rem;
color: #396fa7;
font-family: "游ゴシック" , YuGothic, "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-weight:bold;
}
.workfrow_left p{
padding:0.5em;
border-top:1px solid #000;
border-bottom:1px solid #000;
color:#000;
text-align: center;
font-size: 1.4rem;
}
.workfrow_right{
display:block;
width:30%;
position: relative;
top: 15px;
}
.frow1 .pc_only{
display: block;
}
.frow1 .sp_only{
display: none;
}

@media screen and (max-width:767px) {
		.workfrow{
		padding:0;
		}
		.workfrow_left h3{
		font-size: 2.0rem;
		text-align: center;
		margin: 0 0 1em 0;
		}
		#container .workfrow_left h3{
		padding-top:2em;
		padding-bottom:1em;
		margin:0;
		font-size:2rem;
		}
		.workfrow_wrap{
		display:block;
		}
		.workfrow_left{
		width:96%;
		margin: auto;
		}
		.workfrow_right{
		width:78%;
		margin:2em auto 0;
		}
		.workfrow_left .frow1{
		width: calc(99% / 3);
		}
		.flow_txt_wrap .flow_number{
		width: 20%;
		max-width: 20px;
		font-size: 3rem;
		}
		.flow_txt_wrap .flow_txt{
		font-size: 1.3rem;
		color: #396fa7;
		display: block;
		width: 80%;
		padding-left: 0em; 
		font-weight:normal;
		}
		.workfrow_left p {
		padding: 1em 0;
		font-size: 1.1rem;
		}
		.frow1 .pc_only{
		display: none;
		}
		.frow1 .sp_only{
		display: block;
		}
}

@media screen and (max-width:515px) {
		.workfrow_left .frow123{
		display: block;
		}
		.workfrow_left .frow1{
		width: 100%;
		margin-bottom: 1.5em;
		}
		.workfrow_left p {
		padding: 0.2em 0;
		font-size: 1.1rem;
		margin: 1em auto;
		}
		#container .flow_txt_wrap .flow_number{
		font-size: 5rem;
		}
		#container .flow_txt_wrap .flow_txt {
		padding-left: 1.5em;
		}
}

/*2023/12/25 add*/
.news ul.list li{display: flex;position: relative;}
.news .list li.new time::after {left: -48px;top:1px;position: absolute;padding: 4px 5px;}
.news .list li time{width: 7.5em !important;}
.news .list li.new a, .news .list li a {left:0 !important;padding-left: 15px !important; width: calc(100% - 7.5em)}
@media screen and (max-width: 767px){.news .list time {position: inherit;}}
@media screen and (max-width:515px) {
.news ul.list {margin: 0.5em;}
.news .list time {left: 0em;}
.news .list li.new time::after {left: 0;}
.news .list li time{width: 6em !important;}
.news .list li.new a, .news .list li a {width: calc(100% - 6em)}
}
/*
.news .list li.new a, .news .list li a {left:0;padding-left: 15px;}

.news ul.list{padding:0em;margin:1em;}
*/