@charset "utf-8";

@import 'reset.css';
@import 'lib.css';

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
 display:block;
}

strong{
 font-weight:normal;
}

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;    b
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0; color:#444;}
.st {color:#ff9600;}
.stb {font-weight:bold;}
.sto {color:#ff9600;}

.pc-none {display:none;}

body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 margin:0;
 padding:0;
 color:#333333;
 text-align:center;
}

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
}

img {
 border:none;
}

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

a:hover { color: #ff9900;}

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

.f120{font-size:120%;}
.f130{font-size:130%;}
.f140{font-size:140%;}
.f150{font-size:150%;}
.f180{font-size:180%;}
.f120ex{font-size:120%; padding:0;}
.f130ex{font-size:130%; padding:0;}
.min{ font-family: "ＭＳ Ｐ明朝";}
.f130sat{font-size:130%; margin-top:30px;}
.f130med{font-size:130%; margin-top:40px; padding:0;}
.f120mt10{font-size:120%; margin-top:10px;}
.fmt20{margin-top:20px;}


.blue{color:#4095f5;}

.mp0{margin:0; padding:0;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}

.mp-name0{margin:0 0 20px 0 ; padding:0;}

.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

.doc-pdd{padding-left:69px;}

.imgMb10{
 margin-bottom:10px;
}
.imgMb40{
 margin-bottom:40px;
}

/* ============================================================== */
/*title*/
/* ============================================================== */

h2 {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:50px;
 padding: 30pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#ff9600;
 font-family: "ＭＳ Ｐ明朝";
}
h2 span{
 font-weight: normal;
 font-size: 12pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:1px;
 font-family: arial;
}

h2.h2-left {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:30px;
 padding: 10pt 0 0 0;
 text-align: left;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
}
h2.h2-left span{
 font-weight: normal;
 font-size: 12pt;
 margin-left:20px;
 padding:0 0 0 20px;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:1px;
 border-left:1px solid #ccc;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

h2.bt-line {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:30px;
 padding: 10pt 0 20pt 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
 border-bottom:1px solid #ddd;
}

h2#footer {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:40px;
 padding: 30pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#ff9600;
 font-family: "ＭＳ Ｐ明朝";
}

h3 {
 margin-bottom:10px;
 font-weight: normal;
 font-size: 16pt;
 padding: 15pt 0 15pt 0;
 text-align: center;
 position: relative;
}

h4 {
 margin-top:20px;
 margin-bottom:40px;
 font-weight: normal;
 font-size: 20pt;
 padding: 20pt 0 20pt 0;
 text-align: center;
 color:#fff;
 position: relative;
 background:#ff9600;
}
h4 span {
 display:block;
 font-weight: normal;
 font-size: 13pt;
 padding: 20pt 0 0 0;
 line-height:160%;
 text-align: center;
 color:#fff;
 position: relative;
}

h5 {
 margin-bottom:40px;
 font-weight: normal;
 font-size: 16pt;
 padding: 15pt 0 15pt 0;
 text-align: center;
 position: relative;
 border-top:1px solid #ff9600;
 border-bottom:1px solid #ff9600;
}

h6 {
 margin:40px 0 40px;
 font-weight: normal;
 font-size: 16pt;
 padding: 15pt 0 15pt 0;
 text-align: center;
 position: relative;
 border-top:1px solid #ff9600;
 border-bottom:1px solid #ff9600;
}

.sub-title{
 padding: 1px 0 10px 38px;
 color:#222;
 font-size:16pt;
 background:url(../images/sub_title.png) 0 5px no-repeat;
 background-size:30px;
}

.section-heading1 {
  font-weight: normal;
  font-size:150%;
  line-height: 140%;
  margin-top: 0;
  margin-bottom: 10px;
  position: relative;
  color: #333;
 font-family: "ＭＳ Ｐ明朝";
}
.section-heading1 span {
  font-size: 7pt;
  color: #85725e;
}

.section-heading2 {
 width:100%;
 height:28px;
 margin-bottom:20px;
 padding-top:12px;
 background-color:#ff9600;
 border-radius: 20px;
 text-align:center;
 color:#fff;
 font-weight:bold;
 font-size:120%;
}

/*
.section-heading2 {
  font-weight: normal;
  text-align: left;
  font-size: 19pt;
  font-weight:bold;
  line-height: 0.8em;
  margin-bottom: 10px;
  padding-bottom:10px;
  position: relative;
}
.section-heading2 span {
  font-size: 7pt;
  color: #85725e;
}
*/
.section-heading3 {
/*
 margin:0 0 15px 0;
 padding:10px 0 15px 0;
 font-size:24pt;
 font-weight:bold;
 line-height:110%;
 letter-spacing:2px;
 border-bottom:3px solid #f2f2f2;
 font-family:sans-serif;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
*/
 margin:10px 0 25px 0;
 padding:12px 0 15px 0;
 font-size:23pt;
 font-weight:bold;
 line-height:110%;
 letter-spacing:2px;
 font-family:sans-serif;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
 background:url(../images/h2_bg.jpg) no-repeat;
}
.section-heading4 {
 margin:10px 0 25px 0;
 padding:12px 0 17px 0;
 font-size:21pt;
 font-weight:bold;
 line-height:110%;
 letter-spacing:2px;
 font-family:sans-serif;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
 background:url(../images/h2_bg.jpg) no-repeat;
}



/* ============================================================== */
/*list*/
/* ============================================================== */

.base-list{
 margin:10px 0 20px 0;
}
.base-list li{
 margin-top:10px;
 padding:10px  0 15px 32px;
 background:url(../images/check_blue.jpg) 0 5px no-repeat;
}



/* ============================================================== */
/*pankuzu list*/
/* ============================================================== */

#topic-path-box{
 clear:both;
 width:100%;
 height:26px;
 margin:0 auto;
 margin-bottom:10px;
 padding:0;

}

ul#topic-path{
 width:1080px;
 margin:0 auto;
 padding:20px 0 20px 0;
 text-align:left;
 border-bottom:1px solid #ddd;
}

ul#topic-path li {
 margin:0;
 padding:0;
 display:inline;
 line-height:110%;
 list-style-type:none;
 font-size:11px;
}
ul#topic-path li a {
 margin:0;
 padding:0;
 padding-right:15px;
 color:#333;
 text-decoration:none;
 background:url(../images/icon_gt.gif) no-repeat;
 background-position:100% 40%;
}
ul#topic-path li a:hover {
 color:#e72c32;
}

/* ============================================================== */
/*header*/
/* ============================================================== */

header {
 width:100%;
 height:94px;
 margin:0 auto;
 text-align:left;
 position: fixed;
 top: 0;
 z-index: 3;
}
header:after {
 content: '';
 display: block;
 clear: both;
}
header div {
  width: 1170px;
  margin: 0px auto;
  position: relative;
}
header #logo {
 width:230px;
 margin-top:10px;
 float:left;
}

header #logo img {
  position: relative;
}
header ul#header-menu {
 display:block;
 /*width:555px;*/
 width:360px;
 margin-top:35px;
 /*margin-left:30px; */
 float:right;
}
header ul#header-menu > li{
 padding:0 56px 0 0;
 font-size:15px;
 text-align:right;
 line-height:130%;
 float:left;
 color:#000;
 position: relative;
}
header ul#header-menu >  li a{
 color:#000;
 font-weight:normal;
 text-decoration:none;
}
header ul#header-menu >  li a:hover{
 color:#000;
 text-decoration:underline;
}
header ul#header-menu >  li.last{
 padding:0;
 font-size:15px;
 text-align:right;
 line-height:130%;
 float:left;
 color:#000;
}
header ul#header-menu >  li.last a{
 color:#000;
 font-weight:normal;
 text-decoration:none;
}
header ul#header-menu >  li.last a:hover{
 color:#000;
 text-decoration:underline;
}

header ul#header-menu > li ul {
  display: none;
  position: absolute;
  top: 50px;
  left: -58px;
  background-color: #ff9600;
  padding: 10px 0 8px 20px;
  width: 176px;
  box-sizing: border-box;
  text-align: left;
  z-index:auto;
}

header ul#header-menu > li ul li {
  margin: 8px 0;
}

header ul#header-menu > li ul li a {
  display: inline-block;
}

header ul#header-menu > li ul li a::before {
  content: ">";
  font-size: 8px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}


header ul#header-menu > li ul:before{
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 10px solid #ff9600;
}


header #head-contact{
 width:84px;
 margin-top:15px;
 margin-left:10px;
 margin-right:0;
 float:left;
}

header.scrolled {
  transition-property: background-color;
  transition-duration: 1s;
  background-color: #ff9600;
}

/* ============================================================== */
/*navi*/
/* ============================================================== */

.spnaviOpen{
  display:none;
}
ul.drop-menu{
  display:none;
}

/* ============================================================== */
/* sub-navi*/
/* ============================================================== */

#sub-navi-box{
 width:100%;
 height:280px;
 margin:0 auto;
 /*background:#333;*/
 background:rgba(51,51,51,0.9);
}
#sub-navi-box-in{
 width:1220px;
 margin:0 auto;
}
.sub-navi-left{
 width:440px;
 margin:30px 0 20px 0;
 float:left;
 border-left:1px solid #fff;
 border-right:1px solid #fff;
}
.sub-navi-img{
 width:120px;
 padding:50px 20px 0 20px;
 float:left;
}
.sub-navi-cont{
 width:280px;
 float:left;
}
.sub-navi-title{
 padding-bottom:20px;
 text-align:left;
 font-size:120%;
 color:#fff;
}
.sub-navi-short{
 width:140px;
 float:left;
}
.sub-navi-short li{
 padding-bottom:16px;
 font-size:90%;
 text-align:left;
}
.sub-navi-short li a{
 font-size:90%;
 color:#fff;
 text-decoration:none;
}
.sub-navi-short li a:hover{
 font-size:90%;
 color:#ddd;
 text-decoration:none;
}

.sub-navi{
 width:380px;
 margin:30px 0 20px 0;
 float:left;
 border-right:1px solid #fff;
}
.sub-navi-cont02{
 width:200px;
 float:left;
}
.sub-navi-cont02 li{
 padding-bottom:16px;
 font-size:90%;
 text-align:left;
}
.sub-navi-cont02 li a{
 font-size:90%;
 color:#fff;
 text-decoration:none;
}
.sub-navi-cont02 li a:hover{
 font-size:90%;
 color:#ddd;
 text-decoration:none;
}

/* ============================================================== */
/*main img*/
/* ============================================================== */


.main-contents {
 display: block;
 position:fixed;
 z-index: -1;
 top: 0;
 width: 100%;
 height:900px;
 margin: 0 auto;
 overflow: hidden;
 background:url(../images/main01.jpg) no-repeat;
 background-size: cover;
}
.main-contents-under01 {
 display: block;
 position:fixed;
 z-index: -1;
 top: 0;
 width: 100%;
 height:500px;
 margin: 0 auto;
 overflow: hidden;
 background:url(../images/main_gynecology.jpg) no-repeat;
 background-size: cover;
}
.main-contents-under02 {
 display: block;
 position:fixed;
 z-index: -1;
 top: 0;
 width: 100%;
 height:500px;
 margin: 0 auto;
 overflow: hidden;
 background:url(../images/main_concept.jpg) no-repeat;
 background-size: cover;
}
.main-image {
 padding-top:360px;
 text-align:center;
}
.main-image .main-image01{
 margin:0;
 padding:0;
 font-size:350%;
 color:#000;
}
.main-image .main-image02{
 margin:0;
 padding:0;
 font-size:28px;
 color:#000;
}
.main-image-under {
 padding-top:180px;
 text-align:center;
}

.main-image-under .main-image03{
 margin:0;
 padding:0;
 font-size:350%;
 color:#000;
 letter-spacing:0.4em;
 font-family: "ＭＳ Ｐ明朝";
 font-weight:normal;
 /*text-shadow: 2px 2px 1px #999999;*/
}
.main-image-under .main-image05{
 margin:0;
 padding:0;
 font-size:350%;
 color:#000;
 letter-spacing:0.1em;
 font-family: "ＭＳ Ｐ明朝";
 font-weight:normal;
 /*text-shadow: 2px 2px 1px #999999;*/
}
.main-image-under .main-image04{
 margin:0;
 padding:0;
 font-size:150%;
 color:#000;
 letter-spacing:0.2em;
 font-family: arial;
 font-weight:normal;
 /*text-shadow: 2px 2px 1px #999999;*/
}
.main-company {
 display: block;
 position:absolute;
 left:50%;
 width:1400px;
 height:472px;
 margin: 0 auto;
 margin-left:-700px;
 position: relative;
 overflow: hidden;
 background:url(../images/title_company_top.jpg) no-repeat;
}
/*
.main-image02{
 padding-top:100px;
}
.main-image02 h1{
 padding-top:50px;
 font-size:220%;
 text-align:center;
 color:#fff;
}
.main-image02 p{
 padding-top:50px;
 font-size:180%;
 text-align:center;
 color:#fff;
}
*/


.main-contents-sp {
 display:none;
}
.main-contents-sp02 {
 display:none;
}

.main-contents02 {
 width:100%;
 height:200px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}



/* ============================================================== */
/*main*/
/* ============================================================== */

div#wrap section {
  margin-top: 500px;
  background-color: #FFF;
  position: relative;
  z-index: 2;
}

section#page-index {
  margin-top: 900px !important;
  padding-bottom:20px;
}

#main {
 width:1050px;
 margin:0 auto;
 padding:0;
 background-color:#fff;
 display:inline-block;
}

p{
 margin:0;
 padding:0 0 15px 0;
 font-size:15px;
 line-height:180%;
}

/* ============================================================== */
/*float box*/
/* ============================================================== */

.float-box{
 max-width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}

.float-left {
 float:left;
 margin-right:20px;
 text-align:left;
}
.float-left02 {
 float:left;
 margin-left:150px;
 margin-right:20px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:20px;
}
.float-right02 {
 float:right;
 margin-right:120px;
}
.float-right-doc {
 float:right;
 margin-left:50px;
}

/* ============================================================== */
/*home*/
/* ============================================================== */
.box{
 width:100%;
 margin:0 auto;
 padding:40px 0 40px 0;
 overflow:hidden;
}
.box00{
 max-width:100%;
 margin:0 auto;
 padding:0;
 overflow:hidden;
}
.box-in{
 width:1170px;
 margin:0 auto;
 text-align:left;
 overflow:hidden;
}
.box-comment{
 width:100%;
 margin:20px auto 0;
 font-size:15px;
 line-height:180%;
}

.home-guide{
 width:1170px;
 margin:0 auto;
 display:flex;
}
.home-guide li{
 width:275px;
 border: 1px solid #CCC;
 position: relative;
 overflow: hidden;
}

.home-guide li img{
  margin: 30px 0 10px;
  width: 94px;
  position: relative;
  z-index: 1;
}

.home-guide li a {
  display: block;
  text-decoration: none;
}

.home-guide li h3 {
  font-size: 1.2em;
  color: #FF9600;
  padding: 15px  0 0 0;
  transition: all 0.5s cubic-bezier(.17,.84,.44,1) 0s;
}

.home-guide li a:hover h3 {
  color: #fff;
}

.home-guide li h5 {
  font-size: 1.2em;
  color: #FF9600;
  padding: 0;
  transition: all 0.5s cubic-bezier(.17,.84,.44,1) 0s;
}

.home-guide li a:hover h5 {
  color: #fff;
}


.home-guide li span {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  z-index: 0;
  border-radius: 50%;
  background-color: #FF9600;
  transform: scale(1);
  transition: all 0.5s cubic-bezier(.17,.84,.44,1) 0s;
}

/*
.home-guide li a:hover span {
  transform: scale(6.5);
}
*/

.home-guide li a:hover span {
  transform: scale(7.5);
}

.home-guide li p{
 padding: 20px;
 font-size:80%;
 line-height:160%;
 text-align:center;
 position: relative;
 z-index: 2;
 transition: all 0.5s cubic-bezier(.17,.84,.44,1) 0s;
}

.home-guide li a:hover p {
  color: #fff;
}

#box-btm-guide-wrap{
 max-width:100%;
 margin:0 auto;
 padding:20px 0 40px 0;
 overflow:hidden;
 background:#feeed8;
}
#box-btm-guide{
 width:1170px;
 margin:0 auto;
 text-align:left;
 overflow:hidden;
}
#box-btm-guide:after{
 content: '';
 display: block;
 clear: both;
}
#btm-guide-left{
 width:565px;
 float:left;
}
#btm-guide-right{
 width:570px;
 float:right;
}
#btm-guide-left .btm-guide-txt01{
 margin:0;
 padding:0;
 font-size:90%;
}
#btm-guide-left img{
 margin-bottom:10px;
}
#btm-guide-left .btm-guide-txt02{
 margin:0;
 font-size:80%;
}

#box-btm-contact{
 display: block;
 position:absolute;
 left:50%;
 width:1500px;
 height:160px;
 margin: 0 auto;
 margin-left:-750px;
 position: relative;
 overflow: hidden;
 background:url(../images/btm_contact_bg.jpg) no-repeat;
}
#box-btm-contact-in{
 padding-top:40px;
 text-align:center;
}

.cont-box{
 width:900px;
 margin:0 auto;
 text-align:left;
 overflow:hidden;
}
.box-blue{
 max-width:100%;
 margin:0 auto;
 padding:40px 0 0 0;
 overflow:hidden;
 background:#e1f3f1;
}
.box-grey{
 max-width:100%;
 margin:0 auto;
 margin-top:50px;
 padding:40px 0 40px 0;
 overflow:hidden;
 background:#f8f8f8;
}

.home-guide{
 width:1190px;
 margin:0 auto;
 margin-bottom:30px;
 text-align:center;
}
.home-guide:after{
 content: '';
 display: block;
 clear: both;
}
.home-guide li{
 width:275px;
 margin:0 auto;
 text-align:center;
 line-height:160%;
 float:left;
}

.col3{
 width:1080px;
 margin:30px 0 30px 0;
 text-align:left;
}
.col3:after{
 content: '';
 display: block;
 clear: both;
}
.col3 li{
 width:329px;
 margin:0 10px 0 0;
 text-align:left;
 line-height:160%;
 float:left;
}

#home-left {
 display: block;
 width:670px;
 float:left;
 margin:0;
 text-align:left;
 overflow: hidden;
}
#home-right {
 display: block;
 width:350px;
 float:right;
 margin:0;
 text-align:left;
 overflow: hidden;
}
#home-right p{
 font-size:14px;
 margin:0;
 padding:0;
 line-height:160%;
}
#home-right img{
 margin-bottom:14px;
}
.home-case-title{
 font-size:16px;
 margin:0;
 padding:0;
 color:#333;
 line-height:160%;
}
.home-case-title span{
 font-size:18px;
 margin:0;
 padding:0;
 color:#e72c32;
}

#home-company {
 display: block;
 width:100%;
 margin:0 auto;
 margin-top:30px;
 padding:0;
 position: relative;
 overflow:hidden;
 background:#f3f3f3;
}
#home-company:after {
 content: '';
 display: block;
 clear: both;
}
#home-company-box {
 display: block;
 width:1400px;
 margin:0 auto;
}
#home-company-left {
 display: block;
 width:500px;
 height:330px;
 float:left;
 margin:0;
 text-align:left;
 overflow: hidden;
}
#home-company-right {
 display: block;
 width:660px;
 height:290px;
 float:right;
 margin:0 0 0 30px;
 padding:20px 0 20px 0;
 text-align:left;
 overflow: hidden;
}
#home-company-right p{
 font-size:94%;
}

.home-box {
 display: block;
 left:50%;
 width:1460px;
 height:560px;
 margin:0 auto;
 margin-left:-730px;
 margin-top:30px;
 padding:30px 0 0 0;
 position: relative;
 overflow:hidden;
 background:url(../images/recruit_bg.jpg) no-repeat;
}
#home-box:after {
 content: '';
 display: block;
 clear: both;
}
.home-box-in {
 max-width:1050px;
 margin:0 auto;
 padding-bottom:0;
}
.home-left {
 display: block;
 width:500px;
 height:auto;
 float:left;
 margin:0 30px 0 0;
 padding:20px 0 20px 0;
 text-align:left;
 overflow: hidden;
 background:url(../images/home_left_bg.jpg) repeat;
}
.home-left ul {
 zoom: 1;
 width: 450px;
 margin:0 auto;
 margin-left:30px;
}
.home-left ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.home-left li {
 float: left;
 margin: 10px 24px 10px 0;
 text-align:center;
 font-size:90%;
 color:#fff;
}
.home-left li img{
 margin-bottom:10px;
}
.home-right {
 display: block;
 width:500px;
 height:auto;
 float:left;
 margin:0;
 padding:20px 0 20px 0;
 text-align:left;
 overflow: hidden;
 background:url(../images/home_right_bg.jpg) repeat;
}
.home-right ul {
 zoom: 1;
 width: 450px;
 margin:0 auto;
 margin-left:30px;
}
.home-right ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.home-right li {
 float: left;
 margin: 10px 24px 10px 0;
 text-align:center;
 font-size:90%;
 color:#fff;
}
.home-right li img{
 margin-bottom:10px;
}

.box2 ul {
 zoom: 1;
 width: 1080px;
 margin:0 auto;
 margin-bottom:30px;
}
.box2 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box2 li {
 float: left;
 margin: 10px 30px 10px 0;
}
.box2 li.last {
 float: left;
 margin: 10px 0 10px 0;
}


.box3 ul {
 zoom: 1;
 width: 1080px;
 margin:0 auto;
 margin-bottom:30px;
}
.box3 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box3 li {
 float: left;
 margin: 10px 80px 10px 0;
 text-align:center;
 font-size:90%;
 color:#fff;
}
.box3 li img{
 margin-bottom:10px;
}

.red{
 color:#e72c32;
}
.komemark{
 color:#ff0000;
}

#cont{
 width:820px;
 float:left;
}
#right-side{
 width:300px;
 float:right;
}
#news-list-box{
 width:300px;
 background:#feeed8;
}
#news-list{
 width:240px;
 margin:0 auto;
 padding-top:20px;
 padding-bottom:20px;
}
#news-list ul{
 width:240px;
}
#news-list li{
 padding:0 0 20px 0;
 font-size:90%;
 text-align:left;
 line-height:120%;
}
#news-list li a{
 color:#666;
 text-decoration:underline;
}
#news-list li a:hover{
 color:#666;
 text-decoration:none;
}
.news-title-box{
 margin-bottom:20px;
 border-bottom:1px dotted #ddd;
}
.news-title-box:after{
 content: '';
 display: block;
 clear: both;
}
.news-ttl{
 clear:both;
 padding:10px 0 15px 0;
 font-size:140%;
 color:#ff9600;
}
.news-title-left{
 float:left;
}
.news-title-right{
 margin-top:0;
 float:right;
}
.news-title-right li{
 margin-right:5px;
 float:left;
 width:60px;
}


/* ============================================================== */
/* under */
/* ============================================================== */

.under-navi{
 width: 1190px;
 margin:0 auto;
 display:flex;
}
.under-navi li{
 width:275px;
 margin: 30px auto 10px;
 position: relative;
 /*  overflow: hidden; */
 z-index: 1;
 border:solid 1px #d7d7d7;
}
.under-navi li a {
  display: block;
  text-decoration: none;
}

.under-navi02{
 width:1190px;
 margin:0 auto;
 display:inline-flex;
}
.under-navi02 li{
 display: block;
 width:20%;
 margin: 10px;
 box-sizing: border-box;
 position: relative;
 overflow: hidden;
 border:1px solid #ff9600;
 border-radius:3px;
 color:#ff9600;
}
.under-navi02 li a {
 display: block;
 padding:15px;
 text-decoration: none;
 color:#ff9600;
}
.under-navi02 li a:hover {
 display: block;
 text-decoration: none;
 color:#fff;
 background:#ff9600;
}
.under-navi02 li.current a{
 display: block;
 text-decoration: none;
 color:#fff;
 background:#ff9600;
}
.prototype{
 display: block;
 padding-top:15px;
 text-decoration: none;
 color:#bdbdbd;
}
.under-navi02 li.protostyle{
 display: block;
 width:20%;
 margin: 10px;
 box-sizing: border-box;
 position: relative;
 overflow: hidden;
 border:1px solid #bdbdbd;
 border-radius:3px;
}

.under-navi03{
 width:756px;
 margin:0 auto;
 display:inline-flex;
}
.under-navi03 li{
 display: block;
 width:30%;
 margin: 15px;
 box-sizing: border-box;
 position: relative;
 overflow: hidden;
 border:1px solid #ff9600;
 border-radius:3px;
 color:#ff9600;
}
.under-navi03 li a {
 display: block;
 padding:15px;
 text-decoration: none;
 color:#ff9600;
}
.under-navi03 li a:hover {
 display: block;
 text-decoration: none;
 color:#fff;
 background:#ff9600;
}
.under-navi03 li.current a{
 display: block;
 text-decoration: none;
 color:#fff;
 background:#ff9600;
}

.equipment{
 width: 1190px;
 margin:0 auto;
 display:flex;
}
.equipment li{
 width:280px;
 margin: 0 auto 20px;
 position: relative;
 /*  overflow: hidden; */
 z-index: 1;
}




/* ============================================================== */
/*contact*/
/* ============================================================== */

.contact-box{
 padding:0 0 30px 0;
 background:#f5f5f5;
}
.contact-table {
 width:800px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
}
.contact-table th{
 width:30%;
 margin:0;
 padding:24px 0 24px 0;
 font-size:88%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:top;
}
.contact-table td{
 padding:24px 0 24px 18px;
 border:none;
 border-bottom:1px solid #ccc;
}
.contact-table td.bordernone{
 border:none;
}

.contact-table .size1{
 width:96%;
}
.contact-table .size2{
 width:50%;
}
.contact-table .size3{
 width:96%;
 height:250px;
}
.contact-table .size4{
 width:100px;
}
.contact-table .size4{
 width:100px;
}
.contact-table .size5{
 width:100px;
}
.contact-table .size6{
 width:120px;
}

.contact-table input,select{
 height:27px;
 vertical-align:middle;
}
.contact-table radio,checkbox{
 vertical-align:middle;
}

.contact-box button{
 padding:10px 15px 10px 15px;
}

/* ============================================================== */
/* line */
/* ============================================================== */

.line{
 margin-top:20px;
 padding:10px 0 10px 0;
 border-top:1px solid #ddd;
}

/* ============================================================== */
/* button */
/* ============================================================== */

.btn-base {
 font-size:1.3em;
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line {
 clear:both;
 margin:0 auto;
 width:450px;
 border:1px solid #fff;
}
.btn-line a {
 display:block;
 padding:25px 0 25px 0;
 color:#fff;
 text-align:center;
 text-decoration:none;
}
.btn-line a:hover {
 color:#fff;
 background:#ff9600;
}


#topcontrol {
  z-index:2;
}



/* ============================================================== */
/*index-news*/
/* ============================================================== */

#index-news {
  width:980px;
  margin:0 auto;
}
#index-news div.wn-head {
  display: none;
}
#index-news div.whatsnew {
  border: none;
  margin-top: 0px !important;
}
#index-news div.wn-item {
  padding: 25px 0px 25px 100px;
  position: relative;
  font-size: 14px;
  border-bottom:1px solid #ddd;
}
#index-news div.wn-date {
  position: absolute;
  top: 25px;
  left: 0px;
  color:#ff9600;
}


/* ============================================================== */
/*index-news-top*/
/* ============================================================== */

#index-news-top {
  width:980px;
  margin:0 auto;
}
#index-news-top div.wn-head {
  display: none;
}
#index-news-top div.whatsnew {
  border: none;
  margin-top: 0px !important;
}
#index-news-top div.wn-item {
  padding: 25px 0px 25px 100px;
  position: relative;
  font-size: 14px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
#index-news-top div.wn-date {
  position: absolute;
  top: 25px;
  left: 0px;
  color:#ff9600;
}


/* ============================================================== */
/*footer*/
/* ============================================================== */

footer{
 clear:both;
 width:100%;
 margin:0;
 background:#ff9600;
}
#foot{
 width:1150px;
 margin:0 auto;
 padding-top:23px;
 padding-bottom:23px;
}
#foot:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

.foot-navi{
 position: relative;
  overflow: hidden;
 /*width:100%;*/
 text-align:center;
}
.foot-navi ul{
 position: relative;
 left:50%;
 float:left;
}
.foot-navi ul li{
 padding:0 8px 0 8px;
 letter-spacing:1px;
 text-align:center;
 font-size:90%;
 color:#fff;
 border-right:1px solid #fff;
 position: relative;
 left:-50%;
 float:left;
}
.foot-navi ul li a{
 color:#fff;
 text-decoration:none;
}
.foot-navi ul a:hover{
 text-decoration:underline;
}

.foot-navi ul li.first{
 padding:0 8px 0 8px;
 letter-spacing:1px;
 text-align:center;
 font-size:90%;
 border-left:1px solid #fff;
 border-right:1px solid #fff;
 float:left;
}
.foot-navi ul li.first a{
 color:#fff;
 text-decoration:none;
}
.foot-navi ul li.first a:hover{
 text-decoration:underline;
}

/* ============================================================== */
/* contents*/
/* ============================================================== */

.flow-left{
 width:3%;
 margin-top:17px;
 margin-left:30px;
 float:left;
}
.flow-right{
 width:90%;
 margin-top:15px;
 float:left;
}

.box-left{
 width:48%;
 float:left;
}
.box-right{
 width:48%;
 float:right;
}

.pls-box-left{
 width:48%;
 height:320px;
 float:left;
 margin-top:20px;
}
.pls-box-right{
 width:48%;
 height:320px;
 float:right;
 margin-top:20px;
}

.pls1-1-box-left{
 width:48%;
 height:230px;
 float:left;
 margin-top:20px;
}
.pls1-1-box-right{
 width:48%;
 height:230px;
 float:right;
 margin-top:20px;
}

.pls1-2-box-left{
 width:48%;
 height:190px;
 float:left;
 margin-top:20px;
}
.pls1-2-box-right{
 width:48%;
 height:190px;
 float:right;
 margin-top:20px;
}

.pls1-3-box-left{
 width:48%;
 height:160px;
 float:left;
 margin-top:20px;
}
.pls1-3-box-right{
 width:48%;
 height:160px;
 float:right;
 margin-top:20px;
}

.pls4-box-left{
 width:50%;
 float:left;
 margin-top:20px;
}
.pls4-box-right{
  width:47%;
float:right;
 margin-top:20px;
 padding-top:54px;
}

.pls4B-box-left{
 width:50%;
 float:left;
}
.pls4B-box-right{
 width:47%;
 float:right;
}

.doc-box-left{
 width:602px;
 float:left;
}
.doc-box-right{
 width:570px;
 float:right;
}

.box5-left{
 width:50%;
 float:left;
}
.box5-right{
 width:50%;
 float:right;
}
.box5full-left{
 width:100%;
 float:left;
}


.base-table{
 width:100%;
 margin-top:10px;
}
.base-table td{
 padding:10px;
 background:#feeed8;
 border:1px solid #fff;
 font-size:90%;
}
.base-table .base-a{
 padding:10px;
 background:#ffdaa7;
 border:1px solid #fff;
 font-size:90%;
}
.base-table02{
 width:90%;
 margin-top:10px;
 margin-left:30px;
}
.base-table02 td{
 padding:10px;
 background:#feeed8;
 border:1px solid #fff;
 font-size:90%;
}
.base-table02 .base-a{
 padding:10px;
 background:#ffdaa7;
 border:1px solid #fff;
 font-size:90%;
}

.box4{
 width:100%;
 margin:0 auto;
 margin-top:20px;
 display:flex;
}
.box4 li{
 width:240px;
 margin-left:30px;
 margin-right:30px;
 float:left;
 position: relative;
 overflow: hidden;
}

.box3-wrap{
 width:100%;
 margin:0 auto;
 margin-top:20px;
 display:flex;
}
.box3{
 width: 350px;
 margin-right: 35px;
 float:left;
 position: relative;
 overflow: hidden;
}
.box3-02{
 width: 380px;
 margin-right: 40px;
 float:left;
 position: relative;
 overflow: hidden;
}
.box3-03{
 width: 365px;
 margin-right:0;
 float:left;
 position: relative;
 overflow: hidden;
}

.box5-wrap{
 width:100%;
 margin:0 auto;
 margin-top:20px;
 display:flex;
}
.box5{
 width: 360px;
 margin-right: 35px;
 float:left;
 position: relative;
 overflow: hidden;
}
.box5-02{
 width: 370px;
 margin-right: 40px;
 float:left;
 position: relative;
 overflow: hidden;
}
.box5-03{
 width: 365px;
 margin-right:0;
 float:left;
 position: relative;
 overflow: hidden;
}

.dl-btn{
 width:500px;
 margin:20px auto 0;
 display:block;
}
.dl-btn li{
 width:350px;
 margin:20px auto 0;
 position: relative;
}

.sch-table{
 width:100%;
 margin-top:10px;
 margin-bottom:10px;
 border:1px solid #ccc;
}
.sch-table .area-top{
 padding:10px;
 border:1px solid #ccc;
 font-size:90%;
 text-align:center;
}
.sch-table .area01{
 width:10%;
 padding:10px;
 border:1px solid #ccc;
 font-size:90%;
 background:#f2f2f2;
}
.sch-table .area02{
 width:25%;
 padding:10px;
 border:1px solid #ccc;
 font-size:90%;
 line-height:160%;
}
.sch-table .area03{
 width:50%;
 padding:10px;
 border:1px solid #ccc;
 font-size:90%;
 line-height:160%;
}
.sch-table .area04{
 width:5%;
 padding:10px;
 border:1px solid #ccc;
 font-size:90%;
 background:#ddf1f9;
 vertical-align:middle;
 text-align:center;
}

.time-table{
 width:100%;
 margin-top:20px;
 margin-bottom:10px;
 vertical-align:middle;
 text-align:center;
 line-height:160%;

}
.time-table .area-top{
 padding:10px;
 border:1px solid #fff;
 color:#fff;
 text-align:center;
 vertical-align:middle;
 background:#ff9600;
}
.time-table .area01{
 padding:10px;
 height:50px;
 border:1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}
.time-table .area02{
 width:10%;
 padding:10px;
 border:1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}

.info-table{
 width:100%;
 margin-bottom:10px;
 vertical-align:middle;
 text-align:center;
 line-height:160%;
}
.info-table .area-top{
 padding:10px;
 border:1px solid #fff;
 color:#fff;
 text-align:center;
 background:#ff9600;
}
.info-table .area01{
 padding:10px;
 height:50px;
 border:1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}
.info-table .area02{
 width:10%;
 padding:10px;
 border:1px solid #fff;
 background:#feeed8;
 vertical-align:middle; 
}

.ps-table {
 width: 100%;
 border-spacing: 0;
 margin: 0 auto;
 margin-top:10px;
 margin-bottom:20px;
 border:none;
}
.ps-table .area02 {
 width:24%;
 padding: 8px 8px 8px 8px;
 font-size:14px;
 text-align: center;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}
.ps-table .area-top {
 padding: 12px 0 12px 0;
 font-size:14px;
 text-align: center;
 color:#fff;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffbc60;
}
.ps-table .area01 {
 width:24%;
 padding: 12px 8px 12px 8px;
 font-size:14px;
 text-align: left;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffdaa7;
}

section .ps-table02 {
 width: 100%;
 border-spacing: 0;
 margin: 0 auto;
 margin-top:10px;
 margin-bottom:20px;
 border:none;
}
section .ps-table02 .area02 {
 width:80%;
 padding: 16px 8px 16px 15px;
 font-size:14px;
 text-align: left;
 line-height:160%;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}
section .ps-table02 .area-top {
 padding: 16px 0 16px 0;
 font-size:14px;
 text-align: center;
 color:#fff;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffbc60;
}
section .ps-table02 .area01 {
 width:20%;
 padding: 16px 8px 16px 15px;
 font-size:14px;
 text-align: center;
 line-height:160%;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align: middle;
}

section .ps-table03 {
 width:370px;
 border-spacing: 0;
 margin: 0 auto;
 margin-top:20px;
 margin-bottom:20px;
 border:none;
 display:block;
}
section .ps-table03 .area-top {
 padding: 8px 0;
 font-size:14px;
 text-align: center;
 color:#fff;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffbc60;
}
section .ps-table03 .area01 {
 width:360px;
 padding: 4px 40px 4px 20px;
 font-size:14px;
 text-align: left;
 line-height:160%;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
}
section .ps-table03 .area02 {
 width:360px;
 padding: 4px 20px 4px 0;
 font-size:14px;
 text-align: right;
 line-height:160%;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}



.laser-table {
 width: 100%;
 border-spacing: 0;
 margin: 0 auto;
 margin-top:50px;
 border:none;
}
.laser-table .area-top {
 padding: 12px 0 12px 0;
 font-size:14px;
 text-align: center;
 color:#fff;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffbc60;
 vertical-align:middle;
}
.laser-table .area00 {
 width:24%;
 padding:5px 8px 5px 8px;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#fff;
}
.laser-table .area02 {
 width:24%;
 padding:12px 8px 12px 8px;
 font-size:14px;
 text-align: center;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}

.laserPrace-table {
 width: 100%;
 border-spacing: 0;
 margin: 0 auto;
 margin-top:10px;
 margin-bottom:20px;
 border:none;
}
.laserPrace-table .area-top {
 padding: 12px 0 12px 0;
 font-size:14px;
 text-align: center;
 color:#fff;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffbc60;
  vertical-align:middle;
}
.laserPrace-table .area01 {
 width:24%;
 padding: 12px 8px 12px 20px;
 font-size:14px;
 text-align: left;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffdaa8;
 vertical-align:middle;
}
.laserPrace-table .area02 {
 width:24%;
 padding: 12px 8px 12px 20px;
 font-size:14px;
 text-align: left;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}
.laserPrace-table .area03 {
 width:24%;
 padding: 12px 8px 12px 8px;
 font-size:14px;
 text-align: center;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}
.laserPrace-table .area00 {
 width:3%;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#fff;
}



/* ============================================================== */
/*company*/
/* ============================================================== */

.company-table {
 width: 100%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ddd;
}
.company-table th{
 width:20%;
 margin:0;
 padding:14px 0 12px 10px;
 font-size:92%;
 font-weight:normal;
 text-align:left;
 border:none;
 border-bottom:1px solid #ddd;
 background:#f0f0f0;
}

.company-table td{
 padding:14px 0 12px 18px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ddd;
}
.company-table .no-line{
 border:none;
}
.company-table td.bordernone{
 border:none;
}

.company-table02 {
 width: 100%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
}
.company-table02 th{
 width:20%;
 margin:0;
 padding:14px 0 12px 10px;
 font-size:90%;
 font-weight:normal;
 text-align:left;
 border:none;
 border-bottom:1px solid #ddd;
 background:#f0f0f0;
}

.company-table02 td{
 padding:14px 0 12px 18px;
 font-size:90%;
 line-height:180%;
 text-align:left;
 border:none;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
.company-table02 .no-line{
 border:none;
}
.company-table02 td.bordernone{
 border:none;
}

/* ============================================================== */
/* privacy */
/* ============================================================== */

#main .privacy-title{
 margin:0;
 padding:10px 0 0 3px;
 text-align:left;
 font-size:15px;
 font-weight:bold;
}

#main .privacy-text{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
 border-bottom:1px dotted #ccc;
}
#main .privacy-text02{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
}

/* ============================================================== */
/* sitemap */
/* ============================================================== */

.sitemap-box{
 width:50%;
 margin:0 auto;
 margin-top: 30px;
 margin-bottom: 30px;
 padding:0 0 20px 0;
 text-align:center;
}


/* ============================================================== */
/*recruit*/
/* ============================================================== */

.recruit-table .area01 {
 width:5%;
 padding: 12px 0 12px;
 font-size:14px;
 text-align: center;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#ffdaa8;
 vertical-align:middle;
}
.recruit-table .area03 {
 width:15%;
 padding: 12px 25px 12px;
 font-size:14px;
 text-align: left;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#feeed8;
 vertical-align:middle;
}
.laserPrace-table .area00 {
 width:3%;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 background:#fff;
}