@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

@font-face {
	font-family: 'futura';
	src: url('font/FUTURAM.eot'); /* IE9 Compat Modes */
	src: url('font/FUTURAM.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/FUTURAM.woff') format('woff'), /* Modern Browsers */
		url('font/FUTURAM.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('font/FUTURAM.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
//	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif;
}

body.home {
	/* 	background: #edf9ff; */
	/* 	background:rgba(226,243,252,0.5); */
}

#body {
	margin: 0px 0 0 0;
	padding-top:110px;
}

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

p {
	color: #333;
}

small {
	display: block;
	line-height: 1.5;
}


.pc { 
	display: block;
}
.sp {
	display: none;
}

header .price-menu li a{
	pointer-events: none;
}

header .price-menu li .sub-menu li a {
	pointer-events: auto;
}

@media only screen and (max-width: 767px) {
	.pc { 
		display: none;
	}
	.sp { 
		display: block;
	}
	img, canvas, iframe, video, svg {
		width: 100%;
	}
}



header{
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
}

.site-title-img {
	height: 79px;
	object-fit: contain;
	vertical-align: middle;
}

article header{
	position: relative;
	top: 0;
	z-index: 1000;
	width: 100%;
}

.article h1 {
    margin-top: 60px;
    margin-bottom: 30px;
}

#footer {
	background: #4c4c4c!important;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer a:hover {
//	color: rgba(0,0,0,0.5);
	color: #EE710B;
}

.subpage-ttl2 {
	color: #fff;
}

.home #body #body-in {
	width: 100%;
}


#site-title {
	width: 260px;
	margin-top: 10px;
	text-align: center;
}

#navi ul li a {
	text-align:center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

#navi ul li a:hover {
	background: none;
}

#navi ul.sub-menu {
	background: #4c4c4c;
}

#navi ul #menu-item-1028 a {
	pointer-events: none;
}

#navi #menu-item-1028 ul.sub-menu a{
	pointer-events: auto;
}

@media screen and (min-width: 1100px) {
#navi ul .menu-contact {
	display: none;
}
}


/* #navi ul.sub-menu, #navi ul.children {
z-index: 9999 !important;
} */

#navi .current-menu-item > a, #navi .current-menu-parent > a, #navi .current-menu-ancestor > a, #navi .current_page_item > a, #navi .current_page_parent > a, #navi .current_page_ancestor > a
{

}




#sidebar {
	display: none;
}

#main {
	width: 100%;
	border: none;
	padding: 0;
	background: none;
}

#header .alignleft {
	margin: 0;
	float: left;
	background: #fff;
	padding: 0 10px;
}

#header, 
#header-in {
	background: #0863aa !important;
}

#header-in {
	width: 1200px !important;
}

header nav {
	float: right;
	width: auto;
	margin: 36px 20px 0 0;
}

header #navi-in {
	width: 100%;
}

header #navi-in #menu-menu {
	background: #fff;
	border: none;
}



#navi ul > li {
	margin: 0 0 0 10px;
	letter-spacing: 1px;
}

#navi ul {
	background: none;
	border: none;
}

.main-copy {
	font-family: "Sawarabi Mincho";
	background: #fff;
	display: inline-block;
	font-size: 38px;
	padding: 10px 20px;
}

.main-slider-box {
	position: relative;
}

.main-slider-box .contents-width {
	position: absolute;
	top: 10%;
	left: 10%;
}

header .header-contact {
	background: #fff;
	text-align: center;
	float: right;
	font-size: 14px;
}

header .header-contact a {
	color: #4c4c4c;
	text-decoration: none;
	display: block;
	padding: 24px 20px;
}

a,
a:hover {
	background: none;
}

.contents-width {
	width: 1100px;
	margin: 0 auto;
}

.contents-ttl {
	text-align: center;
	color: #EE710B;
	line-height: 32px;
}

.center {
	text-align: center;
}

.contents-ttl span {
	display: block;
//	font-family: 'futura';
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	letter-spacing: 3px;
	font-size: 24px;
	font-weight: bold;
	color: 	#808080;
}


.contents-ttl span:first-letter {
	color: #EE710B;
}

.news-list {
	padding: 0;
	font-weight: 500;
	font-size: 16px;
}

.news-list li {
	list-style: none;
	border-bottom: dotted 1px #a9a9a9;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.news-list li a {
//	color: #4c4c4c;
	color: #333;
}


.news-list .date, 
.works-list .date {
	color: #7f8386;
	font-size: 14px;
}

ul.news-list.theses-list .date {
    margin-right: 15px;
}

.top-works {
	padding: 50px 0;
	margin: 0 calc(50% - 50vw + 8.5px);
	width: calc(100vw - 17px);
	background: #F2F2F2;
}

.top-works p {
	margin: 0;
}

.works-list ul {
	padding-left: 0;
}

.works-list li {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.works-list a {
	text-decoration: none;
}

.works-list .date {
	margin-bottom: 5px;
}

.works-list .card-block h4.title {
	margin: 0;

}
.works-list .card-block h4.title a {
	color: #0067c0;
}

.works-pagination .list{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

.works-pagination .list {
	line-height: normal;
}


.works-pagination .current {
	background-color: #797979 !important;
    border: solid 1px #797979 !important;
    border-radius: 3px !important;
    padding: 6px 12px !important;
    margin: 0 2px !important;
	color: #fff !important;
}

.works-pagination a.page-numbers, 
.pager .current {
	background-color: #ddd;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 6px 12px;
    margin: 0 2px;
	color: #333!important;
	text-decoration: none;
}

.works-pagination a.page-numbers:hover, 
.works-pagination .pager .current:hover {
	opacity: .6;
}
@media screen and (max-width: 768px) {
	.works-pagination a.page-numbers {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
	}
	
}

a.page-numbers, .pager .current {
	background-color: #fff;
    border: solid 1px #EE710B;
    color: #808080;
    border-radius: 3px;
    padding: 6px 12px;
    margin: 0 2px;
	text-decoration: none;
}


@media screen and (min-width: 960px) {
	.news-list li {
		display:flex;
		align-items: center;
	}
}

.news-list li .category {
//	background: #808080;
	font-size: 12px;
	color: #333;
	display: inline-block;
	padding: 5px;
	width: 80px;
	text-align: center;
	margin: 0 15px;
	border: 1px solid #EE710B;
    width: 115px;
}

.news-list li a {
	text-decoration: none;
	width: 100%;
}

.top-news {
	padding: 50px 0;
}

.top-contents-list {
    padding: 50px 0;
}

.btn{
	color: #fff;
	background-color: #808080;
	padding: 0.8em 3.5em;
	font-size: 16px;
	border-radius: 4px;
	transition: 0.3s all;
}

#container a.btn:hover:hover {
	color: #fff !important;
	border: none;
	background-color: #BFBFBF;
	border: 2px solid #BFBFBF;
	opacity: .6;
	transition: 0.3s all;
}

.btn-anchor {
	color: #fff !important;
	/* 	border-top: 1px solid #0067c0; */
	/* 	border: 2px solid #0067c0; */
	border-radius: 4px;
	transition: 0.3s all;
	background: #0067c0;
}

.btn-anchor:hover {
	opacity: .6;
	transition: 0.3s all;
	background: #BFBFBF;
}

.arrow-bottom {
	position: relative;
	display: block;
	padding-right: 20px;
}

.arrow-bottom::after {
	margin: auto;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	content: '';
	width: 10px;
	height: 10px;
	border: 0;
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
	.btn-anchor {
		font-size: 14px;
	}
	.arrow-bottom::after {
		right: 10%;
		width: 8px;
		height: 9px;
	}
}

.btn-arrow {
	background: #fff;
	color: #333;
	padding: 0.5em 3.5em;
	transition: all 0.2s ease-in;
	position: relative;
	display: inline-block;
	border: 2px solid #EE710B;
	border-radius: 4px;
	text-decoration: none;
}

.btn-arrow::before,
.btn-arrow::after {
	content: "";
	position: absolute;
	transition: all 0.2s ease-in;
}

.btn-arrow::before {
	width: 10px;
	height: 10px;
	right: 20px;
	top: 50%;
	transform: translateY(-40%) rotate(45deg);
	border-top: 1px solid #EE710B;
}

.btn-arrow::after {
	width: 24px;
	height: 1px;
	right: 18px;
	top: 53%;
	transform: translateY(-40%);
	background:#EE710B;
}

.btn-arrow:hover {
	color: #EE710B !important;
}

.btn-arrow:hover::before {
	right: 12px;
}

.btn-arrow:hover::after {
	right: 10px;
	width: 32px;
}

#page-top {
    z-index: 9999;
}

/*
.top-contents-list {
padding: 0;
}

.top-contents-list  {
list-style: none;
display: inline-block;
width: 23%;
margin: 0 0.5%;
position: relative;
padding:0!important;
}
*/


.top-contents-list .contents-list-ttl {
	position: absolute;
	bottom: 0%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	vertical-align: top;
	text-shadow:1px 1px 2px rgba(0,0,0,0.9);
	width:100%;
	font-weight: bold;
}

.top-contents-list .contents-list-ttl span {
	font-size: 24px;
//	font-family: 'futura';
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	display: block;
	letter-spacing: 2px;
}

p.txt-box {
    text-align: center;
    color: #333;
    border: solid 3px #0863aa;
    width: 80%;
    margin: 35px auto;
    padding: 0.5em;
    border-radius: 4px;
}
p.txt-box a {
    color: #0863aa;
}

@media screen and (max-width: 900px) {
	p.txt-box {
    width: 95%;
}
}

.map-table {
	display: table;
	width: 100%;
	margin: 0;
	color: #333;
}

.access-info {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	background: #fff;
	padding: 50px;
}

.access-info a{
	color:#444;

}

.access-info .contents-ttl {
	margin: 16px 0 32px 0;
}

.access-info-text {
	font-size: 16px;
	font-weight: 500;
}

.access-map {
	display: table-cell;
	width: 50%;
}

.access-map iframe {
	margin: 0 0 -5px;
}

.entry-content,
#main {
	margin: 0;
}

.entry-content {
    line-height: 1.8rem;
	color: #333;
}

.subpage-head  {
	padding: 100px 0;
	text-align: center;
	/* margin: 0 0 30px 0; */
}

.subpage1 {
	background: url(images/subpage01.jpg) no-repeat, #fff;
	color: #252728;
	background-size: 50% 100%;
	background-position: left center;
}

.subpage2 {
	background: url(images/subpage06.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.subpage3 {
	background: url(images/subpage03.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.subpage4 {
	background: url(images/subpage04.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.subpage5 {
	background: url(images/subpage05.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.subpage-ttl {
	position: relative;
	padding-left: 25px;
	margin: 0 0 30px 0;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;

}

.subpage-ttl:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px rgb(255,255,255);
}
.subpage-ttl:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px rgb(255,255,255);
}

.subpage2 .contents-ttl,
.subpage3 .contents-ttl,
.subpage4 .contents-ttl {
	color: #fff;
}

.subpage-contents {
	padding: 0 0 50px 0;
}

.text-right {
	text-align: right;
}

.sub-list {
	margin: 0;
	padding: 0;
}

.sub-list li {
	display: inline-block;
	list-style: none;
	border: solid 2px #252728;
	width: 43.4%;
	margin: 0 1% 2.5% 1%;
	vertical-align: top;
	padding: 20px;
}

.sub-list li h2 {
	color: #252728;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}

.subpage-table {
	width: 70%;
	margin: 30px auto;
}

.subpage-table dt {
	border-left: solid 3px #999;
	padding: 0 0 0 20px;
	display: inline-block;
	width: 20%;
	vertical-align: top;
}

.subpage-table dd {
	display: inline-block;
	text-align: left;
	margin: 0 0 30px 0;
	width: 70%;
}

.wp-pagenavi {
	display: block;
	margin: 30px 0;
	text-align: center;
}

article h1 {
	border-left: solid 5px #EE710B;
	padding: 0 0 0 20px;
}

.single .post-meta {
	display: none;
}

#sns-group,
.footer-post-meta{
	display: none;
}

#breadcrumb {
	padding: 10px 0;
	background: #121330;
	color: #fff;
}

#breadcrumb a {
	color: #fff;
}

.post-meta {
	font-size: 13px;
	margin: 0;
	color: #222;
}

textarea {
	resize: none;
}

.contact .required{
	margin: 0 0 0 5px;
	padding: 1px 5px 2px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	background: #e60012;
	border-radius: 4px;
}

.contact p {
	margin: 0 0 5px 0;
}

.contact .head {
	padding: 10px 0 0 0;
	color: #333;
}

.contact {
	width: 80%;
	margin: 0 auto;
	background: #f7f7f7;
	padding: 20px;
}

.wpcf7-spinner {
    display: none;
}

.button, button, input[type="submit"], 
input[type="reset"], 
input[type="button"] {
	padding: 10px 16px;
	width: 200px;
	color: #fff;
	font-size: 16px;
	border: none;
	background: #0863aa;
	transition: 0.3s all;

	letter-spacing: 0.08em;
}

.button:hover, button:hover, input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover {
	color: #fff;
	border: none;
	background: #0863aa;
	opacity: .8;
	transition: 0.3s all;
}

.sub-head-noimg {
	padding: 30px 0;
}

#mobile-menu {
	display: none;
}

.about-bg {
	background: url(images/ls_bg01.jpg)no-repeat;
	background-size: cover;
	color: #fff;
	padding: 50px 0 70px 0;
	margin: 80px 0 0 0;
	background-position: center;
}

.about-bg a {
	color: #fff;
}

.about-bg .subpage-table dt {
	border-left: solid 3px #fff;
	color: #fff;
}

.about-bg .btn-link a {
	border: solid 2px #252728;
	background: none;
}

.privacy dd {
	margin-bottom: 20px;
}

.map {
	margin: 0;
}

.map li {
	margin: 0 0 10px 0;
}

hr.mg30 {
	border: none;
	margin: 30px 0;
}

hr.mg20 {
	border: none;
	margin: 20px 0;
}

.subpage-table2 {
	margin: 0 0 20px 0;
}

.top-work {
	padding: 50px 0 0 0;
}

.top-work .col-xs-6 {
	display: inline-block;
	width: 31%;
	margin: 0 1%;
	vertical-align: top;
}

#footer {
	background: #4c4c4c;
}

.slick-initialized .slick-slide {
	padding: 0 10px;
}

.slick-dots li button::before {
	color: #fff;
}

.slick-dots li button:before {
	font-size: 30px;
}

.sub-work .col-xs-6 {
	display: inline-block;
	width: 31%;
	margin: 0 1% 20px 1%;
	vertical-align: top;
}

#footer-in {
	font-size: 14px;
}

#copyright {
	font-weight: bold;
}


@media screen and (min-width: 1111px) {
	#h-top {
		overflow:visible !important;
	}
	#navi .sub-menu li a {
		text-align: left;
	}

	.sp-display {
		display: none;
	}
	/*    
	.main-slider {
	width: 80%;
	padding: 0 0 0 20%;
}
	*/
	.map {
		width: 60%;
		margin: 0 auto;
	}

	.pc-center {
		text-align: center;
	}

	.wd50 {
		width: 50%;
		margin: 0 auto 20px auto;
	}

	.wd10 {
		width: 10%;
		margin: 0 auto;
	}

	.subpage-table2,
	.subpage-table3 {
		display: table;
	}

	.subpage-table2 .left {
		display: table-cell;
		margin: 0;
		width: 30%;
		vertical-align: top;
	}

	.subpage-table2 .right {
		display: table-cell;
		vertical-align: middle;
		margin: 0;
		padding: 0 0 0 20px;
		width: 69%;
	}

	.subpage-table2 .right p,
	.subpage-table3 p {
		margin-top: 0;
	}

	.subpage-table3 .left,
	.subpage-table3 .right {
		display: table-cell;
		margin: 0;
		width: 50%;
		vertical-align: middle;
		padding: 0 10px;
	}
}



@media screen and (max-width: 1110px) {
	div#navi-in, div#body-in, div#footer-in {
		width: 94%;
		margin: 0 auto;
	}
	.subpage-table, #body-in .contents-width {
		width: 94% !important;
	}

	.pc-display {
		display: none;
	}

	div#header-in {
		width: 100%;
		background-color:#fff;
	}

	header .header-contact a {
		padding: 20px;
	}

	#site-title {
		width: 120px;
	//	margin-top: 10px;
		margin: 0px auto;
	}

	#h-top {
		min-height: auto;
	}

	#main {
		margin: -1px 0 0 0;
	}

	.contents-width,
	.sp-width{
		width: 94%;
		margin: 0 auto;
	}

	.top-news {
		padding: 20px 0;
	}

	.top-contents-list {
    	padding: 20px 0;
	}



	.news-list li a {
		display: block;
		margin: 5px 0 0 0;
	}

	.top-contents-list li {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.top-contents-list li img {
		width: 100%;
	}

	.map-table {
		margin: 0;
		display: block;
	}

	.access-info,
	.access-map{
		display: block;
		width: 100%;
	}

	.access-info {
		padding: 20px 0;
	}

	div#main {
		padding: 0;
	}

	.access-info .contents-ttl {
		margin: 16px 0 0 0;
	}

	header .header-contact {
		margin: 0 70px 0 0;
	}


	.subpage-head {
		padding: 20px 0 1px;
		margin: 0;
	}
	/* .subpage-head {
		padding: 50px 0;
		margin: 0 0 20px 0;
	} */

	.subpage-table,
	#body-in .contents-width {
		width: 100%;
	}

	.subpage-table dt {
		display: block;
		margin: 0 0 10px 0;
		width: auto;
	}

	.subpage-table dd {
		display: block;
		width: auto;
	}

	.sub-list li {
		width: auto;
		margin: 0 0 20px 0;
	}

	.contact {
		width: auto;
	}

	.home .contents-width {
		width: 94%!important;
	}

	input, textarea {
		box-shadow: none;
		-webkit-appearance:checkbox;
	}

	.subpage1 {
		background: url(images/subpage01.jpg) no-repeat;
		background-size: auto 100%;
		background-position: left center;
	}

	.subpage1 .contents-ttl {
		color: #fff;
	}

	.privacy dd {
		margin-left: 0;
	}

	#footer-navi-in {
		display: none;
	}

	#footer-navi ul {
		display: flex !important;
		justify-content: center;
	}

	#footer-navi ul li {
		display: block !important;
	}

	#footer-navi ul li::before {
		content: none !important;
	}


	.main-slider-box .contents-width {
		left: 0!important;
	}

	.main-copy {
		font-size: 18px;
	}

	.subpage-ttl:after {
		width: 96%;
	}

	.wd10 {
		width: 20%;
		margin: 0 auto;
	}

	.top-work .col-xs-6 {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.wd50 img {
		height: auto;
	}

	.sub-work .col-xs-6 {
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
	}

}

/* アイコン周り全体 */
.flowbtn15{
	font-family:'Arial',sans-serif;	
	display:inline-block;
	position:relative;
	width:70%;
	height:60px;
	font-size:23px;
	border-radius:5px;
	color:#fff!important;
	text-decoration:none;
}
.flowbtn15 i{
	position:absolute;
	bottom:5px;
}

/* アイコンボタンホバー時 */
.flowbtn15:hover{
	text-decoration:none;
	opacity:.8;
}
/* ボタン内テキスト調整 */
.flowbtn15 div{
	font-size:16px;	
	position:relative;
	bottom:5px;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
	width:300px;
	margin:auto;
	padding:0!important;
	list-style-type:none!important;
}
/* アイコンボタンの位置調整 */
.snsbtniti2{
	display:flex;
	flex-flow:row wrap;
}
/* アイコンボタン同士の余白調整 */
.snsbtniti2 li{
	flex:0 0 50%;
	text-align:center!important;
	margin-top:20px;
}


h2.section-title {
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
	color: #808080;
	border-top: 2px none #139FE9;
	border-bottom: solid 2px #EE710B;
	background: #fff;
	letter-spacing: 0.08em;
}

h2.section-title:first-letter {
	color: #EE710B;
}

h2.section-title:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #EE710B;
	bottom: -1px;
	width: 20%;
}

h3.section-title {
	color: #0067c0;
	font-size: 18px;
	padding: 0.5px 20px;
	display: block;
	position: relative;
	border-left: 8px solid #0067c0;
}

h3.section-title:before {
	position: absolute;
	content: '';
	left: -8px;
	bottom: 0;
	width: 8px;
	height: 50%;
	background-color: #139FE9;
}

h3.section-title-line {
	padding-bottom: 10px;
	color: #0067c0;
	border-bottom: 2px solid #0067c0;
}


@media screen and (max-width: 767px) {
	h2.section-title {
		padding: 10px;
		font-size: 20px;
		text-align: center;
	}

	h3.section-title-line {
		text-align: center;
	}
}


div.top-contents-list div.contents-list-item a{
	overflow:hidden;


}


div.top-contents-list div.contents-list-item {
	overflow:hidden;
	line-height:0;
	background-color: #000;
}
div.top-contents-list div p {
	line-height:1.2;
}


div.top-contents-list div img{
	transform:scale(1);
	transition:0.3s all;
	opacity: 0.8;
}

div.top-contents-list div:hover img{
	transform:scale(1.1);
}


/*Pagenation*/
.pagenation {
	margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.pagenation ul {
	margin: 0;
}
.pagenation li {
	float: left;
	list-style: none outside none;
	margin-left: 3px;
}
.pagenation li:first-child {
	margin-left: 0;
}
.pagenation li.active {
	background-color: #999999;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: not-allowed;
	padding: 10px 20px;
}
.pagenation li a {
	background: none repeat scroll 0 0 #CCCCCC;
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
	background-color: #444444;
	color: #FFFFFF;
	opacity: 0.8;
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: ease;
}

.profile {
	position:relative;
}

.profile,
.profile img{
	margin:0!important;
	padding:0!important;
	box-sizing:border-box;
	line-height:0;

}



.profile span{
	position:absolute;
	left:0;
	bottom:0;
	background-color:rgba(0,92,153,0.8);
	color:#fff;
	padding:0.4em 0.2em;
	text-align:center;
	width:100%;
	box-sizing:border-box;
	line-height:1em;
}

.text-blue{
	color:#139FE9;
}

.text-blue:hover {
	color:#139FE9 !important;
	opacity: .6;
}


.bg-blue{
	background: #f2fbff;
}

.bg-gray {
	background: #F2F2F2;
}

.bg-yellow {
	background:#FFFDE5 !important;
}


.blue {
	background-color: #0A7DD6;
}

.l-blue {
	background-color: #139FE9;
}

.l-blue:hover {
	background-color: #139FE9;
}

.color-l-blue {
	color: #139FE9;
}

.m-blue {
	background-color: #0A83D5;
}

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

.font-bold {
	font-weight: bold;
}

.number-point{
	font-size:20px;
	display:flex;
	align-items:center;
	margin-bottom:0.8em;
	font-family:'Century Gothic';
}
.number-point span{
	font-size:300%;
	color:#a1a1a1;
	padding-left:0em;
	font-style:italic;

}

h3.section-title.service{
	font-size:180%;
}

@media screen and (max-width: 600px) {
	h3.section-title.service{
		font-size:120%;
	}
	
}

.anchor {
	display: block;
	position: relative;
	top: -120px;
	visibility: hidden;
}

.copy01{
	font-size:200%;
	font-weight:bold;
}

.copy02{
	font-size:130%;
	font-weight:bold;
}


.lead-pfi{
	font-size:120%;
	margin-bottom:30px;
	padding:1em;
	background: white;
	border-top: solid 5px #005c99;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}

#body{
	z-index:1;
	position:relative;
}

.row-10{
	margin-right:-5px;
	margin-left:-5px;
}

.row-10>.col,
.row-10>[class*=col-]{
	padding-right:5px;
	padding-left:5px;
}

/* @media screen and (min-width:768px){

	.article #the-content{
		width:80%;
		margin:0 auto;

	}
} */
 /* @media screen and (max-width: 480px) {
	p#message-logo {
		margin-bottom: 70px;
	}
 } */
.message-logo {
    display: block;
    padding-top: 110px;
    margin-top: -110px;
}

/* --------------------
*      SERVICE 
-------------------- */
.page-id-14 .subpage-contents {
	padding-bottom: 0;
}
#building-maintenance, 
#house-cleaning {
	margin: 0 calc(50% - 50vw + 8.5px);
	width: calc(100vw - 17px);
}

#house-cleaning .btn-arrow {
	color: #0067c0;
	border: 2px solid #0067c0;
}

#house-cleaning .btn-arrow::before {
	border-top: 1px solid #0067c0;
}

#house-cleaning .btn-arrow::after {
	background:#0067c0;
}

#house-cleaning .btn-arrow:hover {
	color: #0067c0 !important;
}

#solar-panel-cleaning .btn-arrow {
	color: #0A83D5;
	border: 2px solid #0A83D5;
}

#solar-panel-cleaning .btn-arrow::before {
	border-top: 1px solid #0A83D5;
}

#solar-panel-cleaning .btn-arrow::after {
	background:#0A83D5;
}

#solar-panel-cleaning .btn-arrow:hover {
	color: #0A83D5 !important;
}

.service-link {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 	flex-wrap: wrap; */
	gap: 20px;
}

.service-link li {
	width: 25%;
	list-style-type: none;
}

.service-link li a {
	padding: 16px 0;
	text-align: center;
	text-decoration: none;
}



.service-list {
	/* 	padding: 40px; */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2%;
	border-radius: 10px;
}

.service-item {
	margin-bottom: 45px;
	padding: 20px;
	width: 48%;
	background-color: #fff;
	box-shadow: 0px 3px 10px rgba(19 , 159 , 233, 0.15);
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	/* 	display: flex;
	gap: 20px; */
	/* 	display: flex;
	flex-wrap: wrap; */
	/* 	gap: 20px; */
}

/* .maintenance-item .img {
min-height: 220px;
} */

.service-item .title {
	/* 	margin-bottom: 15px; */
	position: relative;
}

.service-item .title:before {
	height: 200px;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

.service-item h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	margin:0;
	padding:0;
	color :#fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.service-item p {
	margin: 0 0 15px; 
}
.service-item img {
	/* 	aspect-ratio: 16 / 9; */
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
}

.service-item .text {
	flex: 1;
}

/* @media screen and (min-width:768px){
.maintenance-item {
width: 48% !important;
}

} */
.mb-5-1 {
	margin-bottom: 1.5rem !important;
}

@media screen and (max-width: 767px) {
	.service-list {
		padding: 0;
		width: 100%;
	}
	.service-item {
		margin-bottom: 30px;
	}


	.service-item {
		width: 100%;
	}

	.service-item:last-child {
		margin-bottom: 0;
	}

	#house-cleaning .contents-width{
		padding: 0 20px !important;
	}
	.service-link {
		flex-direction: column;
	}
	.service-link li {
		width: 100%;

	}

	.service-link li a {
		padding: 10px;
		text-align: left;
	}
}

.service-title {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-bottom: 0px;
  color: #0863aa;
}

.service-title:before, .service-title:after {
  content: '';
  position: absolute;
  top: 45%;
  display: inline-block;
  width: 45px;
  height: 3px;
  border-top: solid 1px #0863aa;
  border-bottom: solid 1px #0863aa;
}

.service-title:before {
  left:0;
}
.service-title:after {
  right: 0;
}

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

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

.br-sp {
	display: none;
}

h3.support-sub {
    text-align: center;
}
.link_wrap {
	text-align: center;
}

@media screen and (max-width: 480px) {
	.br-sp {
		display: block;
	}
	span.br-title {
    	font-size: 16px;
	}
	span.br-title2 {
    	font-size: 15px;
	}
	.service-title {
		width: 100%;
		text-align: center;
}

ul.news-info_wrapper {
    list-style: none;
    padding: 0;
}

}

@media screen and (max-width: 900px) {
	.flex-box {
    	display: block;
	}
	
}

/* --------------------
*      company 
------------------- */
#slogan .slogan {
	position: relative;
}

#slogan .slogan img {
	width: 100%;
}

#slogan .slogan:before {
	position: absolute;
	content: 'SLOGAN';
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-family: 'futura', sans-serif;
    font-size: 40px;
    color: #BCE1FF;
}

#slogan .txt {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
    text-align: center;
	font-size: 28px;
    font-weight: bold;
    color: #0067c0;
	text-shadow: #fff 1px 0 10px;
    letter-spacing: 0.2em;
}

#slogan .txt .en {
	display: block;
}
#corporate-philosophy .text {
	text-align: center;
}
#corporate-philosophy h3 {
	font-family: 'futura', sans-serif;
	font-size: 24px;
	color: #9B9B9B;
	letter-spacing: 0.08em;
}

#corporate-philosophy .list {
	padding: 0;
	list-style-type: none;
}

#corporate-philosophy .list li {
	margin-bottom: 10px;
}

#corporate-philosophy .list li:last-child {
	margin-bottom: 0;
}

#corporate-philosophy .list li .num {
	font-family: 'futura', sans-serif;
	color: #C1C1C1;
}

.message-wrap {
	display: flex;
	gap: 30px;

}
.message-wrap p {
	margin: 0;
}
.message-wrap .copy {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
}

.message-wrap .signature {
	margin-top: 30px;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 14px;
}

.message-wrap .signature img{
	width: 300px;
}
.message-wrap .img {
	width: 375px;
	border-radius: 12px;
}

.message-wrap img {
	border-radius: 12px;
}

.message-wrap .text {
	flex: 1;
	display: contents;
}

.company-profile {
    color: #333;
}
.company-profile dl{
	display: flex;
	border-bottom: 1px solid #ddd;
}

.company-profile dl dt {
	width: 15%;
}

.company-profile dl dt, 
.company-profile dl dd {
	padding: 5px 10px;
}

.company-profile dl dd {
	margin-left: 0;
	flex:1;
}

.company dl {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
}

.company dl dd {
	margin-left: 10px;
}

.company-access {
    color: #333;
}

#career,#history,#career h3,#history h3 {
    color: #333;
}

div#career li {
    margin-bottom: 10px;
}
div#history p {
    margin-bottom: 30px;
}
div#cooperating-companies p {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	#slogan .txt {
		font-size: 18px;
	}
	
	#slogan .slogan:before {
		font-size: 30px;
		top: -18px;
	}
	#corporate-philosophy h3 {
		font-size: 20px;
	}
	.message-wrap .signature img {
		width: 275px;
	}
	.message-wrap {
		flex-direction: column;
	}
	.message-wrap .img {
		width: 100%;
		text-align: center;
	}
	
	.message-wrap img {
		width: 70%;
	}
	.company-profile dl{
		margin: 0px 0;
		flex-direction: column;
	}	
	.company-profile dl dt {
		padding-bottom: 0;
	}
	.company-profile dl dt {
		width: 100%;
	}
	.company dl {
		display: block;
	}
	.company dl dd {
		margin-left: 0;
		margin-bottom: 0;
	}
	
}


/* --------------------
*      THESES 
------------------- */
.theses-contents li {
    margin-bottom: 15px;
	font-weight: 500;
}
.theses-contents li span {
    color: #808080;
}

.theses-contents.u-line li {
    border-bottom: dotted 1px #a9a9a9;
	list-style: none;
}

.btn-category {
    background: #fff;
    color: #333;
    padding: 0.5em 3em;
	margin: 5px 0;
    transition: all 0.2s ease-in;
    position: relative;
    display: inline-block;
    border: 2px solid #EE710B;
    border-radius: 4px;
    text-decoration: none;
}

ul.list.jp {
    padding: 0;
}
/* .btn-category::before,
.btn-category::after {
	content: "";
	position: absolute;
	transition: all 0.2s ease-in;
} */
/* .btn-category::before {
	width: 10px;
	height: 10px;
	right: 20px;
	top: 50%;
	transform: translateY(-40%) rotate(45deg);
	border-top: 1px solid #EE710B;
}

.btn-category::after {
	width: 24px;
	height: 1px;
	right: 18px;
	top: 53%;
	transform: translateY(-40%);
	background:#EE710B;
} */
.btn-category:hover {
	color: #808080 !important;
}
.btn-category .is-active {
	background: #EE710B;
	color: #fff;
}
.contents-width .tab-item:hover,
.contents-width .tab-item.is-active {
	background: #EE710B;
	color: #fff;
}
/* .contents-width .tab-item:first-child:hover,
.contents-width .tab-item.is-active {
	background: #EE710B;
	color: #fff;
} */
.tab-wrap {
    margin-bottom: 2.5rem;
	justify-items: center;
}
.tab-wrap.tab-news {
    margin-right: 100px;
}
.post-box li.results-post {
	width: 7%;
}
/* .btn-category:hover::before {
	right: 12px;
}

.btn-category:hover::after {
	right: 10px;
	width: 32px;
} */

ul.news-info_wrapper {
    list-style: none;
	padding: 0;
}
a.results-post2 {
    text-decoration: none;
	color: #808080;
	font-size: 14px;
}
h2.results-post3 {
    margin-block-end: 0px;
	color: #333;
	font-size: 16px;
}
li.results-post4 {
    border-bottom: dotted 1px #a9a9a9;
	margin-bottom: 25px;
	width: 100%;
}

#main .result {
    margin-bottom: 59px;
}

.post-box {
    display: flex;
    align-items: center;
	list-style: none;
    border-bottom: dotted 1px #a9a9a9;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
p.post-date {
    color: #7f8386;
    font-size: 14px;
}
.post-box .results-post4 {
    font-size: 12px;
    color: #333;
    display: inline-block;
    padding: 5px;
    width: 80px;
    text-align: center;
    margin: 0 15px;
    border: 1px solid #EE710B;
    width: 115px;
	font-weight: 500;
}
.post-box a.results-post2 {
	color: #333;
	width: 100%;
}
.post-box h2.results-post3 {
    text-decoration: none;
    width: 100%;
	margin-top: 0;
}

@media screen and (max-width: 1110px) {
	.post-box li.results-post {
    width: 9%;
	}

	.tab-wrap.tab-news {
    margin-right: 0;
}
}

@media screen and (max-width: 768px) {
	.theses-contents.u-line ul {
    padding: 10px;
	}

	.post-box {
    flex-wrap: wrap;
}
    .post-box li.results-post {
        width: 12%;
    }
}
@media screen and (max-width: 480px) {
	.btn-category {
    width: 100%;
    text-align: center;
}
    .post-box li.results-post {
        width: 22%;
    }
}
/* --------------------
*      PRICE 
------------------- */
.table {
	width: 100%;
	/* 	border-spacing: 10px */
	border-collapse:  collapse;
	line-height: 1.7;
}
.table th, 
.table td {
	padding: 16px;
	border: 1px solid #ddd;
}

.table th {
	width: 30%;
	text-align: left;
	font-weight: 400;
	vertical-align: middle;
	background: #f9f9f9;
}

.table td {
	text-align: center;
}

.price-table tr:nth-child(1) th{
	text-align: center !important;
	font-weight: bold;
	background:#eee;
}

.price-table th {
	text-align: center;
}

.price-table td {
	text-align: center;
}

.price-table.table-clm-4 th , 
.price-table.table-clm-4 td {
	width:24%;
}

/* #maintenance-price .table-clm-3 tr td:nth-of-type(2) {
	text-align: left;
}

#maintenance-price .table-clm-3 tr th:nth-of-type(1), 
#maintenance-price .table-clm-3 tr th:nth-of-type(2){ 
	width: 20%;
}
.table-clm-3 td {
	width: 35%;
	text-align: center;
}
.table-clm-3 th {
	text-align: center;
}
.table-clm-4 td {
	width: 24%;
	text-align: center;
}

.house-cleaning-price {
	background: #f2fbff;
}

.house-cleaning-price .menu-list {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	gap: 20px;
}

.house-cleaning-price .menu-list li {
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	background: #0067c0;
}

.house-cleaning-price .menu-list li img {
	margin: 0 auto 5px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
.house-cleaning-price .menu-list li a {
	position: relative;
	padding: 15px;
	color: #fff;
	font-weight: bold;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	transition: 0.3s all;
}

.house-cleaning-price .menu-list li a:after {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	left: 48%;
	bottom:15px;
	transform: rotate(135deg);
}

.house-cleaning-price .menu-list li a:hover {
	color: #fff !important;
	opacity: .6;
	transition: 0.3s all;
}

.house-cleaning-price .menu-list li div {
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
}



.house-cleaning-price h2.section-title {
	color: #fff;
	border: none;
	background:#0067c0;
	border-radius: 10px 10px 0 0;
}

.house-cleaning-price h2.section-title:first-letter {
	color:inherit;
}

.house-cleaning-price h2.section-title:after {
	content: none;
}

.house-cleaning-price .price-block {
	background : #fff;
}

.house-cleaning-price .price-block-inner {
	padding: 0 30px 30px;
}

.house-cleaning-price .table th {
	background: #f2fbff;
} */



@media screen and (max-width: 767px) {
	/* .house-cleaning-price .menu-list li {
		width: 100%;
	}
	.house-cleaning-price .menu-list li a {
		padding: 10px;
		display: flex;
		align-items:center;
		flex-direction: row;
	}
	.house-cleaning-price .menu-list li a:after {
		top: 48%;
		right: 15px;
		left: auto;
		bottom: auto;
		transform: rotate(45deg);
	}
	.house-cleaning-price .menu-list li img {
		margin: 0 15px 0 0;
		width: 70px;
		height: 70px;
	}
	.house-cleaning-price .menu-list li div {
		margin-bottom: 0;
	}
	.house-cleaning-price .price-block-inner {
		padding: 0 20px 20px;
	}
	.house-cleaning-price .table th, 
	.house-cleaning-price .table td {
		display: block;
		width: 100%;
		text-align: center;
		border-bottom: none;
	}
	.house-cleaning-price .table {
		border-bottom: 1px solid #ddd;
	} */
/* 	.js-scrollable {
   overflow-x: scroll;
   width: 767px;
} */
	.table-scroll {
		margin-bottom: 40px;
		overflow: scroll;
	}

	.table-scroll .table{
		width: 767px;
	} 
}

.float-button__wrap {
	display: none;
	width: 300px;
	height: 45px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	background: #000;
}


/* .float-button__wrap a {
wi
} */

#floating-banner {
	position: fixed;
	bottom: 70px;
	right: 10px;
	text-align:center;
	z-index: 999;
}

/* #floating-banner .box  {
display: flex;
justify-content: center;
} */

#floating-banner .building-maintenance{
	background: #139FE9;
}

#floating-banner .building-maintenance .ttl {
	color: #139FE9;
}

#floating-banner .house-cleaning {
	background: #0067c0;
}

#floating-banner .house-cleaning .ttl {
	color: #0067c0;
}

#floating-banner a {
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color :#fff;
	width: 120px;
	height: 90px;
	text-decoration: none;
	transition: 0.3s;
}

#floating-banner a:hover {
	opacity: .8;
	transition: 0.3s;
}

#floating-banner a span {
	display: block;
}
#floating-banner a .ttl {
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	border-radius: 50vh;
}

#floating-banner a .txt {
	font-size: 14px;
}



@media screen and (max-width: 767px) {
	#floating-banner {
		width: 100%;
		height: 60px;
		bottom: 0;
		right: 0;
	}
	.floating-inner {
		display: flex;
	}
	#floating-banner a {
		width: 100%;
		height: 60px;
		display: flex;
		/* width: 50%; */
		flex-direction: row;
		justify-content: center;
	}

	#floating-banner .box {
		display: flex;
		width: 50%;
		text-align: left;
	}

	#floating-banner a .ttl {
		padding: 0 5px;
		margin-bottom: 5px;
		text-align: center;
		display: block;
	}

	#floating-banner img {
		margin-right: 15px;
		width: 40px;
		height: 40px;
	}
	#footer {
		padding-bottom: 60px;
	}
}

/* 
#floating-banner a:hover {
opacity: 1;

}  */
/* 
.floating a {
display: block;
color: #fff;
background: #000;
padding: 8px;
text-decoration: none;
opacity: 0.6;
}
.floating a:hover {
opacity: 1;
} */