@charset "utf-8";

body{
		font-family: "Lato","YuGothic","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
		color: #0e1a2f;
		margin:0;
		padding:0;
		-webkit-text-size-adjust: none;
		line-height:1.75em;
		word-break: break-all;
}


main {
	margin:0;
	padding:0;
	min-height: calc(100vh - 500px);
}

/* フォントの設定 */
.red_text {
	color: red;
}

.large1 {
	font-size:1.7rem;
}

.bold {
	font-weight: bold;
}


/* 全ページ共通（メッセージエリア）設定 */
.message_area {
	width: 100vw;
	max-width:1200px;
	margin: auto;
	padding: 30px 15px 40px;
	box-sizing: border-box;
	text-align: center;
}

.top_mes{
	font-size:1.9rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	padding: 0;
}

.contents_mes{
	font-size:1.9rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	padding: 0;
}

/* 2020/01/27非表示
.contents_mes {
	margin:0 auto;
	max-width: 1200px;
	font-size:1.3rem;
	width: 100%;
	box-sizing: border-box;
}
*/

.vw_100 {
	width: 100vw;
}

.width_1200{
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.width_1000 {
	max-width: 1000px;
	width: 100%;
	margin: auto;
}

.width_800{
	max-width: 800px;
	width: 100%;
	margin: auto;
}

.image_wide {
	min-width: 320px;
}

/* 全ページ共通（padding）設定 */
	.mg_top10 {
		margin-top: 10px;
	}
	
	.mg_top20 {
		margin-top: 20px;
	}
	
	.mg_top30 {
		margin-top: 30px;
	}
	
	.mg_bottom10 {
		margin-bottom: 10px;
	}
	
	.mg_bottom20 {
		margin-bottom: 20px;
	}
	
	.mg_bottom30 {
		margin-bottom: 30px;
	}
	
	.mg_bottom40 {
		margin-bottom: 40px;
	}
	
	.mg_bottom50 {
		margin-bottom: 50px;
	}
	
	.pd_top05 {
		padding-top: 5px;
	}
	
	.pd_top07 {
		padding-top: 7px;
	}
	
	.pd_top10 {
		padding-top: 10px;
	}

	.pd_top15 {
		padding-top: 15px;
	}

	.pd_top20 {
		padding-top: 20px;
	}

	.pd_top30 {
		padding-top: 30px;
	}

	.pd_top40 {
		padding-top: 40px;
	}

	.pd_top50 {
		padding-top: 50px;
	}

	.pd_top60 {
		padding-top: 60px;
	}
	
	.pd_bottom10 {
		padding-bottom: 10px;
	}

	.pd_bottom20 {
		padding-bottom: 20px;
	}

	.pd_bottom30 {
		padding-bottom: 30px;
	}

	.pd_bottom50 {
		padding-bottom: 50px;
	}

	.pd_left40 {
		padding-left: 40px;
	}

	.pd_left50 {
		padding-left: 50px;
	}

	.pd_left60 {
		padding-left: 60px;
	}


	.pd_side15 {
		padding: 0 15px;
	}
	
	.pd_side20 {
		padding: 0 20px;
	}

	.pd_vertical10 {
		padding: 10px 0;
		margin: 0;
	}

	.pd_vertical20 {
		padding: 20px 0;
		margin: 0;
	}

	.pd_vertical30 {
		padding: 30px 0;
		margin: 0;
	}

	.pd_vertical50 {
		padding: 50px 0;
		margin: 0;
	}

	.pd_vertical60 {
		padding: 60px 0;
		margin: 0;
	}
	.pd_vertical70 {
		padding: 70px 0;
		margin: 0;
	}

	.pd_vertical100 {
		padding: 100px 0;
		margin: 0;
	}

	.normal_btn {
		position:relative;
		width: 280px;
		height: 45px;
		background: #ff4f4b;
		border: 1px solid #ff4f4b;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}
	
	.normal_btn a {
	display: block;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	}
	
	
	.normal_btn a:link {
		color: white;
	}
	
	.normal_btn a:visited {
		color: white;
	}
	
	.normal_btn a:hover {
		background: #fff;
		color: #ff4f4b;
	}


.pd30{
padding:50px 0;
}

.pd40{
padding:40px 60px;
}

.pd0_50{
	padding:0 0 50px;
	margin:0 auto;
	width:1200px;
}

/* SERVICEページ設定（PC） */
.service_contents {
	max-width: 1200px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}

.serv_con{
	width: 90%;
	min-height: 230px;
	margin: 20px auto 20px;
	background: #fff;
	padding:0;
	border: 1px solid #b8b8b8;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
}


.serv_con:hover {
	opacity: 0.7;
}

.serv_con h3, .serv_con p{
	color: black;
}


.serv_description {
	float: left;
	width: 70%;
	padding: 15px;
	box-sizing: border-box;
}

.serv_description h3 {
	font-weight: 600;
	font-size: 1.5rem;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-bottom: 4px;
	border-bottom: 2px solid #ff4f4b;
}

.serv_description p {
	margin: 10px 0 0;
	line-height: 1.7;
	
}

.serv1_img {
	float: left;
	width:30%;
	height: 230px;
	background-image: url(./images/topcategory/img-1.png) ;
	background-position: center center;  
	background-size: cover;
	overflow: hidden;
}

.serv2_img {
	float: left;
	width:30%;
	height: 230px;
	background-image: url(./images/topcategory/img-2.png) ;
	background-position: center center;  
	background-size: cover;
	overflow: hidden;
}

.serv3_img {
	float: left;
	width:30%;
	height: 230px;
	background-image: url(./images/topcategory/img-3.png) ;
	background-position: center center;  
	background-size: cover;
	overflow: hidden;
}

.serv4_img {
	float: left;
	width:30%;
	height: 230px;
	background-image: url(./images/topcategory/img-4.png) ;
	background-position: center center;  
	background-size: cover;
	overflow: hidden;
}

.serv5_img {
	float: left;
	width:30%;
	height: 230px;
	background-image: url(./images/topcategory/img-5.png) ;
	background-position: center center;  
	background-size: cover;
	overflow: hidden;
}

.serv6_img {
	float: left;
	width:30%;
	height: 230px;
	background-image: url(./images/topcategory/img-6.png) ;
	background-position: center center;  
	background-size: cover;
	overflow: hidden;
}

.clear {
	clear: both;
}

/* SERVICE 医療・医薬情報ページ設定（PC） */
.message_area .sub_ttl {
	font-size: 1rem;
	font-weight: normal;
}

.s1_area1 {
	max-width: 1000px;
	width: 100%;
	height: 360px;
	margin: auto;
	margin-bottom: 80px;
	position: relative;
}

.s1_area1 .left_area {
	width: 440px;
	float: left;
	padding-top: 50px;
	padding-left:10px;
	
}

.s1_area1 .right_area {
	float: left;
	
}

.s1_area1 .right_area .pc {
	position: absolute;
	top: -20px;
	right: 60px;
	filter: drop-shadow(0 20px 10px rgba(160, 160, 160, 0.6));
}

.s1_area1 h2 {
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.3;
}


.s1_area2 {
	max-width: 1000px;
	width: 100vw;
	margin: 30px auto;
	margin-bottom: 80px;
	border: 1px solid #f1f4f6;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.s1_area2 .separate {
	height: 165px;
	width: 225px;
	text-align: center;

}

.s1_area2 .separate div {
	background: #ff4f4b;
	color: #fff;
	height: 70px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 1.2;
	background-image: url(./images/bg-arrow.png) ;
	background-repeat:  no-repeat;
	background-position: center 83%;
}

.s1_area2 .separate div:hover {
	opacity: 0.7;
}

.s1_area2 .separate span {
	font-size: 0.9rem;
	
}

.s1_area2 .separate a {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 100%;
	width: 100%;
}

.s1_area3 {
	max-width: 1000px;
	width: 100vw;
	margin: 30px auto;
	margin-bottom: 80px;
	box-sizing: border-box;
}

.s1_area3 h3, .s1_area4 h3 {
	font-size: 1.5rem;
	text-indent: -0.4em;
	padding-left: 0.9em;
}

.s1_area3 h3::before, .s1_area4 h3::before {
	content: url(./images/h3_title.png) ;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	top: 6px;
}

.s1_area4 {
	max-width: 1000px;
	width: 100vw;
	margin: 30px auto;
	margin-bottom: 80px;
	box-sizing: border-box;
}

.s1_area4 h4 {
	color: #ff4542;
	font-size: 1rem;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

.s1_area4 .left_area {
	width: 600px;
	float: left;
}

.s1_area4 .right_area {
	float: left;
	padding-left: 20px;
}

.s1_area4 p {
	margin-top: 0;
}

.service_contents .sevcategory_thum {
	margin-top: 10px;
	margin-left: 5%;
	margin-bottom: 45px;
	width: 27%;
	max-width: 320px;
}

.trouble {
	width:90%;
	min-width:320px;
	margin: auto;
	padding: 20px 15px;
	box-sizing: border-box;
	border-radius: 10px;
	
}

.triangle{
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #ff4f4b;
  margin: 25px auto;
}

/* SITE MAPページ設定 */
.companyCell1 ul {
	list-style: none;
}


/* ABOUT USページ設定（PC） */
	/* 企業理念ボタン・代表挨拶ボタン・会社概要ボタン */
	.changebtn_area {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-around;
	padding-top: 20px;
	padding-bottom:20px;
	}
	
	.change_btn {
		position:relative;
		width: 25%;
		height: 45px;
		color: #ff4f4b;
		background: #fff;
		border: 1px solid #ff4f4b;
		}
	
	.change_active_btn {
		width: 25%;
		height: 45px;
		color: #fff;
		background: #ff4f4b;
		border: 1px solid #ff4f4b;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
		}
		
	.change_btn a {
		position: absolute;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	    width: 100%;
	    height: 100%;
		text-decoration: none;
		color: #ff4f4b;
		}
	.change_btn a:hover {
		color: #fff;
		background: #ff4f4b;
		}
	
	.aboutus_mes {
		font-size: 25px;
		line-height: 1.95em;
		padding-left: 80px;
		margin: 50px 0 60px 0;
	}
	
	/* 会社概要エリア設定（PC） */
	.us_outline {
		max-width: 1200px;
		width: 100%;
		margin: auto;
	}
	
	.us_outline p {
		padding-left: 20px;
		margin-top: 30px;
		margin-bottom: 40px;
	}


/* WORKページ設定（PC） */
.tag {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

.tag li{
	list-style: none;
	background: #ff4f4b;
	color: #fff;
	font-size: 0.8em;
	padding:  3px 7px;
	margin-right: 7px;
	margin-bottom: 5px;
}

.caption {
	position: relative;
	width: 100%;
}

.caption p {
	position: absolute;
	font-size: 1.3rem;
	padding-left: 3px;
	width: 100%;
	height: 80px;
	left: 0;
	bottom: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin: 0;
	color: #fff;
	background: #930D24;
	opacity: 0.8;
	box-sizing: border-box;
}


.copy_right {
	text-align: center;
	margin: 35px 0 0;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 0.8rem;
	color: white;
	background: #797979;
}



.contents_ttl {
	display: block;
	text-align: center;
	font-size: 3.2rem;
	font-weight: bold;

	margin-bottom: 15px;
}

.small_ttl {
	display: block;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 30px;
}

.top_contents {
	max-width: 1200px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}

.top_contents .topcategory_thum {
	margin-top: 10px;
	margin-left: 5%;
	margin-bottom: 45px;
	width: 27%;
	max-width: 320px;
	overflow: hidden;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
}

.top_contents .topcategory_thum img {
	width: 100%;
}

.top_contents .topcategory_thum img:hover {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.4s;
}




@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root body {
        font-family: "MS PGothic", sans-serif;
    }
}

#wrapper {
	width: 100%;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

@media only screen and (min-width: 1000px) {
	
	#wrapper {
	width: 1000px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	
}



#header {
	height: 400px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url(image/top/header/header/header.png)
}


#header2 {
	height: 400px;
	margin-top: 0px;
	background-color:#FFF;
	margin-bottom: 20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(image/top/header/header/header-bg-1.png)
}



#header3 {
	height: 200px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url(image/top/header/header2/header-2.png)
}


#header4 {
	height: 200px;
	margin-top: 0px;
	background-color:#FFF;
	margin-bottom: 0px;
	background-position:center center;
	background-repeat:no-repeat;
	
}


.box {
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.box.move{
  -webkit-transform: translate(-10px, 0);
  opacity: 0;
}


.headerover1{
	
	padding:5px 5px 10px 10px;
	position:relative;
	margin:0 auto;
	width:100%;
	max-width: 1200px;

	}

.header{
	width:100%;
	margin:0 auto 15px;
	background: url("./images/header/header.png") no-repeat center center;
	background-size:cover;
	height:500px;
}

.header_s1{
	width:100%;
	background: url("./images/page2/service-header.png") no-repeat;
	background-size:cover;
	height:250px;
}

.header_a1{
	width:100%;
	background-image: url("./images/page3/aboutus-header.png");
	background-size:cover;
	height:250px;
}

.header_r1{
	width:100%;
	background-image: url("./images/page4/recruit-header.png");
	background-size:cover;
	height:250px;
}

.header_p1{
	width:100%;
	background-image: url("./images/page5/partner-header.png");
	background-size:cover;
	height:250px;
}


.header_pp1{
	width:100%;
	background-image: url("./images/page8/pravacy-header.png");
	background-size:cover;
	height:250px;
}


.header_c1{
	width:100%;
	background-image: url("./images/page6/contact-header.png");
	background-size:cover;
	height:250px;
}

.header_w1{
	width:100%;
	background-image: url("./images/page7/works-header.png");
	background-size:cover;
	height:250px;
}

.header_pr1{
	width:100%;
	background-image: url("./images/page8/pravacy-header.png");
	background-size:cover;
	height:250px;
}

.header_s2{
	width:100%;
	background-image: url("./images/page9/sitemap-header.png");
	background-size:cover;
	height:250px;
}


.subHeader_s1{
	width:100%;
	background-image: url("./images/page2/Medicaltreatment.png");
	background-size:cover;
	height:250px;
	position: relative;
}

.subHeader_s1 h1, .subHeader_s2 h1, .subHeader_s3 h1, .subHeader_s4 h1, .subHeader_s5 h1, .subHeader_s6 h1, .subHeader_s7 h1, .subHeader_s8 h1, .subHeader_s9 h1{
	position: absolute;
	font-size: 2rem;
	letter-spacing: 0.2em;
	color: #fff;
	margin: 0;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
	line-height: 1.6;
	width: 100vw;
	font-weight: normal;
}

.subHeader_s1 h1 span, .subHeader_s2 h1 span, .subHeader_s3 h1 span, .subHeader_s4 h1 span, .subHeader_s5 h1 span, .subHeader_s6 h1 span, .subHeader_s7 h1 span, .subHeader_s8 h1 span, .subHeader_s9 h1 span{
	font-weight: normal;
	font-size: 1.4rem;
	letter-spacing: 0.2em;
}

.subHeader_s2{
	width:100%;
	background-image: url("./images/page2/Operation.png");
	background-size:cover;
	height:250px;
	position: relative;
}

.subHeader_s3{
	width:100%;
	background-image: url("./images/page2/PRODUCT1.png");
	background-size:cover;
	height:250px;
	position: relative;
}

.subHeader_s4{
	width:100%;
	background-image: url("./images/page2/PRODUCT2.png");
	background-size:cover;
	height:250px;
	position: relative;
}

.subHeader_s5{
	width:100%;
	background-image: url("./images/page2/PRODUCT3.png");
	background-size:cover;
	height:250px;
	position: relative;
}

.subHeader_s6{
	width:100%;
	background-image: url("./images/page2/SOLUTION1.png");
	background-size:cover;
	height:250px;
	position: relative;
}

.subHeader_s7{
	width:100%;
	background-image: url("./images/page2/SOLUTION2.png");
	background-size:cover;
	height:250px;
	position: relative;
}


.wi100{
	width:100% !important;
}

.navi ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.navi ul li a.active{
	border-bottom: solid 2px #ff4f4b;
	display: block;
	
}


.navi ul li a::after {
  position: absolute;
  bottom: -2px;
  left: 10%;
  content: '';
  width: 80%;
  height: 2px;
  background: #ff4f4b;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.navi ul li a:hover::after {
  transform: scale(1, 1);
}



.fixheader{
	width: 100%;
	background-color: #FFF;
	top: 0;
	z-index: 999;
	left: 0;
}

.menubu1{
	position: absolute;
	right: 23px;
	width: 28px;
	top: 13px;
}

.navi {
	float:right;
	
	
}

.ctext{
	text-align: center;
}

.mt20{
	margin-top:20px !important;
}

.navi ul{
	width:700px;
	margin:0 auto;
	display: flex;
	padding-top:30px;
}

.navi ul li{
	list-style: none;
	width:18%;
	text-align: center;
	font-size:0.9rem;
	padding-bottom:10px;
	color: #0e1a2f;
}

.navi ul li a{
	display: block;
	padding-bottom:0px;
	
}

.navi ul li a:link{
	color: #0e1a2f;
	text-decoration: none;
}

.navi ul li a:visited{
	color: #0e1a2f;
	text-decoration: none;
}

a.privarulink:link,.newsBox .box3 a:link{
	/*color: #ff4f4b;*/
	/*text-decoration: none;*
}

a.privarulink:visited,.newsBox .box3 a:visited{
	/*color: #ff4f4b;*/
	/*text-decoration: none;*/
}

.navi ul li a:hover,.newsBox .box3 a:hover{
	/*color: #0e1a2f;*/
	/*text-decoration: none;*/
		
}


.mail a{
	color: #0e1a2f;
	font-size:20px;
}

.mail a:link{
	color: #0e1a2f;
	text-decoration: none;
}

.mail a:visited{
	color: #0e1a2f;
	text-decoration: none;
}

.mail a:hover{
	color: #0e1a2f;
	text-decoration: none;
		
}



.middle {
	
	padding-top: 15px;
	margin: 0 auto;
	width:1400px;
	

}

.greeBack{
	background-color:#ececec;
}

.greeBack2{
	background-color:#f7f7f7;
}


.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}




#footer {
	width: 100vw;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size:small;
	padding:10px 0 0;
}

#footer ul{
	max-width:830px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

#footer ul li{
	list-style: none;
	position: relative;
	padding-left: 20px;
}

#footer ul li::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #949696;
  border-right: solid 2px #949696;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -4px;
}

#footer ul li:hover {
	text-decoration: underline;
}

#footer ul li a:link, .topCategory .cell .title a:link,#footer ul li a:visited, .topCategory .cell .title a:visited,.topCategory .cell .title a:hover{
	text-decoration: none;
	color:#0e1a2f;
}


/*
#footer ul li:nth-of-type(7) {
	margin-left:0px;
}
*/

#footerline{
	border-top: 1px solid #a1a1a1;
	padding: 35px 0 0;
	background-color:#ececec;
}



.service_Footer{
	display: flex;
	justify-content:space-between;
	
}

.service_Footer a{
	display: block;
	width:40%;
}

.service_Footer a:link{
	color:#0e1a2f;
	text-decoration: none;
}

.service_Footer a:visited{
	color:#0e1a2f;
	text-decoration: none;
}

.service_Footer a:link .tag1 .arrow{
	color:#FFF;
	text-decoration: none;
}

.service_Footer a:visited .tag1 .arrow{
	color:#FFF;
	text-decoration: none;
}


.service_Footer .tag1{
	
	border:1px solid black;
	margin:20px 0;
	display: flex;
	justify-content:space-between;
}

.service_Footer .tag1 .text{
	width:90%;
	padding:20px 0 20px 20px;
}

.service_Footer .tag1 .arrow{
	width:10%;
	background-color:#ff4f4b;
	padding:20px 0;
	text-align: center;
	font-size:18px;
	font-weight: bold;
}

.service_Footer:nth-child(2){
	padding-bottom:70px;
	
}

img{
	
	margin:0;
	padding:0;
    border-style:none;
}




#headin1{
	float:left;
	

}

#headin2{
	float:left;
	margin-top:50px;
	margin-left:500px;
	

}



.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


.spheader{

	position:relative;

}

.spmenu1{
	position:absolute;
	top:10px;
	right:20px;

}


ul.spmenu2{
	position:absolute;
	top:90px;
	right:90px;
	background-color:#002A0F;
	opacity: 0.6;
	

}



ul.spmenu2 li{
	color:#FFF;
	font-size:58px;
	

}

.spheadermene{
	background-color:#043014;
	height:120px;
	text-align:right;
	padding-right:30px;
	padding-top:20px;

	
}


img{
	max-width: 100%;
	height: auto;

}


.red{
	color:#d23832;

}

.bfont{
	font-weight:bold;
}

.menu1{
	width:270px;
	float:left;
	font-weight:bold;
}

.menu2{
	width:430px;
	float:left;
}

.mmain1{
	padding:0 5px;

}

ul{
	padding:0;
	margin:0;

}

.sb-slidebar li{
	list-style:none;
	border-bottom:1px solid #FFF;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-bottom:12px;

}


.sb-slidebar li a{
	display:block;

}



.sb-slidebar li a:link {/*未訪問のリンク*/
        color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:visited {/*訪問後のリンク*/
        color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:hover {/*マウスをのせたとき*/
    color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:active {/*クリック中*/
    text-decoration:none;
}

.toggleSwitch{
	display: none;
}

.menuline1{float:left;width:240px;margin-right:5px;}
.menuline2{border-bottom:1px dotted #433825;padding-bottom:10px;margin-bottom:10px;color:#50442f;font-weight:bold;}
.menuline3{float:left;width:114px;}


.spheader1{margin-top:50px;}

.hide1{margin-bottom:10px;}
/* トップページ*/
.tbox2{
	padding:15px 100px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tbox2 .tbox1{
	width: 49%;
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:20px;
	margin-top:30px;
}

.tbox2 .tbox1.mt0{
	margin-top:0;

} 

.tbox2 .tbox1 .tbox_in1{
	width: 45%;
}

.tbox2 .tbox1 .tbox_in1 .btn1{
	background-color:#ff4f4b;
	padding:6px 0;
	text-align: center;
	color:#FFF;
}



.tbox2 .tbox1 .tbox_in1 img{
	width:100%;
}

.tbox2 .tbox1 .tbox_in1 .title{
	
	font-weight:bold;
	font-size: 18px;
}

.tbox2 .tbox1 .tbox_in1 .contents{
	font-size:14px;
	padding:8px 0;
}

.newsBox{
	padding-left: 2em;
	padding-bottom:10px;
	margin-bottom:10px;
}





.newsBox .box1 {
	color:#ff4f4b;
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: left; /* 水平中心 */
}
.newsBox .box1:after {
  border-top: 1px solid #ececec;
  content: "";
  flex-grow: 0.97;
}

.newsBox .box1:after {
  margin-left: 1em; /* 文字の左隣 */
}

.newsBox .box2{
	
}

.newsBox .box3{
	width: 97%;
}

.button1{
	width:240px;
	margin-left:auto;
	margin-right:auto;
}

.pravacy_cell{
	padding-bottom:60px;
}

.more{
	border:1px solid #ff4f4b;
	color:#ff4f4b;
	text-align: center;
	margin-top:20px;
	margin-bottom:40px;
	font-size:14px;
	padding-top:2px;
}

.more:hover{
	background-color:#ff4f4b;
	color:#fff;
	cursor: pointer;
}

.more .toggleButton{
	padding:7px 0;
}

.more2{
	background-color:#ff4f4b;
	border:1px #ff4f4b solid;
	color:#FFF;
	width:280px;
	text-align: center;
	margin-bottom:30px;
	
}

.more2:hover{
	border:1px #ff4f4b solid;
}

.more2 a{
	display: block;
	padding:8px 0 7px;
	font-size:0.9em;
}

.more2 a:link {
	color:#FFF;
	text-decoration: none;
}

.more2 a:visited {
	color:#FFF;
	text-decoration: none;
}


.more2 a:hover{
	
	background-color:#FFF;
	color:#ff4f4b;
}

.more3{
	background-color:#FFF;
	color:#ff4f4b;
	border:1px #ff4f4b solid; 
	width:280px;
	height: 40px;
	text-align: center;
	margin-bottom:10px;

}
.more3 a{
	display: block;
	padding-top: 6px;
}







.more3 a:link {
	color:#ff4f4b;
	text-decoration: none;
}

.more3 a:visited {
	color:#ff4f4b;
	text-decoration: none;
}

.more3 a:hover {
	color:#FFF;
	text-decoration: none;
}


.more3:hover{
	background-color:#ff4f4b;
	color:#fff;
	border:1px #ff4f4b solid;
	width:280px;
	text-align: center;
	margin-bottom:10px;
}

.more3.active{
	background-color:#ff4f4b;
	color:#fff;
	border:1px #ff4f4b solid; 
	
}

/* WORKSページ設定（PC）*/
.works{
	display: flex;
	padding:30px 0;
	margin-bottom: 10px;
}

.works .title1 {
	width:30%;
	margin-right:5%;
}

.works .title1 img {
	width: 360px;
}

.works .title2{
	width:65%;
}

.works .title2 .title{
	font-size:22px;
	padding-bottom:7px;
	border-bottom:1px solid #ff4f4b;
	font-weight:bold;
}

.works .title3{
	width:65%;
	margin-right:5%;
}

.works .title4{
	width:30%;
}

/*
.works .title3 .title{
	font-size:22px;
	font-weight:bold;
	padding-bottom:7px;
	border-bottom:1px solid #ff4f4b;
}
*/

.works .item{
	font-size: 1.0rem;
	padding-top:10px;
}
.works .item2{
	font-size: 0.9rem;
	padding-top:10px;
}

.works .item a:link,.works .item2 a:link,.works .item a:visited,.works .item2 a:visited,.companyCell1 a:link,.companyCell1 a:visited{
	color:#0e1a2f;
	text-decoration: none;
}


.aboutsCell{
	display: flex;
	width:1200px;
	margin:40px auto;
}

.aboutsCell1{
	width: 20%;
	margin-right:5%;
}

.aboutsCell2{
	width: 75%;
	
	margin-top:40px;
}

.aboutsCell2 .bfont{
	font-size:16px;
	margin-bottom:5px;
	padding-bottom:10px;
	border-bottom:1px solid #0e1a2f;
}

.aboutsCell3{
	display: flex;
	font-size:16px;
}

.aboutsCell3 div:first-child{
	width: 35%;
}

.aboutsCell3 div{
	width: 65%;
}

.companyCell2{
	padding:10px 0px;
	width: 100%;;
	margin:40px 15px 0;
	box-sizing: border-box;
}

.companyCell1{
	display: flex;
	padding:20px 0;
	border-bottom:1px solid #45453F;
}

.companyCell1 div:first-child{
	width:20%;
	margin-right:5%;
}



.companyCell1 div{
	width:75%;
}


.access1{
	display: flex;
	margin: 20px 20px;
}

.access1 .title1{
	width:40%;
	margin-right:10%;
}

.access1 .title2{
	width:50%;
}

.recp{
	margin-top:30px;
	margin-bottom:60px;
}

.middle h2{

	font-weight: bold;
	font-size:20px;
	margin-top:0;
}


.middle h2.htitle1{

	border-bottom:1px solid #FFF;
	padding-bottom:7px;
}

.middle h2.htitle2{

	border-bottom:1px solid #0e1a2f;
	padding-bottom:7px;
}


.middle h3{
	font-size:20px;
	margin:0;
	padding:0;

}

.pd{
	padding-left:100px;
	padding-right:100px;
	
}

.pd2{
	margin:0 auto;
	max-width: 1200px;
	width: 100%;
	padding:50px 0;
}

.pd3{
	margin:0 auto;
	width:1200px;
	padding:10px 0;
}


.misson1{
	display: flex;
	padding-top:30px;
}

.misson1 .title1{
	width:20%;
	font-size:28px;
	margin-right:5%;
}

.misson1 .title2{
	width:75%;
}

.middle h2.title1{
	color:#0e1a2f;
	font-weight: bold;
	font-size:18px;
	margin-top:0;
	padding-left:5px;
	border-bottom:1px solid #0e1a2f;
}

/* TOP NEWSの見出し設定（PC） */
h2.toptitle2{
	color:#0e1a2f;
	font-weight: bold;
	font-size:24px;
	margin: 20px 5px;
	padding:0 0 3px 7px;
	border-bottom: 2px solid #0e1a2f;

}

.middle h3.white{
	color:#fff;
	font-weight: bold;
	font-size:18px;
}

.topCategory{
	display: flex;
	width:1000px;
	margin: 0 auto;
	flex-wrap: wrap;
	
}

.toptitle1{
	width:1000px;
	margin:0px auto ;
}

.toptitle1:nth-of-type(n+2){
	margin-top:50px;
}

.topCategory .cell{
	width:30%;
}

.topCategory .cell .title{
	font-size:18px;
	padding:5px 0;
}

.topCategory .cell .text{
	font-size:14px;
}



.topCategory .cell:nth-of-type(n+2){
	margin-left:5%;
}

.topCategory .cell:nth-of-type(4){
	margin-left:0;
}


.topCategory .cell .timg2,.topCategory .cell .timg4,.topCategory .cell .timg6,.topCategory .cell .timg8,.topCategory .cell .timg10,.topCategory .cell .timg12,.topCategory .cell .timg14,.topCategory .cell .timg16,.topCategory .cell .timg18{
	width: 20%;
	height: 200px;
}

.service1,.service2,.service3,.service4,.recruit1,.partner1,.timg,.timg3,.timg5,.timg7,.timg9,.timg11,.timg13,.timg15,.timg17{
	color:#FFF;
	line-height: 1.45em;
	position: relative;
    overflow: hidden;
	
}
.service1 h3,.service2 h3,.service3 h3,.service4 h3,.recruit1 h3,.partner1 h3{
	padding-top:30px;
	font-size:30px;
}

.service1:after,.service2:after,.service3:after,.service4:after,.recruit1:after,.partner1:after,.timg:after,.timg3:after,.timg5:after,.timg7:after,.timg9:after,.timg11:after,.timg13:after,.timg15:after,.timg17:after{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.service1:hover:after,.service2:hover:after,.service3:hover:after,.service4:hover:after,
.recruit1:hover:after,.partner1:hover:after,.timg:hover:after,.timg3:hover:after,.timg5:hover:after,.timg7:hover:after,.timg9:hover:after,.timg11:hover:after,.timg13:hover:after,.timg15:hover:after,.timg17:hover:after{
    
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



.service1:after{
	background-image: url("./images/page2/bg-1.png");
}

.service1 article,.service2 article,.service3 article,.service4 article,.recruit1 article,.partner1 article,.timg .timg2,.timg3 .timg4,.timg5 .timg6,.timg7 .timg8,.timg9 .timg10,.timg11 .timg12,.timg13 .timg14,.timg15 .timg16,.timg17 .timg18{
	z-index: 1;
    position: relative;
}

.timg p,.timg3 p {
	position: absolute;
	font-size: 1.2rem;
	width: 100%;
	left: 0;
	bottom: 0.2em;
	padding: 7px 0px 10px 10px;
	color: #fff;
	z-index: 1;
	box-sizing: border-box;
}

.timg:before,.timg3:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	background: rgba(0,0,0, 0.8);
	z-index: 1;
}

.timg:after{
	
	background-image: url("./images/topcategory/img-1.png");
}


.timg3:after{
	
	background-image: url("./images/topcategory/img-2.png");
}

.timg5:after{
	
	background-image: url("./images/topcategory/img-3.png");
}

.timg7:after{
	
	background-image: url("./images/topcategory/img-4.png");
}

.timg9:after{
	
	background-image: url("./images/topcategory/img-5.png");
}

.timg11:after{
	
	background-image: url("./images/topcategory/img-6.png");
}

.timg13:after{
	
	background-image: url("./images/topcategory/img-7.png");
}

.timg15:after{
	
	background-image: url("./images/topcategory/img-8.png");
}

.timg17:after{
	
	background-image: url("./images/topcategory/img-9.png");
}


.service2:after{
	
	background-image: url("./images/page2/bg-2.png");
}

.service3:after{
	
	background-image: url("./images/page2/bg-3.png");
}

.service4:after{
	
	background-image: url("./images/page2/bg-4.png");
}

.recruit1:after{
	
	background-image: url("./images/page4/bg-1.png");
}

.partner1:after{
	
	background-image: url("./images/page5/btn-1.png");
}

.greeBackColor{
	background-color:#ececec;
	padding:25px 0;
}

.whiteBackColor{
	background-color:#fff;
	padding:25px 0;
}

.sbtn1{
	display: flex;
	justify-content: center;
	padding-bottom:30px;
}
.sbtn2{
	display: flex;
	justify-content: space-around;
	padding-bottom:30px;
	
}

.sbtn3{
	display: flex;
	justify-content: space-between;
	padding-bottom:30px;
	
}

.sbtn4{
	display: flex;
	justify-content: flex-start;
	padding-bottom:30px;
	
}

.sbtn4 .more2{
	margin-left:100px;
}

.sbtn4 .more2:first-child{
	margin-left:0px;
}


.mt40{
	margin-top:40px !important;
}






/* ★以下、スマホ時設定★ */
@media screen and (max-width: 790px){ 
.pc{display:none;}
.sp{display:inline;}


.message_area {
	width: 100%;
	padding: 10px 15px 15px;
	box-sizing: border-box;
}

.normal_btn {
	width:260px;
	margin: auto;
}



/* TOP NEWS本文の余白設定（SP）*/
.newsBox{
	padding-left: 1em;
	padding-bottom:10px;
	margin-bottom:10px;
}

.top_contents {
	max-width: 700px;

}

.top_contents .topcategory_thum {
	text-align: center;
	margin: 10px 0 15px 3%;
	width: 46vw;
}

.caption p {
	font-size: 0.9rem;
	line-height: 1.5;
	height: 60px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */

}

.top_mes{
	width: 100%;
	font-size: 1.3rem;
	box-sizing: border-box;
}

.contents_mes {
	width: 100%;
	font-size: 1.3rem;
	box-sizing: border-box;
}

/*
.contents_mes {
	margin-left: 5%;
	width: 90%;
	font-size:1rem;
}
*/

.contents_ttl {
	font-size: 2.3rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
}

.small_ttl {
	font-size: 0.9rem;
	margin-top: 10px;
	margin-bottom: 5px;
}

.topCategory{
	width:100%;
	margin: 0 auto;
	flex-wrap: wrap;
	
}

/* SERVICEページ設定（SP） */
.large1 {
	font-size:1.2rem;
}

.serv1_img {
	display: block;
	width: 100%;
	max-width: 770px;
	height: 170px;
	background-position: 0 -90px;  
}

.serv2_img {
	display: block;
	width: 100%;
	max-width: 770px;
	height: 170px;
	background-position: 0 -90px;  
}

.serv3_img {
	display: block;
	width: 100%;
	max-width: 770px;
	height: 170px;
	background-position: 0 -90px;  
}

.serv4_img {
	display: block;
	width: 100%;
	max-width: 770px;
	height: 170px;
	background-position: 0 -90px;  
}

.serv5_img {
	display: block;
	width: 100%;
	max-width: 770px;
	height: 170px;
	background-position: 0 -90px;  
}

.serv6_img {
	display: block;
	width: 100%;
	max-width: 770px;
	height: 170px;
	background-position: 0 -90px;  
}

.serv_description {
	width: 100%;
}


/* SERVICE 医療・医薬情報ページ設定（SP） */

.sp_mv img{
	padding-top: 48px;
	width: 100vw;
	
}

.sp_mv {
	position: relative;
}

.sp_h1{
	position: absolute;
	font-weight: bold;
	font-size: 1.6rem;
	color: #fff;
	margin: 0;
	top: -22vw;
	left: 50%;
	-webkit-transform : translate(-50%,0);
	transform : translate(-50%,0);
	line-height: 1.5;
	text-align: center;
	width: 100vw;
}

.sp_h1 span {
	font-weight: normal;
	font-size: 1.1rem;
	letter-spacing: 0.2em;

}


.message_area .sub_ttl {
	font-size: 1rem;
	font-weight: normal;
}

.s1_area1 {
	width: 100%;
	height: 100%;
	margin: auto;
	margin-bottom: 50px;
	padding: 15px;
	box-sizing: border-box;
}

.s1_area1 h2 {
	font-size: 1.3rem;

}
.s1_area1 .left_area {
	display: block;
	width: 100%;
	padding-top: 30px;
	box-sizing: border-box;
}

.s1_area1 .right_area {
	display: block;
	clear:both;
	width: 100%;
	max-width: 700px;
	padding-top: 20px;
	text-align: center;
	filter: drop-shadow(0 20px 10px rgba(160, 160, 160, 0.6));
}

.s1_area1 .right_area .sp {
	max-width: 550px;
	width: 100%;
	padding-bottom: 10px;
}

.s1_area2 {
	max-width: 700px;
	width: 100%;
	margin: 10px auto 20px;
	margin-bottom: 80px;
	border: 1px solid #f1f4f6;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.s1_area2 .separate {
	height: 100%;
	width: 49%;
	margin-bottom: 20px;
}

.s1_area2 .separate div {
	margin-bottom: 5px;
}

.s1_area2 .separate span{
	font-size: 0.7rem;
	line-height:1.5;
}


.s1_area4 {
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 50px;
	
}

.s1_area4 .left_area {
	display:block;
	max-width: 700px;
	width:100vw;
	box-sizing: border-box;
	padding: 0 15px 0 10px;
	}

.s1_area4 .right_area {
	display:block;
	max-width: 700px;
	width:100vw;
	box-sizing: border-box;
	padding: 0 15px 0 10px;
}

.s1_area3 h3 {
	margin-left: 10px;
}

.s1_area3 h3, .s1_area4 h3 {
	font-size: 1.2rem;
}

.serv_description h3 {
	font-size: 1.2rem;
}




/* ABOUT USページ設定（SP） */
	/* 企業理念ボタン・代表挨拶ボタン・会社概要ボタン */
	.change_btn {
		width: 29%;
		}
	
	.change_active_btn {
		width: 29%;
		}

	.aboutus_mes {
		font-size: 18px;
		line-height: 1.65em;
		padding: 0 10px 0 15px;
		margin: 20px 0 30px;
	}
	
.topCategory .cell{
		width:47%;
		margin: auto;
	}
	.middle h2{

	font-weight: bold;
	font-size:17px;
	margin-top:0;
}

/* スマホ時のサムネイル画像のフォントサイズ */
.timg p,.timg3 p {
	font-size: 1rem;
}

/*.topCategory .cell .timg2,.topCategory .cell .timg4,.topCategory .cell .timg6,.topCategory .cell .timg8,.topCategory .cell .timg10,.topCategory .cell .timg12,.topCategory .cell .timg14,.topCategory .cell .timg16,.topCategory .cell .timg18{
	width: 200px;
}	*/
	
	.more2{
		margin: 0 auto 10px;
		padding: 1px;
		font-size: 18px;
	}
	
	.contactForm_txt .sbtn2 .more2{
		width:100%;
		box-sizing: border-box;
		font-size:18px;
	}
	

	.sbtn4{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.sbtn4 .more2{
		width:45%;
		margin-left:0;
		box-sizing: border-box;
	}
	
	.sbtn4 .more2:nth-child(2){
		
		box-sizing: border-box;
	}

#footer{
	margin: auto;
	}

#footer ul{
	max-width: 350px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom:60px;
	justify-content: space-between;
}
	#footer ul li{
		width: 43%;
	}	






.recruit1:after{
	
	background-image: url("./images/page4/img-4-1.png");
}

.partner1:after{
	
	background-image: url("./images/page5/img-5-1.png");
}
	
	
	
	
	.misson1 .title1{
		font-size:22px;
	}
	.middle h3{
		font-size:22px;
	}
	
.service1:after{
	background-image: url("./images/page2/img-2-1.png");
}

.service2:after{
	
	background-image: url("./images/page2/img-2-2.png");
}

.service3:after{
	
	background-image: url("./images/page2/img-2-3.png");
}

.service4:after{
	
	background-image: url("./images/page2/img-2-4.png");
}	
	
	

	
	
	.tbox2 .tbox1.mt0:first-child{
	margin-top:0 !important;

} 
	
	.tbox2 .tbox1 .tbox_in1{
	width: 100%;
}
	

	p{
		font-size:14px;
	}
	
	.tbox2 .tbox1 .tbox_in1 .title{
		font-size:16px;
	}	
	
	div,.tbox2 .tbox1 .tbox_in1 .contents{
		font-size:13px ;
	}
	
.access1{
	display: block;
}

.access1 .title1{
	width:100%;
	margin-right:0;
}

.access1 .title2{
	width:100%;
}	
	
.misson1{
	display: block;
	
}

.misson1 .title1{
	width:100%;
	margin-right:0%;
	margin-bottom:20px;
}

.misson1 .title2{
	width:100%;
}	
	


	.pd{
		padding-left:1%;
		padding-right:1%;
	}	
	
	.pd2{
		width:95%;
		padding:10px 3% 30px;
		}
	

	.pd3{
	width:90%;
	padding:10px 5%;
}

.header_a1{
	background-image: url("./images/page3/header-sp.png");
	
}
	
.header_w1{
	width:100%;
	background-image: url("./images/page7/header-sp.png");
	
}
	
.header_p1{
	width:100%;
	background-image: url("./images/page5/header-sp.png");
	
}

.header_r1{
	background-image: url("./images/page4/header-sp.png");
	}

.header_c1{
	width:100%;
	background-image: url("./images/page6/header-sp.png");
	
}
	
	
.header_s2{
	width:100%;
	background-image: url("./images/page9/header-sp.png");
	
}
	
	
	
	
.header_s1,.header_w1,.header_r1,.header_p1,.header_c1,.header_s2,.header_a1,.header_pp1,.submt{
	margin-top:48px;
	height:auto;
	background-image:none;
}
	
.header_s1 img ,.header_w1 img,.header_r1 img,.header_p1 img,.header_c1 img,.header_s2 img,.header_a1 img,.header_pp1 img,.subHeader_s1 img{
	width:100%;
	}

	
	.tbox2 .tbox1.mt0{
	margin-top:30px;

} 
	
.headerover1, .header{
		width:100%;
}

	
.header{
		margin-top:48px;
		background-image: url("./images/header/header-sp.png");
		background-size:cover;
		height:auto;
}
	
.middle{
	width:100%;		
}
	
.fixheader{
	position: fixed;
}
	
	.tbox2{
		display: block;
		padding:20px 2%;
	}

	.tbox2 .tbox1{
		width:100%;
	}
	

	
	
	.sbtn2{
	
	width:100%;
		margin:0 auto;
		padding-bottom:0;
		flex-wrap: wrap;
justify-content: space-between;
}
	
	.sbtn2 .more3{
		width:45%;
		padding: 5px 0;
		
	}
	
	
.s_box.contact_s_box .contactForm .contactForm_txt .sbtn2{
	
	width:80%;
		margin:0 auto;
		display: block;
}
	
	
	.sbtnt1{
	width:auto;
		margin:0;
}
	
	.smb1{
	padding-bottom:30px;
		margin-bottom:0 !important;
}
	

.sbtn2 img{
	margin-bottom:20px;
	margin-left:0;
}
	
	.sbtn2 img:first-child{
		margin-left:0;
	}
	
.aboutsCell {
   
    width: 100%;

}
.aboutsCell1{
width:40%;
	margin:0 auto;
	}

.aboutsCell2{
		width:57%;
	margin-left:3%;
	margin-top:0;
	}
	


	.aboutsCell3{
		display: block;
	}
	
	

	
	.aboutsCell3 div,.aboutsCell3 div:first-child{
		width: 100%;
	}
		.companyCell2{
		width:100%;
	}
	
	.companyCell1{
		width:100%;
		
	}
	.companyCell1 div{
		width:60%;

	}
	
	.companyCell1 div:first-child{
	width:30%;
	margin-right:5%;
}

/* WORKSページ設定（SP）*/
.works{
	display: block;
	padding:30px 0;
}

.works .title1 {
	display: block;
	width:75vw;
	margin: 0 auto 15px;
}

.works .title1 img {
	width: 100%;
}

.works .title2{
	display: block;
	width:100%;
}

.works .title2 .title{
	font-size: 1rem;
	padding-bottom:7px;
	border-bottom:1px solid #ff4f4b;
	font-weight:bold;
}

}


@media screen and (min-width: 780px){ 
	.pc{display:inline;}
	.sp{display:none;}
	
	
	
	
	

}

.pclogo{margin:10px auto 40px;float:left;}

.pcmenu1{position:absolute;right:20px;}

.pcmenub1{position:absolute;top:50px;right:7px;z-index:10000}
.pcmenub1 img{margin-top:2px;}

/* 1400px以上 */
@media screen and (min-width: 1400px){ 
	.header{
		width:100%;
	}
	
	.service1,.service2,.service3,.service4,.recruit1,.partner1,.greeBackColor{
	width:100%;
}
	
	
	
}
