@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}
a:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
a {
	color: #999999;
	text-decoration:none;
}

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

body {
    position: relative;
    font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}


/*--------------------------------------------------
	header
--------------------------------------------------- */
header {
    position: relative;
    width: 100%;
    height: 210px;
    z-index: 1000;
}
header h1 {
    width: 197px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    z-index: 3
}

header h1 img {
    display: block;
    width: 197px;
    height: 82px;
    position: absolute;
    top: 50%;
    left:50%;
    margin: -41px 0 0 -98px
}

/*subnav*/
header div.subnav {
  display:none;
    width: 65px;
    height: 20px;
    z-index: 4;
    position: absolute;
    top: -180px;
    right: 20px
}
header div.subnav a.sns {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute
}
header div.subnav a.sns.fb {
    top: 1px;
    right: 0
}
header div.subnav a.sns.tw {
    top: 2px;
    right: 25px
}

/**/
nav {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 14px;
    z-index:5;
    text-align:center;
    background:#ffffff;
}
nav ul {
    width: 490px;
    height: 14px;
    margin: 0 auto;
    list-style: none outside
}

nav ul li {
    display: block;
    float: left
}

nav ul li a {
    display: block;
    width: auto;
    height: 14px;
    padding: 0 8px;
    line-height: 14px;
    font-family: "A1明朝", "YuMincho", "游明朝","ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "MS 明朝", "ＭＳ Ｐ明朝", "MS PMincho" , serif !important;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    letter-spacing:0.2em;
    color: #41c5c7;
}

/*header.scroll*/
header.scroll nav,
.form header nav {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.90;
	padding: 0;
  height:50px;
}
header.scroll nav ul,
.form header nav ul {
  position:fixed;
  top:18px;
  left:10px;
    width: 490px;
    height: 14px;
    margin-left:180px;
    list-style: none outside
}
header.scroll h1 img,
.form header h1 img {
  display: none
}
header.scroll h1,
.form header h1 {
  position:fixed;
  width:96px;
  height:28px;
	padding: 0;
	margin: 0;
  top:10px;
  left:20px;
  z-index:6;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/common/logo_s.png");
}
header.scroll div.subnav,
.form header div.subnav {
    width: 240px;
    height: 20px;
    z-index:10;
    position: fixed;
    top: 15px;
    right: 20px
}


/*
div.bg {
    width: 100%;
    height: 450px;
    position: absolute;
    top: 440px;
    left: 0px;
    background-size: contain;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/top/main.png");
}
*/

/*
   slide
----------------------------------------------------- */

.slide {
  clear:both;
  width: 100%;
  height:650px;
  position: absolute;
  top: 250px;
  left: 0px;
  z-index: 1;
}
.skippr>div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 62.5%;
  background-repeat:no-repeat;
}
.skippr-nav-container,.skippr-nav-item {
	display:none;
}


/*--------------------------------------------------
	content
--------------------------------------------------- */
#content {
  position:relative;
  margin:750px auto 50px;
	padding: 0;
	text-align: left;
}

/*photo*/
#photo {
  width:100%;
  margin:0 0 130px;
  float: left;
}
#photo li{
  float:left;
  width:33.33%;
}
#photo li p,
#photo li h2{
	padding:1em 12px 0.5em 20px;
}
#photo li h2 {
  font-size:140%;
  font-weight:700;
  font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  color:#41c5c7;
}
#photo li img {
  width:100%;
  height:auto;
}

/*news*/
#news {
  width:600px;
  margin:50px auto;
}
#news h2 {
  text-align:center;
  margin-bottom:20px;
}
#news li {
  display:block;
	padding:1em 12px 0.5em 20px;
  line-height:2.0em;
  border-bottom:1px solid #f2f2f2;
}
#news li p {
  padding-left:6.5em;
}
#news li span {
  width:5.0em;
  float:left;
}

/*fb*/
.box-fb {
  display:none;
	width:500px;
  height:300px;
  margin:0px auto 200px;
  text-align:center;
}


/*section*/
section {
  width:80%;
  padding:0 0;
  margin:250px auto;
}
section p{
  padding-bottom:0.5em;
}
section h2 {
  position:relative;
  font-size:180%;
  text-align:center;
  font-family: "A1明朝", "YuMincho", "游明朝","ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "MS 明朝", "ＭＳ Ｐ明朝", "MS PMincho" , serif !important;
  color:#41c5c7;
  margin-bottom:130px;
}
section h2:after {
 content: " ";
 display:block;
 font-size:100%;
 position:absolute;
 top:40px;
 left:50%;
  border-top:1px solid #41c5c7;
  width:130px;
  margin-left:-65px;
}
section h3 {
  font-size:22px;
  line-height: 140%;
  font-weight:700;
  margin:5.0em 0 1.8em;
}
section h4 {
  font-size:100%;
  line-height: 140%;
  font-weight:700;
  margin:5.0em 0 1.0em;
}
.photo_r {
  float:right;
  margin-left:2.5em;
  font-size:80%;
  line-height:1.2;
}

/*who*/
#who li {
  margin-bottom: 10px;
	background-color: #F2F2F2;
	padding: 20px 30px;
	border-radius: 5px;
	font-size: 16px;
  /*color: #1A74B0;*/
}
#who li.i_sun,
#who li.i_moon,
#who li.i_car,
#who li.i_rain,
#who li.i_pc,
#who li.i_eye,
#who li.i_hsp {
  background-image:url(../img/who/i_sun.png);
  background-repeat:no-repeat;
  background-position:95% center;
}
#who li.i_sun {  background-image:url(../img/who/i_sun.png);	}
#who li.i_moon {  background-image:url(../img/who/i_moon.png);	}
#who li.i_car {  background-image:url(../img/who/i_car.png);	}
#who li.i_rain {  background-image:url(../img/who/i_rain.png);	}
#who li.i_pc {  background-image:url(../img/who/i_pc.png);	}
#who li.i_eye {  background-image:url(../img/who/i_eye.png);	}
#who li.i_hsp {  background-image:url(../img/who/i_hospital.png);	}

 /*faq*/
.faq-q {
  color: #16586D;
  font-size:120%;
  margin-right:0.5em;
  font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
}
.faq-a {
  color: #9B1C1F;
  font-size:180%;
  margin-right:0.5em;
  font-weight:700;
  font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
}
#faq p {
  padding-left:3.0em;
  text-indent:-2.5em;
}


 /*contact*/
 #contact li {
  display:block;
	padding:1em 12px 0.5em 20px;
  line-height:2.0em;
  border-bottom:1px solid #f2f2f2;
}
#contact li p {
  padding-left:6.5em;
}
#contact li span {
  width:5.0em;
  float:left;
}

input#submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #41c5c7;
    color: #fff;
    border-style: none;
}
button#myreset,
button#submit {
  margin-left:5px;
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #41c5c7;
    color: #fff;
    border-style: none;
}


.fig {
  width:100%;
  height:auto;
}



/*contact*/
#contact {
  width:600px;
}
#contact .formmail {

}
#contact dl {
  width:380px;
   position:relative;
   padding-left:220px;
   padding-top:10px;
   padding-bottom:5px;
   background-color:#f2f2f2;
   margin-bottom:2px;
}

#contact dt {position:absolute; top:10px; left:10px; width:210px;}
#contact dd {min-height:30px;}
.t_red { color:#D73A3C;}

#contact dl.button{
  background-color:#ffffff;
}
dl.button dd {
	text-align:center;
  margin-left:-200px;
 }
.success { font-weight:700;}

#contact form input,
#contact form textarea,
#contact form button {
	border:none;
  font-size:15px;
}

/*内容確認*/
.check table {
	width:500px;
  border-collapse:collapse;
  }
.check th { width:200px;}
.check th,
.check td {
	padding:10px;
  background-color:#f2f2f2;
  border-bottom:2px solid #ffffff;
}

 .form header {
    height: 50px;
}
 .form #content {
  margin-top:0px;
}
 .form section {
  width:500px;
  margin:50px auto;
  padding-bottom: 100px;
  text-align:center;
}

/* - ZeroMail -を非表示---*/
.wtn_copyright{ display:none;}




/*m-pos*/
#m-pos p {
  text-align:center
}


/*--------------------------------------------------
	footer
--------------------------------------------------- */
footer {
  position:relative;
  width:100%;
  min-height:140px;
  margin:100px 0 0;
  padding:20px 0 0;
  background:#41c5c7;
}
#foot_inner {
  position:relative;
  width:960px;
  margin:0 auto;
}
footer ul {
  display:block;
  position:absolute;
  top:0;
  right:20px;
  width:650px;
}
footer li {
  float:left;
  padding:0 5px;
}
#foot_inner a {
  color:#ffffff;
  text-decoration:none;
}
.copyright {
  color:#ffffff;
  text-align:center;
  width:100%;
  margin:20px 0 0;
}



/* To Page Top */
#pagetop {
	display: block;
  position:absolute;
  top:-60px;
  left:50%;
	width: 58px;
	height: 31px;
  margin-left:-29px;
}
#pagetop a{
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../img/common/pageup.png);
	background-size: 58px;
	background-repeat: no-repeat;
}