@charset "UTF-8";
/*
Theme Name:seikouko
Author: seikouko
Description: 晴耕雨耕のオリジナルテーマ
Version:1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/license/gpl-2.0.html
*/



body{
	margin:0;
	padding:0;
    font-family: 'Noto Sans JP', sans-serif;
}

a{
	 text-decoration: none;
}


h1,h2,h3,h4,h5,h6,p{
	color:#171717;
}

@media all and (max-width: 1000px) {

a{
	transition: .3s;
}

a:hover{
	opacity:.5;
}
	
.pc{
	display:none;
}	
	
/*headerはここから*/
header{
	width: 100%;
	height: 5rem;
	background-color: white;
	transition: .3s;
	overflow: visible;
	position:relative;
	position: fixed;
	z-index:100;
	padding:0;
}

.is-animation{
	width: 100%;
	height: 5rem;
	transition: .3s;
	}

	.logo{
	  overflow: hidden;
	  width:110px;
	  display: inline-block;
		float:left;
		transition: .3s;
	  position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left:5%;
		}

	.logo img{
		width:100%;
	}

ul{
	list-style: none;
	padding-inline-start:0px;
	padding:80px 0 0 0;
	display: block;
	width:70%;
	text-align: left;
}

.menu li {
	 text-transform: uppercase;
	 transition: .3s;
	 margin: 5% 0;
	 padding:0 0 0 50px;
}

li a{
	 color:white;
	 font-size:16px;
	 font-weight: 600;
}


.ham {
	position: relative;
/*クリックできる範囲*/
	width: 1.5rem;
	height:1rem;
	cursor: pointer;
	z-index: 9999;
	position:absolute;
  top: 50%;
  transform: translateY(-50%);
  right:5%;
  margin:0;
}
.ham_line {
	position: absolute;
	left: 0;
/*	線の長さと太さ*/
	width: 100%;
	height: 2px;
	background-color: #333333;
	transition: all 0.3s;
}
/*線と線の間*/
.ham_line1 {
	top: 0;
}
.ham_line2 {
	top:0.5rem;
}
.ham_line3 {
	top: 1rem;
}

/*クリック後の動作*/
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 0.5rem;
	background-color: white;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 0.5rem;
	background-color: white;
}

.menu {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	background-color: #00ADA9;
	transition: all 0.4s;
	z-index: 100;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
	margin:0 0 0 0;
	display: block;
}

.clicked .menu {
	right:0;
	z-index: 100;
}
.main-2{
	 width:100%;
	 height: 100vh;
	 background-color: black;
	 opacity: 0;
	 z-index: 0;
	 position: absolute;
	 top:0;
	 left:0;
	 transition: all 0.4s;
}
.clicked .main-2{
	 opacity: .6;
	}

.memu-bottom{
	display:none;
}
	
/*共通はここから*/
.flex{
	display:flex;
}

.flex-wrap{
	display:flex;
	flex-wrap:wrap;
}

.flex-center{
	display:flex;
	align-items: center;
}

.flex-center-b{
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.flex-between{
	display:flex;
	justify-content: space-between;
}

.flex-right{
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-between;
}

.flex-right-c{
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-between;
	align-items: center;
}

.flex-bottom{
	display:flex;
	align-items:flex-end;
}

.flex-between-bottom{
	display:flex;
	justify-content: space-between;
	align-items:flex-end;
}

.main-content{
	/* float:right;
	width: calc(100% - 250px);
	position: relative; */
}

.common-a{
	color:#00ADA9;
	border-bottom:1px solid #00ADA9;
	display:inline-block;
	padding:0 0 3px 0;
	font-size:14px;
	font-weight:bold;
}

/* .common-a::after{
	content: url(image/arrow-a.svg);
	display: inline-block;
	width: 20px;
	height: 20px;
	margin:0 0 0 10px;
} */

.s-blue{
	color:#00ADA9 !important;
}

.padding-bottom{
	padding:0 0 150px 0 !important;
}

/*フロントページはここから*/
.top-content{
	
}

.top-slider {
	padding:0;
	width:90%;
	margin:0;
}

.top-content-img{
	width:100%;
	padding:5rem 0 0 0;
	position: relative;
}

.top-content-img img{
	width:95%;
	height:50vh;
	border-radius: 0 0 25px 0;
	object-fit: cover;
}

.top-content h1{
	-ms-writing-mode: horizontal-tb;
  	writing-mode: horizontal-tb;
	display:inline-block;
	position:static;
	/* background-color: white; */
	padding:0 0 0 7%;
	margin:25px 0;
	font-size:23px;
	border-radius: 0 0 0 10px;
	letter-spacing: 1px;
	line-height: 1.4;
	color:#00ADA9 !important;
}

.top-content h2{
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	display:inline-block;
	position: absolute;
	top:5rem;
	right:5%;
	font-size:13px;
	border-radius: 0 0 15px 15px;
	margin:0;
	letter-spacing: 1px;
	display:none;
}

.top-content-read{
	position: static;
	padding:0 12% 0 7%;
}

.top-content-read p{
	display:block;
	font-size:14px;
	margin:0;
	font-weight: 500;
	line-height: 1.7;
}

.top-content-read a{
	margin:20px 0 0 0;
	float: right;
}

.s-search{
	width:100%;
	overflow: hidden;
}

.s-search-back{
	margin:200px 0 0 0;
	background-color: #F7F7F4;
	position: relative;
}

.s-search-back::before{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 150%;
	height: 240px;/*画像の高さ*/
	background-color: #F7F7F4;
	position:absolute;
	top:-7%;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	border-radius: 50% 50% 0 0;
	z-index: -100;
	text-align: center;
}

.s-search h2{
	text-align: center;
	margin:0 0 0 0;
	font-size:18px;
	letter-spacing: 1px;
}

.s-search h2::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 50px;/*画像の幅*/
  height: 43px;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/s-search.png);
  background-size: contain;
	margin:0 20px 0 0;
	vertical-align: middle;
}

.s-search-g{
	width:auto;
	margin:40px auto 0 auto;
	padding:0 5% 60px 5%;
	display:block;
}

.s-search-content{
	width:auto;
	padding:40px 25px 30px 25px;
	margin:0 0 50px 0;
	background-color: white;
	box-shadow: 0 5px 10px 0 rgba(20, 20, 20, .1);
	border-radius: 10px;
}

.s-search-content a{
	color:black;
	width:100%;
	display:inline-block;
	border-bottom: 1px solid #C6C6C6;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	font-size:13px;
	font-weight: 500;
	letter-spacing:0;
}

.s-search-content a::after{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/arrow-b.png);
  background-size: contain;
  vertical-align: middle;
	margin:8px 0 0 10px;
	float: right;
}

.s-search-content h4{
	color:#00ADA9;
	font-size:12px;
	margin:0 0 0 0;
	text-align: center;
}

.s-search-content h3{
	color:black;
	font-size:20px;
	margin:7px 0 40px 0;
	text-align: center;
}

.s-search-content a::before{
	display: inline-block;
	width: 30px;
	height: auto;
	margin:0px 15px 0 0;
	vertical-align:middle;
}

.no1::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-1.png);
  background-size: contain;
  vertical-align: middle;
}

.no2::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-2.png);
  background-size: contain;
  vertical-align: middle;
}

.no3::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-3.png);
  background-size: contain;
  vertical-align: middle;
}

.no4::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-4.png);
  background-size: contain;
  vertical-align: middle;
}

.no5::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-5.png);
  background-size: contain;
  vertical-align: middle;
}

.no6::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-6.png);
  background-size: contain;
  vertical-align: middle;
}

.no7::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-7.png);
  background-size: contain;
  vertical-align: middle;
}

.no8::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-8.png);
  background-size: contain;
  vertical-align: middle;
}

.no9::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-9.png);
  background-size: contain;
  vertical-align: middle;
}

.no10::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-4.png);
  background-size: contain;
  vertical-align: middle;
}

.no11::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-11.png);
  background-size: contain;
  vertical-align: middle;
}

.no12::before{
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px !important;/*画像の幅*/
  height: 30px !important;/*画像の高さ*/
  background-image: url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/no-12.png);
  background-size: contain;
  vertical-align: middle;
}

.s-guidance-img{
	width:100%;
	position: relative;
}

.s-guidance-img img{
	width:100%;
	height:400px;
	object-fit: cover;
	opacity: .2;
	filter: brightness(70%);
	position: relative;
}

.s-guidance-img::before{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 100%;
	height: 400px;/*画像の高さ*/
	background-color: #00ADA9;
	position:absolute;
	top:0;
	left:0;
}

.s-guidance-t{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align: center;
	width:80%;
}

.s-guidance-t h2{
	color:white;
	font-size:23px;
}

.s-guidance-t p{
	color:white;
	font-size:14px;
	line-height: 1.75;
}

.s-consultation{
	text-align: center;
	margin:120px 0 0 0;
}

.s-consultation .common-h2{
	padding:0;
}

.s-consultation-g{
	max-width:auto;
	width:86%;
	margin:130px auto 0 auto;
	display:block;
}

.s-consultation-detail{
	width:90%;
	background-color: #F7F7F4;
	box-shadow: 0 5px 10px 0 rgba(20, 20, 20, .1);
	padding:40px 5% 20px;
	position: relative;
	margin:0 0 120px 0;
}

.s-consultation-detail img{
	width:70px;
	position: absolute;
	top: -40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.s-consultation-detail p{
	font-size:14px;
	line-height: 1.6;
}

.s-example{
	margin:100px 0 0 0;
}

.common-h2{
	padding:0 0 0 7%;
	font-size:20px;
}

.s-example-slide{
	padding:0 5%;
}

.s-example-slide{
	margin:40px 0 0 0;
}

.s-example-slide ul{
	padding:0;
	width:100%;
}

.s-example .slick-prev{
	width:35px !important;
	height:35px !important;
	position:absolute;
	top:-113px;
	left:500px;
}

.s-example .slick-next{
	width:35px !important;
	height:35px !important;
	position:absolute;
	top:-113px;
	left:580px;
}

.slick-item{
	width:30%;
	margin:0 0 0 0;
	text-align: left;
}

.slick-item img{
	width:100%;
	height:auto;
	object-fit: cover;
	box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0);
	border-radius: 10px;
}

.slick-item h3{
	font-size:16px;
	margin:15px 0 0 0;
}

.slick-item span{
	font-size:13px;
	color:#00ADA9;
	border: 1px solid #00ADA9;
	padding:6px 20px;
	border-radius: 7px;
	display:inline-block;
	font-weight:500;
	margin:15px 0 15px 0;
}

.slick-item p{
	font-size:13px;
	margin:0 0 15px 0;
}

.s-service{
	margin:100px 0 0 0;
}

.s-service-top{
	margin:40px 0 0 0;
	display:block;
}

.s-service-top-img{
	width:100%;
	display: inline-block;
	position: relative;
}

.s-service-top-img::before{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 100%;
	height: 300px;/*画像の高さ*/
	background-color: #00ADA9;
	position:absolute;
	top:0;
	left:0;
}

.s-service-top-img img{
	width:100%;
	height:300px;
	object-fit: cover;
	opacity: .4;
	vertical-align: top;
}

.s-service-t{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:auto;
	width:80%;
}

.s-service-t h3{
	color:white;
	margin:0 0 0 0;
	font-weight:500;
}

.s-service-t p{
	color:white;
	font-size:14px;
	margin:15px 0 10px 0;
}

.s-service-t img{
	width:60px !important;
	height:auto !important;
	object-fit: fill !important;
	opacity: 1 !important;
}

.s-service-bottom{
	width:100%;
	position:relative;
	margin:0 0 0 0;
	display:inline-block;
}

.s-service-bottom img{
	width:100%;
	height:300px;
	opacity: .4;
	object-fit: cover;
	vertical-align: top;
}

.s-service-bottom::before{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 100%;
	height: 300px;/*画像の高さ*/
	background-color: #00ADA9;
	position:absolute;
	top:0;
	left:0;
}

.s-service-bottom .s-service-t{
	text-align: left;
}

.s-top-bunner{
	margin:70px 0;
	text-align: center;
	width:100%;
}

.s-top-bunner img{
	width:80%;
	filter: drop-shadow(0 0px 9px rgba(20, 20, 20, .3));
	vertical-align: top;
}

.b-top-margin{
	margin:80px 0;
}

/* アバウトページはここから */
.about-top{
	padding:70px 0 0 0;
}

.about-top-img{
	width:100%;
}

.about-top-img img{
	width:100%;
	height:50vh;
	object-fit: cover;
	object-position: 0 25%;
	vertical-align: top;
}

.about-top-content{
	background-color: #F7F7F4;
	padding:40px 7%;
}

.about-top-content h2{
	color:black;
	font-size:18px;
	letter-spacing: 1px;
	margin:0 0 0 0;
}

.about-top-content p{
	color:black;
	font-size:15px;
	font-weight:400;
	line-height: 1.75;
	margin:30px 0 0 0;
}

.about-concept{
	margin:150px 0 0 0;
	padding:0 7%;
}

.about-concept-img{
	width:auto;
	position: static;
}

.about-concept-img img{
	width:100%;
	vertical-align: top;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
}

.about-concept-text{
	position:static;
	width:auto;
	background-color: white;
	padding:35px 0;
	border-radius: 10px;
}

.about-concept-text h2{
	font-size:23px;
	font-weight:600;
	margin:0 0 20px 0;
}

.about-concept-text p{
	font-size:14px;
	font-weight:500;
	margin:0 0 0 0;
}

.about-team{
	overflow: hidden;
	width:100%;
}

.about-img{
	text-align: center;
}

.about-img h2{
	margin:0 0 70px 0;
	font-size:18px;
}

.about-img img{
	width:86%;
}

.about-img p{
	font-size:15px;
	margin:50px auto 0 auto;
	width:86%;
}

.about-team .s-search-back{
	padding-bottom:100px;
	padding-top:20px;
}

.about-a{
	margin:150px 0 150px 0;
}

.about-a-img{
	text-align: center;
}

.about-a-img img{
	width:86%;
}

.about-thought h3{
	font-size:13px;
	color:#00ADA9;
	margin:0 0 0 0;
	text-align: center;
}

.about-thought h2{
	font-size:30px;
	margin:0 0 0 0;
	text-align: center;
}

.about-thought-img{
	width:100%;
	text-align: center;
	margin:100px 0 0 0;
}

.about-thought-img img{
	width:86%;
}

.about-thought h4{
	text-align: center;
	font-size:18px;
	margin:90px 0 0 0;
}

.about-thought-group{
	padding:0 7%;
	margin:40px 0 0 0;
	display:block;
}

.about-thought-detail{
	width:auto;
	position: relative;
	background-color: white;
	box-shadow: 0 5px 10px 0 rgba(50, 50, 50, .1);
	border-radius: 10px;
	padding:20px 25px;
	margin:0 0 40px 0;
}

.about-thought-detail span{
	position: static;
	top: -25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	color:#00ADA9;
	font-size:30px;
	font-weight:600;
}

.about-thought-detail h5{
	font-size:18px;
	text-align: left;
	margin:0 0 15px 0;
}

.about-thought-detail p{
	font-size:14px;
	text-align: left;
	margin:0 0 0 0;
	line-height: 1.6;
}

.about-president-left{
	width:auto;
}

.about-president-right{
	width:auto;
	margin:40px 0 0 0;
}

.about-president-left img{
	width:100%;
	height:400px;
	object-fit: cover;
	vertical-align: top;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(30, 30, 30, .2);
}

.about-president-g{
	width:auto;
	margin:200px auto 0 auto;
	padding:0 7%;
	display:block;
}

.about-president-right h3{
	color:#00ADA9;
	font-size:13px;
	margin:0;
}

.about-president-right h4{
	font-size:25px;
	margin:10px 0 20px 0;
}

.about-president-right p{
	font-size:14px;
	line-height: 1.6;
}

.about-president-right h6{
	font-size:13px;
	color:#00ADA9;
	margin:20px 0 10px 0;
}

.about-president-right h5{
	font-size:16px;
	margin:0;
}

.c-overview{
	overflow: hidden;
	padding:0 0 0 0;
}

.c-overview .s-search-back{
	padding-top:20px;
	padding-bottom:200px;
	margin:200px 0 0 0;
}

.c-overview .s-search-back::before{
	top:-10%;
}

.c-overview h4{
	color:#00ADA9;
	font-size:13px;
	text-align: center;
	margin:0 0 0 0;
}

.m-4{
	margin:110px 0 0 0 !important;
}

.c-overview h5{
	font-size:25px;
	text-align: center;
	margin:10px 0 0 0;
}

.c-overview-g{
	width:auto;
	margin:50px auto 0 auto;
	padding:0 7%;
}

.c-overview-g-detail{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:solid 1px #00ADA9;
	width:100%;
	display:block;
}

.c-overview .s-search-back::before{
	top:-2%;
}

.g-title{
	margin:0 0 0 0;
	font-weight:500;
	width:auto;
	font-size:14px;
}

.g-txt{
	margin:10px 0 0 0;
	width:auto;
	font-size:14px;
}

.s-common-top{
	width:100%;
	padding:2rem 0 0 0;
}

.s-common-top img{
	width:100%;
	height:35vh;
	object-fit: cover;
	vertical-align: top;
	object-position: 0 25%;
}

.s-common-concept{
	width:auto;
	margin:120px auto;
	padding:0 7%;
	display:block;
}

.s-common-concept-img{
	width:auto;
	margin:0 0 40px 0;
}

.s-common-concept-img img{
	width:100%;
	vertical-align: top;
}

.s-common-concept-txt{
	width:auto;
	padding:0;
}

.s-common-concept-txt h2{
	font-size:18px;
	margin:0 0 0 0;
}

.s-common-concept-txt p{
	font-size:14px;
	margin:15px 0 0 0;
	line-height: 1.6;
}

.s-common-content{
	background-color: #F7F7F4;
	padding:130px 0 70px 0;
}

.s-common-content-g{
	padding:0 7%;
}

.s-common-content-detail{
	width:100%;
	margin:0 0 60px 0;
}

.s-common-content-detail:nth-child(3n){
	margin:0 0 60px 0;
}

.s-common-content img{
	width:100%;
	border-radius: 10px;
	vertical-align: top;
	box-shadow: 0 5px 10px 0 rgba(30, 30, 30, .2);
}

.s-common-content-detail h2{
	font-size:16px;
	margin:20px 0 0 0;
}

.s-common-content-detail p{
	font-size:13px;
	line-height: 1.6;
	margin:10px 0 0 0;
}

.common-contract{
	overflow: hidden;
}

.common-contract h3{
	font-size:13px;
	text-align: center;
	color:#00ADA9;
	margin:0 0 0 0;
}

.common-contract h4{
	font-size:23px;
	text-align: center;
	margin:10px 0 0 0;
}

.common-contract-g{
	width:auto;
	margin:70px auto 70px auto;
	padding:0 7%;
}

.common-contract-g-detail{
	border-top:#00ADA9 solid 1px;
	padding: 30px 0;
}

.common-contract-g-detail h5{
	font-size:18px;
	margin:0 0 15px 0;
}

.common-contract-g-detail p{
	font-size:14px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

.common-contract .s-search-back{
	padding:0 0 100px 0;
}

.sud-m{
	margin-bottom:60px;
}

.s-worries-top{
	padding-left:0;
	padding:0 7%;
}

.s-worries-top h2{
	font-size:20px;
}

.s-worries-top h3{
	font-size:16px;
	display:inline-block;
	padding:0 0 5px 0;
	margin:30px 0 0 0;
	border-bottom:2px #00ADA9 solid;
}

/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	width: auto;
}
  
  /*タブのスタイル*/
  .tab_item {
	width: 200px;
	height: 50px;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 14px;
	font-weight:normal;
	text-align: center;
	color: black;
	display: inline-block;
	text-align: center;
	transition: all 0.2s ease;
	border-radius: 30px;
	margin:0 0 15px 0;
  }

  .tab_item:hover {
	opacity: 0.75;
  }
  
  /*ラジオボタンを全て消す*/
  input[name="tab_item"] {
	display: none;
  }
  
  /*タブ切り替えの中身のスタイル*/
  .tab_content {
	display: none;
	padding: 30px 20px 20px 20px;
	margin:30px 0 0 0;
	clear: both;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
  }
  
  .tab_content a{
	font-size:14px;
	color:black;
	line-height: 1.7;
	display:inline-block;
	border-bottom: 1px solid black;
	padding:0 0 2px 0;
	margin:0 10px 10px 0;
  }
  
  /*選択されているタブのコンテンツのみを表示*/
  #all:checked ~ #all_content,
  #programming:checked ~ #programming_content,
  #design:checked ~ #design_content {
	display: block;
  }
  
  /*選択されているタブのスタイルを変える*/
  .tabs input:checked + .tab_item {
	background-color: #00ADA9;
	color: #fff;
  }

.s-worries-group{
	padding:0 7%;
	margin:0 0 180px 0;
}

.s-worries-group .flex-wrap{
	display:block;
}

.s-worries-detail{
	width:100%;
	display:inline-block;
	margin:0 2.5% 4% 0;
}

.s-worries-detail:nth-child(3n){
	margin:0 0 4% 0;
}

.s-worries-detail img{
	vertical-align: top;
	width:100%;
	height:auto;
	border-radius: 15px;
	box-shadow: 0 5px 10px 0 rgba(30, 30, 30, .2);
}

.s-worries-detail h3{
	margin:20px 0 0 0;
	font-size:17px;
}

.worries-category{
	font-size:12px;
	color:#00ADA9;
	border: #00ADA9 1px solid;
	display:inline-block;
	padding:5px 8px;
	margin:15px 0 0 0;
	border-radius: 8px;
}

.a-title{
	margin:20px 0 40px 0;
	padding:0 0 0 7%;
}

.a-title h4{
	margin:0 0 0 0;
	font-size:18px;
}

.breadcrumbs{
	position: static;
	font-size:13px;
	z-index: 100;
	width:auto;
	padding:6rem 5% 0 5%;
}

.breadcrumbs a{
	color:#00ADA9;
}

.b-white{
	/* color:white; */
}

.b-white a{
	/* color:white; */
}

/* お悩み記事ページ */
.content-content-top{
	padding:50px 7% 0;
	margin:0 0 150px 0;
}

.thumbnail-img{
	width:100%;
	position: relative;
	margin:20px 0 0 0;
}

.thumbnail-img::before{
	content: '';
    display: inline-block;
    width: 100%;
    height: 280px;
    background-color: #00ADA9;
    position: absolute;
    top: 0;
    left: 0;
}

.thumbnail-img img{
	width:100%;
	height:280px;
	object-fit: cover;
	vertical-align:top;
	opacity: .3;
}

.thumbnail-img h1{
	margin:0;
	font-size:18px;
	color:white;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:86%;
}

.thumbnail-img p{
	position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin:0;
	background-color: white;
	font-size:15px;
	font-weight:bold;
	padding:10px 20px;
	color:#00ADA9;
	border-radius: 30px;
	box-shadow: 0 3px 8px 0 rgba(30, 30, 30, .1);
}

.content-content-top{
	width:auto;
	margin:80px auto 250px auto;
}

.content-content-top h2{
	font-size:18px;
	background-color: #F5F5F5;
	border-left:4px solid #00ADA9;
	padding:8px 25px;
	margin:0 0 30px 0;
}

.content-content-top p{
	font-size:15px;
	margin:0 0 30px 0;
	line-height: 1.6;
}

.content-content-top img{
	border-radius: 15px !important;
}

.news-margin{
	padding:120px 0 0 0;
}

/* 採用ページはこちら */
.recruit-value{
	margin:170px 0 170px 0;
}

.rc-common{
	padding:0 0 0 7%;
}

.recruit-value-g{
	background-color: white;
	max-width:1000px;
	width:90%;
	margin:80px auto 0 auto;
	display:block;
}

.recruit-value-content{
	width:100%;
	text-align: center;
	margin:0 0 80px 0;
}

.recruit-value-content img{
	width:100%;
}

.recruit-value-content h3{
	font-size:16px;
}

.recruit-value-content p{
	font-size:14px;
	margin:0;
}

.rc-video-g{
	margin:0 0 200px 0;
}

.rc-video{
	width:100%;
	margin:80px 0 0 0;
}

.rc-video iframe{
	width:100%;
	height:400px;
	vertical-align: top;
}

.rc-jpb{
	margin:100px 0 190px 0;
}

.rc-job-g{
	width:auto;
	margin:0 auto;
	padding:0 7%;
	display:block;
}

.rc-job-detail{
	width:100%;
	margin:0 0 70px 0;
}

.rc-job-detail:nth-child(3n){
	margin:0 0 70px 0;
}

.rc-job-detail img{
	width:100%;
	border-radius: 10px;
}

.rc-job-detail h3{
	font-size:16px;
}

.rc-job-detail p{
	font-size:14px;
}




/* フッターはこちら */
.s-f-contact{
	background-color: #00ADA9;
	padding:70px 0 50px 0;
	margin:0 0 0 0;
}

.s-f-contact-w{
	width:auto;
	margin:0 auto;
	padding:0 7%;
	display:block;
}

.s-f-contact-w h2{
	color:white;
	font-size:25px;
	font-weight:500;
	margin:0 0 20px 0;
}

.s-f-contact-w h2 span{
	font-size:18px;
	margin:0 0 0 0;
}

.footer-tel{
	color:white;
	font-size:14px;
	line-height: 1.75;
}

.s-f-contact-w-left{
	margin:0 0 0 0;
}

.s-f-contact-w-left a{
	color:white;
	font-size:15px;
	border-radius: 35px;
	border:solid 1px white;
	padding:20px 35px;
	display:inline-block;
}

.s-f-contact-w-left a::before{
	content: url(image/f-contact.svg);
	display: inline-block;
	width: 25px;
	height: 25px;
	margin:0 10px 0 0;
	vertical-align: middle;
}

.s-f-menu{
	background-color: #F7F7F4;
	padding:100px 7% 40px;
}

.s-f-menu-width{
	width:auto;
	margin:0 auto;
	padding:0 0;
	display:block;
}

.s-f-menu-width-left img{
	width:150px;
}

.s-f-menu-width-left h3{
	color:black;
	font-weight:500;
	font-size:14px;
}

.s-f-menu-width-right{
	width:350px;
	display:block;
}

.s-f-menu-content{
	width:140px;
	margin:0 0 30px 0;
}

.s-f-menu-content a{
	display:inline-block;
	width:100%;
	color:black;
	margin:0 0 5px 0;
	font-size:14px
}

footer p{
	background-color: #00ADA9;
	color:white;
	text-align: center;
	padding:15px 0;
	margin:0;
	font-size:12px;
}

.s-news{
	max-width:930px;
	width:90%;
	margin:0 auto 0 auto;
}

.s-news-content{
	margin:60px 0 100px 0;
}

.s-news-content a{
	color:black;
	border-bottom:1px solid #C6C6C6;
	padding:0 0 7px 0;
	margin:0 0 23px 0;
	display:inline-block;
	width:100%;
}

.news-date{
	margin:0 15px 0 0;
}

/* お問いあわせフォーム */
.s-contact{
	margin:70px auto 250px auto;
	width:auto;
	padding:0 7%;
}

.s-contact h3{
	font-size:25px;
	margin:0 0 0 0;
}

.s-tel-content{
	border-bottom:1px solid #C6C6C6;
	padding: 40px 0 40px 0;
	margin:0 0 0 0;
}

.s-tel-content h2{
	font-size:15px !important;
	color:#00ADA9;
	margin:0;
}


.s-tel-content h3{
	font-size:20px !important;
	font-weight:normal;
	margin:15px 0 0 0;
}

.s-tel-content h3 span{
	font-size:14px !important;
	font-weight:normal;
	margin:15px 0 0 20px;
}

.s-contact-area{
	margin:70px 0 0 0;
}

.s-contact-area h3{
	font-size:20px;
	color:#00ADA9;
	margin:0 0 40px 0;
}

.c-name{
	width:200px;
	font-size:15px;
	text-align: left;
	margin:0 0 20px 0;
}

.wpcf7-form-control-wrap input{
	width:97%;
	height:24px;
	margin:10px 0 0 0;
}

.c-title{
	margin:0 0 25px 0;
	display:block;
}

.c-blue{
	background-color: #00ADA9;
	color:white;
	padding:2px 8px;
	border-radius: 4px;
	font-size:13px;
	margin:0 0 0 20px;
}

.wpcf7-list-item input{
	width:auto;
	height: auto;
}

.wpcf7-form-control-wrap{
	width:auto;
	margin:10px 0 0 0;
}

.wpcf7-form-control-wrap textarea{
	width:97%;
}

.wpcf7-submit{
	background-color: #00ADA9;
	color:white;
	border:1px solid #00ADA9;
	margin:25px 0 0 0;
	font-size:18px;
	padding:5px 40px;
	border-radius: 3px;
	transition: .3s;
}

.wpcf7-list-item{
	margin:0 20px 0 0;
}

.wpcf7-list-item-label{
	font-size:14px;
}

.wpcf7-submit:hover{
	background-color: white;
	color:#00ADA9;
	border:1px solid #00ADA9;
}

#wpcf7cpcnf th{
	width:220px;
	margin:0 30px 0 0;
}

#wpcf7cpcnf td{
	width:400px !;
}

.s-policy{
    margin:40px 0 0 0;
}

.s-policy h4{
    color:#d02c00;
    font-size:18px;
    margin:0;
}

.s-policy p{
    color:;
    font-size:14px;
    margin:20px 0 0 0;
    line-height: 1.4;
}

.s-policy-page{
    margin:40px auto 100px auto;
    width:90%;
}

.s-policy a{
	color:#0054d2;
	font-weight:bold;
}

.s-policy-page a{
	color:#0054d2;
	font-weight:bold;
}

/* 重要事項ページ */
.r-form{
	width:auto;
	margin:0 auto;
	padding:100px 5% 200px 5%;
}

.r-form p{
	line-height: 1.6;
}

.r-title{
	margin:0 0 100px 0;
}

.r-title h1{
	font-size:23px;
}

.r-content{
	margin:0 0 50px 0;
}

.r-content h2{
	font-size:20px;
}

.r-content p span{
	font-weight:bold;
}

.r-form-btn{
	display:inline-block;
	background-color: #00ADA9;
	color:white;
	padding:15px 30px;
	border-radius: 5px;
}

/* 金融 */
.kinyu-top{
	max-width: 1100px;
	width: 90%;
	padding: 30px 0 0 0;
	margin: 0 auto 0 auto;
}
.kinyu-content{
	max-width: 1100px;
	width: 90%;
	margin: 40px auto 0 auto;
	padding:0 0 70px 0;
}
.kinyu-content ol{
	padding:0 0 0 5%;
}
.kinyu-content li{
	padding:0;
	font-size:18px;
	font-weight:500;
	margin-bottom:10px;
}
.kinyu-content ul{
	padding:0;
	width:100%;
}
.kinyu-content ul li{
	font-size:15px;
	font-weight:400;
	line-height: 1.8;
	margin-top:10px;
}

}