@charset "UTF-8";
/*
Theme Name:seikouko
Author: seikouko
Description: 晴耕雨耕のオリジナルテーマ
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/



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 (min-width: 1001px) {

.all-back{
	display:inline-block !important;
	background-color: #00ADA9;
	border: 1px #00ADA9 solid;
	color:white;
	border-radius: 5px;
	width:200px;
	padding:10px 0;
	text-align: center;
	margin:50px 0 0 0;
}

.contact-span{
	font-size:14px;
	margin:0 0 30px 15px;
}

.pc-margin{
	margin-left:56px;
}

a{
	transition: .3s;
}

a:hover{
	opacity:.5;
}
	
.sp{
	display:none;
}	
	
/*headerはここから*/
header{
	width: 150px;
	height:100vh;
	transition: .3s;
	z-index: 9999;
	padding:100px 50px 0 50px;
	position: fixed;
	box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .1);
}

.logo{
  	overflow: hidden;
  	width:130px;
  	display: inline-block;
	transition: .3s;
	}

.logo img{
	width:100%;
}

.menu{
	list-style: none;
	padding-inline-start:0px;
	margin:60px 0 0 0;
}

ul{
	list-style: none;
	padding-inline-start:0px;
	width:100%;
}

.menu li {
	 font-size:13px;
	 margin:0 0 0 0;
	 padding:15px 0;
	 text-transform: uppercase;
	 font-weight: 500;
	 transition: .3s;
	 border-bottom:solid 1px #C6C6C6;
}

li a{
	 color: black;
}

.memu-bottom {
	margin:50px 0 0 0;
}

.memu-bottom a{
	color:black;
	font-size:14px;
	font-weight:500;
	display:inline-block;
	width:100%;
	margin:0 0 20px 0;
	vertical-align: middle;
}

.memu-bottom a::after{
	content: '';
   display: inline-block;
	width: 20px;
	height: 20px;
	margin:-5px 0 0 58px;
	vertical-align: middle;
	background-image:url(http://www.seikouukou.co.jp/wp/wp-content/uploads/2023/01/menu-arrow.png);
	background-size:contain;
}

.menu-btn-1::after{
	margin:-40px 0 0 45px !important;
}

/*共通はここから*/
.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-content-img{
	width:95%;
	padding:40px 0 0 0;
	position: relative;
}

.top-content-img img{
	width:100%;
	height:90vh;
	border-radius: 15px;
	object-fit: cover;
}

.top-content-img::after{
	content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #020202, transparent);
	opacity: .8;
}

.top-content h1{
	display:inline-block;
	position: absolute;
	bottom:40px;
	left:50px;
	font-size:60px;
	font-weight:500;
	margin:0;
	letter-spacing: 2px;
	line-height: 1.8;
	z-index:100;
	color:white;
}

.line-white{
	padding-bottom: 10px;
	display: inline; 
	background:linear-gradient(transparent 95%, white 0%);
  }

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

.top-content-read{
	position: absolute;
	bottom:0;
	right:0;
	background-color: white;
	padding:25px 30px 0 45px;
	border-radius: 15px 0 0 0;
	z-index:200;
}

.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:400px 0 0 0;
	background-color: #F7F7F4;
	position: relative;
}

.s-search-back::before{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 150%;
	height: 450px;/*画像の高さ*/
	background-color: #F7F7F4;
	position:absolute;
	top:-20%;
	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 -20px;
	font-size:27px;
	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{
	max-width:930px;
	width:90%;
	margin:100px auto 0 auto;
	padding:0 0 180px 0;
}

.s-search-content{
	width:350px;
	padding:60px 50px 50px 50px;
	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:14px;
	font-weight: 500;
	letter-spacing: 1px;
}

.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: 35px;
	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;
}

.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-g{
	max-width:1100px;
	width:90%;
	margin:130px auto 0 auto;
}

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

.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 h3{
	font-size:16px;
}

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

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

.common-h2{
	padding:0 0 0 100px;
}

.s-example-slide{
	padding:0 0 0 30px;
}

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

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

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

.slick-item{
	width:30%;
	margin:0 30px 0 0;
}

.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:18px;
	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:200px 0 0 0;
}

.s-service-top{
	margin:75px 0 0 0;
}

.s-service-top-img{
	width:49.8%;
	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:350px;
}

.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.4% 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: center;
}

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

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

.b-top-margin{
	margin:200px 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:80px 0 80px 100px;
}

.about-top-content h2{
	color:black;
	font-size:25px;
	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 0 0 100px;
}

.about-concept-img{
	width:55%;
	position: relative;
}

.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: absolute;
	bottom:-100px;
	right:-300px;
	width:500px;
	background-color: white;
	padding:35px 40px;
	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;
}

.about-img img{
	width:600px;
}

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

.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:1000px;
}

.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:800px;
}

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

.about-thought-group{
	padding:0 100px;
	margin:80px 0 0 0;
}

.about-thought-detail{
	width:27%;
	position: relative;
	background-color: white;
	box-shadow: 0 5px 10px 0 rgba(30, 30, 30, .2);
	border-radius: 10px;
	padding:35px 30px;
}

.about-thought-detail span{
	position: absolute;
	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:16px;
	text-align: center;
	margin:0 0 15px 0;
}

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

.about-president-left{
	width:400px;
}

.about-president-right{
	width:500px;
}

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

.about-president-g{
	width:950px;
	margin:200px auto 0 auto;
}

.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:15px;
	color:#00ADA9;
	margin:20px 0 10px 0;
}

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

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

.c-overview .s-search-back{
	padding-top:20px;
	padding-bottom:200px;
	margin:410px 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:800px;
	margin:50px auto 0 auto;
}

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

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

.g-txt{
	margin:0 0 0 60px;
	width:590px;
	font-size:14px;
}

.s-common-top{
	width:100%;
	padding:70px 0 0 0;
}

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

.s-common-concept{
	max-width:1000px;
	width:90%;
	margin:180px auto 180px auto;
}

.s-common-concept-img{
	width:400px;
}

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

.s-common-concept-txt{
	width:500px;
}

.s-common-concept-txt h2{
	font-size:20px;
	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 100px;
}

.s-common-content-detail{
	width:31%;
	margin:0 3.5% 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:800px;
	margin:70px auto 70px auto;
}

.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 60px;
}

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

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

.s-worries-top{
	padding-left:100px;
}

.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: 750px;
}
  
  /*タブのスタイル*/
  .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 20px 0 0;
  }

  .tab_item:hover {
	opacity: 0.75;
  }
  
  /*ラジオボタンを全て消す*/
  input[name="tab_item"] {
	display: none;
  }
  
  /*タブ切り替えの中身のスタイル*/
  .tab_content {
	display: none;
	padding: 30px 40px 20px 40px;
	margin:50px 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 100px;
	margin:0 0 180px 0;
}

.s-worries-detail{
	width:30%;
	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: 5px;
	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 100px;
}

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

.breadcrumbs{
	position: absolute;
	top:25px;
	left:100px;
	font-size:13px;
	z-index: 100;
	width:450px;
}

.breadcrumbs a{
	color:#00ADA9;
}

.b-white{
	color:white;
}

.b-white a{
	color:white;
}

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

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

.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:20px;
	color:white;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.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:750px;
	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:16px;
	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 100px;
}

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

.recruit-value-content{
	width:30%;
	text-align: center;
}

.recruit-value-content img{
	width:100%;
	border-radius: 7px;
}

.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:250px 0 250px 0;
}

.rc-job-g{
	width:auto;
	margin:0 auto;
	padding:0 100px;
}

.rc-job-detail{
	width:32%;
	margin:0 2% 5% 0;
}

.rc-job-detail:nth-child(3n){
	margin:0 0 5% 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;
	margin:0 0 0 0;
}

.s-f-contact-w{
	width:850px;
	margin:0 auto;
}

.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 20px;
}

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

.s-f-contact-w-left{
	
}

.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:70px 0;
}

.s-f-menu-width{
	width:850px;
	margin:0 auto;
}

.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;
}

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

.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 150px 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:120px auto 250px auto;
	width:950px;
}

.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: right;
	margin:0 30px 0 0;
}

.wpcf7-form-control-wrap input{
	width:400px;
	height:24px;
}

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

.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:400px;
}

.wpcf7-form-control-wrap textarea{
	width:400px;
}

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

.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{
    font-size:14px;
    margin:20px 0 0 0;
    line-height: 0.8;
}

.s-policy-page{
    margin:150px auto 250px auto;
    width:850px;
}

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

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

/* 重要事項ページ */
.r-form{
	width:750px;
	margin:0 auto;
	padding:150px 0 250px 0;
}

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

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

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

.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: 850px;
        width: 85%;
        padding: 100px 0 0 0;
		margin: 0 auto 0 auto;
	}
	.kinyu-content{
		max-width: 850px;
        width: 85%;
        margin: 80px auto 0 auto;
	}
	.kinyu-content li{
		padding:0;
		font-size:18px;
		font-weight:500;
		margin-bottom:25px;
	}
	.kinyu-content ul li{
		font-size:15px;
		font-weight:400;
		line-height: 1.8;
		margin-top:25px;
	}

}

/* 以下ブレイクポイント */
@media all and (max-width: 1480px) {
	header{
		padding:70px 50px 0 50px;
	}

	.menu{
		margin:30px 0 0 0;
	}

	.memu-bottom{
		margin:30px 0 0 0;
	}
}

@media all and (max-width: 1280px) {
	header{
		padding:40px 50px 0 50px;
	}

	.menu{
		margin:20px 0 0 0;
	}

	.memu-bottom{
		margin:20px 0 0 0;
	}
	
}



/* メディアクエリ */
@media all and (max-width: 1480px) {
.top-content h1{
	display:inline-block;
	position: absolute;
	bottom:40px;
	left:50px;
	font-size:45px;
	font-weight:500;
	margin:0;
	letter-spacing: 2px;
	line-height: 1.8;
	z-index:100;
	color:white;
}
}
@media all and (max-width: 1280px) {
	.top-content h1{
		display:inline-block;
		position: absolute;
		bottom:40px;
		left:50px;
		font-size:35px;
		font-weight:500;
		margin:0;
		letter-spacing: 2px;
		line-height: 1.8;
		z-index:100;
		color:white;
	}
	}