/* Scss Document */

.wrapgNav,
.h_02,
.h_12:after,
.h_13,
.linkArea,
.blogArea01 .blogDay,
.btn02:hover,
.pagetop a:hover,
.btn04 {
  background-color: #597DB3;
}

.pagetop a,
.copyright {
  background-color: #7694C0;
}
.pagetop a:hover,
.copyright {
  background-color: #00A0E9;
}

.h_03,
.h_04,
.h_05,
.h_06,
.h_07:before,
.h_07:after,
.h_08,
.h_10,
.h_14,
.h_14:beofre {
  border-color: #00A0E9;
}

.btn03 {
  border-color: #00A0E9;
}

.h_13:after {
  border-top-color: #8EC31F;
}

.h_03,
.h_04,
.h_05,
.h_06,
.h_07,
.h_08,
.h_09,
.h_10,
.h_12,
.h_14,
.newsArea02 .blogBox dt,
.blogArea02 .blogDay,
.btn03 {
  color: #00A0E9;
}

.gNav li a,
.h_02,
.h_11,
.h_13,
.copyright,
.blogArea01 .blogDay {
  color: #FFF;
}
.gNav01 .gNav5 .navi01 {
    width: 25%;
}
.gNav li a {
  border-color: #00BFFF;
}

.gNav li:hover {
  background-color: #597DB3;
}

.imgArea01 {
  background-color: #FFF;
}

.contactBox01 .contactBtn {
  background-color: #D7B88E;
}

.contactBox01 .contactBtn p {
  color: #FFF;
}

.contactBox02 .contactBtn a:after {
  color: #A67F4C;
}

.contactBox02 .contactBtn p.ttl {
  color: #969696;
}

.contactBox02 .contactBtn p {
  color: #A67F4C;
}

.contactBox03 .contactBtn {
  background-color: #F7F5F3;
}

/*追加css*/

#inHeader {
	max-width: 1200px;
	margin: 0 auto;
	background-position: right top;
	background-size: inherit;
}
.navi01 {
	margin-right: 5%;
}
.naviContact {
	background-color: #00BFFF;
}
.wrapgNav {
	background-color: #FFF;
	margin-bottom: 0px;
}
.gNav li:hover {
	background-color: #FFF;
	border-color: #00BFFF;
    border-bottom-width: 5px;
    border-bottom-style: solid;
	transition: .8s;
}
.gNav li a {
    color: #666;
	font-size: 13px;
	letter-spacing: 0.02em;
	border-bottom: none;
}
.gNav li a:hover {
    color: #00BFFF;
}
.naviContact a {
	color: #FFF!important;
}
.naviContact a:hover {
	color: #00BFFF!important;
}
.navi01 a:hover {
	border: none;
}
.bgBlue {
	overflow: hidden;
	background-color: #ECEFF4;
}
.linkArea {
	background-color: #FFF;
}
.newsArea .blogBox {
	margin-left: 0;
}
.copyright {
    background-color: #FFF;
	color: #666;
}
footer {
	background-image: url(../img/user/footerBg.png);
	background-position: left top;
	background-repeat: repeat-x;
}
.fNav {
	color: #FFF;
}
.fNav a {
	color: #FFF;
}
.fNav a:hover {
	opacity: .8;
}
.pagetop a {
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    border: none;
}
.subtxt01 {
	text-align: center;
}
.newsBox {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0;
	overflow: hidden;
}
.newsBox .left,
.newsBox .right {
	float: left;
}
.newsBox .left {
	width: 30%;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	position: relative;
}
.newsBox .left:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #FFF;
    width: 50px;
    height: 1px;
}
.newsBox  h3 {
    display: block;
    font-size: 40px;
    color: #000;
}
.newsBox h3 span {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}
.newsBox .right {
	width: 70%;
	padding-top: 30px;
	position: relative;
	background-color: #FFF;
}
.newsBox .right dl {
	overflow: hidden;
	margin: 0 auto 10px;
	padding-left: 60px;
}
.newsBox .right dl dt,
.newsBox .right dl dd {
	float: left;
}
.newsBox .right dl dt {
	width: 15%;
	color: #000;
	font-size: 13px;
}
.newsBox .right dl dd {
	width: 80%;
	padding-left: 1%;
}
.newsBox .right dl dd a {
	font-size: 14px;
	font-weight: bold;
}
.newsBox .right dl dd a:hover {
	color: #FF8307;
}
.newsBox .right .more {
	text-align: right;
}
.newsBox .right .more a {
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #FF7F00;
	text-align: right;
}
.newsBox .right .more a:hover {
	color: #666;
}
.recruitArea {
	overflow: hidden;
}
.recruitArea dt,
.recruitArea dd {
	float: left;
	line-height: 1.5;
	text-align: left;
}
.recruitArea dt {
	width: 340px;
	margin-bottom: 10px;
	margin-left: 80px;
	padding: 10px 20px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #00BFFF;
}
.recruitArea dd {
	width: 580px;
	margin-top: 50px;
	margin-bottom: 30px;
	padding: 10px 40px;
	font-size: 16px;
	color: #000;
}
/*ここまで追加css*/

@media screen and (max-width: 736px) {
  #inHeader {
    background-image: none;
    border-bottom-color: #00A0E9;
  }

  #toggle a {
    background-color: #00A0E9;
  }

  .gNav li a {
    border-color: #FFF;
  }

  .pagetop {
    margin-bottom: 0px;
  }
/*追加css*/
#inHeader {
	min-height: 65px;
	border-bottom: none;
	justify-content: inherit!important;
	-webkit-justify-content: inherit!important;
}
footer {
    background-image: none;
}
.fNav a {
	width: 80%;
    color: #000;
	border-bottom: 1px dashed #DDD;
}
.copyright p {
	line-height: 1;
}
.gNav li {
	border-bottom: 1px dashed #DDD;
}
.gNav01 {
    border: none;
}
.wrapgNav {
    margin-bottom: 0;
}
.linkArea {
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.h1tit img {
    width: 100%;
	height: 125px;
	object-fit: cover;
	object-position: 50% 100%;
}
.subtxt01 {
	text-align: left;
}
.conseptImgArea01 {
	width: 25%;
	margin: 0 auto;
	float: none;
}
.conseptImgArea01 img {
	margin-top: 20px!important;
}
.conseptImgArea02 {
	width: 60%;
	margin: 0 auto;
	float: none;
}
.conseptImgArea01 img {
	margin-top: 30px!important;
}
.newsBox {
	width: 90%;
    margin: 0 auto 20px;
}
.newsBox .left {
	float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 5px 0;
}	
.newsBox .left:after {
    display: none;
}	
.newsBox .right {
    width: 100%;
	margin: 0 auto;
    height: auto;
    padding: 0 3vw;
}	
.newsBox .right dl {
    overflow: hidden;
    margin: 20px auto 10px;
    padding: 0 3vw;
}	
.newsBox .right dl dt {
	float: none;
    width: 100%;
}
.newsBox .right dl dd {
	float: none;
    width: 100%;
}
.newsBox .right dl dd a {
    font-size: 13px;
}
.newsBox .right:before {
    display: none;
}
.newsBox .right .more {
    padding: 10px 0 20px;
}
.recruitArea dt,
.recruitArea dd {
	float: none;
}
.recruitArea dt {
	width: 100%;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 10px 20px;
}
.recruitArea dd {
	width: 100%;
	margin-top: 5px;
	padding: 5px 20px;
}
	.naviContact {
		    background-color: #FFF;
	}
.naviContact a {
	color: #00BFFF!important;
}

	.sp_none {
		display: none!important;
	}
	/*ここまで追加css*/
}