@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Meiryo', sans-serif;
	color: #333;
	box-sizing: border-box;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}

.fo{
font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
}

h3 {
  font-size: 23px;
	line-height: 100%;
	color: #58acfa;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom:5px;
}



.clear { clear:both; }  
.clear hr { display:none; }  


.testtt { padding: 15px;}

h4 {
  padding: .5em .75em;
  background-color: #fff;
  border-left: 6px solid #58acfa;
}

.container, .row, header, section, footer {
	width: 100%;
	float: left;
}
.cont-big {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.cont-big1 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top:0px;
}
.cont-mn {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.cont {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

* { box-sizing: border-box;}
img { max-width: 100%; height: auto;}
a { text-decoration: none; color:inherit;}
a:hover { color: inherit;}
.hv-o:hover {opacity:0.7;}

.head { border-top:4px solid #58acfa; border-bottom: 4px solid #f3f3f3;}


.header-fixed
{
    z-index: 9999;
  position: fixed;
  top: 0px;
  left: 0px;
  background:#fff;
}


.logo { width: 25%; display: inline-block; vertical-align: middle;}
.menu { width: 65%; display: inline-block;  vertical-align: middle; text-align:right; position: relative;}
.menu ul li { display: inline-block; text-align:center; position: relative;}
.menu ul li a { display: inline-block; width:100%; position: relative; line-height: 140%; font-size: 14px; padding: 15px 30px;}
.menu ul li a.active, .menu ul li a:hover { display: inline-block; position: relative;}
.menu ul li a.home { color:#222;}
.menu ul li a.active:before, .menu ul li a:hover:before { content: ""; border-bottom:4px solid #58acfa; width: 100%; position: absolute; bottom: -4px; left: 0;}
.menu ul li .mn-english { display: block; font-size: 13px;}
.menu ul li a:after { content: ""; border-right:1px dotted #ccc; width: 1px; height:35px; position: absolute; right: -5px; top: 20px;
-ms-transform: rotate(15deg); /* IE 9 */
-webkit-transform: rotate(15deg); /* Safari */
transform: rotate(15deg);
}
.menu ul li:last-child a:after { content: ""; border-right:none;}
.menu ul li:last-child a { padding-right: 0;}

.menu-sp { display: none; width:30%; vertical-align: middle; text-align: right; padding: 20px 0; font-size: 16px; color:#58acfa;}

.slide { padding: 25px 0; border-bottom: 4px solid #f3f3f3;}

.footer-slide { background:#f9f5ee; padding: 15px 10px;}
.footer { }

.ft-logo { width: 25%; display: inline-block; vertical-align: middle;}
.ft-menu { width: 65%; display: inline-block;  vertical-align: middle; text-align:right;}
.ft-menu ul li { display: inline-block; text-align:center; position: relative;}
.ft-menu ul li a { display: inline-block; width:100%; position: relative; line-height: 160%; font-size: 15px; padding: 25px 24px;}
.ft-menu ul li a.active, .menu ul li a:hover { display: inline-block; position: relative; color:#0168B7;}
.ft-menu ul li .mn-english { display: block; font-size: 13px;}
.ft-menu ul li a:after { content: ""; border-right:1px dotted #ccc; width: 1px; height:35px; position: absolute; right: 0; top: 30px;
-ms-transform: rotate(15deg); /* IE 9 */
-webkit-transform: rotate(15deg); /* Safari */
transform: rotate(15deg);
}
.ft-menu ul li:last-child a:after { content: ""; border-right:none;}
.ft-menu ul li:last-child a { padding-right: 0;}

.copyright { background:#58acfa; color:#fff; padding: 10px 0; line-height: 160%;}
.pagetop { position: absolute; right:0; top: 0;}

.main { padding: 40px 0 70px 0;}
.left { width:73%; float:left; margin-right:3%;}
.right { width:24%; float:right;}

.in-about { background:#fff; padding: 0px;}
.in-photo { text-align: center;}
.in-text { font-size: 16px; color:#000; line-height: 170%; margin-top:25px;font-family: 'Meiryo', sans-serif;}

.in-news { margin-top:50px;}
.in-news-title { font-size: 18px; line-height: 100%; color:#58acfa; font-weight: bold; border-bottom: 1px solid #e5e5e5;}
.in-news-titlesm { font-size: 13px; color:#333333;}
.in-news-content { max-height:205px; overflow-y: auto; margin-top: 20px;}
.in-news-item { padding:14px 0; border-bottom: 1px dotted #ccc; line-height: 160%; width:97%; margin-right:3%; background:url(../img/ico-right.png) left top 18px no-repeat; padding-left: 25px;}
.in-news-item:first-child { padding-top: 0; background-position: left top 5px;}
.in-news-item a:hover { text-decoration: underline;}

.right-photo { margin-bottom:8px; text-align: center;}
.right-menu { margin-top:30px}
.right-menu ul li { margin-bottom:10px; position: relative;}
.right-menu ul li a { display: inline-block; width:100%; padding:15px 20px; border:2px solid #58acfa; font-size: 13px; color:#333333; font-weight: bold; line-height: 100%; border-bottom-right-radius:20px; background:url(../img/ico-right2.png) right 20px center no-repeat; padding-right: 20px;}
.right-menu ul li a:hover { background:#58acfa; color:#fff; transition: 0.5s;}
.right-menu ul li a:hover .right-menu-english { color:#fff;}
.right-menu ul li .right-menu-english { display: block; font-size: 10px; color:#727274; font-weight: normal;}
.right-map { margin-top: 20px;}
.right-map iframe { width:100%; height:255px;}
.right-map-text { margin-top:10px; line-height: 160%;}
.map-text-b { font-weight: bold; font-size: 14px;}
.map-text { font-size: 13px;}

.sb-bdc { position: absolute; right:1px; bottom:1px;}

.banner { position: relative;}
.banner-text { font-size: 35px; color:#58acfa; font-weight: bold;
position:absolute; top:50%; left:7%; -webkit-transform: translate(-7%, -50%); -ms-transform: translate(-7%, -50%); transform: translate(-7%, -50%);}
.banner-text2 { display: inline-block; color:#222222; font-size: 20px; padding-left: 10px;}

/*achieve*/
.achieve { display: flex; flex-wrap: wrap;}
.achieve-item { display: inline-block; width:23.5%; margin-right:1.5%; margin-bottom:10px; align-items: center; text-align: center; justify-content: center;}
.achieve-title { display: inline-flex; border: 1px solid #0168B7; font-size: 14px; color:#5a3c1a; font-weight: bold; line-height: 160%;}
.achieve-photo { background:#f3f3f3;}
/*achieve*/

/*about*/
.about {}
.about-table { width:100%; border: 1px solid #f3f3f3;}
.about-table tr:nth-child(even) { background: #f6faff;}
.about-table tr:nth-child(odd) { background: #d9e7fd;}
.about-table tr td { padding:12px 20px; line-height: 200%; font-size: 16px;}
.about-table tr td:first-child { width:35%; font-weight: bold;}
/*about*/

/*works*/
.works {}
.works-table { width:100%; border: 1px solid #f3f3f3; text-align: center;}
.works-table tr:nth-child(even) { background: #f6faff;}
.works-table tr:nth-child(odd) { background: #d9e7fd;}
.works-table tr td { padding:12px 20px; line-height: 200%; font-size: 16px; border: 1px solid lightsteelblue;}
.works-table tr td:first-child { width:35%; }
/*about*/

/*contact*/
.contact { font-size: 14px; line-height: 160%;}
.contact-table { width:100%; border-collapse: separate; border-spacing: 10px; margin-top:-10px;}
.contact-table tr td { font-size: 14px; color:#333333; line-height: 160%; vertical-align:top;}
.contact-table tr td:first-child { width:36%; position: relative; padding-top: 10px;}
.contact-table tr td .contact-note { position: absolute; right:0; display: inline-block; font-weight: bold; color:#fff; background:#58acfa; padding: 2px 15px;}
.contact-table tr td input, .contact-table tr td textarea { width:100%; padding: 12px 10px; border: 2px solid #f3f3f3; resize: vertical;}
.contact-table tr td button { background:#58acfa; color:#fff; border:none; outline: none; width:100%; padding: 11px; cursor: pointer; border:3px solid #58acfa; margin-top: 10px; font-weight: bold;}
.contact-table tr td button:hover { background:#fff; color:#58acfa; border: 3px solid #58acfa; transition: 0.7s;}
.contact-table tr td input[readonly], .contact-table tr td textarea[readonly] { background:#f1f1f1;}

.construct{}
.construct-span{
    right: 0;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    background: #58acfa;
    padding: 2px 15px;
    margin: 0 0 6px 10px;
}
.construct-table { width:100%; border: 1px solid #f3f3f3; text-align: center;}
.construct-table tr:nth-child(even) { background: #f6faff;}
.construct-table tr:nth-child(odd) { background: #d9e7fd;}
.construct-table tr td { padding:5px; line-height: 200%; font-size: 15px;}
.construct-table tr td:first-child { width:30%; }
.construct-table tr td a:hover { opacity: 0.5; color: #58acfa;}
.construct-table tr td:first-child a:hover {
    transform: scale(1.1);
}
.construct-table tr td a:hover {
    color: #58acfa;
    display: block;
    transform: scale(1.5);
    transition: transform 0.5s ease;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

ul.bullet-list > li{
	list-style: disc;
}

ul.bullet-list > li ul {
	padding-left: 20px;
}

ul.bullet-list > li ul li{
	list-style: circle;
}


div.side-btn {
	display: flex;
	position: relative;
}

div.side-btn > div:last-child {
	text-align: right;
	white-space: nowrap;
	background-color: #FFF;
	z-index: 1;
}

div.side-btn > div:first-child {
	flex: 100%;
	text-align: left;
	z-index: 1;
}

div.side-btn > div:first-child > span {
	background-color: #FFF;
	width: fit-content;
	padding-right: 7px;
}

div.side-btn::before {
    content: "";
    border-bottom: 1px dashed black;
    position: absolute;
    top: 44%;
    width: 100%;
}

.construct-max-width {
	max-width: 500px;
}

/**/

@media screen and (max-width:1100px) {
.cont { width:96%; margin: 0 2%;}

.head { padding: 20px 0;}
.logo { width:70%;}
.menu-sp { display: inline-block;}
.menu-sp i { font-size: 20px; padding-right: 10px;}
.menu { width:100%; display: block;}
.menu ul { display: none; width:100%; position: fixed; top:120px; left:0; z-index: 99; background:#fff;}
.menu ul li { width:100%;}
.menu ul li a { background:#fff; border-bottom: 1px solid #ccc; padding: 10px;}
.menu ul li:last-child a { padding: 10px;}
.menu ul li a:after { display: none;}

.ft-menu ul li a { padding: 22px;}
.ft-menu ul li a:after { transform:rotate(0);}

}

@media screen and (max-width:768px) {
.map-text { font-size: 16px;}
.menu ul { display: none; width:100%; position: fixed; top:110px; left:0; z-index: 99; background:#fff;}
.slide { padding:10px 0;}
.ft-logo { width:100%; text-align: center; padding: 20px 0;}
.ft-logo img { max-width:300px;}
.ft-menu { width:100%; text-align: left;}
.ft-menu ul li { width:100%;}
.ft-menu ul li a { border-top: 1px solid #ccc; padding: 10px 0 5px 0;}
.ft-menu ul li a:after { border:none;}

.copyright { text-align: center;}
.pagetop { width:50px; position: fixed; bottom: 50px; right:5px; z-index: 3; top: auto;}
.pagetop i { background:#000; border-radius:50%; padding: 10px 11px;}
.pagetop-text { display: none;}

.left { width:100%; margin-bottom:50px; border-bottom:1px solid #ccc; padding-bottom: 50px; margin-right:0;}
.right { width:100%; margin: auto; float:none;clear:both;}

.in-about { padding: 10px;}

.testtt { font-size: 12px;padding: 5px;}

.achieve-item { width:32.33%; margin-right:1%; margin-bottom:1%;}

/**/
.contact-table tr td { width:100%; float:left; padding: 5px 0;}
.contact-table tr td:first-child { width:100%;}
.n-back { width:100%; float:left; background:#000; text-align: center;}
/**/
/**/
.about-table tr td:first-child { /*width:100%;*/ width: 26%;}
.about-table tr td { /*width:100%;*/ width: unset; float:left; padding: 5px; font-size: 14px;}
/**/

.mnfix { position: fixed; background:#fff; z-index: 99;}

}

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



.main { padding: 10px 0 30px 0;}
.left { margin-bottom: 25px; padding-bottom: 25px;}
.in-news { margin-top:25px;}
.achieve-item { width:48%; margin-right:2%; margin-bottom:2%;}
.banner-text { font-size: 18px; line-height: 120%;}
.banner-text2 { font-size: 14px; display: block;}
}

@media screen and (max-width:767px) {
	.ov-table {
		width: 100%;
		overflow-x: scroll;
	}
	.ov-table .construct-table tr {
		position: relative;
	}
	.ov-table .construct-table td {
		padding: 10px;
	}
	.ov-table .construct-table tr td:first-child{
		white-space: nowrap;
	}
	.works-table tr td {
		padding: 5px;
	}
	::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
		width: 12px;
	}

	::-webkit-scrollbar:horizontal {
		height: 12px;
	}

	::-webkit-scrollbar-thumb {
		/* background-color: rgba(0, 0, 0, .5);*/
		background-color: #888;
		border-radius: 10px;
		/*border: 2px solid #ffffff;*/
		border: 1px solid #333;
	}

	::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #ffffff;
	}

	.banner-text-thanks {
	    font-size: 13px!important;
	    color: #58acfa;
	    font-weight: bold;
	    position: absolute;
	    top: 50%;
	    left: 4%;
	    -webkit-transform: translate(-7%, -50%);
	    -ms-transform: translate(-7%, -50%);
	    transform: translate(-7%, -50%);
	 }

	 div.side-btn::before {
	 	display: none;
	 }
}

@media screen and (max-width:991px) and (min-width:768px)  {

	.banner-text-thanks-ipad {
	    font-size: 24px!important;
	    color: #58acfa;
	    font-weight: bold;
	    position: absolute;
	    top: 50%;
	    left: 4%;
	    -webkit-transform: translate(-7%, -50%);
	    -ms-transform: translate(-7%, -50%);
	    transform: translate(-7%, -50%);
	 }
}

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

	.banner-text-thanks-ipad {
	    font-size: 10px!important;
	    color: #58acfa;
	    font-weight: bold;
	    position: absolute;
	    top: 50%;
	    left: 4%;
	    -webkit-transform: translate(-7%, -50%);
	    -ms-transform: translate(-7%, -50%);
	    transform: translate(-7%, -50%);
	 }
}