@charset "UTF-8";
@font-face { font-family: "dear joe four"; font-style: normal; font-weight: normal; src: url("fonts/dear-joe-four/dJ4TRIAL.eot"); src: url("fonts/dear-joe-four/dJ4TRIAL.eot?#iefix") format("embedded-opentype"), url("fonts/dear-joe-four/dJ4TRIAL.woff") format("woff"), url("fonts/dear-joe-four/dJ4TRIAL.ttf") format("truetype"); }
@media screen and (min-width: 768px), print { /* PC */
  #kurashi { font-size: 0.875rem; line-height: 1.8; min-width: 1100px; }
  #kurashi p { margin-bottom: 2em; }
  #kurashi .d-inline-block { display: inline-block; }
  #kurashi .img-fluid { max-width: 100%; height: auto; }
  #kurashi .container, #kurashi .container-m, #kurashi .container-s { margin-left: auto; margin-right: auto; width: 1100px; padding-left: 50px; padding-right: 50px; }
  #kurashi .container:before, #kurashi .container:after, #kurashi .container-m:before, #kurashi .container-m:after, #kurashi .container-s:before, #kurashi .container-s:after { content: " "; display: table; }
  #kurashi .container:after, #kurashi .container-m:after, #kurashi .container-s:after { clear: both; }
  #kurashi .container-m { width: 1000px; }
  #kurashi .container-s { width: 900px; }
  #kurashi .mb00 { margin-bottom: 0 !important; }
  #kurashi .text-left { text-align-last: left; }
  #kurashi .text-center { text-align: center; }
  #kurashi .text-right { text-align: right; }
  #kurashi .text-red { color: #c72222; }
  #kurashi .lower-nav { background: url(../images/kurashi/nav-bg.png) no-repeat center top; max-width: 1100px; margin: 0 auto 90px; padding: 30px 50px 0; min-height: 448px; text-align: center; }
  #kurashi .lower-nav__title { color: #fff; font-size: 1.875rem; font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; line-height: 1.4; letter-spacing: 3px; margin-bottom: 30px; }
  #kurashi .lower-nav__title__inner { font-size: 2.375rem; }
  #kurashi .lower-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #kurashi .section { max-width: 1100px; margin: 0 auto 80px; padding-top: 55px; }
  #kurashi .section-head { background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; padding: 0 100px; margin-bottom: 40px; position: relative; }
  #kurashi .section-head--01 { background-image: url(../images/kurashi/sec01-ttl.jpg); }
  #kurashi .section-head--02 { background-image: url(../images/kurashi/sec02-ttl.jpg); }
  #kurashi .section-head--03 { background-image: url(../images/kurashi/sec03-ttl.jpg); }
  #kurashi .section-head__num { background: url(../images/kurashi/ttl-num.png) no-repeat center; width: 116px; height: 102px; position: absolute; left: 50%; top: 0; margin-top: -51px; margin-left: -58px; padding-top: 35px; padding-left: 5px; text-align: center; color: #000; font-size: 2rem; font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; letter-spacing: 3px; }
  #kurashi .section-head__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 190px; }
  #kurashi .section-head__title { font-size: 1.75rem; font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; letter-spacing: 3px; padding: 0 1em; }
  #kurashi .section-head__body { -webkit-box-flex: 0; -ms-flex: 0 1 390px; flex: 0 1 390px; max-width: 390px; }
  #kurashi .section-content { background-color: #eee; padding: 10px 50px 50px; }
  #kurashi .section-content:before, #kurashi .section-content:after { content: " "; display: table; }
  #kurashi .section-content:after { clear: both; }
  #kurashi .section-content--rev .section-image { float: right; }
  #kurashi .section-content--rev .section-heading { float: left; }
  #kurashi .section-content--rev .section-body { float: left; padding-left: 0; padding-right: 30px; }
  #kurashi .section-image { float: left; width: 530px; }
  #kurashi .section-heading { background: url(../images/kurashi/heading-bg.png); color: #fff; font-size: 1.3125rem; font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; line-height: 1.4; padding-top: 22px; text-align: center; min-height: 70px; letter-spacing: 3px; margin-bottom: 30px; float: right; width: 470px; }
  #kurashi .section-heading--s { font-size: 1.125rem; padding-top: 25px; }
  #kurashi .section-body { padding-left: 30px; float: right; width: 470px; }
  #kurashi .kousyou { text-align: center; margin-top: 120px; }
  #kurashi .kousyou-logo { margin: 20px 0; }
  #kurashi .kousyou-lead { font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; font-weight: bold; font-size: 1.125rem; } }
		
@media screen and (max-width: 767px) { /* SP */
  #kurashi { font-size: 1.4rem; line-height: 1.8;
		width: 98%; margin: 0 auto;
		}
		
#kurashi .section-body.sp-pb{
padding-bottom: 6%;
}		
		
  #kurashi p { margin-bottom: 4%; }
  #kurashi .d-inline-block { display: inline-block; }
  #kurashi .img-fluid { max-width: 100%; height: auto; }
  #kurashi .container, #kurashi .container-m, #kurashi .container-s { margin-left: auto; margin-right: auto; max-width: 1100px; padding-left: 10px; padding-right: 10px; }
  #kurashi .container:before, #kurashi .container:after, #kurashi .container-m:before, #kurashi .container-m:after, #kurashi .container-s:before, #kurashi .container-s:after { content: " "; display: table; }
  #kurashi .container:after, #kurashi .container-m:after, #kurashi .container-s:after { clear: both; }
  #kurashi .mb00 { margin-bottom: 0 !important; }
  #kurashi .text-left { text-align-last: left; }
  #kurashi .text-center { text-align: center; }
  #kurashi .text-right { text-align: right; }
  #kurashi .text-red { color: #c72222; }
  #kurashi .lower-nav { background-color: #101c37; max-width: 1100px; margin: 0 auto 8%; padding: 5% 3% 3%; text-align: center; }
  #kurashi .lower-nav__title { color: #fff; font-size: 2rem; font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; line-height: 1.4; margin-bottom: 5%;
		letter-spacing: 3px;
		}
		
  #kurashi .lower-nav__title__inner { display: inline-block; font-size: 2.4rem; }

#kurashi .lower-nav__list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
				
-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
		
  #kurashi .lower-nav__list li {
		width: 47.5%;
		margin-right: 5%;
		margin-bottom: 5%;
		}
#kurashi .lower-nav__list li:nth-child(2){
margin-right: 0;
}

#kurashi .lower-nav__list li:nth-child(3n){
margin-right: 0;
}
		
  #kurashi .section { max-width: 1100px; margin: 0 auto 60px; padding-top: 55px; }
  #kurashi .section-head { background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; padding: 0 10px; margin-bottom: 6%; position: relative; }
  #kurashi .section-head--01 { background-image: url(../images/kurashi/sp-sec01-ttl.jpg); }
  #kurashi .section-head--02 { background-image: url(../images/kurashi/sp-sec02-ttl.jpg); }
  #kurashi .section-head--03 { background-image: url(../images/kurashi/sp-sec03-ttl.jpg); }
  #kurashi .section-head__num { background: url(../images/kurashi/ttl-num.png) no-repeat center; width: 116px; height: 102px; position: absolute; left: 50%; top: 0; margin-top: -51px; margin-left: -58px; padding-top: 35px; padding-left: 5px; text-align: center; color: #000; font-size: 32px; font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; letter-spacing: 3px; }
  #kurashi .section-head__box {     padding: 18% 3% 7%; }
		
  #kurashi .section-head__title { font-size: 2.2rem;  font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; margin-bottom: 5%;
		letter-spacing: 3px;
		}
		
  #kurashi .section-content {    background-color: #eee;
    padding: 5% 3% 0%;
    width: 96%;
    margin: 0 auto;}
		
  #kurashi .section-content:before, #kurashi .section-content:after { content: " "; display: table; }
  #kurashi .section-content:after { clear: both; }
  #kurashi .section-image { margin-bottom: 4%; }
		
  #kurashi .section-heading {
		    background: url(../images/kurashi/heading-bg.png);
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif;
    line-height: 1.4;
    padding: 3.5% 1em 3%;
    letter-spacing: 2px;
		
		}
		
  #kurashi .section-heading--s { font-size: 18px; }
  #kurashi .kousyou { margin: 12% 0;}
  #kurashi .kousyou-logo { text-align: center; margin: 20px 0; }
  #kurashi .kousyou-lead { font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; font-weight: bold; font-size: 1.4rem; padding: 0 2%; }
		
		}

/*# sourceMappingURL=page-kurashi.css.map */