@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../font/NotoSerifCJKjp-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../font/NotoSerifCJKjp-SemiBold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url(../font/NotoSerifCJKjp-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../font/NotoSerifCJKjp-Black.otf) format('opentype');
 }
 
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%;
}

html {
  line-height: 1;
  height:100%;
}

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

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

* {
  box-sizing: border-box;
}

/* HTML5
-------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

/* all
-------------------------------------------------- */

body {
  margin: 0;
  font-family: 'Noto Sans JP';
  overflow-wrap: break-word;
  word-break: normal;
  text-align:center;
}

a {
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
}
a:focus, a:active, a:hover {
  outline: 0;
}

* {
  box-sizing: border-box;
}

b{
	font-weight:bold;
}

.mt10{
	margin-top:10px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt30{
	margin-top:30px !important;
}

.mt40{
	margin-top:40px !important;
}


/* clear
-------------------------------------------------- */
.clear {
  clear: both;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before {
  display: inline-table;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.vsp{
	display:none;
	line-height:0;
}

.vsp2{
	display:none;
}

.vpc{
	display:block;
	line-height:0;
}







/* メイン
-------------------------------------------------- */

#intro{
	width:100%;
	background:url(../images/pc/main.jpg) fixed;
	background-size:cover;
	height: 625px;
	margin: 0 auto;
	padding: 0;
}

#intro .logo{
	width:98%;
	margin: 0 auto;
	text-align:left;
	padding-top:20px;
}


#intro .story{
	width:92%;
	min-width:1240px;
	margin: 0 auto;
	text-align:left;
	padding-top:80px;
}


#intro h1{
	font-size:60px;
	font-weight:700;
	line-height:140%;
	color:#B32134;
	background-color:#FCF7F8;
	display:inline-block;
	margin-top:35px;
	font-family: 'Noto Serif Japanese',游明朝;
}

#intro h1 .tume{
	letter-spacing:-0.1em;
}

#intro h1 .tume2{
	letter-spacing:-0.3em;
}


#intro h1 .big{
	font-size:69px;
}


#intro h2{
	font-size:60px;
	font-weight:700;
	line-height:140%;
	color:#B32134;
	background-color:#FCF7F8;
	display:inline-block;
	margin-top:0px;
	margin-left:60px;
	font-family: 'Noto Serif Japanese',游明朝;
}


#intro p{
	font-size:14.5px;
	font-weight:500;
	line-height:170%;
	color:#654640;
	display:inline-block;
	margin-top:30px;
	margin-left:5px;
	font-weight:500;
	text-shadow: 1px 1px 2px #fff,
	-1px 1px 2px #fff,
	1px -1px 2px #fff,
	-1px -1px 2px #fff;
}


/* 始動
-------------------------------------------------- */

#shidou{
	width:100%;
	height: 540px;
	margin: 0 auto;
	padding-top: 62px;
	background-color:#F9F3F0;
}

#shidou .story{
	width:90%;
	min-width:1300px;
	margin: auto;
}



#shidou h1{
	font-size:33px;
	font-weight:500;
	line-height:140%;
	color:#B32134;
	font-family: 'Noto Serif Japanese',游明朝;
	border-bottom:#DD9999 solid 1px;
	padding-bottom:7px;
	display:inline-block;
	letter-spacing:0.05em;
	margin-bottom:10px;
}

#shidou h2{
	font-size:13px;
	font-weight:500;
	line-height:140%;
	color:#B32134;
	font-family: 'Noto Serif Japanese',游明朝;
	display:block;
	letter-spacing:0.05em;
}


#shidou p{
	font-size:14.5px;
	font-weight:500;
	line-height:170%;
	color:#6C4D1F;
	display:inline-block;
	margin-top:30px;
	margin-left:5px;
	text-align:left;
}

#shidou p b{
	font-weight:900;
}

#shidou img{
	margin-right:30px;
	margin-top:30px;
	vertical-align:top;
}

#shidou img:nth-of-type(4){
	margin-right: 0;
}



/* 思い立った時に
-------------------------------------------------- */

#second{
	width:100%;
	background:url(../images/pc/second.jpg) fixed;
	background-size:cover;
	height: 690px;
	margin: 0 auto;
	padding: 0;
	border-top:#FFF solid 1px;
}


#second .story{
	width:90%;
	min-width:1300px;
	padding-top:65px;
	margin:auto;
}


#second h1{
	font-size:33px;
	font-weight:500;
	line-height:140%;
	color:#B32134;
	font-family: 'Noto Serif Japanese',游明朝;
	border-bottom:#DD9999 solid 1px;
	padding-bottom:7px;
	display:inline-block;
	letter-spacing:0.05em;
	margin-bottom:10px;
}

#second h2{
	font-size:13px;
	font-weight:500;
	line-height:140%;
	color:#B32134;
	font-family: 'Noto Serif Japanese',游明朝;
	display:block;
	letter-spacing:0.05em;
}


#second p{
	font-size:17px;
	font-weight:500;
	line-height:160%;
	color:#000;
	margin:auto;
}


.wrapfadein {
    width:1300px;
	text-align:left;
	margin:-40px auto auto;
    }

/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 800ms;
	display:inline-block;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
	
/* 1つ目の要素 */
.fadein:nth-of-type(1) {
    position:relative;
   	top:70px;
	left:60px;
    }
	
/* 2つ目の要素に200msのdelayをかける */
.fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
	position:relative;
	top:140px;
	left:120px;
    }
    
/* 3つ目の要素に400msのdelayをかける */
.fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
	position:relative;
	top:50px;
	left:180px;
    }

/* 4つ目の要素に600msのdelayをかける */
.fadein:nth-of-type(4) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
	position:relative;
		top:100px;
	left:240px;
    }

/* 5つ目の要素に800msのdelayをかける 
.fadein:nth-of-type(5) {
    -moz-transition-delay:800ms;
    -webkit-transition-delay:800ms;
    -o-transition-delay:800ms;
    -ms-transition-delay:800ms;
	position:static;
    }
*/

/* 会員プラン
-------------------------------------------------- */

#third{
	width:100%;
	background:url(../images/pc/third.jpg) fixed no-repeat;
	background-size:cover;
	margin: 0 auto;
	padding: 0;
	border-top:#FFF solid 1px;
}

#third .story{
	width:90%;
	min-width:1300px;
	padding:40px;
	margin:auto;
	text-align:center;
}

#third .title{
	font-size:33px;
	font-weight:500;
	line-height:140%;
	color:#B32134;
	font-family: 'Noto Serif Japanese',游明朝;
	display:inline-block;
	letter-spacing:0.05em;
	margin-bottom:10px;
}

#third p{
	font-size:13px;
	font-weight:500;
	line-height:170%;
	color:#6C4E20;
	margin:auto 0;
	display:inline-block;
}


#third table{
	width:728px;
	border:1px solid #c8c8c8;
	border-bottom:none;
	font-size:14px;
	line-height:140%;
	margin:15px auto  auto;
	background-color:#FFF;
	color:#6C4D1F;
}

#third table .kome{
	font-size:12px;
	line-height:140%;
	padding-top:8px;
}

#third table tr td:nth-of-type(1){
	width:167px;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:10px;
	text-align:center;
}

#third table tr td:nth-of-type(2){
	width:83px;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:10px;
	text-align:center;
}

#third table tr td:nth-of-type(3){
	border-bottom:1px solid #c8c8c8;
	padding:10px;
	line-height:170% !important;
}


#third table .colory{
	background-color:#B42235;
	color:#fff;
	font-weight:bold;
	text-align:center;
}


#third table .colorb{
	background-color:#FEF194;
	font-weight:bold;
	text-align:center;
}

#third table .colorg{
	background-color:#F4F5F7;
	text-align:left !important;
}

#third .tbt{
	width:728px;
	text-align:left;
	margin:10px auto;
}


/* 会員プラン(習志野）
-------------------------------------------------- */

#third80{
	width:100%;
	background:url(../images/pc/third.jpg) fixed no-repeat;
	background-size:cover;
	height: 710px;
	margin: 0 auto;
	padding: 0;
	border-top:#FFF solid 1px;
}


#third80 .story{
	width:90%;
	min-width:1300px;
	padding-top:65px;
	padding-left:50px;
	margin:auto;
	text-align:center;
}


#third80 .title{
	font-size:33px;
	font-weight:500;
	line-height:140%;
	color:#B32134;
	font-family: 'Noto Serif Japanese',游明朝;
	display:inline-block;
	letter-spacing:0.05em;
	margin-bottom:10px;
}

#third80 p{
	font-size:13px;
	font-weight:500;
	line-height:170%;
	color:#6C4E20;
	margin:auto 0;
	display:inline-block;
}


#third80 table{
	width:728px;
	border:1px solid #c8c8c8;
	border-bottom:none;
	font-size:14px;
	line-height:140%;
	margin:15px auto  auto;
	background-color:#FFF;
	color:#6C4D1F;
}

#third80 table .kome{
	font-size:12px;
	line-height:140%;
	padding-top:8px;
}

#third80 table tr td:nth-of-type(1){
	width:167px;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:10px;
	text-align:center;
}

#third80 table tr td:nth-of-type(2){
	width:83px;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:10px;
	text-align:center;
}

#third80 table tr td:nth-of-type(3){
	border-bottom:1px solid #c8c8c8;
	padding:10px;
	line-height:170% !important;
}


#third80 table .colory{
	background-color:#B42235;
	color:#fff;
	font-weight:bold;
	text-align:center;
}


#third80 table .colorb{
	background-color:#FEF194;
	font-weight:bold;
	text-align:center;
}

#third80 table .colorg{
	background-color:#F4F5F7;
	text-align:left !important;
}

#third80 .tbt{
	width:728px;
	text-align:left;
	margin:10px auto;
}


/* 導入
-------------------------------------------------- */

#donyu{
	width:100%;
	height: 376px;
	margin: 0 auto;
	padding-top: 50px;
	background-color:#FCF7F8;
	border-top:#FFF solid 1px;
}

#donyu .story{
	width:80%;
	min-width:1136px;
	margin: auto;
}


#donyu .story .leftbox{
	float:left;
}

#donyu .story .leftbox img{
	margin-top:24px;
}

#donyu .story .rightbox{
	float:right;
}


#donyu p{
	font-size:13px;
	font-weight:500;
	line-height:170%;
	color:#6C4E20;
	margin:35px auto 0;
	text-align:left;
}

/* 準備
-------------------------------------------------- */

#jyunbi{
	width:100%;
	height: 550px;
	margin: 0 auto;
	padding-top: 50px;
	background-color:#F4F5F7;
	border-top:#FFF solid 1px;
}

#jyunbi .story{
	width:60%;
	min-width:960px;
	margin: auto;
}


#jyunbi .story .leftbox{
	float:left;
	text-align:left;
}

#jyunbi .story .leftbox img{
	margin-top:24px;
}

#jyunbi .story .rightbox{
	float:right;
	text-align:left;
}


#jyunbi p{
	font-size:13px;
	font-weight:500;
	line-height:170%;
	color:#66573B;
	margin:auto;
	text-align:left;
}


#jyunbi h1{
	font-size:28px;
	font-weight:500;
	line-height:140%;
	color:#66573B;
	font-family: 'Noto Serif Japanese',游明朝;
	letter-spacing:0.05em;
	margin-bottom:40px;
}


#jyunbi h2{
	font-size:22px;
	font-weight:500;
	line-height:140%;
	color:#66573B;
	font-family: 'Noto Serif Japanese',游明朝;
	display:inline-block;
	letter-spacing:0.05em;
	margin-bottom:20px;
}

#jyunbi ul {
max-width:500px;

}

#jyunbi ul li{
	font-size:13px;
	font-weight:500;
	line-height:170%;
	color:#66573B;
	list-style-type: disc

}

/* 準備2
-------------------------------------------------- */

#jyunbi2{
	width:100%;
	margin: 0 auto;
	padding: 40px 0;
	background-color:#F5ECCE;
}

#jyunbi2 .story{
	width:60%;
	min-width:960px;
	margin: auto;
}


#jyunbi2 p{
	font-size:13px;
	font-weight:500;
	line-height:170%;
	color:#66573B;
	margin:auto;
	text-align:left;
}

#jyunbi2 h1{
	font-size:28px;
	font-weight:500;
	line-height:140%;
	color:#66573B;
	font-family: 'Noto Serif Japanese',游明朝;
	letter-spacing:0.05em;
	margin-bottom:40px;
}

#jyunbi2 h2{
	font-size:22px;
	font-weight:500;
	line-height:140%;
	color:#66573B;
	font-family: 'Noto Serif Japanese',游明朝;
	display:inline-block;
	letter-spacing:0.05em;
	margin-bottom:20px;
}

.mitumori{
text-align:center;
}

.mitumori a{
	font-size:20px;
	line-height:50px;
	text-align:center;
    display: inline-block;
	color:#B32134;
	background-color:#FFDCE9;
	width:300px;
	margin:30px; 
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	text-decoration:none;
	font-weight:bold;
    letter-spacing:normal;
}

/* よくある質問
-------------------------------------------------- */

#footer{
	width:100%;
	
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 60px;
	text-align:center;
	font-size:12px;
	color:#333;
}
 #footer ul {
display:table;
margin:0 auto;
}

#footer ul li {
display:table-cell;
padding-left:40px;
}

#footer .copy{
margin-top:20px;
}