@charset "UTF-8";
/*
Theme Name: ワイエスロケーション企画
Author: MJE DESIGN
Author URI: https://seikotsuin.mje-create.com/
Description: ワイエスロケーション企画のオリジナルテンプレート
*/

*{
	box-sizing:border-box;
}/*スマホ時揺れ防止*/

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	color: #000000;
	/*text-align: justify;*/
	word-break: break-all;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;

}
img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
}
a, a:hover, a:active, a:focus {
	color: inherit;
	text-decoration: none;
}
body {
	color: #3c3c3c;
}
@media screen and (min-width: 768px) {
.sp-image {
	display: none;
}
}
.pc-image {
	display: none;
}
@media screen and (min-width: 768px) {
.pc-image {
	display: block;
}
}
/* hidden owlet's input help message */
.owlet-input-sample {
	font-size: 0.75rem;
	color: #646464;
}
/* bxslider */
.bx-viewport .bx-controls-direction {
	opacity: 0;
}
.bx-viewport:hover .bx-controls-direction {
	opacity: 1;
}
.break {
	display: inline-block;
}
.rotate-icon {
	-webkit-transition: all 150ms ease-in 0s;
	transition: all 150ms ease-in 0s;
}
*:not(.collapsed) > .rotate-icon {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
#breadcrumb {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom:80px;
}
#breadcrumb ul {
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 1030px;
	font-size: 0.75rem;
	line-height: 2.5;
	display:flex;
}
#breadcrumb ul li::after{
 content: '>';
  padding: 0 0.2em;
  color: #555;
}
#breadcrumb ul li:last-child:after {
  content: '';
}
#breadcrumb ul li a{
    text-decoration: none;
  color: #52b5ee;/*色*/
}
#breadcrumb ul li a:hover{
    text-decoration: underline;
}
.wrap {
	max-width: 990px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 25px;
	padding-left: 25px;
}
/**********ヘッダー**********/
.site-header {
	width: 100%;
	top: 0;
	z-index: 999;
	position: relative;
	background-color: #ffffff;
}
@media screen and (min-width: 768px) {
.site-header {
    padding:0;
}
}
.site-header__inner {
	max-width: 960px;
/*	margin-left: auto;
	margin-right: auto;*/
	position: relative;
	margin: 10px auto 0;
}
@media screen and (min-width: 768px) {
/*.site-header__inner {
	padding-top: 1.5rem;
}*/
}
.site-header--sp {
	background: #fff;
	width: 100%;
	height: 98px;
	z-index: 999;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.site-header--sp {
	height: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.site-header--sp::after {
	display: none;
}
}
.site-header__description {
	background-color: #e1f3f4;
	padding: 0.5em 1em;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	font-size: 0.7875rem;
	height: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (min-width: 768px) {
.site-header__description {
	padding: 0 1.5rem;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 23em;
	flex: 0 0 23em;
	background-color: transparent;
}
}
.site-header__description br{
    display:none;
}
@media screen and (min-width: 768px) {
    .site-header__description br{
    display:inline-block;
}
}
.site-header__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 20px;
}

/*ins 20230714*/
.l-header__logo img{
	transition:.3s;
  }
  .l-header__logo img:first-child,
  .fixed .l-header__logo img:nth-child(2){
	display: none;
  }
  .fixed .l-header__logo img:first-child{
	display: block;
  }


@media only screen and (min-width: 560px) {

  .l-header__logo a:hover {
    opacity: 0.6;
  }
}

@media screen and (max-width: 767px) {
.site-header__logo {
    display:none;
}
}
.site-header__contact {
	display: none;
}
.site-header__insta {
 display: none;
}
@media screen and (min-width: 768px) {
.site-header__contact {
	display: block;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-left: auto;
	margin-right: 20px;
	padding-left: 2.5rem;
	background-color: #ff0000;
	padding: 15px;
	color: #fff;
	border-radius: 6px;
}
.site-header__contact.s {
 margin-left: 20px;
}
.site-header__insta {
 width: 40px;
	order: 2;
	margin-left: auto;
	display: block;
}
}
.site-header__contact-body {
	font-size: 0.9375rem;
	text-align: center;
}
.site-header__contact-tel {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.site-header__contact-tel--num::before {
	content: '\f095';
	font-family: Fontawesome;
	display: inline-block;
	margin-right: 0.25em;
	color: #fff;
}
.site-header__tel-toggle{
    cursor: pointer;
    z-index: 101;
    background-color: #ff0000;
    border-radius: 4px;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.3;
    position: absolute;
    right: 15%;
    top: 50%;
		margin-right: 0.5rem;
}
.site-header__tel-toggle:hover{
    color:#fff;
}
@media screen and (min-width: 768px) {
.site-header__tel-toggle{
    display:none;
}
}

.site-header__insta-toggle{
    cursor: pointer;
    z-index: 101;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.3;
    position: absolute;
    right: 28%;
    top: 50%;
				margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
.site-header__insta-toggle{
    display:none;
}
}


.site-header__logo-sp{
    padding-left:1rem;
		max-width: 157px;
}
@media screen and (min-width: 768px) {
.site-header__logo-sp{
    display:none;
}
}
.site-header__nav-toggle {
	cursor: pointer;
    z-index: 101;
    background-color: #0e65d3;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    text-align: center;
    line-height: 1.3;
		margin-right: 0.75rem;
}
@media screen and (min-width: 768px) {
.site-header__nav-toggle {
	display: none;
}
}
.site-header__nav-icon {
	position: relative;
    width: 24px;
    height: 20px;
    text-align: center;
    margin: 0 auto;
    top: 10px;
}
.site-header__nav-bar {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	border-radius: 4px;
}
.site-header__nav-bar:nth-child(1) {
	top: 0;
}
.site-header__nav-bar:nth-child(2) {
	top: 8px;
}
.site-header__nav-bar:nth-child(3) {
	top: 16px;
}
.site-header--open .site-header__nav-bar:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.site-header--open .site-header__nav-bar:nth-child(2) {
	width: 0;
	left: 50%;
}
.site-header--open .site-header__nav-bar:nth-child(3) {
	top: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.site-header--open .gnav {
	/* .gnav top + .site-header--sp height */
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.gnav {
	width: 100%;
	position: absolute;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: rgba(255, 255, 255, 0.95);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media screen and (min-width: 768px) {
.gnav {
	position: static;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-box-shadow: none;
	box-shadow: none;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.site-header--sp{
 z-index: 4;
}
.gnav {
z-index: 3;
}
}
.gnav__list {
	list-style: none;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
@media screen and (min-width: 768px) {
.gnav__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 20px;
	margin-right: 20px;
}
}
.gnav__item {
	font-size: 0.86rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
@media screen and (min-width: 768px) {
.gnav__item {
	padding: 0;
}
}
/*.gnav__item:not(:first-child) .owl-in_page_tree {
    border-bottom: 2px solid #0e65d3;
}
*/

.gnav__link {
	padding-top: 1rem;
	padding-left: 1rem;
	padding-bottom: 1rem;
	width: 100%;
	display: block;
	color: #0e65d3;
	border-bottom: 1px solid #c3c3c3;
}
@media screen and (min-width: 768px) {
.gnav__link {
	border-bottom: none;
	text-align: center;
	padding: 1rem .5rem;
	position: relative;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s;
}
}
@media screen and (min-width: 768px) {
.gnav__link::after {
	position: absolute;
	bottom: .3em;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #0e65d3;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
}
	
.is-current {
	border-bottom: 2px solid #0e65d3;
}
	
}
@media screen and (min-width: 768px) {
.gnav__link:hover::after {
	bottom: 0;
	opacity: 1;
}
}
/**********ヘッダーここまで**********/

/**********フッター**********/
.site-footer {
	background-color: #9ed8de;
	color: #fff;
}
@media screen and (min-width: 768px) {
.site-footer {
    padding: 3rem 0;
    
}
}
.site-footer__inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	max-width: 1030px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.site-footer__inner {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #00A952;
}
}
.site-footer__logo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
	padding-top: 1rem;
	max-width: 39%;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
.site-footer__logo {
	padding-left: 0;
	max-width: 150px;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	margin: 0 auto;
}
}
/*.site-footer__nav {*/
/*	display: none;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/*.site-footer__nav {*/
/*	display: block;*/
/*}*/
/*}*/
.site-footer__nav-list {
	/*max-width: 1200px;*/
	max-width: 1200px;
	width:100%;
	margin: 0 auto;
}


@media screen and (min-width: 768px) {
.site-footer__nav-list {
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding-top: 1rem;
}
}

.site-footer__insta {
 max-width: 1040px;
	width:100%;
	margin: 20px auto 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:10px;
	
}
.site-footer__insta a{
 display: block;
	width: 40px;
}
@media screen and (max-width: 767px) {
 .site-footer__insta {
	 margin: 0px;
	 padding: 20px 0px;
		justify-content: center;
	}
}

@media screen and (min-width: 768px) {
.site-footer__nav-item {
	padding: 0 0.4em;
	position: relative;
	text-align: center;
}
}
@media screen and (min-width: 768px) {
.site-footer__nav-item::before {
	content: '';
	display: block;
	border-top: 1px solid #fff;
	margin: 0 auto;
	width: 80px;
	text-align: center;
	padding-bottom: 0.5rem;
}
}
.site-footer__nav-link {
	text-align: center;
	font-size: 0.875rem;
	display:block;
}
@media screen and (max-width: 767px) {
.site-footer__nav-link {
    padding: 1.25rem 0;
    text-align:left;
        background-color: #e1f3f4;
    border-top: 1px solid #0e65d3;
    color: #0e65d3;
    padding-left: 1rem;
    font-weight:bold;
}
}
.site-footer__copyright {
	background-color: #9ed8de;
	text-align: center;
	padding: 2rem 0;
	font-size: 12px;
	color: #fff;
}
.site-consultation {
	max-width: 730px;
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
	margin-left: auto;
	margin-right: auto;
}
.site-consultation__ttl {
	text-align: center;
	margin-bottom: 2rem;
	color: #ff0000;
	font-weight: bold;
	font-size: 1rem;
}
@media screen and (min-width: 768px) {
.site-consultation__ttl {
	font-size: 1.325rem;
}
}
.site-consultation__inner {
	margin-bottom: 1rem;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
}
@media screen and (min-width: 768px) {
.site-consultation__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
}
.site-consultation__inner2 {
	margin-bottom: 3rem;
}

.site-consultation__block__tel {
	display: block;
	padding: 11px;
	text-align: center;
	background-color: #ff0000;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 2rem;
	line-height:1.5;
}
@media screen and (min-width: 768px) {
.site-consultation__block__tel {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 44.28%;
	flex: 0 0 44.28%;
	max-width: 44.28%;
}
}
.site-consultation__block__tel:hover {
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.4;
}

.site-consultation__block {
	display: block;
	padding: 15px;
	text-align: center;
	background-color: #ff0000;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 2rem;
	line-height:1.5;
}
@media screen and (min-width: 768px) {
.site-consultation__block {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 44.28%;
	flex: 0 0 44.28%;
	max-width: 44.28%;
}
}
.site-consultation__block:hover {
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.4;
}
.site-consultation__tel {
	font-size: 1.75rem;
	position: relative;
	font-weight: bold;
}
.site-consultation__tel::before {
	content: '\f095';
	font-family: Fontawesome;
	margin-right: 0.5rem;
}
.site-consultation__download {
	font-size: 1.125rem;
}
.site-consultation__download::before {
	content: '\f019';
	font-family: Fontawesome;
	margin-right: 0.5rem;
}
.site-consultation__form {
	font-size: 1.125rem;
}
.site-consultation__form::before {
	content: '\f0e0';
	font-family: Fontawesome;
	margin-right: 0.5rem;
}

.site-consultation__ttl2 {
	text-align: center;
	margin-bottom: 2rem;
	color: #3c3c3c;
	font-weight: bold;
	font-size: 1rem;
}
@media screen and (min-width: 768px) {
.site-consultation__ttl2 {
	font-size: 1.325rem;
}
}

.site-consultation__inner3 {
text-align: center;
margin-right: auto;
margin-left: auto;
max-width: 450px;
width: 100%;
margin-bottom: 60px;
}


.mail_urgent{
    font-weight:bold;
}

.mail_urgent:hover{
    text-decoration:underline;
}


/* Back to top */
.back-to-top {
  visibility: hidden;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 34px;
  position: fixed;
  bottom: 65px;
  right: 20px;
  z-index: 90;
  cursor: pointer;
  border-radius: 1px;
  opacity: 0;
  transform:translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-transition: all .6s;
  transition: all .6s
}

.back-to-top .fa {
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
}

.back-to-top:hover {
  opacity: 1
}

.back-to-top.show {
  visibility: visible;
  bottom: 20px;
  opacity: 1;
}
/* /END Back to top */


/**********フッターここまで**********/

/* bxslider */
.bx-wrapper img {
	margin-right: auto;
	margin-left: auto;
}
/**********トップページ**********/
.top-main {
	margin-bottom: 100px;
	background-color: #9ed8de;
}
.top-main__image {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.top-hero__headline {
	font-size: 29px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 1.75;
	margin-bottom: 1em;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000000;/* padding-bottom: 4rem; */
}
@media screen and (min-width: 768px) {
.top-hero__headline {
	font-size: 30px;
	letter-spacing: 9px;
	line-height: 46px;
	color: #000000;
}
}
.top-hero__headline--intro {
	font-size: 12px;
	line-height: 2;
}
@media screen and (min-width: 768px) {
.top-hero__headline--intro {
	font-size: 21px;
}
}
.top-hero__image {
	max-width: 180px;
	display: inline-block;
}
@media screen and (min-width: 768px) {
.top-hero__image {
	max-width: 100%;
	margin-top: 1rem;
}
}
.top-main__inner-pc {
	display: none;
}
@media screen and (min-width: 768px) {
.top-main__inner-pc {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 25px;
	padding-right: 25px;
}
}
.top-main__block-pc {
	display: none;
}
@media screen and (min-width: 768px) {
.top-main__block-pc {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 27.32%;
	flex: 0 0 27.32%;
	max-width: 27.32%;
}
}
.top-main__headline-pc {
	display: none;
}
@media screen and (min-width: 768px) {
.top-main__headline-pc {
	display: block;
	margin-bottom: 1rem;
	color: #0e65d3;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
}
.top-main__inner-sp {
	display: block;
	margin-bottom: 30px;
	padding-left: 25px;
	padding-right: 25px;
}
@media screen and (min-width: 768px) {
.top-main__inner-sp {
	display: none;
}
}
.top-main__headline-sp {
	display: block;
	margin-bottom: 1rem;
	color: #0e65d3;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (min-width: 768px) {
.top-main__headline-sp {
	display: none;
}
}
.top-main__image-sp {
	display: block;
}
@media screen and (min-width: 768px) {
.top-main__image-sp {
	display: none;
}
}
.top-description {
	margin-bottom: 3rem;
	max-width: 630px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
}
@media screen and (min-width: 768px) {
.top-description {
	margin-bottom: 5rem;
}
}
.top-description__headline {
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.top-description__headline {
 font-size: 1.625rem;
}
}

.top-description__headline_s {
	font-size: 1.1rem;
	margin: 1.5rem 0px;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.top-description__headline_s {
 font-size: 1.3rem;
}
}


/**********ワイエスコーポレーション企画の強み**********/
.top-strongth {
	background-color: #e1f3f4;
	padding: 50px 0;
	margin-bottom: 5rem;
}
.top-strongth__content {
	max-width: 750px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
}
.top-strongth__ttl {
	font-size: 1.2rem;
	margin-bottom: 3rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.top-strongth__ttl {
 font-size: 1.625rem;
}
}

.top-strongth__inner {
	margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
.top-strongth__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
}
.top-strongth__inner-reverse {
	margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
.top-strongth__inner-reverse {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
}
.top-strongth__image {
	text-align: center;
	width: 75%;
	margin: 0 auto;
	margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.top-strongth__image {
	margin-bottom: 0rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 34.28%;
	flex: 0 0 34.28%;
	max-width: 34.28%;
}
}
@media screen and (min-width: 768px) {
.top-strongth__block {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 54.28%;
	flex: 0 0 54.28%;
	max-width: 54.28%;
}
}
.top-strongth__headline {
	color: #0e65d3;
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: 1rem;
	text-align: center;
}
@media screen and (min-width: 768px) {
.top-strongth__headline {
	text-align: left;
}
}
.top-introduction__inner {
	max-width: 990px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
.top-introduction__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
}
.top-introduction__block {
	color: #fff;
	margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.top-introduction__block {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 32.29%;
	flex: 0 0 32.29%;
	max-width: 32.29%;
	margin-bottom: 0rem;
}
}
.top-introduction__body {
	background-color: #74b6da;
	padding: 20px;
}
.top-introduction__headline {
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.top-introduction__body p {
	margin-bottom: 1rem;
	text-align: justify;
}
@media screen and (min-width: 768px) {
.top-introduction__body p {
	height: 130px;
}
}
.top-introduction__link {
	display: block;
	padding: 5px 30px;
	position: relative;
	border-radius: 10px;
	border: 1px solid #fff;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
       background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(14,101,211,1)));
       background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(14,101,211,1) 50%);
  background-position: 0 0;
  background-size: 200% auto;
}
.top-introduction__link:hover {
    background-position: -100% 0;
  color: #fff;
}

/**********トップページここまで**********/
/**********共通メインビジュアル20200305**********/
.common-main__mv,
.notfound-main__mv{
    background-repeat:no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color:#fff;
    font-weight:bold;
    padding: 4rem 0;
    margin-bottom:1rem;
    text-align:center;
    position:relative;
    background-size: cover;
}
.common-main__mv::after,
.notfound-main__mv::after{
    content:'';
    background-color:rgba(36,140,197,0.2);
    background-image: linear-gradient(45deg, rgba(36, 40, 197, .1) 50%,
rgba(0, 0, 0, .1) 50%);
    background-size: 3px 3px;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
@media screen and (min-width: 768px) {
.common-main__mv,
.notfound-main__mv{
    padding: 13% 0;
}
}
.common-main__mv h2,
.common-main__mv h1{
    font-size:3.5rem;
	font-weight: normal;
    z-index:2;
    letter-spacing: 0.15rem;
}
.common-main__mv h2 span,
.common-main__mv h1 span,
.notfound-main__mv h2 span{
    display:block;
    font-size:1rem;
}
/**********BUS**********/
.bus-mv{
    background-image:url("images/b1.jpg");
    background-position: 50% 80%;
}
.bus-main {
	background-color: #ebf7f8;
	margin-bottom: 5rem;
}
.bus-main__mv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 1280px;
}
.bus-introduction {
	margin-bottom: 70px;
}
.bus-introduction__headline {
	font-size: 1.1rem;
	margin-bottom: 2rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.bus-introduction__headline {
	font-size: 1.5rem;
}
}
.bus-introduction__headline__body{
	text-align: center;
	margin-bottom: 40px
}

.bus-introduction__imageblock-bg {
	background-color: #e1f3f4;
}
.bus-introduction__imageblock {
	margin-bottom: 2rem;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.bus-introduction__inner {
	margin-bottom: 3rem;
}

.bus-introduction__imageblock-bg .bsu-box{
	 margin: 0px auto;
		padding: 40px 0px;
		max-width: 960px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
}
.bus-introduction__imageblock-bg .img{
	margin: 0px;
	padding: 0px;
	max-width : -webkit-calc(50% - 10px) ;
 max-width : calc(50% - 10px) ;
}
.bus-introduction__imageblock-bg .text{
	margin: 0px;
	padding: 0px;
	max-width : -webkit-calc(50% - 10px) ;
 max-width : calc(50% - 10px) ;
}
.bus-introduction__imageblock-bg .m{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 25px;
	border-bottom: 2px solid #438adc;
}
.bus-introduction__imageblock-bg .n{
 margin: 0px;
	padding: 0px 0px 0px 25px;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
.bus-introduction__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/*
	justify-content: space-between;
	*/
	gap: 1.5%;
}
}
@media screen and (min-width: 768px) {
.bus-introduction__block {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 32.29%;
	flex: 0 0 32.29%;
	max-width: 32.29%;
}
}
@media screen and (max-width: 767px) {
.bus-introduction__imageblock-bg .bsu-box{
	 margin: 0px auto;
		padding: 20px 0px
}
.bus-introduction__imageblock-bg .img{
	margin: 0px;
	padding: 0px;
	max-width : -webkit-calc(50% - 10px) ;
 max-width : calc(50% - 10px) ;
}
.bus-introduction__imageblock-bg .text{
	margin: 0px;
	padding: 0px;
	max-width : -webkit-calc(50% - 10px) ;
 max-width : calc(50% - 10px) ;
}
.bus-introduction__imageblock-bg .m{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 2px solid #438adc;
}
.bus-introduction__imageblock-bg .n{
 margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 15px;
	letter-spacing: -0.02em;
	font-weight: bold;
}

}

.bus-strongth {
	background-color: #e1f3f4;
	margin-bottom: 2rem;
}


.bus-introduction__image {
	margin-bottom: 0.5rem;
}
.bus-overview {
	margin-bottom: 3rem;
}
.bus-introduction__body {
	margin-bottom: 2rem;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.4rem;
}
.bus-overview__inner {
	margin-bottom: 4rem;
	font-size: 12px;
}
@media screen and (min-width: 768px) {
.bus-overview__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
}
.bus-overview__table {
	border-top: 1px solid #3b3b3b;
	border-left: 1px solid #3b3b3b;
	border-right: 1px solid #3b3b3b;
	display: table;
	width: 100%;
	margin-bottom: 3rem;
}
.bus-overview__table:last-child {
	border-bottom: none;
}
@media screen and (min-width: 768px) {
.bus-overview__table {
	flex: 0 0 48.79%;
	max-width: 48.79%;
	margin-bottom: 0rem;
}
}
@media screen and (min-width: 768px) {
.bus-overview__row {
	display: table-row;
}
}
.bus-overview__headline {
	background-color: #e1f3f4;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	border-bottom: 1px solid #3b3b3b;
}
.bus-overview__headline:last-child {
	border-bottom: none;
}
@media screen and (min-width: 768px) {
.bus-overview__headline {
	border-right: 1px solid #3b3b3b;
	display: table-cell;
		width:100px;
}
}
.bus-overview__body {
	padding:1em;
	vertical-align: middle;
	border-bottom: 1px solid #3b3b3b;
}
 @media screen and (min-width: 768px) {
.bus-overview__body {
	display: table-cell;
}
}
@media screen and (min-width: 768px) {
.bus-overview__image {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 42.91%;
	flex: 0 0 42.91%;
	max-width: 42.91%;
}
}
.bus-content__inner{
    margin-bottom:80px;
}
@media screen and (min-width: 768px) {
    .bus-content__inner{
    display:flex;
    }
    .bus-content__image{
    flex:0 0 40%;
    max-width:40%;
}
.bus-content__body{
    flex:0 0 60%;
    max-width:60%;
}
}
.bus-content__body{
    background-color: #74b6da;
    padding: 20px;
    color:#fff;
	max-height: 255px;
}
.bus-content__body p{
    margin-bottom:25px;
}
.bus-content__body a{
    max-width:300px;
    margin:0 auto;
    padding:15px;
}
/**********BUSここまで**********/

/**********FIXTURES**********/
.fixtures-mv{
	background-image:url("images/b2.jpg");
    background-position: 50% 100%;
}

.fixtures-main {
	background-color: #ebf7f8;
	margin-bottom: 5rem;
}
.fixtures-main__mv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 1280px;
}
.fixtures-introduction {
	margin-bottom: 70px;
}

.fixtures-introduction__headline  {
	font-size: 1.1rem;
	margin-bottom: 2.5rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.fixtures-introduction__headline {
	font-size: 1.625rem;
}
}

@media screen and (min-width: 768px) {
.fixtures-rental__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.fixtures-rental__inner.n {
 justify-content: flex-start;
	gap:5.56%;
}
}
@media screen and (min-width: 768px) {
.fixtures-rental__block {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20.83%;
	flex: 0 0 20.83%;
	max-width: 20.83%;
}
}
.fixtures-rental__image {
	margin-bottom: 1.5rem;
	text-align: center;
	width: 45%;
  margin: auto;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.fixtures-rental__image  {
	width: 100%;
}
}
.fixtures-rental__headline {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 1rem;
	text-align: center;
}
.fixtures-rental__body {
	text-align: justify;
	margin-bottom: 2rem;
}
/**********FIXTURESここまで**********/


/*---　会社概要------*/
/*--------------------------------------------------*/
.company-mv{
    background-image:url("images/b3.jpg");
    background-position: 100% 93%;
}
.company-main {
	background-color: #ebf7f8;
	margin-bottom: 5rem;
}
.company-main__mv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 1280px;
}
.company-introduction {
	margin-bottom: 70px;
}
.company-introduction__headline {
	font-size: 1.1rem;
	margin-bottom: 2.5rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.company-introduction__headline  {
	font-size: 1.625rem;
}
}

.company-introduction__image {
	margin-bottom: 3rem;
}
.company-introduction__body {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}
.company-profile__inner {
	padding-top: 30px;
	padding-bottom: 2px;
	max-width: 830px;
}
 @media screen and (min-width: 768px) {
.company-profile__inner {
	margin-left: auto;
	margin-right: auto;
}
}
.company-profile__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
 @media screen and (min-width: 768px) {
.company-profile__row {
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	border-bottom: 1px solid #c3c3c3;
}
}
.company-profile__head {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	font-weight: normal;
	border-bottom: 1px solid #c3c3c3;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
}
 @media screen and (min-width: 768px) {
.company-profile__head {
	margin: 0;
	padding-right: 1em;
	padding-bottom: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20em;
	flex: 0 0 20em;
	max-width: 10em;
	text-justify: inter-ideograph;
	text-align: justify;
	border: none;
}
}
.company-profile__data {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
/*.company-map {
	margin-bottom: 100px;
	padding-bottom: 300px;
}*/
.embed-responsive {
	max-width: 1280px;
	margin: 0 auto;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
	/*position: absolute;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*left: 0;*/
	width: 100%;
	/*height: 100%;*/
	border: 0;
}
.embed-responsive-21by9::before {
	padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
	padding-top: 56.25%;
}
.embed-responsive-4by3::before {
	padding-top: 75%;
}
.embed-responsive-1by1::before {
	padding-top: 100%;
}
 @media screen and (min-width: 768px) {
.company-profile__data {
	max-width: 100%;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
}
.special_headline {
	font-size: 20px;
}
 @media screen and (min-width: 768px) {
.special_headline {
	font-size: 24px;
}
}
.special_text {
	margin-top: 2rem;
}
.company-map embed-responsive {
	height: 350px;
	max-width: 1000px;
	margin: 0 auto;
}
/*---　会社概要ここまで------*/
/*--------------------------------------------------*/

/*---　サイトマップ------*/
/*--------------------------------------------------*/
.sitemap-mv{
    background-image:url("images/sitemap.jpg");
    background-position: 50% 100%;
}
.sitemap-content__inner{
    margin-bottom:80px;
        border: 1px solid #efefef;
}
.sitemap-content__inner li{
    padding:10px 0px;
        border-bottom: 1px solid #efefef;
}
.sitemap-content__inner li a{
    color: #0e65d3;
    position: relative;
    transition: .3s;
    padding: 5px 15px;
    font-size: 17px;
}
.sitemap-content__inner li a::after{
    position: absolute;
    bottom: -15px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #0e65d3;
    opacity: 0;
    transition: .3s;
}
.sitemap-content__inner li a:hover::after{
        bottom: 0;
    opacity: 1;
}
/*---　サイトマップここまで------*/
/*--------------------------------------------------*/

/*---　お問い合わせ------*/
/*--------------------------------------------------*/
.contact-mv{
    background-image:url("images/b4.jpg");
    background-position: 50% 100%;
}
.contact-main {
	background-color: #ebf7f8;
	margin-bottom: 5rem;
}
.contact-main__mv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 1280px;
}
.contact-introduction {
	margin-bottom: 70px;
}
.contact-introduction__headline {
		font-size: 1.1rem;
	margin-bottom: 2.5rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.contact-introduction__headline {
	font-size: 1.625rem;
}
}

.contact-flow__inner {
	margin-bottom: 40px;
	max-width: 760px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
}
@media screen and (min-width: 768px) {
.contact-flow__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.contact-flow__block {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 29.02%;
	flex: 0 0 29.02%;
	max-width: 29.02%;
}
}
.contact-flow__image {
	width: 75%;
	margin: 0 auto;
		margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.contact-flow__image {
	width: 100%;
}
}
.contact-flow__headline {
	margin-bottom: 1rem;
	color: #0e65d3;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
.contact-flow__body {
	margin-bottom: 1rem;
	text-align: justify;
}
.contact-download {
	background-color: #fff;
	/*padding: 30px 0;*/
	margin-bottom: 5rem;
}
.contact-download__inner {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 630px;
}
.contact-download__headline {
	font-size: 1.1rem;
	margin-bottom: 2.5rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.contact-download__headline {
	font-size: 1.625rem;
}
}

.contact-download__body {
	margin-bottom: 2.5rem;
	text-align: justify;
}
.contact-download__body-bold {
	margin-bottom: 2.5rem;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
.contact-download__body-bold_blue {
	margin-bottom: 1rem;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #0e65d3;
}

.contact-download__link {
	display: block;
	padding: 20px;
	text-align: center;
	background-color: #ff0000;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	font-weight: bold;
}
.contact-download__link::before {
	content: '\f019';
	font-family: Fontawesome;
	margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
.contact-download__link {
	max-width: 310px;
}
}
.contact-download__link:hover {
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.4;
}
.contact-tel {
	background-color: #e1f3f4;
	padding: 50px 0;
	margin-bottom: 5rem;
}
.contact-tel__link {
	display: block;
	padding: 20px;
	text-align: center;
	background-color: #ff0000;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
}
.contact-tel__link:hover{
    color:#fff;
}
@media screen and (min-width: 768px) {
.contact-tel__link {
	max-width: 310px;
}
}
.contact-download__tel {
	font-size: 1.75rem;
	line-height: 1;
	position: relative;
	font-weight: bold;
}
.contact-download__tel::before {
	content: '\f095';
	font-family: Fontawesome;
	margin-right: 0.5rem;
}
.contact-description__inner {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 830px;
}
.contact-description__icon {
	margin-bottom: 2px;
}
.contact-description__headline {
	margin-bottom: 30px;
	font-size: 18px;
	color: #42210b;
	position: relative;
}
.contact-description__headline::after {
	border-bottom: 4px dashed #b0c257;
	content: '';
	width: 100%;
	position: absolute;
	bottom: -13.5px;
	left: 0;
	right: 0;
	margin: auto;
}
@media screen and (min-width: 768px) {
.contact-description__headline {
	font-size: 20px;
	display: inline-block;
	font-weight: bold;
}
}
.contact-tel-block {
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	max-width: 680px;
	padding-bottom: 3rem;
}
.contact-tel-block__content {
	font-weight: bold;
	color: #646464;
}
.contact-tel-block__headline {
	color: #00A952;
	margin-bottom: 1em;
	border-bottom: 1px solid #00A952;
	max-width: 100%;
	line-height: 28px;
	font-size: 15px;
}
@media screen and (min-width: 768px) {
.contact-tel-block__headline {
	font-size: 1.25rem;
	max-width: 59%;
	line-height: 51px;
}
}
.contact-tel-block__tel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #00A952;
}
.contact-tel-block__tel-num {
	font-size: 1.8rem;
	line-height: 1;
}
@media screen and (min-width: 768px) {
.contact-tel-block__tel-num {
	font-size: 2.875rem;
}
}
.contact-tel-block__tel-num::before {
	content: '\f10b';
	font-family: Fontawesome;
	display: inline-block;
	margin-right: 0.25em;
	color: #00A952;
}
.contact-tel-block__open {
	font-size: 0.75rem;
	margin-left: 5.5em;
}
@media screen and (min-width: 768px) {
.contact-tel-block__open {
	font-size: 0.875rem;
}
}
.contact-note {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5em;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 680px;
	font-size: 14px;
}
.contact-form {
	background-color: #fff;
	margin-bottom: 5rem;
}
.contact-form__inner {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 630px;
}

.contact-form__headline{
	font-size: 1.1rem;
	margin-bottom: 2.5rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
.contact-form__headline{
	font-size: 1.625rem;
}
}

.contact-form__body {
	text-align: justify;
	margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
	.contact-table, .contact-form__table {
		border-top: 1px dotted #3c3c3c;
	}
}

.contact-table, .contact-form__table {
	margin: 0 auto;
	width: 100%;
	/*padding-left: 25px;*/
	/*padding-right: 25px;*/
	/*max-width: 960px;*/
}
/*.contact-form::after {
	content: '下記「個人情報保護方針」をよくご確認いただき、同意の上ご送信をお願い致します。';
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 680px;
	display: block;
	font-size: 0.75rem;
	text-align:center;
}*/
@media screen and (min-width: 768px) {
.contact-form::after {
	text-align: center;
}
}
.contact-form__row {
	margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
	.contact-form__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 1em;
		padding-top: 1em;
		border-top: 1px dotted #3c3c3c;
	}
}

.contact-form__01 {
	margin: 0 0 20px 0;
}
@media screen and (min-width: 768px) {
	.contact-form__row.textarea {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.contact-form__01 {
		padding: 10px 0;
		border-bottom: 1px dotted #3c3c3c;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
		
}
.p-contact__inner{
	padding-left: 25px;
    padding-right: 25px;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}
.contact-form__01 th, .contact-form__head, .contact-form__head--require {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 10px 0;
	/*padding-left: 25px;*/
    /*padding-right: 25px;*/
    /*max-width: 630px;*/
}
.contact-form__01 td {
	display: block;
	margin: 0 0 30px 0;
	/*padding-left: 25px;*/
    /*padding-right: 25px;*/
    /*max-width: 630px;*/
	text-align: left;
}

@media screen and (min-width: 768px) {
.contact-form__01 th, .contact-form__head, .contact-form__head--require {
	margin-right: 1em;
	max-width: 13em;
	width: 100%;
	font-size: 0.875rem;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
}
@media screen and (min-width: 768px) {
.contact-form__head--require.textarea {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	border-right: none;
}
}
.required-srt, .contact-form__head--require::after {
	/*content: '必須';*/
	/*display: inline-block;*/
	background-color: #ff0000;
	color: #ffffff;
	padding: 0 0.5em;
}
@media screen and (min-width: 768px) {
	.contact-form__01 td, .contact-form__data {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.contact-form__data.textarea {
		padding: 0 0.5em;
	}

	.contact-confirm .contact-form__01 td, .contact-confirm .contact-form__data {
	width: 450px;
	}

}
.contact-form__radio {
	display: block;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
.contact-form__radio label {
	display: block;
	position: relative;
	padding-left: 2em;
}
.contact-form__radio label input {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.contact-form__01 td input, .contact-form__01 td textarea, .contact-form .contact-form__data input, .contact-form__data .contact-form input, .contact-form .contact-form__data textarea, .contact-form__data .contact-form textarea {
	width: 100%;
	background-color: #ffffff;
	border-style: solid;
	border-color: #c8c8c8;
	border-width: 1px;
	padding: 8px;
}
.contact-form__data placeholder {
	display: none;
}
.contact-form__data textarea {
	min-height: 14em;
}
.contact-form__row {
	margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
.contact-form__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1em;
	padding-top: 1em;
	border-top: 1px dotted #3c3c3c;
}
}

.alert{
color: #ff0000;
font-size: 14px;
}



 @media screen and (min-width: 768px) {
.contact-form__data textarea {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	border-top: 1px solid #c8c8c8;
	border-right: none;
	border-left: none;
	border-bottom: none;
}
}
.form_button {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 3rem;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 830px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-agreement__body{
	text-align:center;
	margin: 20px 0;
	/*padding-left: 25px;*/
	/*padding-right: 25px;*/
	/*max-width: 630px;*/
}

.contact-conversion__btn{
	text-align:center;
}
.contact-conversion__btn input[type="submit"], .form_button input[type="submit"] {
	background-color: #ff0000;
	color: #fff;
	display: inline-block;
	/*padding: 0.25em 2em;*/
	padding: 0.8em 2em;
	font-weight: normal;
	cursor: pointer;
	border-radius: 6px;
	text-align:center;
	font-size: 1.2em;
}

.contact-conversion__btn .back-btn{
	background-color: #777!important;
}

@media screen and (min-width: 768px) {
.contact-conversion__btn input[type="submit"], .form_button input[type="submit"] {
	border: none;
	padding: 0.5em 3em;
	letter-spacing: 0.15em;
	font-size: 1.125rem;
}
}
.contact-conversion__btn input[type="submit"]:hover, .form_button input[type="submit"] :hover {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.4;
}
.form_button > a {
	color: #fff;
	background-color: #777;
	display: inline-block;
	padding: 0.25em 2em;
	font-weight: bold;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
@media screen and (min-width: 768px) {
.form_button > a {
	border: none;
	padding: 0.5em 3em;
	letter-spacing: 0.15em;
	font-size: 1.125rem;
}
}
.contact-pp {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 830px;
}
@media screen and (min-width: 768px) {
.contact-pp {
	margin-bottom: 5rem;
}
}
.contact-pp__inner {
	height: 200px;
	overflow: auto;
	border: 1px solid #c3c3c3;
	background-color: #ffffff;
	padding: 0.5em 1em;
	font-size: 0.75rem;
}
.contact-pp__body:not(:last-child) {
	margin-bottom: 1.5em;
}
label.error {
	font-size: 0.75rem;
	color: #ff0000;
	display: block;
	margin-bottom: 0;
}
.contact-thanks {
	margin-bottom: 2rem;
	padding: 2.5rem 1rem;
	text-align: center;
}
.contact-thanks__headline {
	margin-bottom: 1em;
	font-size: 25px;
}
@media screen and (min-width: 768px) {
a[href^="tel:"] {
	pointer-events: none;
}
}
.video-wrap {
    position: relative;
    text-align:center;
    margin-bottom:4rem;
}
@media screen and (min-width: 768px) {
.video-wrap {

    margin-bottom:8rem;
}
    
}
.video-wrap video{
    display:block;
    width:100%;
    margin:0 auto;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}
@media screen and (min-width: 768px) {
.video-wrap video{
    width:auto;
}
}
/*---　安全方針------*/
/*--------------------------------------------------*/
.safety-mv{
    background-image:url("images/b5.png");
    background-position: 50% 100%;
}

/*--------------------------------------------------*/

/*---　よくある質問------*/
/*--------------------------------------------------*/
.faq-mv{
    background-image:url("images/b5.jpg");
    background-position: 100% 93%;
}
/*アコーディオン全体*/
.accordion-area{
    width: 100%;
    /*max-width: 900px;*/
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    /*cursor: pointer;*/
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 30px;
    transition: all .3s ease;
}
/*.title:hover{*/
/*    color:#0e65d3;*/
/*}*/
/*アイコンの＋と×*/
/*.title::before,*/
/*.title::after{*/
/*    position: absolute;*/
/*    content:'';*/
/*    width: 15px;*/
/*    height: 2px;*/
/*    background-color: #333;*/
    
/*}*/
/*.title::before{*/
/*    top:48%;*/
/*    left: 15px;*/
/*    transform: rotate(0deg);*/
    
/*}*/
/*.title::after{    */
/*    top:48%;*/
/*    left: 15px;*/
/*    transform: rotate(90deg);*/

/*}*/

/*　closeというクラスがついたら形状変化　*/

/*.title.close::before{*/
/*	transform: rotate(45deg);*/
/*}*/

/*.title.close::after{*/
/*	transform: rotate(-45deg);*/
/*}*/

/*アコーディオンで現れるエリア*/
.box {
    /*display: none;*/
    background-color: #e1f3f4;
	margin:0 3% 3% 3%;
    padding: 3%;
}
.p-accordion-area__block{
    margin-bottom:80px;
}
.p-accordion-area__headline{
    color: #0e65d3;
    font-size:20px;
    margin-bottom:8px;
    font-weight:bold;
}
.p-box__body{
    margin-top: 10px;
}
.p-box__body a{
    display:block;
    transition:.3s;
    color: #0e65d3;
    text-decoration:underline;
}
.p-box__body a:hover{
    opacity:0.6;
}
@media screen and (min-width: 768px) {
.p-top__description{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.p-top__list{
    flex:0 0 48%;
    max-width:48%;
    margin-bottom:40px;
}
}
.p-list__title-inner{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}
.p-list__title{
    background-color:#000;
    padding:0px 15px;
    color:#fff;
    border-radius:4px;
    font-size:12px;
    display:inline-block;
    height:30px;
    line-height:30px;
}
.p-list__headline{
    font-weight:bold;
    font-size:16px;
}
.p-list__inner{
    padding:15px;
}
.p-list__body{
    font-weight:bold;
    margin-bottom:10px;
}
.p-list__link{
    margin-top:30px;
    display: block;
    padding: 15px 20px;
    font-weight:bold;
    position: relative;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(14,101,211,1)));
    background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(14,101,211,1) 50%);
    background-position: 0 0;
    background-size: 200% auto;
    border:1px solid #014c8c;
    color:#014c8c;
}
.p-list__link:hover{
    background-position: -100% 0;
    color: #fff;
}
.top-option{
    margin-bottom:60px;
}

.top-option .p-list__link{
    max-width:400px;
    margin:0 auto;
}
.p-top__image{
    margin-bottom:40px;
}
.p-safety__inner{
    text-align:center;
    
}
.p-safety__headline{
    font-size:20px;
}
.p-safety__link{
    margin-bottom:40px;
    text-align:center;
    transition:.3s;
}
.p-safety__link:hover{
    color:red;
}
.p-safety__link i{
    color:red;
}
.safety-mv{
    background-image: url(images/b6.png);
    background-position: 100% 93%;
}

/*********************************
お知らせ
*********************************/
.u-news__bg{
  background-image: url("images/news-bg.jpg");
}
.p-works__list{
  margin-bottom: 2rem;
}
@media only screen and (min-width: 560px) {
  .p-works__list{
    flex:0 0 48%;
    /*max-width: 31.25%;*/
	max-width: 48%;
    /*margin-bottom: 3rem;*/
  }

  .p-works__list:nth-last-child(-n+2){
    margin-bottom: 2rem;
  }

  .p-title__block {
    flex: 0 0 35%;
    max-width: 35%;
  }
}
@media only screen and (min-width: 560px) {
  .p-block__content {
    position: relative;
  }
}
.p-blog__inner{
  padding:0px;
}
.p-blog__inner .p-common__inner {
  position: relative;
  z-index: 1;
  margin-bottom: 4.5rem;
}
@media only screen and (min-width: 560px) {
	.blog_wrap_content{
	flex: 0 0 72%;
		max-width:72%;
    display: block;
	}
	
  /*.blog-content .p-common__inner::after,*/
  .p-blog__inner .p-common__inner::after {
    content: "";
		 flex: 0 0 31.25%;
    max-width: 31.25%;
    display: block;
  }
}
.p-blog__image img {
  object-fit: cover;
  height: 288px;
  border-radius: 12px;
  width: 100%;
}

@media only screen and (min-width: 560px) {
  .p-blog__image img {
    height: 247px;
  }
}

.p-blog__button {
  margin-top: 2.4rem;
}

.p-link__block {
  display: inline-block;
}
.p-blog__date {
  color: #0e65d3;
  font-size: 0.8rem;
}

.p-blog__headline {
	font-size: 1.0rem;
	font-weight: bold;
  }

.p-blog__link {
  display: block;
  border-bottom: 1px solid #eee;
  position: relative;
}
.blog-image img {
  object-fit: cover;
  /*height: 300px;*/
  width: 100%;
  /*border-radius: 14px;*/
}
@media only screen and (min-width: 960px) {
  .blog-image img {
    height: 240px;
  }
}
@media only screen and (min-width: 560px) {
  .p-blog__link::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    bottom: 0;
    height: 2px;
    margin: 0px 0;
    left: 0;
    background-color: #0e65d3;
    transition: all 0.4s ease-in 0s;
  }
  .p-blog__link:hover::before {
    width: 100%;
  }
}
.p-news__body {
  font-size: 1.6rem;
  margin-bottom: 3rem;
}
.p-cms__area{
  margin-bottom: 3.5rem;
}
.p-blog__block {
  padding: 10px 0px 10px;
}
.works-content {
  padding: 2em 0px 8rem;
}
.works-content .wrap {
  max-width: 800px;
  margin: 0 auto 8rem;
}
.blog-common-ttl {
  font-size: 1.6rem;
  border-bottom: 3px solid #0e65d3;
  margin-bottom: 0.6rem;
  /* color: #dfaf7b; */
  padding-bottom: 0.4rem;
}
.blog-date {
  color: #999;
  font-size: 0.8rem;
  text-align: left;
  margin-bottom: 2rem;
}
.common-btn {
  background-color: #F0D14F;
  max-width: 500px;
  color: #fff;
  margin: 0 auto;
  height: 64px;
  line-height: 64px;
  border-radius: 4px;
  text-align: center;
  margin: 4rem auto 8rem;
}
.common-btn:hover {
  opacity: 0.8;
}
.p-justify__center{
  margin:0 auto 6rem;
    /* text-align: center; */
  display: flex;
    /* flex-wrap: wrap-reverse; */
    justify-content: center;
}
.p-justify__center a{
	padding:10px 20px;
	color:#333;
	background:#fff;
	border-radius: 4px;
	border: 1px #9ed8de solid;	
}
.p-common__inner {

  margin-bottom: 4rem;
}
@media only screen and (min-width: 560px) {
  .p-common__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0px;
	flex: 0 0 100%;
    max-width: 100%;
	/*height: 0;*/
}
  }


/*sidebar*/

.wrap_blog{
	display: block;
	margin: 0 auto;
}
@media only screen and (min-width: 560px) {
	.wrap_blog{
		display: flex;
	}
}
.side{
    flex: 0;
    max-width: 100%;
}
@media only screen and (min-width: 560px) {
	.side{
		margin: 0 0 0 4%;
		flex: 0 0 24%;
		max-width: 24%;
	}
}

.side h4{
	background-color: #0e65d3;
	color: #fff;
    text-align: center;
    padding: 8px 0;
}

ul.side_article {
	margin: 0 0 40px 0;
}

ul.side_article li {
    margin: 30px 0 0 0;
}
@media screen and (max-width: 560px) {
	ul.side_article a {
		display:flex;
		column-gap: 20px;
		padding: 0px 0px 20px;
	}
	.p-blog__img{
		flex: 2;
	}
	.p-blog__block{
		flex: 2;
	}
}
ul.side_cat{
	margin: 10px 0 40px 0;
}

ul.side_cat a:hover{
	color: #0e65d3;
	transition : all 0.5s ease 0s;
}

ul.side_cat li{
	padding: 8px 0 8px 5px;
    border-bottom: 1px #ccc dotted;
}

ul.side_cat li a{
	display: block;
}

.side-blog__headline{
	font-size: 1.0em;
}


/* pagination */
.pagenav{
	width: 100%;
}

.pagination{
	margin: 2rem auto 5rem;
 }

.pagination a:hover,
.p-justify__center a:hover{
	border: 1px #9ed8de solid;
	background: #9ed8de;
	color: #fff;
	transition : all 0.5s ease 0s;
 }

 .nav-links{
	display:flex;
	width: 100%;
	 justify-content:center;
 }
 .pagination .page-numbers{
	display:inline-block;
	margin-right:20px;
	padding:10px 15px;
	color:#333;
	/*border-radius:3px;*/
	/*box-shadow:0 3px 3px #999;*/
	background:#fff;
	border-radius: 4px;
	border: 1px #9ed8de solid;
 }

.pagination .next,
.pagination .prev{
	border: 1px #999 solid;
    background: #999;
    color: #fff;
}

.pagination .current{
	/*padding:20px 25px;*/
	background:#9ed8de;
	color:#fff;
 }
/* .pagination .prev,
 .pagination .next{
	background:transparent;
	box-shadow:none;
	color:#69a4db;
 }*/
 .pagination .dots{
	background:transparent;
	box-shadow:none;
 }

/* 404 */
 .notfound-mv{
    background-image:url("images/b4.jpg");
    background-position: 50% 100%;
}

@media screen and (min-width: 768px) {
	.notfound-main__mv{
		padding: 10.64% 0;
	}
	}

.notfound-main__mv h1{
	font-size: 6rem;
	z-index:2;
	letter-spacing: 0.15rem;
}
.notfound-main__mv h2{
	font-size:3.5rem;
	z-index:2;
	letter-spacing: 0.15rem;
}

.notfound-main__mv h1 span{
	display:block;
	font-size:2rem;
}

.notfound-content p{
	text-align: center;
}

.notfound-link{
	width: 300px;
    margin: 60px auto 0;
    display: block;
    padding: 15px 20px;
    font-weight: bold;
    position: relative;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(14,101,211,1)));
    background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(14,101,211,1) 50%);
    background-position: 0 0;
    background-size: 200% auto;
    border: 1px solid #014c8c;
    color: #014c8c;
}

.notfound-link:hover{
    background-position: -100% 0;
    color: #fff;
}

/* ブログ投稿　見出し */
.article-content h1{
	font-size: 1.6rem;
    border-bottom: 3px solid #0e65d3;
    margin: 2rem 0;
    /* color: #dfaf7b; */
    padding-bottom: 0.4rem;
	
}


.article-content h2{
	font-size: 1.6rem;
    border-bottom: 3px solid #0e65d3;
    margin: 0 0 1rem;
    /* color: #dfaf7b; */
    padding-bottom: 0.4rem;
	
}

.article-content h3{
	font-size: 1.4rem;
	position: relative;
    padding: 16px clamp(18px, 3vw, 27px);
    background: linear-gradient(-45deg, transparent 25%, #f3f3f3 25%, #f3f3f3 50%, transparent 50%, transparent 75%, #f3f3f3 75%, #f3f3f3);
    background-size: 6px 6px;
    background-clip: padding-box;
    overflow: hidden;
	margin: 2rem 0;
	
}

.article-content h3::before {
    border-width: 20px 20px 0 20px;
    content: "";
    position: absolute;
    top: -3px;
    left: -15px;
    border-width: 16px 16px 0 16px;
    border-style: solid;
    border-color: transparent;
    transform: rotate(135deg);
    border-top-color: #0e65d3!important;
}


.article-content h4{
	font-size: 1.4rem;
	border-bottom: 3px solid #0e65d3;
    margin: 2rem 0;
    padding: 0 0 0.4rem 1.6rem;
}

.article-content h5{
	font-size: 1.4rem;
    border-left: 8px solid #0e65d3;
    margin: 2rem 0;
    padding: 0px 0 0rem 1.4rem;
}

.article-content table{
	border-collapse:collapse;
	margin:20px 0px;
	width:100%;
}
.article-content table th{
	padding:10px;
	border:1px solid #999;
	font-weight:bold;
	background:#F9F9F9;
	vertical-align:middle;
}
.article-content table td{
	padding:10px;
	border:1px solid #999;
	background:#FFF;
	vertical-align:middle;
}
.article-content a{
	text-decoration:underline;
	color:#0e65d3;
}

/* TOC　目次 */
#toc_container{
	margin: 30px 0;
    /* background-color: rgba(44,153,181,.04); */
    border: 3px solid #0e65d3;;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 30px;
    display: table;
    min-width: 100%;
	position: relative;
}
#toc_container a{
	color:#333;
}
 
/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before{
	content:none;
	padding:0;
	margin:0;
	width:0;
	height:0;
	background:none;
	box-shadow:none;
}
 
/* 目次の見出しタイトル */
#toc_container .ez-toc-title{
	background: #fff;
    display: inline-block;
    position: relative;
    top: -67px;
    left: -15px;
    page-break-after: always;
    font-size: 2.0em;
    padding: 5px 10px;
    font-weight: bold;
}
 
/* 見出しタイトル左のアイコン */
/*
#toc_container .toc_title::before{
	position:relative;
	font-size:28px;
	content:"\2254";
	display:inline-block;
	width:40px;
	height:40px;
	line-height:34px;
	margin-right:8px;
	border-radius:50%;
	vertical-align:baseline;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	background-color:#5f7b96;
} */
 
/* 表示／非表示トグル */
#toc_container .toc_toggle a{
	font-size:13px;
	font-weight:normal;
	padding:2px 4px;
}
 
/* 目次エリア */
#toc_container::before {
    content: "目次";
    position:absolute;
    left: 10px;
	top: -16px;
    line-height: 1;
    color: #929292;
    background-color: #f7f7f7;
}
 
/* 目次のリストの共通スタイル */
#toc_container ul.toc_list li{
	padding:0;
	margin:0;
}
 
/* 目次のリンク */
#toc_container ul.toc_list li a{
	position:relative;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	/*padding:3px 0;*/
	/*margin:7px 0;*/
	line-height:1.6;
	transition:all .3s ease;
}
 
/* 目次のリンクカラー */
/*
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited{
	color:#5f7b96;
}*/
 
/* マウスオーバー時 */
#toc_container ul.toc_list a:hover{
	opacity:.88;
	text-decoration:none;
	transition : all 0.5s ease 0s;
	color: #0e65d3;
}
 
/* 親の目次 */
.toc_title{
	font-size: 1.4em;
    font-weight: bold;
    position: absolute;
    top: -15px;
    left: 20px;
    background: #fff;
    padding: 0 16px;
}
 
/* 番号振り用のスタイル */
.toc_number{
	display: inline-block;
    text-align: center;
    margin-right: 5px;
    font-family: 'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', san-serif;
    font-weight: 500;
    color: #0e65d3;
    /* background-color: rgba(125,157,188,0.52); */
    font-size: 1.2em;
}
 
/* 親の目次の番号 */
.toc_number.toc_depth_1{
	/* position:absolute; */
	/* top:0; */
	/* left:-40px; */
	width:32px;
	height:32px;
	line-height:32px;
	border-radius:16px;
}
 
/* 子の目次の番号 */
.toc_number:not(.toc_depth_1){
	border-radius:15px;
	line-height:30px;
	padding:0 5.43px;
}
 
/* 子の目次 */
#toc_container ul.toc_list > li > ul{
	margin-left:40px;
}
 
/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px){
	#toc_container{
		padding:20px 3vw;
		min-width: auto;
		width:100%!important;
	}
	#toc_container p.toc_title+ul.toc_list{
		padding:20px 0 0;
	}
	#toc_container ul.toc_list > li > ul{
		margin-left:30px;
	}
}

/* category */
.wrap_category h1{
	font-size: 1.6em;
    margin: 0 0 1rem 0;

}
/* profile */
.post__writer{
	width: 100%;
    /* border: 3px #0e65d3 solid; */
    padding: 2em;
    margin: 0 0 6rem 0;
    display: flex;
    background: #ebf6f7;
	
}

.post__writer_img{
	flex: 0 0 80px;
	margin:0 20px 0 0;
}

.post__writer_img img{
	border-radius: 100%;
    border: solid 3px #ffffff;
}

.post__writer_dtl{
	flex: 1 1 auto;
}

.post__writer_name{
	font-size: 1.2em;
    font-weight: bold;
}

.post__writer_dtl{
	flex: 1 1 auto;
}

.post__writer_ttl{
	margin: 0.5rem 0 0 0;
    font-size: 1.0em;
}
.post__writer .link{
 margin-top: 10px;
	text-align: right;
}

.blog_cat{
	padding: 2px 5px;
    background: #0e65d3;
	color: #fff;
    margin: 0 5px;

}

.blog_cat:first-child{display:none;}

.works-main {
	margin-bottom: 20px;
	background-color: #9ed8de;
}

/*パンくず*/
.breadcrumb-area{
	margin: 1.8em auto 80px;
    padding: 0 25px;
    max-width: 1030px;
    font-size: 0.75rem;
    /* line-height: 2.5; */
    /* display: flex; */
    width: 100%;
}

.breadcrumb-area span:nth-child(1){
	margin: 0 0.2em 0 0;
}

.breadcrumb-area span:nth-child(2){
	margin: 0 0 0 0.2em;
}
.breadcrumb-area span a{
    text-decoration: none;
    color: #52b5ee;/*色*/
}
.breadcrumb-area span a:hover{
    text-decoration: underline;
}


/*20231214 S&Eパートナーズ追加*/
.areaListArea{
	    margin-bottom: 2rem;
}
.areaListArea .areaBox{
	margin: 0px 0px 1rem 0px;
	border: 1px solid #ccc;
	padding: 3%;
}
.areaListArea .areaBox .index{
 margin: 0px 0px 0.5rem 0px;
	line-height: 2;
	border-bottom: 1px solid #ccc;
	font-size: 1.1rem;
}
.areaListArea .areaBox .cont{
 padding: 0px;
	margin: 0px;
}

/*20250611 S&Eパートナーズ追加*/
#container.fix{
	padding-top: 100px;
}
#container.fix .site-header {
 position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
}

@media only screen and (max-width: 667px){
	#container.fix .site-header {
	 position: inherit;
	}
	#container.fix{
		padding-top: 0px;
	}
	#container.fix .site-header__inner{
		margin: 0 auto;
	}
	
	#container.fix.fixed-position .site-header__nav-toggle{
	 position: fixed;
		top: 20px;
		z-index: 2;
	}
	#container.fix.fixed-position .gnav{
		position: fixed;
		top: 0px;
		z-index: 1;
	}
	
	#container.fix .site-header__description{
		padding: 0.5em 0.8em;
		font-size: 0.7rem;
	}
}

.spCV{
 display: none;
}
@media only screen and (max-width: 667px){
 .spCV{
 	display: block;
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 2;
	}
 .spCV .row{
	 display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0px;
		padding: 0px 4px;
	}
 .spCV .row .btn{
	 width : -webkit-calc(50% - 2px) ;
  width : calc(50% - 2px) ;
		margin: 0px;
		padding: 0px;
	}
 .spCV .row .btn a{
		padding: 10px;
		border-radius: 10px 10px 0px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
	}
 .spCV .row .btn_tel a{
	 background: #ff0000;
		color: #FFF;
	}
 .spCV .row .btn_tel a:before{
		width: 28px;
		height: 28px;
		content: "";
		background: url(/wp-content/themes/seikotsu/images/icon_tel.png) center center no-repeat;
		background-size: cover;
		margin-right: 5px;
	}
 .spCV .row .btn_contact a{
	 background: #0e65d3;
		color: #FFF;
	}
 .spCV .row .btn_contact a:before{
		width: 28px;
		height: 28px;
		content: '';
		background: url(/wp-content/themes/seikotsu/images/icon_mail.png) center center no-repeat;
	background-size: cover;
	 margin-right: 5px;
	}
}

.indexArea{
 padding: 0px 0px 70px 0px;
}
.indexArea .indexList{
 margin: 0 auto;
	width : -webkit-calc(100% - 20px) ;
 width : calc(100% - 20px) ;
	max-width: 870px;
 display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:10px;
}
.indexArea .indexList.w{
 justify-content: flex-start;
	max-width: 990px;
}
.indexArea .indexList a{
 font-size: 16px;
	align-content: center;
	padding: 8px 35px 8px 15px;
	line-height: 1.1;
	position: relative;
	border: 1px solid #0e65d3;
	border-radius: 6px;
	color:#0e65d3;
	width: 240px;
}
.indexArea .indexList a p{
 text-align: center;
	min-height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.indexArea .indexList a:hover{
 color: #FFF;
	background: #0e65d3;
}

.indexArea .indexList a:after{
 content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	right: 10px;
	top: 50%;
	background: url(/wp-content/themes/seikotsu/images/icon_d.png) center center no-repeat;
	background-size: contain;
	transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
}
.indexArea .indexList a:hover:after{
	background: url(/wp-content/themes/seikotsu/images/icon_d_w.png) center center no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 667px){
.indexArea{
 padding: 0px 0px 50px 0px;
}
.indexArea .indexList{
 margin: 0 auto;
	gap:10px;
}
.indexArea .indexList a{
 font-size: 12px;
	align-content: center;
	padding: 5px 20px 5px 5px;
	border-radius: 5px;
	letter-spacing: -0.02em;
	width : -webkit-calc(50% - 10px) ;
   width : calc(50% - 10px) ;
}
.indexArea .indexList a p{
 min-height: 26px;
}
.indexArea .indexList a:after{
			width: 14px;
			height: 14px;
			right: 4px;
	}
}
.voice-mv{
	background-image: url(images/mv_voice.jpg);
 background-position: 50% 80%;
}
.voiceList{
 margin: 0px 0px 120px 0px;
	padding: 0px;
}
.voiceList .voiceBox {
 margin: 0px 0px 40px 0px;
	padding: 0px;
	border: 1px solid #74b6da;
	border-radius: 10px;
	background: #FFF;
	overflow: hidden;
}
.voiceList .voiceBox .voiceBoxHead{
 margin: 0px;
	padding: 10px 20px;
	background: #74b6da;
}
.voiceList .voiceBox .voiceBoxHead .name{
 color: #FFF;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:10px;
	margin: 0px 0px 10px 0px;
}
.voiceList .voiceBox .voiceBoxHead .name .i{
 font-size: 18px;
}
.voiceList .voiceBox .voiceBoxHead .name .c{
 font-size: 24px;
	font-weight: bold;
}
.voiceList .voiceBox .voiceBoxHead .status{
 display: flex;
	flex-wrap: wrap;
	gap:10px;
}
.voiceList .voiceBox .voiceBoxHead .status .s{
 margin: 0px;
	padding: 2px 15px;
	background: #FFF;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	gap:5px;
}
.voiceList .voiceBox .voiceBoxHead .status .s .i{
 font-size: 16px;
	color: #74b6da;
	font-weight: bold;
}
.voiceList .voiceBox .voiceBoxHead .status .s .c{
 font-size: 16px;
	font-weight: bold;
}
.voiceList .voiceBox .voiceBoxHead .status .s a{
 text-decoration: underline;
}
.voiceList .voiceBox .voice{
 padding: 20px;
	font-size: 16px;
	line-height: 1.8;
}
@media only screen and (max-width: 667px){
		.voiceList .voiceBox .voiceBoxHead{
		 padding: 10px;
		}
		.voiceList .voiceBox .voiceBoxHead .name .i{
		 font-size: 16px;
		}
 	.voiceList .voiceBox .voiceBoxHead .name .c{
		 font-size: 20px;
		}
		.voiceList .voiceBox .voiceBoxHead .status .s .i{
		     font-size: 14px;
		}
		.voiceList .voiceBox .voiceBoxHead .status .s .c{
		  font-size: 14px;
		}
		.voiceList .voiceBox .voice{
		 padding: 15px;
			font-size: 14px;
		}
}