@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&family=Kosugi+Maru&display=swap');

@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Ÿà–¾’©', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', 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;
}



.box4{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #edfdf1;
    border-top: solid 5px #170B3B;
    border-bottom: solid 5px #170B3B;
}
.box4 p {
    margin: 0; 
    padding: 0;
}



.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #170B3B;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #170B3B;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}



.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #170B3B;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}


.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #170B3B;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #170B3B;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.dott li { list-style:square inside; margin-left: 10px;
    text-indent: -20px;margin-bottom:20px;}

.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
     font-size: 1.2em;
     text-align: center;
     line-height:200%;
}



.f-201 {
    margin: 0; 
    padding: 0;
}



.tbl-r02 table {
  width:100%;
  
}
.tbl-r02 {
    width: 100%;
  }

.tbl-r02 th {
  background: #170B3B;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
  
}
.tbl-r02 td {
 border: solid 1px #ccc;
  padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
 border-bottom: none;
    display: block;
    width: 100%;
  }
}











h3 {
  position: relative;
  padding: 1em 4em 1em 1em;
  -webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #a9eca5 0%);
  background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #170B3B	 0%);
  border-radius: 6px;
  font-size:20px;
  color:#fff;
}
h3::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1.65507em;
  height: 3.5493em;
  background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  border-bottom-left-radius: 6px;
  box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
  -webkit-transform: translateY(-1.89424em) rotate(-40deg);
  transform: translateY(-1.89424em) rotate(-40deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}


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


.testtt { padding: 15px;}

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

.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 #170B3B ; border-bottom: 4px solid #f3f3f3;}


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





#aboutustable {
   width: 65%;
   margin: 0 auto;
   float: left;
}
#aboutustable td a {
   color: #000000;
}
.contacttell {
   color: #eb5d40;
   font-weight: bold;
   font-size: 19px;
   line-height: 170%;
}
#aboutustable1 {
   width: 100%;
   margin: 0 auto;
   float: left;
}
#aboutustable1 td a {
   color: #000000;
}













.logo { width: 25%; display: inline-block; vertical-align: middle;}
.menu { width: 64%; 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 15px;}
.menu ul li a.active, .menu ul li a:hover { display: inline-block; position: relative;}
.menu ul li a.home { color:#1d1d1e;}
.menu ul li a.active:before, .menu ul li a:hover:before { content: ""; border-bottom:4px solid #170B3B ; width: 100%; position: absolute; bottom: -4px; left: 0;}
.menu ul li .mn-english { display: block; font-size: 13px;}
.menu ul li a:after { content: ""; 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:20%; vertical-align: middle; text-align: right; padding: 20px 0; font-size: 16px; color:#170B3B;}

.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: 74%; 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: 13px;padding: 14px 14px;}
.ft-menu ul li a.active, .menu ul li a:hover { display: inline-block; position: relative; color:#170B3B;}
.ft-menu ul li .mn-english { display: block; font-size: 13px;}
.ft-menu ul li a:after { content: ""; 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:#170B3B ; 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:0px;font-family: 'Ÿà–¾’©', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;}
.in-text11 { font-size: 16px; color:#000; line-height: 170%; margin-top:0px;font-family: 'Ÿà–¾’©', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;}

.in-news { margin-top:50px;}
.in-news-title { font-size: 18px; line-height: 150%; color:#484848;  border-bottom: 1px solid #170B3B;font-weight:bold;}
.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 #170B3B	; font-size: 13px; color:#333333; font-weight: bold; line-height: 180%; 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:#170B3B	; 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:200px;}
.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: 25px; color:#403e3e; font-weight: bold;
position:absolute; top:50%; left:7%; -webkit-transform: translate(-7%, -50%); -ms-transform: translate(-7%, -50%); transform: translate(-7%, -50%);line-height: 180%;}
.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*/



a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #170B3B; }
a:active { color: #170B3B; }


a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}




/*about*/
.about {}
.about-table { width:100%; border: 1px solid #f3f3f3;}
.about-table tr:nth-child(even) { background: #fff8f1;}
.about-table tr:nth-child(odd) { background: #ffe8ce;}
.about-table tr td { padding:12px 20px; line-height: 200%; font-size: 16px;}
.about-table tr td:first-child { font-weight: bold;}
/*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:#170B3B; padding: 2px 15px;}
.contact-table tr td input, select,.contact-table tr td textarea { width:100%; padding: 12px 10px; border: 2px solid #f3f3f3; resize: vertical;}
.contact-table tr td button { background:#170B3B; color:#fff; border:none; outline: none; width:100%; padding: 11px; cursor: pointer; border:3px solid #170B3B; margin-top: 10px; font-weight: bold;}
.contact-table tr td button:hover { background:#fff; color:#170B3B; border: 3px solid #170B3B; transition: 0.7s;}
.contact-table tr td input[readonly], .contact-table tr td textarea[readonly] { background:#f1f1f1;}

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 */
}

/**/

@media screen and (max-width:1250px) {
.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) {
.menu ul { display: none; width:100%; position: fixed; top:120px; left:0; z-index: 99; background:#fff;}
.banner-text { font-size: 24px; line-height: 120%;}
.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%;}
.about-table tr td { width:100%; float:left; padding: 5px;}
/**/

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

.in-text11 { font-size: 12px; color:#000; line-height: 170%; margin-top:0px;font-family: 'Ÿà–¾’©', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;}

.f-121 {
    font-size:12px;
}

}


@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



@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: 15px; line-height: 180%;}
.banner-text2 { font-size: 14px; display: block;}
}