/*
Theme Name: Chaintope
Template: sydney
Theme URI: 
Description: 
Author: 
Tags: 
Version:
*/


.site-info {
    text-align: center;
}



.wedobutton {
  display: inline-block;
  border: 1.5px solid #fff;
  color: #fff;
  line-height: 1.5;
  overflow: hidden;
	padding:5px 40px 5px 40px;
	transition-duration: 0.5s;
}

.wedobutton:hover {
  	transition-duration: 0.5s;
	background: #00903A;
	color: #fff;
	border: 1.5px solid #00903A;

}

.wedobutton2 {
  display: inline-block;
  border: 1.5px solid #fff;
  color: #fff;
  line-height: 1.5;
  overflow: hidden;
	padding:5px 70px 5px 70px;
transition-duration: 0.5s;

}

.wedobutton2:hover {
	transition-duration: 0.5s;
	background: #00903A;
	color: #fff;
	border: 1.5px solid #00903A;

}


.wedo{
    text-align: left;
}
@media all and (max-width:780px) {
  .wedo{
    text-align: center;
	}
}
 .wedo2{
    text-align: center;
	}
.pcimg { 
	display: block !important; 
	margin-top: -20px;
		margin-right: 0px;
}

.spimg { 
	display: none !important; 
}

@media (max-width: 780px) {
.pcimg { 
	display: none !important; 
		}
.spimg {
	display: block !important; 
	margin-top: 0px;
	margin-right: 0px;
		}
}

.values{
    padding: 10em 1.5rem 0em 3rem;
    position: relative;
	margin: 0em 0;
    background: fff;/*背景色*/
    border-left: solid 1.5px #6EBA44;
    border-bottom: solid 1.5px #6EBA44;
}

.values .values2{
    padding: 3em 0em 3em 0em;
    position: relative;
display: inline-block;
    top: -70px;
    left: -31px;
    height: 25px;
    line-height: 15px;
    vertical-align: middle;
    border-top: solid 1.5px #6EBA44; 
    letter-spacing: 0.0em;
}

@media (min-width: 780px) {
.values .values2{ 
    padding: 0 14vw;
		}
}
@media (min-width: 1024px) {
.values .values2{ 
    padding: 0 14vw;
		}
}
@media (max-width: 980px) {
.values .values2{ 
    padding: 0 11vw;
		}
}
@media (max-width: 1024px) {
.values .values2{ 
    padding: 0 11vw;
		}
}
.values p {
    margin: 0; 
    padding: 0;
}
.values:before,.values:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
	border-radius: 50%;
		background: #6EBA44;

}
.values:after {
    top:0px;
    left:-6px;
}

.values:before {
    bottom:-6px;
    left:-6px;
}

.values2:before,.values2:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
	border-radius: 50%;
		background: #6EBA44;
}

.values2:after {
    top:-6px;
    left:-4.5px;
}

.values2:before {
    top:-6px;
    right:0px;
}


.values .values3{
    padding: 4rem 0em 0em 0em;
    position: relative;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
 
}
.values3:before
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
	border-radius: 50%;
		background: #6EBA44;

}
.values3:after {
    top:0;
    left:0px;
}

.values3:before {
    bottom:-5px;
    right:-16px;
}

.values .values4 img{
	    border-radius: 150px;
}
.values4{
	    position: absolute;
	    top:20px;
    left:31px;
}

.values .values5 {
    position: absolute;
    display: inline-block;
    top: 23px;
	right: 0;
    padding: 0 0px;
    vertical-align: middle;
    font-size: 82px;
    color: #6EBA44;
    font-weight: bold;
}
.values4 .values5 {
   
    vertical-align: middle;
   
}
@media (max-width: 780px) {
.values .values5{ 
	    top: -30px;
	    right:0px;

	padding: 0vw 0vw 0;
	    font-size: 90px;
	}
}

.footer-widgets {
		padding: 50px 0 0 0;
		background-color: #fff;
}
h1 {
font-family: futura-pt, sans-serif;
font-weight: 700;
font-style: bold;
}
.prof {
	    position: relative;
	    padding: 0px 0em 0em 0rem;
	margin: 25px 5px;
	text-align: center
}

.prof img{
border-radius: 50%;
}


figcaption{ 
	display: none !important; 
}

@media (min-width: 780px) {
figcaption{
		display: block !important; 
	font-size: 10px;

 
}
}
@media (min-width: 920px) {
figcaption {
		display: block !important; 
	font-size: calc(0.5vw + 0.8vh);

 
}
}
figure {
  position: relative;
  overflow: hidden;
  width: 100%;
	   height: auto;
}
figcaption {
  position: absolute;
	top: 0px;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
 	background: #231815;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
}

figure:hover figcaption {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
}
.ac-container { 
	display: none !important; 
}


@media (max-width: 780px) {
.ac-container {
		display: block !important; 
 
}
}
/* アコーディオン */
.ac-container{
    width: auto;
    margin: -50px 0 10 ;
}
.ac-container label{
	width: 300px;
    text-align: center;
    background: #231815;
    margin: -23px auto 0 auto;
    padding: 10 0 10 0;
    position: relative;
    display: block;
    height: 0px;
    cursor: pointer;
    color: #fff;
}
.ac-container label:hover{
    background: #231815;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ac-container label:before{
 color: #6EBA44;
    font-family:"FontAwesome";
    content:"\f067";
}
.ac-container input:checked ~ label::before{
 color: #6EBA44;
   font-family:"FontAwesome";
   content:"\f068";
}
.ac-container input{
   display: none;
}
.ac-container div{
	background: #231815;
   margin-top: 10px;
   overflow: hidden;
   height: 0px;
	z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
		 }
.ac-container div p{
   color: #fff;
   line-height: 23px;
   font-size: 15px;
   padding: 0;
	 margin-top: 10px;
}
/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
   height: auto;
}
.ac-container input:checked ~ div.ac-medium{
   height: auto;
}
.ac-container input:checked ~ div.ac-large{
   height: auto;
}

.corpbox {
  display: inline-block;
  border: 1.5px solid #6EBA44;
  color: #6EBA44;
  line-height: 1.5;
  overflow: hidden;
	padding:3px 30px 3px 30px;
}


@media only screen and (max-width: 780px) {
		.roll-client .client-item img {
			max-width: 100%;
  		}
  		.panel-grid-cell {
   			padding-left:15px !important;
    		padding-right:15px !important;
    		margin-bottom: 15px !important;
  		}
		h1 { font-size: 37px;}
		h2 { font-size: 28px;}
		h3 { font-size: 22px;}
		h4 { font-size: 18px;}
		h5 { font-size: 16px;}
		h6 { font-size: 14px;}
	}

/************************************
** フッターメニュー
************************************/
#footer-menu ul{
  text-align: right;
	display: block;
	background-color: #30483a;
  margin: 0px 0 0px 0;
	padding: 5px 9% 5px	0%;
font-size: 13px;
}
 
#footer-menu ul li {
  display: inline;
  list-style: outside none;
}
 
#footer-menu ul li::before {
    content: "|";
    padding: 0 1em;
color: #fff;
}
 
#footer-menu ul li:first-child::before{
  content: "";
  padding: 0;
}
 
#footer-menu ul .sub-menu{
  display: none;
}
	#footer-menu ul li a:hover {
		color: #fff;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
	.site-title {
		font-size: 32px;
		line-height: 1.2;
	}
	.site-title a,
	.site-title a:hover {
		color: #fff;
	}
	.site-logo {
		max-height: 25px;
	}


	.site-header .logo {
		margin: 40px 0;
		float: left;
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}


.site-header.float-header {
		background-color: #000;
		padding: 20px;
	}
	.site-header.float-header #mainnav {
		padding: 0px 0;
	}

	.site-header.float-header #mainnav > ul > li > a {
	    height: 70px;
	    line-height: 70px;
	}

	.site-header.float-header .logo {
	    margin: 10px 0;
	}

	#mainnav ul li a {
		position: relative;
		display: block;
		font-size: 13px;
		font-family: futura-pt, sans-serif;
		color: #fff;
		font-weight: 500;
		text-decoration: none;
		outline: none;
	}
	#mainnav ul li a:hover {
		color: #d65050;
}
@media (min-width: 890px) {
  .container {
    width: 90%
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
#mainnav-mobi {
		display: block;
		font-family: futura-pt, sans-serif;
		width: 100%;
		position: absolute;
		top:45px;
		background-color: #6eba44;
		margin-top: 15px;
		z-index: 1000;
}

	.footer-media {
		  display: flex;
	}
	
	.footer-media > a {
				  display: flex;
				background-color: #000;
		  justify-content: center;
		  align-content: center;
		  align-items: center;
		  width: 34px;
		  height: 34px;
		  border-radius: 17px;
				margin-right: 10px;
		  text-align: center;
		padding-bottom: 0.9px;
	
	}

	.footer-media > a:hover {
		  transition-duration: 0.2s;
		  background-color: #555;
	}

	.footer-media > a > i {
		  color: #fff;
		  font-size: 21px;
	}

.catbtn {
	background-color: #222;
	border-radius: 12px;
	width: 120px;
	padding: 0px 10px 1px 10px;
	color:#fff;
	text-align: center;
	margin-left: 6px;
	margin-right: 6px;
}

a[rel~=”author”] {
display: none;
}

.classic-alt .entry-title {
    font-size: 22px;
    font-weight: 600;
	text-align: left;
	color:#666;

}

.kaisha {
width: 100%;
}
 
.kaisha th,
.kaisha td {
border: 1px solid #fff;
padding: 20px;
	font-weight: 400;
}
 
.kaisha th {
text-align: center;
vertical-align: top;
font-size: 1.5rem;
	width: 40%
}
.kaisha td {
text-align: left;
font-size: 1.8rem;
}
.kaisha-btn {
	 display: inline-block;
border: 2px solid #6eba44;
  color: #6eba44;
  line-height: 1.8;
	    width: 80%;
	padding:5px 12% 4px 12%;
}
@media screen and (max-width: 680px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;
	text-align: center;}
.kaisha th {width:100%;}
}
	.footer-media2 {
		  display: flex;
				  justify-content: center;
		  align-content: center;
		  align-items: center;
		-webkit-justify-content: center;
		  -moz-justify-content: center;
		    -ms-justify-content: center;
		     -o-justify-content: center;

	}
	
	.footer-media2 > a {
				  display: flex;
				background-color: #fff;
		  justify-content: center;
		  align-content: center;
		  align-items: center;
		-webkit-justify-content: center;
		  -moz-justify-content: center;
		    -ms-justify-content: center;
		     -o-justify-content: center;
		width: 34px;
		  height: 34px;
		  border-radius: 17px;
				margin-right: 5px;
		margin-left: 5px;
		  text-align: center;
		padding-bottom: 0.9px;
	
	}

	.footer-media2 > a:hover {
		  transition-duration: 0.2s;
		  background-color: #555;
	}

	.footer-media2 > a > i {
		  color: #231815;
		  font-size: 20px;
	}
.post_content {
background-color: #fff;
margin: 0 0;
padding:0.8em 2em 1em 0.5em;
opacity: 0.75;
	 line-height: 1.5;
}

div .centerline {
	vertical-align: middle;
		margin: 0;
		}
.featureb{
	border: 3px solid #F7B52D;
	width: auto;
}
.featureb2{
	border: 10px solid #00903a;
	width: auto;
}
.featureb3{
	border: 4px solid #57be9a;
	width: auto;
}
.pointbtn1 {
  display: inline-block;
		vertical-align: middle;
	background-color: #F7B52D;
	color: #fff;
		border-radius: 25px;
	padding-left: 5%;
	padding-right: 5%;
width: auto;
			  height: 50px;
	text-align: center;
}

.pointbtn2 {
  display: inline-block;
		vertical-align: middle;
	background-color: #6EBA44;
	color: #fff;
		border-radius: 25px;padding-left: 5%;
	padding-right: 5%;
width: auto;
			  height: 50px;
	text-align: center;
}
@media (max-width: 780px) {
.pointbtn1, .pointbtn2 {
		border-radius: 20px;
height: 40px; 
}
}
.pointwaku{
	display: inline-block;
		vertical-align: middle;
	padding: 3% 5%;
	border: 3px solid #F7B52D;

}
.pointwaku2{
	display: inline-block;
		vertical-align: middle;
	padding: 3% 5%;
	border: 3px solid #6EBA44;
}
.pointwaku3{
	display: inline-block;
		vertical-align: middle;
	padding: 3% 5%;
	background-color: #6EBA44;
	color: #fff;
			border-radius: 18px;

}
.title4{
	    position: absolute;
    left: 28%;
}
.masabutton {
  display: inline-block;
	text-align: center;
background: #fff;
	vertical-align: middle;
	margin-bottom:10PX;
	width: 340px;
border: 2px solid #fff;
  line-height: 1.5;
	padding: 1em ;
}

.masabutton:hover {
	background: #fff;
	transition: all 0.3s ease;
	opacity: 0.75;
}
@media (max-width: 680px){
	.masabutton {
			width: 100%;
	padding: 0.8em ;
}}
.masabutton2 {
  display: inline-block;
	border-radius: 25px;
background: #fff;
border: 2px solid #6EBA44;
	color: #6EBA44;
  line-height: 1.2;
  overflow: hidden;
	padding: 1% 5%;
}

.masabutton2:hover {
	background: #6EBA44;
	color: #fff;
	transition: all 0.3s ease;
}

/* タブの外枠 */
@media (min-width: 680px){
  .tabs {				  display: flex;
				background-color: none;
		  justify-content: center;
		  align-content: center;
		  align-items: center;
		-webkit-justify-content: center;
		  -moz-justify-content: center;
		    -ms-justify-content: center;
		     -o-justify-content: center;
  margin-top: 12px;
}
}

 
/* タブのスタイル */
.tabs .tab-label {
  display: inline-block;
  border: 2px solid #00903a;
  background-color: #231815;
	color: #00903a;
		vertical-align: middle;
	width: 320px;
	padding: 5px 30px;
	font-size:22px;
		text-align: center;
}
 
/* タブにマウスカーソルがのったときフッター */
.tabs .tab-label:hover {
  background-color: #6EBA44;
	color: #fff;
  	transition-duration: 0.4s;
}
 
/* ラジオボタンと内容を非表示 */
.tabs input[name="tab-radio"],
.tabs .tab-content {
  display: none;
}
 
/* タブ内容のスタイル */
.tabs .tab-content{
  border: 0px solid #999;
  min-height: 200px;
}
 
/* 選択されているタブのコンテンツのみを表示 */
.tabs #tab-1:checked ~ .tab-1-content,
.tabs #tab-2:checked ~ .tab-2-content{
  display: block;
}
 
/* 選択されているタブのスタイルを変える */
.tabs input[name="tab-radio"]:checked + .tab-label {
  background-color: #00903a;
	color: #fff;
}

.ctblock-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
  padding: 0;
}
.ctblock-grid li {
  float: left;
  margin: 0 1% 30px;
  padding: 0;
}
.ctblock-grid a {
  text-decoration: none;
  font-size: 1.6em;
}
@media (min-width: 680px){
  .ctblock-grid-1-2-3-4 li {
    width: 48%;
  }
}
@media (min-width: 980px){
  .ctblock-grid-1-2-3-4 li {
    width: 23%;
  }
}
@media (min-width: 680px){
	.kaigyo{
	padding-left:12.5em;
text-indent: -13.4em;
	list-style-position:inside;
	}
}
@media (min-width: 680px){
	.kaigyo i{
	padding-left:0em;
	padding-right:0.3em;
    text-indent: 0em;
	list-style-position:inside;
	}
}

.ewwaku{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10% 5% 5%;
	border: 2px solid #57be9a;
}

.ewblock-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 5% 30px;
  padding: 0;
}
.ewblock-grid li {
  float: left;
  margin: 0 0% 30px 3%;
  padding: 0;
}
.ewblock-grid a {
  text-decoration: none;
  font-size: 1.6em;
}
@media (min-width: 780px){
  .ewblock-grid-1-2 li {
    width: 48%;
  }
}
.titleset{
	display: flex;
	background-color: none;
	align-items: center;
	vertical-align: middle;
	align-content: center;

}
.titleset2{
	display: flex;
	background-color: none;
	align-items: center;
	vertical-align: middle;
	align-content: center;
	justify-content: center;
}

.ewtitle{
font-family: 'Philosopher', sans-serif;
	line-height: 1;
	text-align: left;
	color: #fff;
}

.ewfont{
font-family: 'Philosopher', sans-serif;
	font-size: 2em;
	line-height: 1;
	padding-bottom: 10px;
}


.ewwaku2{
	display: inline-block;
		vertical-align: middle;
	width: 100%;
	padding: 0% 0% 0%;
	border: 2px solid #57be9a;
}


.recbtn {
  display: inline-block;
	border: 2px solid #BBB;
	background-color: #fff;
	font-size: 20px;
	color: #BBB;
	border-radius: 20px;
	padding: 2% 5%;
    width: 80%;
	text-align: center;
	line-height: 1.2;
}
.recbtn2 {
  display: inline-block;
	border: 2px solid #57be9a;
	background-color: #57be9a;
	font-size: 20px;
	color: #fff;
	border-radius: 20px;
	padding: 2% 5%;
    width: 90%;
	text-align: center;
	line-height: 1.2;

}
@media (max-width: 780px) {
.recbtn .recbtn2 {
		font-size: 15px;
    border-radius: 20px;
	width: 100%;
}
}
.ewrecb {
	position: relative;
	border-right: solid 2px #57be9a; 
	border-bottom: solid 0px #57be9a; 

}
@media (max-width: 680px) {
	.ewrecb {
	position: relative;
	border-bottom: solid 2px #57be9a; 
	border-right: solid 0px #57be9a;
	}
}

.ewwaku3{
		display: flex;
	display: inline-block;
	vertical-align: middle;
	 border-radius: 20px;
	background-color: #57be9a;
	padding: 2% 4%;
	margin-right: 0%;
	margin-left: 0%;
	border: 2px solid #57be9a;
	justify-content: center;
	align-content: center;
		align-items: center;

}
ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
ol li{
  position: relative;
  padding: 1em 1.3em;
  line-height: 2em;
  background: #b9dccb;
  border-left : solid 70px #57be9a;
  margin-bottom: 25px;
}
ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-weight:bold;
  font-size: 40px;
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  left: -75px;
  width: 80px;
  height: 1em;
  line-height: 1;
  text-align:center;
}
.cp_iptxt {
	position: relative;
	width: 80%;
	margin: 40px 0% 5px;
}
@media (max-width: 680px) {
	.cp_iptxt {
	position: relative;
	width: 100%;
	margin: 40px 0px 5px;
}
}
.cp_iptxt input {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #30483a;
	border-radius: 4px;
	outline: none;
}
.cp_iptxt input:focus {
	border: 3px solid #6eba44;
	transition: 0.3s;
		color: #6eba44;
}
.cp_iptxt input {
	padding-left: 35px;
}
.cp_iptxt i {
	position: absolute;
	top: 17px;
	left: 5px;
	padding: 9px 8px;
	transition: 0.5s;
	color: #aaaaaa;
}
.cp_iptxt input:focus + i{
	color: #6eba44;
}
.cp_iptxt textarea {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #30483a;
	border-radius: 4px;
	outline: none;
}
.cp_iptxt textarea:focus {
	border: 3px solid #6eba44;
	transition: 0.3s;
		color: #6eba44;
}
.cp_iptxt textarea {
	padding-left: 10px;
}
textarea {
  resize: vertical;
}
input.cp_sub-btn {
	width: 500px;
	height: 60px;
	background: #fff;
	color: #6eba44;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #6eba44;
	transition: 0.3s;
	border-radius: 4px;
}

/* 送信ボタンホバー */
input.cp_sub-btn:hover{
	background: #6eba44;
	color: #fff;
	border: 3px solid #6eba44;
}
.must {
	position: absolute;
	top: 20px;
	right: 10px;
	background: #FF1A00;
}
.must {
	color: #FFF;
	border-radius: 3px;
	font-size: 11px;
	padding: 3px 6px;
}

.ribbon12 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
	background-image: linear-gradient(-90deg, #EC3BBE, #7A5FC4);
  transition: .5s;
  background-size: 200%;
		overflow: hidden;
  padding: 20px;
  margin: 0 0 0 0px;
  width: 100%;
	height: 90%;
	font-size: 1.5em;
  color: white;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.ribbon12:hover {
  background-position: right center;
	box-shadow: 3px 3px 3px #FFA6EC;

}
.ribbon12 a{
	position: relative;
}

.ribbon12:after{
	  display: inline-block;
 background: url(../../../en/wp-content/uploads/sites/2/2019/04/gw.png) no-repeat;
	content: '';
	position: absolute;
	bottom: -30px;
	right:-45px;
	width: 160px;
	height: 160px;
	background-size: contain;
  vertical-align: middle;
	opacity: 0.6;
}
.ribbon12:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
}
.ribbon12:before {
  top: 0;
  left: 0;
  border-width: 0px 0px 75px 45px;
  border-color: transparent transparent transparent #000;
  border-style: solid;
}
@media (max-width: 780px) {
	.ribbon12 {
		margin-left:auto;
		margin-right:auto;
			margin-top:5%;

	}
	}



.gbecbox{
	    display: inline-block;
    vertical-align: top;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  margin-top: 0px;
  transition: .4s;
	
}
.gbecbox p {
	margin: 0px 0 0;
	padding: 7px 10px 10px 10px;

}

.gbecbox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border: none;
    box-shadow: none;
    margin: 0;
}
.maru{
	display: inline-block; 
	height: 55px;
    width: 55px;
	border-radius:50%; 
	text-align: center;
line-height: 55px;

}
.chuuou {

	    text-align: center;
}
.doork {
	display: inline-block;
	height: 60px;
	width: 270px;
	border-radius: 30px;
	text-align: center;
	background-color: none;
	padding-top: 13px;

}

.doork:hover {
	background-color: #0F4FF4;
		  transition: .4s;

}
.prof2 {
	    position: relative;
	top: 110px;
	    padding: 0px 0em 0em 0rem;
	margin: 0px 5px 20px;
	text-align: center
}

.prof2 img{
border-radius: 50%;
}
.maru2{
	  position: relative;
	display: inline-block; 
	height: 80px;
    width: 80px;									
	background-color: #3e3a39; 
	border-radius:50%; 
	  text-align:center;
	margin: 0;
	

}
.maru2 span{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
}
.maru2{
position: relative;
top: -100px;
	left: 0%;
	-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
@media (max-width: 780px) {
	.maru2 {
		left: 8%;

	}
	}
.midashimaru{
	position: relative;
    display: inline-block; 
	height: 180px;
    width: 180px;									
	border-radius:50%; 
	  text-align:center;
	top:-90px;

}
.midashimaru span{
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :180px;
  text-align:center;
}
.margintext{
	  position: relative;
top: -100px;
}
.margintext2{
	  position: relative;
top: -150px;
}
.doork2 {
	display: inline-block;
	height: 60px;
	width: 270px;
	border-radius: 30px;
	text-align: center;
	background-color: #0F4FF4;
	color: #FFFFFF;
	border: solid 2px #FFFFFF; 
line-height: 60px;

}
.margtop{
  position: relative;
top: -40px;
}


.doork2:hover {
	background-color: #FFFFFF;
		color: #0F4FF4;
		  transition: .4s;

}
.kaisha2 {
width: 100;
}
 
.kaisha2 th,
.kaisha2 td {
border: 1px solid #efefef;
padding: 10px;
font-weight: 400;
}
 
.kaisha2 th {
text-align: center;
vertical-align: top;
font-size: 18px;
}
.kaisha2 td {
text-align: left;
font-size: 18px;
}
.formbt {
	display: inline-block;
	height: 60px;
	width: 400px;
	border-radius: 30px;
	text-align: center;
	background-color: #000;
	color: #FFFFFF;
	border: solid 2px #FFFFFF; 
line-height: 60px;

}

.formbt:hover {
	background-color: #3e3a39;
		color: #FFFFFF;
		  transition: .4s;

}
.timetable{
	display: inline-block;
	width: 90%;
	height: auto;
	background-color: #efefef;
	border-radius: 18px;
	padding: 6% 5%;
}
@media (max-width: 780px) {
	.timetable {
	width: 100%;
	}}
.timetable2 {
width: 100%;
}
 
.timetable2 th,
.timetable2 td {
border: 1px solid #efefef;
padding: 10px;
}
 
.timetable2 th {
text-align: center;
vertical-align: top;
font-size: 30px;
font-weight: bold;
	color: #727171;
}
.timetable2 td {
text-align: left;
font-size: 19px;
}
@media (max-width: 780px) {
	.timetable2 img{
display:none
	}}
.panelbt {
	display: inline-block;
	height: 40px;
	width: 250px;
	border-radius: 20px;
	text-align: center;
	background-color: #000;
	color: #FFFFFF;
line-height: 60px;

}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.fukuoka img{
	display:none !important;
}
.fukuoka2 img{
	display:block !important;
}
.fukuoka3 img{
	display:none !important;
}
@media (min-width: 980px) {
.fukuoka img{
	display:block !important;
}
.fukuoka2 img{
	display:none !important;
}
.fukuoka3 img{
	display:none !important;
}
}
@media (max-width: 640px) {
.fukuoka img{
	display:none !important;
}
.fukuoka2 img{
	display:none !important;
}
.fukuoka3 img{
	display:block !important;
}
}
@media (max-width: 640px) {
.imgwidth img{
	width: 100%;
	padding: 0px;
		margin: 0px;
	}}
.wantedly img{
	width: 100%;
}

.box2g{
    display: block;
	background-image:linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,0,0,.15) 100%), linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(63,78,165,.2) 100%), linear-gradient(to top, #4C62E6 0%, #4C62E6 100%);
    background-size: 100% 100%, 100% 100%, 100% 100%;
	width: 180px;
	border-radius: 7px;
padding: 10px 20px;
margin: auto;
	box-shadow: -4px 0px 5px rgba(0, 0, 0, 0.2);
	transition: .4s;

}
.box2g:hover {
	  box-shadow: -13px 0px 15px rgba(0, 0, 0, 0.2);
	transition: .4s;
}
.box2g a{
		text-decoration: none !important;
}


.paralogo img{
	display: block;
width: 20%;	
}
@media (max-width: 680px) {
	
	.paralogo img{
	display: block;
	margin: auto;
width: 70%;	
	}}
.imglogo {
	display: block;
float: right;}
@media (max-width: 680px) {
	.imglogo {
			display: block;
		float: none;
	}
	.imglogo img{
display: block;
		margin: auto;
	}
}
@media (max-width: 680px) {
.textalign span{
		display: block;
	margin: auto;
text-align: center;
	}
}

.boxwidth{
	display: block;
	margin: auto;
	width: 85%;
}
.iconc0{
		display: block;
	    position: relative;
	background-color: none;
	width: 480px;
	height: 480px;
margin: auto;
}
.iconc{
		display: block;
	    position: absolute;
	background-color: none;
	width: 350px;
	height: 350px;
		border: solid 1px #262E5E; 
border-radius: 50%;
		transform: translateX(-50%);

top: 65px;
	left: 50%;
margin: auto;

}
.iconc6 {
	  position: absolute;
	border-top: solid 1px #262E5E;
		width: 350px;
		transform: translateX(-50%);
	top: 50%;
	left: 50%;

	}
.iconc7 {
	  position: absolute;
	border-left: solid 1px #262E5E;
		height: 350px;
		transform: translateX(-50%);
	top: 65px;
	left: 50%;

	}
.icon1 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	top: 25px;
left: 50%;
border-radius: 50%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);

}
.icon1 img{
	width: 80px;
border-radius: 50%;
	
}

.icon2 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	top: 200px;
right: -15px;
border-radius: 50%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);

}
.icon2 img{
	width: 80px;
border-radius: 50%;
}
.icon3 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	bottom: 25px;
left: 50%;
border-radius: 50%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);

}
.icon3 img{
	width: 80px;
border-radius: 50%;
}
.icon4 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	top: 200px;
left: 65px;
border-radius: 50%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.icon4 img{
	width: 80px;
border-radius: 50%;
}
.icon5 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	top: 160px;
	left: 50%;
border-radius: 50%;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}
.icon5 img{
	width: 160px;
border-radius: 50%;
}

.icon8 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	text-align: center;
	font-size: 14px;
	top: -10px;
	left: 50%;
}
.icon9 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	text-align: center;
	font-size: 14px;
	top: 60%;
	right: -65px;
	line-height: 1px;
}
.icon10 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	text-align: center;
	font-size: 14px;
	bottom: -10px;
	left: 50%;
}
.icon11 {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	text-align: center;
	font-size: 14px;
	top: 60%;
	left: -0px;
		line-height: 1px;
}

.chuuou2 {
display: block;
	margin: auto;
	    text-align: center;
	width: 80%;
}
@media (max-width: 480px) {
	.chuuou2 {
	margin: auto;
	    text-align: center;
	width: 100%;
	}}
.chuuou3 {
display: block;
	margin: auto;
	    text-align: center;
	width: 85%;
}
@media (max-width: 680px) {
	.chuuou3 {
	margin: auto;
	    text-align: center;
	width: 100%;
	}}
.chuuou4 {
display: block;
	margin: auto;
	    text-align: center;
	width: 90%;
}
@media (max-width: 680px) {
	.chuuou4 {
	margin: auto;
	    text-align: center;
	width: 100%;
	}}
.gbox {
	display: block;
	width: 90%;
	background-color: #f7f7f7;
	padding: 40px 80px;
	margin: auto;
}
@media (max-width: 680px) {
	.gbox {
	margin: auto;
	padding: 30px 20px;
	width: 100%;
	}}
.topmidashi img {
  width: 100%;
	height: 350px;

object-fit: cover;
  }
.natale-b{
	border: 4px solid #f9ed00;
	width: auto;
}

.natale_list ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0px 0px;

}

.natale_list ol li{
  position: relative;
  padding: 2em 1.3em;
  background: #faed00;
  border-left : solid 70px #133c51;
border-top : none;

  margin-bottom: 25px;
}
.natale_list ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-weight:bold;
  font-size: 40px;
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  left: -75px;
  width: 80px;
  height: 1em;
  line-height: 1;
  text-align:center;
}
@media (max-width: 680px) {
	.natale_list ol li{
	display: block;
		  border-left : none;
		  border-top : solid 70px #133c51;
		  width: auto;
		margin-left: 0px;
	}
.natale_list ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-weight:bold;
  font-size: 40px;
  left: 45%;
  -moz-transform: translateX(45%);
  	-webkit-transform: translateX(45%);
  	-o-transform: translateX(45%);
  	-ms-transform: translateX(45%);
  	transform: translateX(45%);
top: -55px;
width: auto;
  height: 1em;
  line-height: 1;
  text-align:center;
}}
.round-cap-bottom{
		    position: relative;
	display: inline-block;
	background-color: #faed00;
border-radius: 6px; 
	text-align: center;
width: 180px;
	height: 12px; 
	top: -15px;
}
.round-cap-bottom2{
		    position: relative;
	display: inline-block;
	background-color: #faed00;
border-radius: 6px; 
	text-align: center;
width: 180px;
	height: 12px; 
	top: -15px;
}