<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&amp;display=swap");
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100&amp;display=swap');
/*
Theme Name:osnet_Temp
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

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

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*//* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
img { vertical-align: top; font-size: 0; line-height: 0; }
sup { font-size: 8px; }
em { font-style: normal; }
iframe{ vertical-align:bottom; }
div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }
div:after, ul:after, ol:after, dl:after { clear: both; }
div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }


/* ----------------------------- ページネーション */
.pagination { clear: both; padding: 20px 0; position: relative; font-size: 14px; line-height: 14px; text-align: left; }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 10px 14px; margin: 0 8px 8px 0; background: #fff; border: 1px solid #ccc; color: #333; text-decoration: none !important; cursor: pointer; }
.pagination span.current, .pagination a.current { background: #000; border-color: #000; color: #fff !important; }
.pagination a:link, .pagination a:visited { color: #333; }
.pagination a:hover { background: #000; border-color: #000; color: #fff; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.pagination a.next, .pagination a.prev { background: transparent; border-color: transparent; padding-right: 8px; padding-left: 8px; }
.pagination a.next:hover, .pagination a.prev:hover { color: #333; }


/* ----------------------------- 全体 */
body { font-size: 14px; line-height: 1.8em; color: #333; 
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
background: #fff; position: relative; }

a:link, a:visited { color: #333; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

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

img, .bx-wrapper img { max-width: 100%; height: auto; }

*, *:before, *:after {
	box-sizing: border-box;
}

/* ----------------------------- 共通 */
.wrap{
	width: 90%;
	margin: 0 auto;
}
.wrap1200{
	width: 1200px;
	margin: 0 auto;
}
.wrap1000{
	width: 1000px;
	margin: 0 auto;
}
.wrap900{
	width: 900px;
	margin: 0 auto;
}
.wrap800{
	width: 800px;
	margin: 0 auto;
}
.spaced1{padding: 0 0 1vw 0;}
.spaced2{padding: 0 0 2vw 0;}
.spaced3{padding: 0 0 3vw 0;}
.spaced4{padding: 0 0 4vw 0;}
.spaced5{padding: 0 0 5vw 0;}
.spaced10{padding: 0 0 10vw 0;}
.spacet1{padding:1vw 0 0 0;}
.spacet2{padding:2vw 0 0 0;}
.spacet3{padding:3vw 0 0 0;}
.spacet4{padding:4vw 0 0 0;}
.spacet5{padding:5vw 0 0 0;}
.spacet10{padding:10vw 0 0 0;}




/* ----------------------------- タイトル */

.c_tit1{
	position: relative;
	text-align: center;
	font-size: 52px;
	line-height: 1;
	letter-spacing: 12px;
}

.c_tit1:after{
	content: "";
	display: block;
	width: 1px;
	height: 50px;
	background: #000;
	margin: 40px auto 0;
}





.c_tit2{
	font-size: 46px;
	line-height: 1;
	letter-spacing: 12px;
}


/* ----------------------------- ボタン */

.btn1{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 380px;
}

.btn1 a{
	text-decoration: none;
	display: block;
	border: 1px solid #333;
	border-radius: 30px;
	padding: 15px 0;
	background: url(images/common/icon1.png) center right 10px no-repeat;
	transition: 0.2s;
}
.btn1 a:hover{
	background-position: center right 5px;
	transition: 0.2s;
}
.btnttoi{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 380px;
	margin: 2vw auto;
}

.btnttoi a{
	text-decoration: none;
	display: block;
	border: 1px solid #333;
	border-radius: 30px;
	padding: 15px 0;
	background: url(images/common/icon1.png) center right 10px no-repeat;
	transition: 0.2s;
}
.btnttoi a:hover{
	background-position: center right 5px;
	transition: 0.2s;
}



/* ----------------------------- ヘッダー */

header{
	position: fixed;
	right: 0;
    top: 40px;
	/*height: 200px;*/
	z-index: 9999;
}


.sns{
	position: absolute;
	left: 2%;
    bottom: 4%;
}

.sns li{
	margin-bottom: 10px;
}

.sns li:last-child{
	margin-bottom: 0;
}
/* ----------------------------- ナビ */

.nav{
	/*width: 100px;*/
}

.nav li{
	position: relative;
	/*display: inline-block;*/
}

.nav li:last-child{
	margin-bottom: 0;
}

.nav li a{
	padding: 20px 40px 20px 20px;
	text-decoration: none;
	display: block;
	transition: 0.2s;
}

.nav li a:before{
	content: "";
	display: block;
	height: 1px;
	background: #4d4d4d;
	width: 30px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: 0.2s;
}

.nav li a:after{
	content: "";
	display: block;
	background: url(images/nav_icon.png) no-repeat;
	width: 15px;
	height: 5px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: 0.2s;
}



.nav li a span{
position: relative;
right: 0;
transition: 0.2s;
font-weight: bold;
}

.nav li.li1 a:hover span{
	/*padding-right: 50px;*/
	right: 10px;
	transition: 0.2s;
}
.nav li.li1 a:hover:before{
	width: 40px;
	transition: 0.2s;
}

.nav li.li2 a:hover span{
	/*padding-right: 50px;*/
	right: 10px;
	transition: 0.2s;
}
.nav li.li2 a:hover:before{
	width: 40px;
	transition: 0.2s;
}

.nav li.li3 a:hover span{
	/*padding-right: 50px;*/
	right: 10px;
	transition: 0.2s;
}
.nav li.li3 a:hover:before{
	width: 40px;
	transition: 0.2s;
}

.nav li.li4 a:hover span{
	/*padding-right: 50px;*/
	right: 10px;
	transition: 0.2s;
}
.nav li.li4 a:hover:before{
	width: 40px;
	transition: 0.2s;
}

.nav li.li5 a:hover span{
	/*padding-right: 50px;*/
	right: 10px;
	transition: 0.2s;
}
.nav li.li5 a:hover:before{
	width: 40px;
	transition: 0.2s;
}
/* ----------------------------- kv */

.kv{
	margin: 0 3%;
    position: relative;
    height: 85vh;
    padding-top: 3%;
}

.kv .kv_tit{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    width: 400px;
    height: 200px;
    z-index: 999;
    text-align: center;
}

.kv .kv_tit p{
	margin-top: 20px;
    font-size: 20px;
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

.kv .kv_tit .logo{
}

.kv .slider{
	height: 100%;
	overflow: hidden;
}

.kv .slider li{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 85vh;
	background-attachment: fixed;
}

.kv .slider li.slide1{
	background-image: url(images/common/kv_slide1.png);
}

.kv .slider li.slide2{
	background-image: url(images/common/kv_slide2.png);
}

.kv .slider li.slide3{
	background-image: url(images/common/kv_slide3.png);
}
.kv .scroll{
    position: absolute;
    width: 70px;
    /*height: 120px;*/
    left: 0;
    right: 0;
    /*bottom: -65px;*/
    top: 80vh;
    margin: auto;
    z-index: 999;
    text-align: center;
}
.kv .scroll a{
	display: block;
}
#concepthead .scroll,#servicehead .scroll,#toihead .scroll,#companyhead .scroll,#workshead .scroll,#allnewshead .scroll,#newshead .scroll{
    position: absolute;
    width: 70px;
    /*height: 120px;*/
    left: 0;
    right: 0;
    /*bottom: -65px;*/
    top: 70vh;
    margin: auto;
    z-index: 999;
    text-align: center;
}
#concepthead .scroll a,#servicehead .scroll a,#toihead .scroll a,#companyhead .scroll a,#workshead .scroll a,#allnewshead .scroll a{
	display: block;
}
@media only screen and (max-width: 767px) {
.kv .slider li.slide1{background-image: url(images/common/kv_slide1sp.png);}
.kv .slider li.slide2{background-image: url(images/common/kv_slide2sp.png);}
.kv .slider li.slide3{background-image: url(images/common/kv_slide3sp.png);}
}
/* ----------------------------- 下層kv */
.main{
	padding-top: 3%;
}

.under_main{
	padding: 100px 0;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.4);
	text-align: center;
	color: #fff;
}

.under_main h1{
	font-size: 70px;
	line-height: 1;
}

.under_main p{
	font-size: 20px;
	margin-top: 20px;
}


.main_under_page1{
	background: url(images/common/main_under_page1.png) center no-repeat;
	background-size: cover;
}


/* ----------------------------- トップ */

.top_block1{
	padding: 160px 0;
    margin-top: 40px;
}
.top_block1 .box1{
	position: relative;
}
.top_block1 p{
	text-align: center;
	font-size: 20px;
    line-height: 3;
    margin: 40px auto 0;
	width: 30%;	
}
.top_block1 .btn1{
	margin: 40px auto 0;
}

.top_block1 .img1{
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
	transition: 0.4s;
}

.top_block1 .img2{
	position: absolute;
	right: 0;
	top: 0;
    width: 30%;
    transition: 0.4s;
}

.top_block1 .img3{
	position: relative;
	text-align: center;
	transition: 0.4s;
	margin-top: 200px;
}
.top_block2{
	padding: 100px 0;
}

.top_block2 .box1{
	position: relative;
}

.top_block2 .txt{
	width: 48%;
	float: left;
}

.top_block2 .txt p{
	font-size: 18px;
    line-height: 3;
    margin-top: 40px;
}

.top_block2 .txt .btn1{
	margin-top: 40px;
}

.top_block2 .img1{
	position: relative;
	transition: 0.4s;
	width: 48%;
	float: right;
}

.top_block2 .img2{
	clear: both;
	position: relative;
	transition: 0.4s;
	text-align: center;
	padding-top: 100px;
}
.top_block3{
	padding: 100px 0;
	margin-top: 100px;
}

.top_block3 .txt{
	width: 46%;
	float: right;
}

.top_block3 .txt p{
	font-size: 18px;
    line-height: 3;
    margin-top: 40px;
}

.top_block3 .txt .btn1{
	margin-top: 40px;
}

.top_block3 .img1{
	position: relative;
	transition: 0.4s;
	width: 46%;
	float: left;
}
.top_block4{
	padding: 100px 0;
}

.top_block4 ul{
	margin-top: 80px;
}

.top_block4 li{
	font-size: 16px;
	font-weight: bold;
}

.top_block4 li a{
	border-bottom: 1px solid #ccc;
	padding: 3% 5%;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.top_block4 li:last-child a{
	border-bottom: 0;
}

.top_block4 li .date{
	float: left;
}

.top_block4 li .title{
	float: left;
	margin-left: 5%;
}

.top_block4 .btn1{
	margin: 80px auto 0;
}
.top_block5{
	padding: 100px 0 0;
}


.top_block5 .address{
	margin-top: 80px;
	text-align: center;
}

.top_block5 .address .tel{
	margin: 20px auto 0;
}
@media only screen and (max-width: 767px) {
.top_block1 p{
	width: 80%;	
}
}
/* ----------------------------- 下層ページ1 */

.under_page1_block1{
	padding: 100px 0;
}

.under_page1_block1 .img{
	float: left;
	width: 46%;
}

.under_page1_block1 .txt{
	float: right;
	width: 46%;
	margin-top: 100px;
}

.under_page1_block1 .txt h2{
	font-size: 22px;
}

.under_page1_block1 .txt p{
	margin-top: 40px;
	font-size: 16px;
	line-height: 3;
}
.under_page1_block2{
	padding: 100px 0;
}

.under_page1_block2 .img{
	float: right;
	width: 46%;
}

.under_page1_block2 .txt{
	float: left;
	width: 46%;
    margin-top: 160px;
}

.under_page1_block2 .txt h2{
	font-size: 22px;
}

.under_page1_block2 .txt p{
	margin-top: 40px;
	font-size: 16px;
	line-height: 3;
}
/*--------------------------------------------------------------
## PAGE COMMON
--------------------------------------------------------------*/
#cheadbox {
    width: 60%;
    background: rgba(255,255,255,0.8);
    padding: 3vw;
    margin: 5vw 5vw 25vw 0;
}
#cheadbox h1{
font-size: 1.8rem;
line-height: 160%;
letter-spacing: 0.6em;
}
#cheadbox h2{
font-size: 1.4rem;
line-height: 140%;	
letter-spacing: 0.6em;
}
#cpbox{
	padding:0vw 0 5vw 0;
	margin:0vw auto 2vw;
	width: 90%;
}
#cpbox h2{
	font-size: 1.2rem;
	letter-spacing: 0.2rem;
	line-height: 160%;
}

@media only screen and (max-width: 767px) {
#cpbox{
	margin: 25vw auto 2vw;
}
#cheadbox {
    width: 90%;
}
}

/*--------------------------------------------------------------
## PAGE CONCEPT
--------------------------------------------------------------*/
#concepthead{
background-image:url("images/concept/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
	margin: 0 3%;
position: relative;
height: 75vh;
padding-top: 3%;
}
@media only screen and (max-width: 767px) {
#concepthead{height: 75vh;}
}

/*--------------------------------------------------------------
## PAGE WORKS ARCHIVE
--------------------------------------------------------------*/
#workshead{
background-image:url("images/works/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
	margin: 0 3%;
position: relative;
height: 75vh;
padding-top: 3%;
}
@media only screen and (max-width: 767px) {
#workshead{height: 75vh;}
}

/*--------------------------------------------------------------
## PAGE SERVICE
--------------------------------------------------------------*/
#servicehead{
background-image:url("images/service/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
	margin: 0 3%;
position: relative;
height: 75vh;
padding-top: 3%;
}
#servicebox{
margin: 0 auto;
}
.serviceboxs{
overflow: hidden;
margin: 0;
padding: 0;
}
.serviceboxs h1{
font-size: 2.4rem;
font-weight: normal;
border-bottom: 1px solid #000;
text-align: left;
padding: 0 10vw 1.5vw 0; 
display: inline-block;
	margin: 0 0 5vw 0;
}
.serviceboxs h2{
font-size: 1.8rem!important;
margin: 0vw 0 0vw;
padding: 0 0 0 10.5vw;
position: relative;
}
.serviceboxs h2::before{
content: '';
display: inline-block;
border-bottom: 1px solid #000;
width: 10vw;
top:2vw;
left: 0vw;
position: absolute;
}

.serviceboxs h3{
font-size: 1.6rem;
margin: 0 0 1vw 0;
}
.serviceboxs h4{
font-size: 1.8rem!important;
margin: 0vw 0 2vw;
padding: 0 0 0 10.5vw;
position: relative;
}
.serviceboxs h4::before{
content: '';
display: inline-block;
border-bottom: 1px solid #000;
width: 10vw;
top:1vw;
left: 0vw;
position: absolute;
}
#serviceboxpbox{
	display: flex;
	margin: 0 auto 3vw;
}
.serviceboxl{	
	width: 40%;
	padding: 2vw;
	border: 1px solid #000;
	display: inline-block;
	margin: 0 5vw 0 0;
}
.serviceboxr{
	width: 40%;	
	padding: 2vw;
	border: 1px solid #000;
	display: inline-block;
	margin: 0 0vw 0 5vw;
}

.serviceboxs dl{
}
.serviceboxs dt{
width: 50%;
float: left;
font-size: 1.2rem;
line-height: 140%;
margin: 0 0 1vw 0%;
}
.serviceboxs dd{
float: left;
margin: 0 0 1vw 2%;
font-size: 1.2rem;
line-height: 140%;
}
.serviceop{
	margin: 0 0 3vw 0;
	font-size: 1.0rem;
	line-height: 160%;
}
.serviceop ul{
	
}
.serviceop li{
	margin: 0 0 1vw 0;
	font-weight: bold;
}
.serviceop ul ul{
	margin: 0 0 0 2vw;
}
.serviceop ul li ul li{
	margin: 0 0 1vw 0;
	font-weight:normal;
}
/**/
#mitumoribox{
margin: 3vw auto;
overflow: hidden;
padding: 2vw;
width: 90%;
background-color: #eee;
}
#mitumoribox h1{
font-size: 1.8rem;
margin: 0vw auto 2vw;
text-align: center;
padding: 0 0 0 0;
}
/*FORM*/
#fbuilder .top_aligned .fields label{
}
#fbuilder .fields{
padding: 0 0 2vw 0;
margin: 0 0 3vw 0; 
clear: both;
}
#fbuilder .fields::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 50px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #666666; /*下線の色*/
}
#fbuilder h5{
font-size: 1.4rem!important;
margin: 0vw 0 2vw;
padding: 0 0 0 5.5vw;
position: relative;
color: #000;
}
#fbuilder h5::before{
content: '';
display: inline-block;
border-bottom: 1px solid #000;
width: 5vw;
top:1vw;
left: 0vw;
position: absolute;
}
#fbuilder h3{
font-size: 1.6rem!important;
margin: 2vw auto 1vw;
text-align: center;
color: #000;
}
/*
#fbuilder .top_aligned .fields label::before{
content: '';
display: inline-block;
border-bottom: 1px solid #000;
width: 10vw;
top:1vw;
left: 0vw;
position: absolute;
}
*/
#fieldname4_1{
margin: 0 auto!important;
text-align: center;
font-size: 1.4rem;
padding: 1vw 0;
}
#fbuilder .one_column{
margin: 0.5vw 0;
}
#fbuilder input[type="text"]{
display: block!important;
}
@media only screen and (max-width: 767px) {
label{
color: #000!important;
}
}

/**/
#paypaybox{
border: 1px solid #000;
padding: 2vw;
margin: 2vw auto;
width: 60%;
position: relative;
z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	overflow: hidden;
}
#paypaybox h2{
font-size: 1.8rem!important;
margin: 0vw 0 2vw;
padding: 0 0 0 6vw;
position: relative;
}
#paypaybox h2::before{
content: '';
display: inline-block;
border-bottom: 1px solid #000;
width: 5vw;
top:2vw;
left: 0vw;
position: absolute;
}
#paypaybox h2 a{
text-decoration: none;
margin: 0;
padding: 1vw 0 0 0;
}
#paypaybox h2 img{
	float: left;
	margin: -0.5vw 0 0 2vw;
	width: 30%;
}

#paypaybox p{
	width: 30%;
	margin: 0 auto;
	text-align: center;
}
#paypaybox a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
	cursor: pointer;
}
#paypaybox:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
@media only screen and (max-width: 767px) {
#servicehead{height: 75vh;}
.serviceboxs h1{
font-size: 1.6rem;
padding: 0 10vw 1.5vw 0; 
margin: 0 0 5vw 0;
}
.serviceboxs h2{
font-size: 1.4rem!important;
padding: 0 0 0 10.5vw;
}
	
.serviceboxs h2::before{
width: 5vw;
top:4vw;
}
.serviceboxs h3{
font-size: 1.2rem;
}
.serviceboxs h4{
font-size: 1.4rem!important;
margin: 0vw 0 2vw;
padding: 0 0 0 10.5vw;
}
.serviceboxs h4::before{
width: 5vw;
top:2vw;
}
#serviceboxpbox{
display:block;
width: 90%;
margin: 0 auto 3vw;
}
.serviceboxl{
width: 80%;
margin: 0 auto 5vw;
}
.serviceboxr{
width: 80%;	
display: inline-block;
margin: 0 auto;
}
.serviceboxs dt{
width: 100%;
float: none;
font-size: 1.0rem;
line-height: 140%;
margin: 0 0 1vw 0%;
}
.serviceboxs dd{
float: left;
margin: 0 0 1vw 2%;
font-size: 1.0rem;
line-height: 140%;
}
/**/
#mitumoribox{
width:100%;
margin: 5vw auto;
color: #000;
}
#mitumoribox h1{
font-size: 1.4rem;
}
#fbuilder h5::before{
top:3vw;
}
#fbuilder h3{
margin: 2vw auto 5vw;
}

/**/
#paypaybox{
width: 90%;
	margin: 5vw auto;
}
#paypaybox h2{
font-size: 1.0rem!important;
margin: 0vw 0 2vw;
padding: 0 0 0 6vw;
position: relative;
}
#paypaybox h2::before{
content: '';
display: inline-block;
border-bottom: 1px solid #000;
width: 2vw;
top:2vw;
left: 0vw;
position: absolute;
}
#paypaybox h2 img{
	margin: -0.5vw 0 0 2vw;
	width: 30%;
}
#paypaybox p{
width: 80%;
}
}
/*--------------------------------------------------------------
## PAGE COMPANY
--------------------------------------------------------------*/
#companyhead{
	background-image:url("images/company/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
	margin: 0 3%;
position: relative;
height: 75vh;
padding-top: 3%;
}
#historybox{
width: 60%;
margin: 2vw auto 5vw;
}
#historybox h1{
font-size: 2.4rem;
font-weight: normal;
border-bottom: 1px solid #000;
text-align: left;
padding: 0 10vw 1.5vw 0; 
display: inline-block;
margin: 0 0 2vw 0;
}
#historybox p{
	margin: 0 0 1vw 0;
}

#companybox{
	width: 60%;
	margin: 2vw auto;
}
#companybox h1{
font-size: 2.4rem;
font-weight: normal;
border-bottom: 1px solid #000;
text-align: left;
padding: 0 10vw 1.5vw 0; 
display: inline-block;
margin: 0 0 2vw 0;
}

#companybox dl{
	overflow: hidden;
	padding: 0 0 2vw 0;
	margin: 0 0 2vw 0;
	border-bottom: 1px solid #000;
}
#companybox dt{
	width: 30%;
	float: left;
	padding: 0 0 1vw 0;
	text-align: left;
}
#companybox dd{
	padding: 0 0 1vw 2vw;
	text-align: left;
}


@media only screen and (max-width: 767px) {
#companyhead{height: 75vh;}
#historybox{
width: 90%;
margin: 2vw auto 5vw;
}
#historybox h1{
font-size: 1.6rem;
padding: 0 10vw 1.5vw 0; 
margin: 0 0 5vw 0;
}

#companybox{
	width: 90%;
	margin: 2vw auto;
}
#companybox h1{
font-size: 1.6rem;
padding: 0 10vw 1.5vw 0; 
margin: 0 0 5vw 0;
}
}
/*--------------------------------------------------------------
## PAGE CONTACT
--------------------------------------------------------------*/
#toihead{
background-image:url("images/contact/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
margin: 0 3%;
position: relative;
height: 75vh;
padding-top: 3%;
}



#contactarea{
	position:relative;
	z-index: 0;
	color: #333;
margin:-5vw auto 5vw;
width: 90%;
padding:8vw 0 5vw 0;
}
@media only screen and (max-width: 767px) {
#toihead{height: 40vh;}
#contactarea{
margin: -11% auto 0 auto;
	padding: 11% 0 0 0;
	
}
}

/*contact*/
#contactbox{
clear:both;
width:60%;
margin:5vw auto 5vw auto;
padding:0 0 5vw 0;
	font-size: 13px;	
}
@media only screen and (max-width: 767px) {
#contactbox{
clear:both;
width:100%;
margin:5vw auto 5vw auto;
padding:0 0 5vw 0;
	font-size: 13px;	
}
}
#contactbox a{
	color: #333;
	text-decoration:underline;
}
#contactbox a:hover{
	color: #333;
	text-decoration:none;
}
#contactbox dl{
clear:both;
border-bottom:1px #cccbcb solid;
width:100%;
min-height:40px;
line-height:230%;
padding:0 0 20px 0;
margin:1vw auto;
}
#contactbox dt{
	float:left;
	clear:left;
	width:35%;
	text-align:left;
	padding: 0 0 0 5%;
}
#contactbox dd{
	margin:0 0 0 35%;
	text-align:left;
	padding: 0 5% 0 0;
}
@media only screen and (max-width: 767px) {
#contactbox dt{
	float:none;
	clear:both;
	width:90%;
	text-align:left;
	padding: 0 0 0 0%;
	margin: 0 auto;
}
#contactbox dd{
	float:none;
	clear:both;
	width:90%;
	margin:0 auto;
	text-align:left;
	padding: 0 5% 0 0;
}
}


select, input, textarea, button { 
     vertical-align:middle; 
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
"MS PGothic", sans-serif;
     position:relative; 
     margin: 0 4px 2px 0;
     *margin-right:3px; 
     top:-1px; 
	font-size: 100%;
}
#contactbox h1{
	text-align:center;
	font-size: 350%;
	margin: 8vw auto 1vw;
	font-weight:bold;
	line-height:180%;
}
@media only screen and (max-width: 767px) {
#contactbox h1{
	text-align:center;
	font-size: 180%;
	margin: 8vw auto 1vw;
	font-weight:bold;
	line-height:180%;
}
}
#contactbox h2{
	text-align:center;
	font-size:180%;
	line-height:100%;
	letter-spacing:0.3em;
	font-weight:bold;
	margin: 20px auto 0;
}
#contactbox h3{
	text-align:center;
	font-size:160%;
	letter-spacing:0.1em;
	font-weight: normal;
	line-height:160%;
	margin:0 auto 10%;
	color: #333;
}
#contactbox h3 a,#contactbox h3 a:hover{
	color: #333;
}

#contactbox hr{
	height:0;
	border-bottom:1px #cccbcb dashed;
	margin:40px 0 40px 0;
	padding:0;
	background-color:#FFF;
}
.hissu{
	font-size: 85%;
	color:#fff;
	background-color: #f00;
	font-weight: bold;
	padding: 2px;
	margin: 0 0 0 3%;
}
/*CONTACTFORM*/
.wpcf7 input[name="your-name"],
.wpcf7 input[name="kana"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="tel"],
.wpcf7 input[name="fax"],
.wpcf7 input[name="address"],
.wpcf7 input[name="your-subject"] {
        width: 90%;
        height: 35px !important;
	padding: 3%;
}
 
.wpcf7 textarea[name="your-message"] {
	padding: 3%;
        width: 90%;
        height: 350px !important;
}
 .wpcf7 input[type=checkbox],.wpcf7 checkbox[name="acceptance-199"] {
width:			15px;
	height:			15px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}

.wpcf7c-elm-step1:disabled,.wpcf7c-elm-step1:disabled:hover{
	    background: #fefefe;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    width: 300px;
    padding: 10px 0;
    transition: 0.2s;
}

.wpcf7c-elm-step1,.wpcf7c-elm-step2{
    background: #e83818;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    width: 300px;
    padding: 10px 0;
    cursor: pointer;
    transition: 0.2s;

}
.wpcf7c-elm-step1:hover,.wpcf7c-elm-step2:hover{
    border: 2px solid #e83818;
    background: #eee;
    color: #e83818;

    font-size: 22px;
    font-weight: bold;
    width: 300px;
    padding: 10px 0;
    cursor: pointer;
    transition: 0.2s;

}
/*--------------------------------------------------------------
## PAGE ALLNEWS
--------------------------------------------------------------*/
#allnewshead{
background-image:url("images/news/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
margin: 0 3%;
position: relative;
height: 75vh;
padding-top: 3%;
}

#newsallbox{
	background-image:url("images/news/bg.png");
	background-repeat: no-repeat;
	background-size:cover;
	position: relative;
	z-index: 1;
	margin: -8vw 0 0 0;
	width: 100%;
	padding: 8vw 0 0 0;
}

#newsallboxs{
	background-color:rgba(255,255,255,0.8);
	z-index: 1;
	margin: -8vw auto;
	width: 80%;
	padding: 8vw 0vw 13vw;
}
.newslist{
	padding: 2vw 0 4vw;
	margin: 0;
}
.newslist ul{
	margin: 0 auto;
	padding: 5vw 0 4vw;
	text-align: center;
}
.newslist li{
	display: inline-block;
	margin: 0 1vw;
	font-size: 1.1rem;
}
.alllist::after,.yearlist::after{
	content: "|";
	padding: 0 0% 0 2vw;
	color: #000;
} 
.yearlist:last-child::after{
	content: "";	
	padding: 0 0% 0 20%;
}
.alllist{
	color: #D22819;
}
.yearlist{
		color: #000;
}
.alllist a{
		color: #D22819;
}
.alllist a:hover,.yearlist a:hover{
		color: #999;
}

.yearlist a{
		color: #000;
}

@media only screen and (max-width: 767px) {
#pnewshead,#pnewsheaden{
background-size:100%;
min-height: 22vh;
	padding: 0vw 0 0 0;
}
#newsallboxs{
	margin: -8vw auto 20vw;
	width: 90%;
	padding: 8vw 0vw 13vw;
}
.newslist li{
	font-size: 0.9rem;
}
}
/*--------------------------------------------------------------
## PAGE ALLNEWS
--------------------------------------------------------------*/
#newshead{
background-image:url("images/news/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
margin: 0 3%;
position: relative;
height: 75vh;
padding-top: 3%;
}
@media only screen and (max-width: 767px) {
}

/*--------------------------------------------------------------
## ARCHIVE WORKS
--------------------------------------------------------------*/
#workslistbox{
overflow: hidden;
width: 100%;
margin: 5vw auto;
text-align: center;
}
.workslists{
width: 30%;
display: inline-block;
margin: 0 1vw 2vw;
}
.workslists h2{
clear: both;
overflow: hidden;
width:100%;
}
.workslists img{
width: 100%;
height: auto;
clear: both;
overflow: hidden;
}
.workslists h3{
font-weight: bold;
font-size: 1.0rem;
margin:1vw 0 0vw 0;
}
.workslists a h3{
color: #000;
text-decoration: none;
}
.workslists h3:hover{
text-decoration: none;
}
/*--------SMALL PC-------*/
@media only screen and (max-width: 1200px) {
}
/*--------ipad-------*/
@media only screen and (max-width: 1024px) {
.workslists{
width:45%;
display: inline-block;
margin: 0 1vw 2vw;
}

}
/*--------sp-------*/
@media only screen and (max-width: 599px) {
}

/*--------------------------------------------------------------
## SINGLE WORKS
--------------------------------------------------------------*/
#workssinglehead{
overflow: hidden;
width: 90%;
margin: 0 auto 2vw;
}
#workssinglehead h1{
font-size: 1.8rem;
text-align: center;
margin: 0 0 2vw 0;
position: relative;
display:block;
}
#workssinglehead h1::after{
content: "";
position:absolute;
bottom: -30px;
width:10%;
height:2px;
background-color: #000;
left:45%;
margin: 0 auto;
display: block;
}
#workssinglehead p{
width: 80%;
margin: 0 auto;
text-align: center
}
/*SINGLE TXT*/
.content .wp-block-heading{
margin:1vw 0 1vw;
padding: 0;
font-size: 1.2rem;
}
.content p{
font-size: 1.0rem;
line-height: 160%;
margin: 0 0 1vw 0;
}
/*--------SMALL PC-------*/
@media only screen and (max-width: 1200px) {
}
/*--------ipad-------*/
@media only screen and (max-width: 1024px) {
}
/*--------sp-------*/
@media only screen and (max-width: 599px) {
}


/* ----------------------------- フッター */

.under_footer{
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid #333;
	padding: 40px 0 10px;
	margin-top: 8%;
}

.map{
	margin-top: 40px;
}


.under_footer .address{
	/*text-align: center;*/
}

.address h3{
	font-size: 20px;
}

.address .tel{
	background: #999;
	border-radius: 30px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 22px;
	width: 400px;
	margin-top: 20px;
}

.address .tel span{
	font-size: 14px;
	margin-left: 0.5em;
}

.address p{
	margin-top: 20px;
	font-size: 16px;
    line-height: 2;
}


footer .copy{
	text-align: center;
	color: #808080;
	padding: 5px 0;
}

.pagetop{
	right: 2%;
    width: 50px;
}

/**/
/* ----------------------------- アコーディオン */
.accordion ul {
	list-style: none;
	margin:0;
}
label{
	cursor: pointer;	
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 ;
}
.toggle{
	display: none;
}
.toggle + ul{
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease-out;
}
.toggle:checked + ul{
	max-height: 999px;
	transition: all 2s ease-in;
}
.accordion ul li ul{
	clear: both;
	width: 240px!important;
		background-color: rgba(230,230,230,0.9);	
	color: #000;
	float: left!important;

}
.accordion ul li ul h2{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 ;
	border-top: 1px solid #fff;
	background-color: rgba(200,200,200,0.9);
}

.accordion ul li ul li{
	clear: both;
	width: 240px!important;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 ;
	border-top: 1px solid #fff;
	color: #000;
	margin: 0!important;
}
.accordion ul li ul li a{
	color: #000;
}
.accordion ul li ul li a:hover{
	color: #666;
}
@media only screen and (max-width: 767px) {
.accordion ul {
	list-style: none;
	margin:0;
}
label{
	cursor: pointer;	
	font-size: 16px;
	font-weight: bold;
	color: #555;
}
.toggle{
	display: none;
}
.toggle + ul{
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease-out;
}
.toggle:checked + ul{
	max-height: 999px;
	transition: all 2s ease-in;
}
.accordion ul li ul{
	clear: both;
	width: 100%!important;
		background-color: rgba(255,255,255,0.0);	
	float: none!important;

}
.accordion ul h3{
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 15px 20px ;
		color: #555;
			border-top:none;
}

.accordion ul li ul li{
	clear: both;
	width: 100%!important;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 15px 20px ;
	color: #555;
	height: 60px;
	margin: 0!important;
		border-top:none;
}
.accordion ul li ul h2{
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 15px 20px ;
	border-top:none;
	background-color: rgba(200,200,200,0.0);
}
	.accordion ul li ul li a{
	color: #555;
}
.accordion ul li ul li a:hover{
	color: #555;
}
}
/*SP NAV*/
.overlay,.button_container,.head-bar,.sp-menu,.g-nav,.menu-trigger{display: none;}
@media (max-width: 767px){
.overlay,.button_container,.head-bar,.sp-menu,.g-nav,.menu-trigger{display:block;}
#gnav{display: none;}
.button_container {
  position: fixed;
  top: 3%;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.button_container.close {
  position: fixed;
  top: 4%;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.button_container:hover {
  opacity: 0.7;
}
.fixed .button_container{
  top: 2%;
}	
	.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #333;
}
.button_container.active .middle {
  opacity: 0;
  background: #333;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #333;
}
.button_container span {
  background: #000;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
	z-index: 1;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
	z-index: 10;
}

.overlay.close {
  position: fixed;
  background: #333;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
}

.overlay.open {
  opacity: 0.9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
	z-index: 9999;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-50%);
transform: translateY(-50%);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
.site-header.fixed nav{
margin:0px 0 0 0;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 90%;
}
.overlay ul li{
display: block;
height: calc(100% / 9);
 position: relative;
opacity: 0;
margin: 0 0 1vw 0;
}
.overlay ul li ul li{
	font-size: 80%;
	margin: 0 0 0 0;
	line-height: 90%;
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.overlay ul li ul li span{
font-size: 60%;
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
	
.overlay ul li a {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none;
  overflow: hidden;
	padding: 0 0 1vw 0;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: "";
  position: absolute;
  bottom: 0vw;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  background: #000;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}
}
	@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.snssp{
	margin: 5vw auto 0;
}
.snssp ul{
margin: 0 auto;
}
.snssp li{
display: inline-block!important;
width: 45%;
	margin: 0 2vw;
}

/*--------------------------------------------------------------
## 追加
--------------------------------------------------------------*/
.grecaptcha-logo,.grecaptcha-badge{display: none!important;}
/*--------SMALL PC-------*/
@media only screen and (max-width: 1200px) {
}
/*--------ipad-------*/
@media only screen and (max-width: 1024px) {
}
/*--------sp-------*/
@media only screen and (max-width: 599px) {
}</pre></body></html>