@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;
}

#wrap{
  overflow: hidden;
}

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

strong{
 font-weight:normal;
}
/*span {color:#ff8695;font-weight:bold;} */

ul, ol {
 list-style: none;
}

img {
 width :100%;
 height:auto;
 vertical-align:bottom;
}

a {margin:0px;}
p {padding:0 0 15px 0; text-align:left;font-size:110%;line-height:180%;}

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

.center{text-align:center;}

h1{margin:0px; text-decoration:none;}
h2 {
 font-weight: normal;
 font-size: 20pt;
 margin:0;
 margin-bottom:30px;
 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;
 line-height:110%;
}
h2 span{
 font-weight: normal;
 font-size: 10pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:1px;
 font-family: arial;
}


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

h3.title {
  clear:both;
  position: relative;
  display: block;
  margin:0 auto;
  margin-top:50px;
  margin-bottom:30px;
  padding: 0 65px;
  color:#eb5d97;
  font-size:18pt;
  text-align:center !important;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
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:-80px;
}
h3.title:after {
  /*right: 0;*/ 
  margin-left:40px;
}

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 11px no-repeat;
}


body {
 background-repeat:repeat;
 font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 font-size: 14px;
 line-height: 1.6;
 color:#666666;
}

a:hover { color:#e4347a }

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

.f125{ font-size:125%; }
.comment{ font-size:80%;}
.bold { font-weight:bold; }
.brown { color:#663300; }
.red { color:#ff0000; }
.og { margin-bottom:0; padding-bottom:0; color:#ff6600; font-size:150%;}
.komemark { color:#ff0000; }
.text-center { text-align:center; }
.text-right{text-align:right;}

.sp-none{ display:none; }

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

.img-resize {
  width:92%;
  height: auto;
}

.link{ padding:0 0 0 20px; font-size:90%; background:url(../images/arrow_link.png) 0 4px no-repeat; }
.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

/*
h2 {
  font-weight: normal;
  font-size: 24pt;
  padding: 10pt 0 20pt 0;
  text-align: center;
  position: relative;
}
*/



div#content {
  padding-top: 30pt;
  padding-bottom: 20pt;
}

/*div.content-width-wrapper {
 margin: 0px 5%;
}
*/



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

header {
  width: 100%;
  margin:0;
  padding:0;
  position: absolute;
  z-index:1;
}
header:after {
 content: '';
 display: block;
 clear: both;
}

header div {
  width: 100%;
  margin: 0px auto;
  position: relative;
}

header #logo {
 margin-left:10px;
 padding-top:5px;
 padding-bottom:10px;
 width:180px;
 height:auto;
}
header ul#header-menu {
 display:none;
}

header #head-contact {
 display:none;
}

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

.gnavi {
 display:none;
}

.spnaviOpen {
 display:block;
 position:absolute;
 top:0px;
 right:0px;
 width:60px;
 height:60px;
 background: url(../images/btn_spmenu_bg.png) center top no-repeat;
 background-size: 60px 60px;
 text-indent:-9999px;
}
.spnavi ul.drop-menu {
 display:none;
 position:absolute;
 top:60px;
 left:0px;
 width:100%;
 z-index:1000;
}
.spnavi ul.drop-menu li {
 max-width:100%;
}
.spnavi ul.drop-menu li a{
 display: block;
 /*width:100%; */
 height:45px;
 background: url(../images/bg_gnavi01.gif) left top no-repeat;
 background-size: 100% 45px;
 text-align:left;
 text-decoration:none;
 color:#333;
}
.spnavi ul.drop-menu li span{
 display: block;
 padding:12px 15px 20px 15px;
 font-size:13px;
 font-weight:bold;
}
.spnavi ul.drop-menu li a:hover{
 color:#ff9600;
 text-decoration:none;
}
.spnavi ul.drop-menu li.navi08 a{
 background-image: url(../images/bg_gnavi02.gif);
}

/* ============================================================== */
/*home*/
/* ============================================================== */

/*
.main-contents {
 display: block;
 width:100%;
 height:300px;
 margin: 0 auto 20px;
 position: relative;
 overflow: hidden;
 background:url(../images/main01.jpg) center center no-repeat;
 background-size: cover;
}

.main-image {
 width:90%;
 height:auto;
 margin:0 auto;
 padding-top:120px;
 text-align:center;
}
*/

/*
.main-contents {
 display: block;
 max-width:180%;
 height:380px;
 margin: 0 auto;
 text-align:center;
 position: relative;
 overflow: hidden;
}

.main-image {
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}
*/

.main-contents {display:none;}

.main-contents-sp {
 display: block;
 margin: 0 auto;
 text-align:center;
 position: relative;
 overflow: hidden;
}

.main-image {
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}

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

.main-image-under {
 width:100%;
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}

.main-image .main-image01{
 margin:0 0 10px;
 padding:0;
 font-size:6vw;
 color:#fff;
 text-align: center;
}



#main{
 max-width:100%;
 margin:0 auto;
}


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

.home-service{
 width:92%;
 margin:0 auto;
 margin-bottom:30px;
 text-align:center;
}
.home-service:after{
 content: '';
 display: block;
 clear: both;
}
.home-service li{
 width:100%;
 margin:0 0 20px 0;
 text-align:center;
}

.home-wrap {

}
.home-box {
 width:100%;
 margin:0 auto;
 padding:20px 0 20px 0;
 text-align:center;
 background:#f3f3f3;
}
.home-box:after {
 content: '';
 display: block;
 clear: both;
}
.home-box-in{
 max-width:94%;
 margin:0 auto;
}
.home-box p{
 padding-bottom:15px;
 text-align:left;
}
.home-left {
 /*margin:0;
 text-align:left;
 */
 display:none;
}
.home-right {
 margin-top:20px;
}

.home-box02 {
 width:100%;
 margin:0 auto;
 padding:0 0 20px 0;
 text-align:center;
}
.home-box:after {
 content: '';
 display: block;
 clear: both;
}
.home-box-in{
 width:96%;
}
.home-box p{
 padding-bottom:15px;
 text-align:left;
}
.home-left02 {
 margin-top:0;
 padding-top:0;
}
.home-right02 {
 display:none;
}

.home-box03 {
 width:100%;
 margin:0 auto;
 padding:20px 0 20px 0;
 text-align:center;
 background:#d3f2fc;
}
.home-box03:after {
 content: '';
 display: block;
 clear: both;
}
.home-box03 p{
 padding-bottom:15px;
 text-align:left;
}
.home-left03 {
 /*margin:0;
 text-align:left;
 */
 display:none;
}
.home-right03 {
 margin-top:20px;
}



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

footer{ clear:both; width:100%; margin:0; border-top:1px solid #999;}
#foot{ width:100%; margin:0 auto; padding-top:36px;padding-bottom:23px;}
#foot:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.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;}



/* ============================================================== */
/* 下層コンテンツ */
/* ============================================================== */

.box {width:100%; margin:0 auto; padding:30px 0px 30px 0px; overflow:hidden;}
.box:after { content: ''; display: block; clear: both;}
.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:92%; margin:0 auto; padding-bottom:60px;text-align:left; overflow:hidden;border-bottom:1px solid #fedfea;}
.box-in-news{ width:92%; margin:0 auto; padding-top:60px;padding-bottom:60px;text-align:left; overflow:hidden;border-top:1px solid #fedfea;}
.box-in02{ width:92%; margin:0 auto; padding-bottom:30px;text-align:left; overflow:hidden;}
.box-grey{ width:100%; margin:0 auto; padding:40px 0 40px 0; overflow:hidden;background:#f5f3f2;}
.box-in03{ width:92%; margin:0 auto; padding-bottom:30px;text-align:left; overflow:hidden;}


.box-contact{ width:92%; margin:0 auto; padding:0 0 20px 0; }
.box-contact:after{ content: ''; display: block; clear: both;}
.box-contact-left{width:90%;margin:0 auto; text-align:left;float:none;}
.box-contact-left .phone-txt{width:90%;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:90%;margin:0 auto; padding-top:56px;text-align:left;float:none;}
.tel-time span{margin-right:15px;padding:6px 10px;text-align:center;vertical-align:middle;color:#fff;background:#222;float:left;}


.float-box {
 width:92%;
 margin:0 auto;
 padding:0px 0px 30px 0px;
 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:30px;
 padding-bottom:10px;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02 img {
 margin-bottom:15px;
}

.float-left {
 margin:0 0 20px 0;
 text-align:center;
}
.float-right {
 margin-bottom:20px;
 text-align:center;
}
.float-box p{
 padding-bottom:15px;
 text-align:left;
}

.sp-center{ display:block; margin-left:auto; margin-right:auto; text-align:center;}


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

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