<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
* { margin: 0px; padding: 0px; font-size: 100%;font-size: 14px; }
th { font-weight: lighter; }
img { border: none; vertical-align: bottom; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;padding: 0;border: 0;font-size: 0.85em;font: inherit;vertical-align: baseline;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { height: 101%; }
body { font-size:0.95em; line-height: 1;color: #333;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック","游ゴシック体", "Yu Gothic", "メイリオ",Meiryo, sans-serif; }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body {min-width: 320px;background-color: #effeff;background-color: #edf7fd;}

p { font-size: 1em;line-height: 1.7; }
a{text-decoration:none;}

.clearfix:after {content: " ";display:block;clear:both;*zoom: 1;}



.flex{width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}
.mt_80{margin-top:80px !important;}
.mt_100{margin-top:100px !important;}
.mb_30{margin-bottom:30px !important;}


.bold{font-weight:bold;}
.text-center{text-align:center !important;}
.pc-center{text-align:center;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}

.annotation{font-size:12px;}
.first{margin-top:0 !important;}
.red{color: #F9420A;}
.green{color: #50b464;}
.pc-br{display:block;}
.sp-br{display:none;}
.underline{ text-decoration:underline;color: #e94a4f;font-weight: normal;}
.underline-green{ text-decoration:underline;color: #50b464;font-weight: normal;}


table{width:100%;}
table th {border-bottom-width: 0px;border-left-width: 0px;}
table tr td {border-bottom-width: 0px;border-left-width: 0px;vertical-align: text-top;}
html{
    scroll-behavior: smooth;
}
ul li{line-height: 1.3;}

img{height: auto;}
.wide{width:88%;margin-right:auto;margin-left:auto;max-width: 1100px;}
.home .wide{max-width: 1200px;}
.text-small{font-size:0.6em;}

@media screen and ( max-width:1150px ){

}

@media screen and ( max-width:767px ){
    .pc-br{display:none;}
    .sp-br{display:block;}
	.pc-center{text-align:left;}
}





/* リンク設定
------------------------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;transition: 0.5s;-webkit-transition:0.5s
}

a:hover, a:active{
outline:none;
opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/**** Clearfix ****/

.nav .panel:before,nav .panel:after, #mainNav:before,#mainNav:after, .newsTitle:before,.newsTitle:after{
content:"";
display:table;
}

nav.panel:after,#mainNav:after,.newsTitle:after{
clear: both;
}

nav.panel,#mainNav,.newsTitle{
zoom: 1;
}


/* レイアウト
------------------------------------------------------------*/

#wrapper, .inner{
margin:0 auto;
}

#sidebar{
float:left;
width:320px;
padding:42px 0;
}

/* タイポグラフィ
------------------------------------------------------------*/



.post h3{
margin:15px 0 25px;
padding:15px 0;
font-size:120%;
font-weight:bold;
border-bottom:1px solid #000000;
}

.post h4{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h5{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}
 
.post blockquote p{
padding:5px 0;
}

.post table{
border:1px #cccccc solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
padding:15px;
border:#cccccc solid;
border-width:0 0 1px 1px;
font-weight:bold;
}

.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}

.post dt{
font-weight:bold;
}

.post dd{
padding-bottom:10px;
}

.post img{
max-width:100%;height:auto;
}

img.aligncenter{
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}




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

#footer{clear:both;padding:40px 0;background: #fff;} 
#footer p{line-height: 1.5;}
#footer-text{width: 45%;float:left;}
#footer-access{width:50%;float:right;margin-top: 10px;}

.footerLogo{margin: 20px 0 10px;}
.footerLogo img{display:block;margin-bottom: 20px;}
.footerLogo a{color: #000;display:inline-block;font-size: 1.25em;}
.footer-tel{color:#000;}

#footer ul li{display:inline-block;text-align:left;padding:0;margin-right: 50px;}
#footer ul li a{line-height: 40px;color: #000;display: block;}
#footer ul li a:hover{color:#1db8df;}

#copyright{margin-top:30px;font-size:13px;padding-bottom: 20px;}

#pagetop{position:fixed;right:20px;bottom:15px;cursor:pointer;}
#pagetop img{width:50px;display: block;margin: 0 auto;background: rgba(29,184,223,0.7);}

@media only screen and (max-width:959px){
	#footer{padding: 0;}
	#footer-text{width: 88%;margin:auto;text-align: center;float:none;}
	#footer ul{justify-content:center}
	#footer ul li:last-child{margin-right:0;}
	.footerLogo img {margin: 0 auto 20px;}
	#footer-access{width: 100%;margin-bottom:20px;float:none;margin-top:0px;}
	#footer .wide{width: 100%;}
}
@media only screen and (max-width:767px){
	.footer-tel {background: #1db8df;display: block;padding: 0px 30px;line-height: 50px;
    height: 50px;
    border-radius: 6px;
    margin: 5px auto 10px;
    text-align: center;
    font-size: 1.25em;
    color: #fff;
    font-weight: bold;transition: 0.5s;
-webkit-transition: 0.5s;}
	.footer-tel:hover{transition: 0.5s;
-webkit-transition: 0.5s;
border-radius: 6px;
background: #d8eefb;
color: #1db8df !important;
transform: scale(0.95);
opacity: 1;}
	#footer ul li {margin-right: 0px; width: 33%;}
	#footer ul li a{padding: 0 20px;}
}
@media only screen and (max-width:500px){
	#pagetop {right: 10px;bottom: 10px;}
	#footer ul li {width: 50%;}
}


/* メインメニュー　PC用
------------------------------------------------------------*/

nav#mainnav ul{color: #fff;padding:0;text-align: right;}
nav#mainnav ul li{display:inline-block;}
nav#mainnav ul li a{padding: 20px;display:block;
text-align:center;
line-height:1.7;color: #000;}
nav#mainnav ul li:last-child a{padding: 20px;background: #d8eefb;border-radius: 0 6px 6px 0;padding: 20px 40px;margin-left: 20px;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
nav#mainnav ul li:last-child a:before{content: '';display: inline-block;width: 20px; height: 20px;background-image: url(images/mail-blue.svg);background-size: contain;vertical-align: middle; margin-right:10px;margin-top:-2px; background-repeat:no-repeat;}
nav#mainnav ul li:last-child a:hover{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;background:#1db8df;color:#fff;}
nav#mainnav ul li:last-child a:hover span{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;color:#fff;}
nav#mainnav ul li:last-child a:hover:before{content: '';display: inline-block;width: 20px; height: 20px;background-image: url(images/mail-white.svg);background-size: contain;vertical-align: middle; margin-right:10px;margin-top:-2px; background-repeat:no-repeat;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}

nav#mainnav ul li a span{display:block;color:#1db8df;font-weight: bold;font-size: 0.9em;}
nav#mainnav ul li a:hover{}
.sp-btn{display:none;}

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

nav div.panel{
display:block !important;
}

a#menu{
display:none;
}

}
@media only screen and (max-width:1100px){
	nav#mainnav ul li a{padding: 0 0px 0 30px;}
}


/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:1024px){

#header{
margin-top:0px;
width:100%;
z-index:500;
}
	
#headerWrap{
position:relative;
width:100%;
}

#header .pnav ul{
display:none;
}

a#menu{
display:inline-block;
position:relative;
width:70px;
height:70px;
}

#menuBtn{
display:block;
position:absolute;
top:50%;
left:30%;
width:30px;
height:2px;
margin:-1px 0 0 -7px;
background:#1db8df;
transition:.2s;
}

#menuBtn:before, #menuBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:30px;
height:2px;
background:#1db8df;
transition:.3s;
}

#menuBtn:before{
margin-top:-10px;
}

#menuBtn:after{
margin-top:8px;
}

#menuWrap{height: 70px;}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
display:none;
overflow:hidden;
position:relative;
left:0;
top:0;
z-index:100;
}

#mainnav{
position: fixed;
top:0;
width:100%;
text-align:right;
z-index:500;
height: 70px;
}

#mainnav ul{
background: #edf7fd;
padding: 10px 0;
text-align:left;
}

#mainnav li{margin: 0;width: 100%;}

#mainnav li a{
position:relative;
display:block;
padding:12px 10px;
border-bottom: 1px dashed #afd9f2;
}
#mainnav li:last-child a{border:none;}
#mainnav li a img{display:block;margin-bottom:10px;width: 80px;margin: 0 auto 20px;}

nav#mainnav ul li a{padding: 15px 70px;text-align:left;}
nav#mainnav ul li a span {display: inline;margin-left: 20px;}

nav#mainnav ul li:last-child a {margin-left: 0px;}

.sp-btn{display:block;width:140px;position:fixed;top:0;right:70px;z-index:1000;}
.sp-btn li{width:50%;}
.header-inner .sp-btn li a{display:block;padding: 20px;}
.header-inner .sp-btn li img{display:block;width:100%;}

}



@media only screen and (max-width:1024px){

#wrapper, .inner{
width:100%;
}

#header h1{
display:none;
}

}



/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width: 644px){

img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}

.alignright,.alignleft{
float:none;
}
}



/* ヘッダー*/
#header{width: 92%;margin: auto;z-index: 10;max-width: 1500px;}
.home #header{position: absolute;left: 0;right: 0;margin: auto;z-index: 10;}

.header-top{display: flex;justify-content:space-between; padding:10px 0 2px;color:#fff;align-items: baseline;}
.header-top .header-h{font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.05em;}
.header-tel a{color:#fff;font-weight:bold;font-size:2.2em;line-height: 1;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.02em;}
.header-tel span{display: inline-block;font-size: 0.9em;line-height: 1.2;margin-left: 20px;}
.header-tel a:before{content: '';display: inline-block;width: 20px; height: 20px;background-image: url(images/tel-white.svg);background-size: contain;vertical-align: middle; margin-right:5px;margin-top:-2px; background-repeat:no-repeat;}

.header-inner{background: #fff;border-radius: 6px;padding: 0px 0 0 4%;display: flex;justify-content:space-between;align-items: center;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;letter-spacing: 0.05em;}
.header-inner p a {display: inline-block;}
.header-inner a img{width: 174px;display: block;padding-top: 5px;}

@media only screen and (max-width:1200px){
	.header-top .header-h {letter-spacing: 0em;}
}
@media only screen and (max-width:1150px){
	.header-tel span{margin-top: 0px;display: block;margin-bottom: 5px;}
	.header-tel span br{display:none;}
	.header-tel{text-align: right;}
}
@media only screen and (max-width:1024px){
	#header {width: 100%;background: rgba(255,255,255,0.95);height: 70px;position: fixed;top: 0;}
	.home #header{position: fixed;}
	.header-inner { padding: 0;}
	.header-inner { background: transparent;}
	.header-logo{position:fixed;top:10px;left:4%;z-index:1000;}
	.header-inner a img {padding-top: 0px;width: 140px;}
	.header-tel {display: none;}
}

/* 見出し*/
h2{font-size: 1.8em;margin:0px 0 50px;color:#000;line-height: 1.3;position: relative;font-weight: bold;text-align:center;font-weight: 500;font-family: 'Noto Sans JP', sans-serif;}
h2 span{padding:0px;display:block;line-height: 1.3;font-size: 18px;color: #1db8df;margin-top: 10px;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.2em;font-weight: 700;}
/*h2{font-size:2.2em;margin-top: 60px;letter-spacing: 0.1em;margin-bottom: 40px;font-weight: bold;color: #0c416f;}

h2 span{    font-size: 0.85em;display: block;margin-top: 15px;}*/
.contact-page h2{}
h3 { margin: 50px 0 20px;font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4em;
    color: #1db8df;
    line-height: 1.3;
    position: relative;
    font-weight: bold;
}
.home h3{font-size: 2em;margin: 40px 0 30px;}

 h4 { margin: 30px 0 10px;
    font-size: 1.3em;font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.3;
    position: relative;
    font-weight: bold;
}
h5{ margin: 20px 0 5px;
    font-size: 1.1em;font-family: 'Noto Sans JP', sans-serif;
    color: #1db8df;
    line-height: 1.3;
    font-weight: bold;
}
h6{ margin: 10px 0 5px;
    font-size: 1em;font-family: 'Noto Sans JP', sans-serif;
    color: #1db8df;
    line-height: 1.3;
    font-weight: bold;
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:959px){
}
@media only screen and (max-width:767px){
	h2 { margin: 0px 0 30px;font-size: 1.5em;}
	.home h3 {font-size: 1.3em;margin: 40px 0 15px;}
	h3 { font-size: 1.3em;}
	h4 { font-size: 1em;}
	.home h2 span{margin-top: 5px;}
}
@media only screen and (max-width:600px){
	h2 { margin: 0px 0 30px;font-size: 1.3em;}
	h3{margin: 30px 0 20px;}
	h4 {margin: 20px 0 10px;}
}
@media only screen and (max-width:500px){
}
@media only screen and (max-width:400px){
}
@media only screen and (max-width:350px){
}



/* トップページ*/
.top-image{position:relative;}
.top-image-color{background: linear-gradient(rgba(46,168,212,0.8), rgba(5,98,139,0.8));width: 100%;
height: 100%;display: block;position: absolute;top: 0;}
.top-image-bg img { width: auto;display: block;margin: auto;height: 95vh;}
.top-image-on{position: absolute;bottom: 0px;top:0;right:0;left:0;margin:auto;width: 100%;max-width:900px;padding-top: 10%;}

.top-greeting{padding: 50px 0;}
.top-greeting p{text-align:center;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.05em;font-size: 1.25em;line-height: 2;}
.infomation{background:#fff;box-shadow: 0 0 20px rgba(10, 131, 198, 0.07);
-moz-box-shadow: 0 0 20px rgba(10, 131, 198, 0.07);
-webkit-box-shadow: 0 0 20px rgba(10, 131, 198, 0.07);
-o-box-shadow: 0 0 20px rgba(10, 131, 198, 0.07);
-ms-box-shadow: 0 0 20px rgba(10, 131, 198, 0.07);padding: 50px 6%;}
.infomation-inner{display:flex;justify-content:space-between;}
.infomation-img{width:27%;}
.infomation-img img{width:100%;display:block;}
.infomation-inner dl{padding: 0px 60px 40px ;width: 70%;width: 100%;position: relative;height: 400px;height: auto;}
.infomation-inner dl dt span{color: #9d9d9e;display: block;font-size: 0.8em;}
.infomation-inner dl dt{color: #000;font-size:1.2em;;margin-bottom: 5px;line-height:1.3;}
.infomation-inner dl dd{line-height:1.4;margin-bottom:20px;}
.scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
.infomation-inner dl a{color: #1db8df;text-decoration: underline;}

@media only screen and (max-width:1400px){
	.top-image-bg img { width: 100%;height: auto;}
}
@media only screen and (max-width:1150px){
	.top-image-on {width: 80%;}
}
@media only screen and (max-width:1024px){
	.top-image {margin-top: 70px;}
	.top-image-on {padding-top: 0%;}
	.top-greeting p{text-align:left;}
}
@media only screen and (max-width:959px){
	.top-greeting p {font-size: 1.1em;letter-spacing: 0em;}	
	.infomation-inner {display: block;}
	.infomation-img{width:100%;}
	.infomation-img img {max-width: 400px;margin: 0 auto 50px;}
	.infomation-inner dl {padding: 0px 0px 40px; width: 100%;height: 300px;height: auto;}
}
@media only screen and (max-width:767px){
	.top-greeting { padding: 30px 0;}
	.infomation{padding: 30px 6%;}
}
@media only screen and (max-width:600px){
	.top-greeting p {font-size: 1.05em;line-height: 1.8;}
}


.top-service{padding:80px 6%;}
.top-service-inner{max-width: 1500px;margin: auto;}
.top-service-inner .top-service-img{width:40%;margin-right:6%;}
.top-service-inner .top-service-img img{width:100%;display:block;}
.top-service-inner ul{width:54%;align-content: flex-start;}
.top-service-inner ul li{width:48%;margin-right:4%;margin-bottom: 20px;font-size: 1.25em;text-indent: -1.8em;padding-left: 1.8em;}
.top-service-inner ul li a{color:#fff;}
.top-service-inner ul li:nth-child(2n){margin-right:0%;}
.top-service-inner ul li:before{content: '';display: inline-block;width: 20px; height: 20px;background-image: url(images/icon-drop.svg);background-size: contain;vertical-align: middle; margin-right:10px;margin-top:-2px; background-repeat:no-repeat;}
.top-service-inner ul li:last-child:before{background-image:none;margin-right:0;width: 0px;}

@media only screen and (max-width:1250px){
	.top-service-inner ul li{font-size: 1.15em;}

}
@media only screen and (max-width:1200px){
	.top-service-inner .top-service-img{width:35%;margin-right:4%;}
	.top-service-inner ul{margin-right:0%;width:61%;}
}
@media only screen and (max-width:1024px){
	.top-service-inner .top-service-img,.top-service-inner ul{width:100%;margin-right:0%;}
	.top-service-inner ul{margin-top:60px;}
	.top-service-inner .top-service-img img {max-width: 500px;margin: auto;}
}
@media only screen and (max-width:767px){
	.top-service {padding: 60px 6% 30px;}
	.top-service-inner ul li {font-size: 1.05em;}
	.top-service-inner ul {margin-top: 30px;}
}
@media only screen and (max-width:480px){
	.top-service-inner ul li {font-size: 1em;text-indent: -1.6em;padding-left: 1.6em;}
	.top-service-inner ul li:before {margin-right: 5px;}
}
@media only screen and (max-width:450px){
	.top-service-inner ul li,.top-service-inner ul li:nth-child(2n){width:100%;margin-right:0%;}
}


.top-about{background:url(images/top-contents-bg.jpg); background-repeat:no-repeat; background-position:center; background-size: cover;}
.top-bg-blue{background: linear-gradient(rgba(46,168,212,0.8), rgba(5,98,139,0.8));padding: 80px 6% 40px; }
.top-bg-blue h2,.top-bg-blue h2 span{color:#fff;}
.top-contents{max-width: 1500px;margin: auto;}
.top-contents li{width:30%;margin-right:5%; text-align:center;}
.top-contents li:nth-child(3n){margin-right:0%;}
.top-contents li img{width:100%;display:block;}
.top-contents li p{margin-top: 20px;}
.top-contents li a{font-size:1.25em;color:#fff;font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.05em;}
.top-contents li a span{font-size:0.85em;margin-left:15px;letter-spacing: 0.15em;font-weight: 700;}


.img-hover{ overflow:hidden;display:block;}
.img-hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
.img-hover:hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;transform:scale(1.1);opacity:1;}
.img-hover:hover{opacity:1;}

.top-contact{padding: 0px 0 0px;}
.home .top-contact{padding: 90px 0 0px;}

.top-contact ul li h3{font-size:20px;margin-top: 0;}
.top-contact ul{margin-bottom:40px;}
.top-contact ul li{width:46%;margin-right:8%;padding: 30px;text-align: center;position:relative;overflow:hidden;background-image: url(images/top-contact.svg); background-size: 600px 200px;
background-position-y: 0px;
background-repeat: no-repeat;
background-position-x: right; }
.top-contact ul li img{width: 100%;display: block;}
.top-contact ul li:nth-child(2){margin-right:0%;}

.lead{line-height: 1.7;font-size:1.7em;font-weight:bold;margin-bottom: 40px;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;text-align:center;}
.lead span{font-size:17px;display:block;}
.top-contact .lead,.top-contact .lead span{color:#fff;}
.contact-tel{font-weight: bold;color:#1db8df;font-size: 2.8em;line-height: 1;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.02em;}
.contact-tel:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(images/tel-blue.svg);
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  background-repeat: no-repeat;
}

.linkbtn a{display:inline-block;color:#fff;padding: 30px 40px;font-size: 1.15em;line-height:1.3;font-family: 'Noto Sans JP', sans-serif;transition: 0.5s;-webkit-transition:0.5s; position:relative; background:#1db8df;}
.linkbtn a:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(images/mail-white.svg);
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  background-repeat: no-repeat;
}
.linkbtn a:hover{transition: 0.5s;-webkit-transition:0.5s;border-radius:0px; background:#d8eefb;color:#1db8df;transform:scale(0.95);opacity:1;}
.linkbtn a:hover:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(images/mail-blue.svg);
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  background-repeat: no-repeat;
}

@media only screen and (max-width:1024px){
	.contact-tel {font-size: 2.4em;}
	.linkbtn a {padding: 20px;}
}
@media only screen and (max-width:959px){
	.top-about{background:none;}
	.top-bg-blue { background: linear-gradient(rgba(46,168,212,1), rgba(5,98,139,1));padding: 60px 6% 20px;}
	.top-contact ul li {width: 48%;margin-right: 4%;padding: 30px 20px;}
	.top-contact ul li:nth-child(2) {margin-right: 0%;}
	.top-contact.wide {width: 100%;}
	.lead {font-size: 1.5em;}
	.linkbtn a {width: 100%;text-align: center;}
	.top-contact ul li {background-size: 550px 182px;}
	.top-contact ul li h3 {font-size: 18px;margin: 0px 0 20px;}
}
@media only screen and (max-width:767px){
	.top-bg-blue{padding: 40px 6% 20px;}
	.lead {font-size: 1.2em;margin-bottom: 30px;line-height: 1.5;}
	.top-contact ul li,.top-contact ul li:nth-child(2){width:100%;margin-right:0%;}
	.top-contact ul li:nth-child(2){margin-top:30px;}
	.top-contact ul {max-width: 550px;margin: 0 auto 40px;}
	.top-contents{max-width: 400px;margin: auto;}
	.top-contents li,.top-contents li:nth-child(3n) {width: 100%; margin-right: 0%;margin-bottom:40px;}
	.top-contents li:nth-child(3n){margin-bottom:0;}
	.top-contents li img {margin-bottom: 10px;}
}
@media only screen and (max-width:600px){
	.lead {text-align: left;}
	.home .top-contact { padding: 60px 0 0px;}

}
@media only screen and (max-width:500px){
	.lead span {font-size: 16px;}
	.lead {font-size: 1.1em; margin-bottom: 15px;}
	.top-contact ul {margin: 0 auto 25px;}

}
	

@media only screen and (max-width:375px){
	.top-contact ul li { background-size: 450px 150px;}
	.top-contact ul li {padding: 20px 10px;}
	.contact-tel {font-size: 2.0em;}
	.top-contact ul li:nth-child(2) { margin-top: 20px;}
	.top-contact ul li h3 {font-size: 17px;margin: 0px 0 10px;}
	.top-contact ul li p{font-size: 0.9em;}
	.linkbtn a {padding: 15px 10px;font-size: 1em;}

}
@media only screen and (max-width:350px){


}

@media only screen and (max-width:320px){


}





/* 下層ページ 共通
----------------------------------*/
#breadcrumb{padding: 5px 6%;margin:0 auto 40px;max-width: 1500px;}
#breadcrumb a{color: #666;}
#breadcrumb li{display: inline-block;}

.page .header-top .header-h {color: #000;}
.page .header-tel a{color: #1db8df;}
.page .header-tel span {color: #000;}
.page .header-tel a::before { background-image: url(images/tel-blue.svg);}

.page .top-bg-blue h2{margin-top:0;}
.page-image{max-width:1100px;width:100%;margin: 0px auto 60px;}
.page-image img{width:100%;display:block;}

.page-tel{color:#000;}
.bg-white{ background:#fff;}
.blue{color: #1db8df;}


@media only screen and (max-width:1024px){
#breadcrumb{margin-top: 80px;}
.page-image{margin:0px auto 0px;}
}
@media only screen and (max-width:767px){
	#breadcrumb {margin-bottom: 10px;}
}

@media only screen and (max-width:600px){


}
@media only screen and (max-width:500px){


}
@media only screen and (max-width:375px){


}

/*-------------------------------------------*/
/*	会社概要
/*-------------------------------------------*/

.outline-table{border-collapse: collapse;border-spacing: 0px 0px;}
.outline-table tr td,.outline-table th{padding:20px; line-height:1.5;border-bottom: 1px dashed #bfbfbf;}
.outline-table{margin-bottom:40px;}
.outline-table th{text-align:left; vertical-align:middle;min-width: 100px;}

.access,.company-greeting,.outline{padding:60px 0;}
.company-greeting p{line-height:2;font-size:1.1em;margin-top:30px;}
@media only screen and (max-width:1024px){
#access{padding-top:100px;margin-top:-100px;}
}

@media only screen and (max-width:767px){
	.access,.company-greeting,.outline{padding:40px 0;}
	.outline-table{margin-bottom:0px;}
	.outline-table tr td,.outline-table th{width: 100%;display: block;}
	.outline-table th{font-weight:bold;border-bottom:none;padding-bottom:0;}
	.access iframe{height:300px;}
}
@media only screen and (max-width:600px){
	.access,.company-greeting,.outline{padding:30px 0;}
	.outline-table tr td{padding:15px 0;}
	.outline-table th{padding:15px 0 0;}
}

/*-------------------------------------------*/
/*	設備
/*-------------------------------------------*/

.facility{padding:60px 0;}
/*.facility-text{width:55%;margin-right:10%;}
.facility-img{width:35%;}
.facility-img img{width:100%;display:block;}*/
.facility .wide{margin-bottom:60px;}
.facility .wide:last-child{margin-bottom:0px;}
.facility h3{margin-top:0;border-top: 1px dashed #1db8df;border-bottom: 1px dashed #1db8df;padding: 20px 0;}
.facility ul{margin-top:40px;}
.facility ul li{width:30%;margin-right:5%;font-size: 1.1em;}
.facility ul li:nth-child(3n){margin-right:0%;}
.facility ul li img{width:100%;display:block;margin-bottom: 10px;}
/*.facility-text ul li{margin-bottom: 10px;font-size: 1.1em;}
.facility-text ul li:before {content:'\f14a';font-family: FontAwesome;color: #1db8df;margin-right: 5px;}*/


@media only screen and (max-width:767px){
	.facility{padding:40px 0;}
	.facility ul li,.facility ul li:nth-child(3n){width:100%;margin-right:0%;font-size: 1em;text-align:center;margin-bottom:20px;}
	.facility ul li img{max-width:480px;margin:0 auto 5px;}
}
@media only screen and (max-width:600px){
	.facility{padding:30px 0;}
}

/*-------------------------------------------*/
/*	製品案内
/*-------------------------------------------*/
.product{padding:60px 0;}
.product h3{text-align:left;margin-top:0;}
.product .flex{margin-bottom:70px;}
.product .flex:last-child{margin-bottom:0px;}
.product .flex .product-text{width: 63%;margin-left:7%;/*background: #f4f4f4;*/}
.product .flex .product-img{width: 30%;}
.product .flex .product-img img{width:100%;display:block;}
.product-contents-other{margin-top:70px;border-top: 1px dashed #ccc;
padding-top: 60px;}
@media only screen and (max-width:767px){
	.product h3{text-align:center;}
	.product{padding:40px 0;}
	.product .flex{margin-bottom:40px;}
	.product .flex:last-child{margin-bottom:0px;}
	.product .flex .product-text,.product .flex .product-img{width: 100%;padding:25px 0% 0px; margin-left: 0%;/*background: #f4f4f4;*/}
	.product .flex .product-img{padding-bottom:0;}
	.product .flex .product-img img{max-width: 300px;margin: auto;}
	.product-contents-other{margin-top:30px;border-top: 1px dashed #ccc;
padding-top: 30px;}
}
@media only screen and (max-width:600px){
	.product{padding:30px 0;}
}

/*-------------------------------------------*/
/*	お問い合わせ
/*-------------------------------------------*/

.contact-page .contact{max-width:1000px;width:88%;margin:50px auto 0;}
.contact-page-bg{background:#fff;padding:40px 6%;}
.contact-page-bg.mailsend{margin-bottom:50px;}
.contact-page .top-about{display:none;}
.contact-page h3{text-align: center;margin-bottom: 40px;}


.contact-form{margin-top: 60px;margin-bottom:50px;}
.contact-form .contact-page-bg{margin-top:20px;}

.pp-ul li{text-indent: -1.8em;padding-left: 1.8em;}


form ul{
	margin:50px 0 0 0;}

form ul li:after{
	content:"";
	display:block;
	clear:both;
}
form ul li{
	margin-bottom:20px;
	width:100%;
}

form ul li label{
	float:left;
	width:35%;
	padding:0 20px 0 2%;
	vertical-align:middle;
	height:40px;
	line-height:40px;color: #595757;
text-align: left;
	font-weight:bold;
	position:relative;
}
form ul li span{
	padding:1px 10px;
	background:#fff;
	color: #F9420A;
	font-size:0.75em;
	margin-left:10px;border-radius:10px;
	vertical-align:middle;
	font-weight:normal;
	/*position:absolute;*/
	height:20px;
	line-height:20px;
	top:0;
	bottom:0;
	right:14px;margin: auto;
}
.required-item{background: #eee;margin-left: 10px;}


.err-text{line-height: 1.3;color:#FF0000;display:block;margin-top:2px;font-size: 0.9em;}

form ul li .form_right{
	float:left;
	width:65%;
	padding:0 2%;
	vertical-align:middle;
}
.form_radio{line-height:40px;}
.form_radio span{margin-right:30px;}

.form_name,
.form_yubin,
.form_state,
.form_address,
.form_email,
.form_tel,
.form_content{
	height:38px;
	line-height:38px;
	padding:0 2%;
	border:1px solid #CCC;border-radius: 6px;
}
.form_name{width:60%;}
.form_yubin{width:60%;}
.form_state{width:30%;}
.form_address{width:98%;}
.form_email{width:98%;}
.form_tel{width:60%;}
.form_content{width:98%; height:150px;line-height: 1.5;padding: 10px 15px;}



.caution{
	float:none;
	width:100%;
	display:block;
	margin:5px 0 0 0;
	font-size:0.9em;
}


#btn_submit,
.sendbutton{
	text-align:center;
        cursor: pointer;
        outline: none;
        appearance: none;
		
    margin-top: 40px;
    font-size: 1.15em;
}
#btn_submit input,
.modoru,
.send{display: inline-block;
    color: #fff;
    padding: 25px 30px;
    border: 0px solid #2688ae;
    font-size: 1.1em;
    line-height: 1.3;
    font-family: 'Noto Sans JP', sans-serif;
    transition: 0.5s;
    -webkit-transition: 0.5s;
	background:#1db8df;width:auto;margin:0 10px;border-radius:0px;letter-spacing: 0.05em;
}
#btn_submit input:hover{transition: 0.5s;-webkit-transition:0.5s;border-radius:0px; background:#d8eefb;color:#1db8df;transform:scale(0.95);opacity: 1;}
.modoru{background: #e1e1e1;}
.modoru,
.send{text-align:center;}

#btn_submit input:hover,
.modoru:hover,
.send:hover{
	opacity:0.8;
}


#agree{
	padding:30px;
	line-height:1.6;
	font-size:0.95em;border:1px solid #CCC;
	margin-bottom:20px;
	height:200px;
	overflow-y:scroll;
}


/*確認用*/
.contact_table{
	width:100%;
	margin:30px auto;
	text-align:left;border-collapse: separate;
}

.contact_table tr th{
	vertical-align:middle;
	padding:2%;
	width:22%;border-bottom: 1px dashed #ccc;color: #000;font-weight: bold;
	position:relative;
}
.contact_table tr th span{
	padding:0px 6px;
	background:#fff;
	color:#C30;
	font-size:0.75em;
	margin-left:10px;/*border-radius:2px;*/
	vertical-align:middle;
	font-weight:normal;
	position:absolute;
	height:20px;
	line-height:20px;
	top:0;
	bottom:0;
	left:100px;margin: auto;
}
.contact_table tr td{vertical-align:middle;line-height: 1.5;border-bottom: 1px dashed #a8a6a6;color:#333;
	padding:2%;
	width:64%;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]:hover,
input[type="button"]:hover {transition: 0.5s;-webkit-transition:0.5s;border-radius:0px; background:#d8eefb;color:#1db8df;transform:scale(0.95);}
.modoru:hover {background:#999 !important;color:#fff !important;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
@media only screen and (max-width:959px){
	.contact-page-bg.mailsend{margin-top:50px;}
}

@media only screen and (max-width:900px){
	form ul li label{float:none;width:100%;display: block;margin-bottom:0px;margin-top: 30px;text-align: left;padding: 0 0px 0 0;}
	form ul li .form_right{float:none;width:100%;padding: 0 0%;}
	form ul li label span {position: static;}

	.form_name,
	.form_yubin,
	.form_state,
	.form_address,
	.form_email,
	.form_tel,
	.form_content{width:96%;padding: 0 2%;}

	.contact_table tr th{display:block;padding:0%;width:100%;border:none;padding-bottom: 10px;}
	.contact_table tr td{display:block;width:100%;margin-bottom: 25px;}
}
@media only screen and (max-width:767px){
.contact-page .top-contact-office,.contact-page .top-contact-office:nth-child(2){text-align: center;width: 100%;margin-right: 0% !important;margin-bottom:20px;}
.contact-page .top-contact-office:nth-child(2){margin-bottom:0px;}
.contact-form .contact-page-bg {padding: 2px 4% 30px;}
}

@media only screen and (max-width:600px){
	.contact-page-bg {padding: 30px 6%;}
	.contact-form {margin-top: 30px;margin-bottom: 40px;}
	.contact-page-bg.mailsend{margin-bottom:40px;margin-top:40px;}
	.contact-page .contact-page-bg.mailsend h3{text-align:left;}
	.contact-page h3 {margin-bottom: 25px;}
	form {margin-top: 30px;}
	form ul li label {margin-top: 20px;}
	#btn_submit, .sendbutton {margin: 20px 0 0 0;}
	.contact_table tr:last-child td{margin-bottom: 0px;}
	#btn_submit input, .modoru, .send {padding: 20px 30px; font-size: 1em;}
	
}
@media only screen and (max-width:500px){
	.br-contact{display:block;}
	#btn_submit input,
.modoru,
.send{padding: 15px 5px;font-size: 1em;width:130px;margin: 0 0px;}
}
@media only screen and (max-width:350px){
	.top-contact-office a { font-size: 2em;}
	.contact-page .lead br{display:none;}
		#btn_submit input,
.modoru,
.send{width:115px;}

}</pre></body></html>