@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%;
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0; color:#444;}

.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: #e4347a;}

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

.f120{font-size:120%;}
.f150{font-size:150%;}
.f180{font-size:180%;}

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

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

h2 {
 font-weight: bold;
 font-size: 18pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h2 span{
 font-weight: bold;
 font-size: 9pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 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: 24pt;
 margin-bottom:30px;
 padding: 10pt 0 20pt 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
 border-bottom:5px double #fedfea;
}

h3 {
  font-weight: normal;
  font-size: 22pt;
  padding: 10pt 0 20pt 0;
  position: relative;
  text-align:center;
  color:#eb5d97;
  line-height:180%;
  /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h3 span{
  font-weight: normal;
  font-size: 20pt;
  text-align:center;
  color:#666;
  /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*
h3.title{
  font-weight: normal;
  text-align: left;
  font-size: 18pt;
  line-height: 0.8em;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-bottom:10px;
  position: relative;
  color: #333;
  line-height:140%;
  border-bottom:3px double #00a0e8;
}
*/

h3.title {
  clear:both;
  position: relative;
  display: block;
  margin:0 auto;
  margin-top:50px;
  margin-bottom:30px;
  padding: 0 65px;
  color:#eb5d97;
  text-align:center !important;
  /*font-family: "ＭＳ Ｐ明朝";*/
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 20pt;
}
h3.title:before, h3.title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  margin:0 auto;
  width: 42px;
  height: 1px;
  background-color: #eb5d97;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  text-align:center !important;
}

h3.title:before {
  /*left:0;*/
  margin-left:-90px;
}
h3.title:after {
  /*right: 0;*/ 
  margin-left:50px;
}

h3.title02 {
  color: #ea5d96;/*文字色*/
  margin-top:50px;
  margin-bottom:10px;
  padding: 0.3em 0;/*上下の余白*/
  font-size:160%;
  text-align:left;
  border-top: solid 1px #ea5d96;/*上線*/
}


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

.base-list{
 margin:10px 0 20px 0;
}
.base-list li{
 margin-top:6px;
 padding:10px  0 15px 32px;
 background:url(../images/check_red.jpg) 0 7px 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:80px; margin:0 auto; text-align:left; position: fixed; top: 0; z-index: 3; background:#fff; }
header:after { content: ''; display: block; clear: both;}
header div { width: 950px; margin: 0px auto; position: relative;}
header #logo { width:205px; margin-top:8px; margin-bottom:0;padding-bottom:0;float:left;}
header #logo img { position: relative;}
header ul#header-menu { display:block; width:400px; margin-top:28px; margin-left:150px; float:left;}
header ul#header-menu li{
 padding:0;
margin-bottom:0;padding-bottom:0;
 font-size:14px;
 text-align:center;
 line-height:130%;
 float:left;
 color:#222;
 -webkit-transform: skewX(150deg);
 -moz-transform: skewX(150deg);
 transform: skewX(150deg);
 border-right: 1px solid #222;
}
header ul#header-menu li a{
 color:#222;
 font-weight:normal;
 text-decoration:none;
 display:block;
 transform: skewX(-150deg);
 padding:0 14px;
margin-bottom:0;
}
header ul#header-menu li a:hover{
 color:#3782bd;
 text-decoration:underline;
}
header ul#header-menu li:last-child{ padding:0; font-size:14px; text-align:center; line-height:130%; float:left; color:#222;border-right:none;
}
header ul#header-menu li:last-child a{ color:#222; font-weight:normal; text-decoration:none; border-right:none;
}
header ul#header-menu li:last-child a:hover{  color:#3782bd; text-decoration:underline;}
header #head-contact{ width:92px; margin-top:26px; margin-left:10px; margin-right:0; margin-bottom:0;float:right;}

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


/* ============================================================== */
/*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:700px;
 margin: 0 auto;
 overflow: hidden;
 background:url(../images/main01.jpg) no-repeat;
 background-size: cover;
}
*/

/*
.main-image {
 padding-top:250px;
 text-align:center;
}
*/

.main-contents {
 display: block;
 position:relative;
 z-index: -1;
 /*width: 100%;
 height:480px; */
 margin: 0 auto;
 overflow: hidden;
}
.main-image {
 margin: 0 auto;
 padding-top:90px;
 text-align:center;
 max-width: 1540px;
 overflow-x: visible;
}

.main-image .bx-viewport {
  overflow: visible !important;
}
.main-contents-sp{display:none;}

.main-contents02 {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}
.main-image02 {
 margin: 0 auto;
 padding-top:90px;
 text-align:center;
 max-width: 1200px;
 overflow-x: visible;
}



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

div#wrap section {
  /*margin-top: 700px;*/
  background-color: #fff;
  position: relative;
  z-index: 2;
}

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

p{
 margin:0;
 padding:0 0 15px 0;
 font-size:100%;
 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-box00{
 max-width:100%;
 margin:0 auto;
 padding:0;
 text-align:left;
}
.float-box00:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02{
 max-width:100%;
 margin:0 auto;
 margin-bottom:20px;
 padding-bottom:15px;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:50px;
 text-align:left;
}
.float-right {
 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:1000px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;border-bottom:1px solid #fedfea;}
.box-in-news{ width:1000px; margin:0 auto; padding-top:50px;padding-bottom:50px;text-align:left; overflow:hidden;border-top:1px solid #fedfea;}
.box-in02{ width:900px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;}
.box-in03{ width:850px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;}
.home-info{ width:1000px; margin:0 auto;}
.home-info:after{ content: ''; display: block; clear: both;}
.home-info-title{ width:160px; float:left;padding-top:60px;}
.home-info-cont{ width:640px; float:left;border-left:1px solid #eb6199;}
.home-info-cont li{ text-align:left;padding:20px 0;}
.home-info-cont li span{ text-align:left; padding-left:40px;padding-right:50px;color:#eb6199;}
.home-info-btn{ width:180px; float:left;padding-top:120px;}

.box-grey{ width:100%; margin:0 auto; padding:40px 0 40px 0; overflow:hidden;background:#f5f3f2;}

.box-work{ width:100%; margin:0 auto; padding:40px 0 40px 0; overflow:hidden;}
.home-work{ width:100%; margin:0 auto; padding:40px 0 40px 0; display: flex;}
.home-work:after{ content: ''; display: block; clear: both;}
.home-work li{ width:360px;margin-right:1px;float:left; position: relative; overflow: hidden;}
.home-work li:last-child{ width:360px;margin-right:0px;float:left; position: relative; overflow: hidden;}

.box-contact{ width:920px; margin:0 auto; padding:0 0 20px 0; }
.box-contact:after{ content: ''; display: block; clear: both;}
.box-contact-left{width:386px;text-align:left;float:left;}
.box-contact-left .phone-txt{width:386px;text-align:left;font-size:32px;}
.box-contact-left .phone-txt a{color:#222;text-decoration:none;}
.box-contact-left .phone-txt a:hover{color:#3782bd;}
.box-contact-right{width:520px;padding-top:56px;text-align:left;float:right;}
.tel-time span{margin-right:15px;padding:6px 10px;text-align:center;vertical-align:middle;color:#fff;background:#222;float:left;}

.home-title{padding-top:30px;padding-bottom:30px;}

.home-service{ width:1084px; margin:0 auto; padding-top:0px;padding-bottom:30px;display: flex;}
.home-service:after{ content: ''; display: block; clear: both;}
.home-service li{ width:360px;margin-right:1px;float:left; position: relative; overflow: hidden;}
.home-service li:last-child{ width:360px;margin-right:0px;float:left; position: relative; overflow: hidden;}

#foot{margin-top:30px;}
.company-name{font-size:14px;font-weight:bold;text-align:center;}
.address{font-size:13px;text-align:center;}
.copyright{font-size:10px;text-align:center;}