@charset "UTF-8";
html { font-size: 62.5%; }

body { font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "Noto Sans Japanese", sans-serif; font-size: 1.8rem; -webkit-text-size-adjust: 100%; background-color: #fff; color: #333; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { padding: 0; margin: 0; }

* { box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { vertical-align: bottom; }

fieldset, img, a img { border: 0; }

a { text-decoration: none; color: #333; }

span.br { display: block; }

address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

strong, .txt-bo { font-weight: bold !important; }

.sp-br { display: inline; }

.u-left { float: left; }

.u-right { float: right; }

.u-sp { display: none !important; }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb15 { margin-bottom: 15px !important; }

.clearfix:after { content: ""; clear: both; display: block; }

a:hover { opacity: 0.7; }

.u-align-c { text-align: center !important; }

.u-align-l { text-align: left !important; }

.u-align-r { text-align: right !important; }

.u-lead01 { line-height: 1.8; }

.u-lead02 { line-height: 2.0; }

.u-list li { text-indent: -1em; padding-left: 1em; text-align: left; }

.u-list02 { list-style: circle; margin-left: 24px; }
.u-list02 li { margin-bottom: 5px; }

.u-indent { text-indent: 1em; }

.u-btn01 { width: 300px; margin-left: auto; margin-right: auto; text-align: center; }
.u-btn01 a { -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; border: 2px solid #000; display: block; padding: 16px 0; font-weight: bold; background: #fff url(../img/common/ico_arr.png) no-repeat 94% 45%; background-size: 10px auto; }

.u-link01 { position: relative; }
.u-link01 a { color: #000; padding-left: 1.8%; }
.u-link01 a::after { border-right: 2px solid #000; border-top: 2px solid #000; border-radius: 1px; content: ""; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 30%; left: 0%; width: 7px; height: 7px; }

a.u-link02 { text-decoration: underline; }
a.u-link02:hover { text-decoration: none; }

.c-ttl01 { font-size: 3.0rem; text-align: center; font-weight: bold; }

.anim, .top-mv, .p-top .l-wrap { -webkit-transition: all 3000ms; transition: all 3000ms; opacity: 0; visibility: hidden; }

.fadeIn { opacity: 1 !important; visibility: visible !important; }

.no-js .anim { opacity: 1 !important; visibility: visible !important; }

.p-history-wrap_in.anim { -webkit-transform: translateY(90px); transform: translateY(90px); transition: opacity 1000ms, -webkit-transform 500ms, transform 500ms; }

.p-history-wrap_in.fadeIn { -webkit-transform: translateY(0); transform: translateY(0); }

.l-wrap { width: 100%; min-width: 1100px; }

.Inner { width: 1100px; margin: 0 auto; text-align: left; }

.Inner01 { padding: 80px 0; }

.txt-14 { font-size: 1.4rem; }

.txt-15 { font-size: 1.5rem; }

.txt-16 { font-size: 1.6rem; }

.txt-17 { font-size: 1.7rem; }

.txt-18 { font-size: 1.8rem; }

.txt-20 { font-size: 2.0rem; }

.txt-nor { font-weight: normal; }

.txt-re { color: #e60012; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb75 { margin-bottom: 75px; }

.mb150 { margin-bottom: 150px; }

.bg-lg { background-color: #eae4e7; }

#btn-pt { width: 67px; height: 67px; position: fixed; bottom: 20px; right: 20px; }

@media screen and (max-width: 768px) { body { font-size: 1.4rem; }
  img { width: 100%; height: auto; }
  .mb30 { margin-bottom: 15px; }
  .mb40 { margin-bottom: 20px; }
  .mb75 { margin-bottom: 35px; }
  .mb150 { margin-bottom: 70px; }
  .sp-br { display: block; }
  .u-pc { display: none !important; }
  .u-sp { display: block !important; }
  .u-left, .u-right { float: none; }
  .l-wrap { width: 100%; min-width: 100%; }
  .Inner { width: 90%; margin: 0 auto; }
  .Inner01 { padding: 40px 0; }
  .u-list02 { margin-left: 5%; }
  .txt-14 { font-size: 1.2rem; }
  .txt-15 { font-size: 1.3rem; }
  .txt-16 { font-size: 1.4rem; }
  .txt-17 { font-size: 1.5rem; }
  .txt-18 { font-size: 1.6rem; }
  .u-link01 a { padding-left: 6%; }
  .c-ttl01 { font-size: 2.4rem; }
  .u-btn01 { width: 90%; text-align: center !important; }
  .u-btn01 a, .u-btn01 .u-btn01_in { -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 10px 0; background: #fff url(../img/common/ico_arr.png) no-repeat 94% 50%; background-size: 3% auto; }
  #btn-pt { width: 15%; margin-right: 3%; float: right; position: static; } }
.l-header { width: 1100px; margin: 0 auto; padding: 20px 0 15px 0; text-align: left; }
.l-header h1 { float: left; width: 522px; margin: 10px 0 0 0; }
.l-header h1 img.sitelogo01 { display: block; width: 308px; float: left; }
.l-header h1 img.sitelogo02 { display: block; width: 198px; float: right; margin-top: 26px; }
.l-header .u-right { width: 500px; }
.l-header .u-right .h-nav ul { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 31px 0 0 0; }
.l-header .u-right .h-nav ul li { font-size: 1.5rem; font-weight: bold; text-align: center; }
.l-header .u-right .h-nav ul li a { display: block; }
.l-header .u-right .h-nav ul li.sub_li { position: relative; }
.l-header .u-right .h-nav ul li.h-nav01 { width: 108px; }
.l-header .u-right .h-nav ul li.h-nav02 { width: 120px; }
.l-header .u-right .h-nav ul li.h-nav03 { width: 89px; }
.l-header .u-right .h-nav ul li.h-nav04 { width: 143px; text-align: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.2rem; background: #e8e8e8 url(../img/common/logo_school_top.svg) no-repeat 7% 45%; background-size: 18px 16px; }
.l-header .u-right .h-nav ul li.h-nav04 a { padding: 7px 7% 0 7%; }
.l-header .u-right .h-nav ul li ul.sub { display: none; position: absolute; margin: 0; top: 33px; left: 0; z-index: 10000; }
.l-header .u-right .h-nav ul li.h-nav01 ul.sub { width: 200px; }
.l-header .u-right .h-nav ul li.h-nav03 ul.sub { width: 150px; }
.l-header .u-right .h-nav ul li ul.sub li { margin-bottom: 1px !important; }
.l-header .u-right .h-nav ul li ul.sub li a { padding: 13px 5px 13px 15px; background-color: rgba(0, 0, 0, 0.7); text-align: left; color: #fff; }
.l-header .u-right .h-nav ul li ul.sub li a:hover { background-color: rgba(0, 0, 0, 0.6); opacity: 1; background-image: none; }
.l-header .u-right .h-nav ul .h-nav01, .l-header .u-right .h-nav ul .h-nav02, .l-header .u-right .h-nav ul .h-nav03 { margin-top: 4px !important; }
.l-header .u-right .h-nav ul .h-nav01 a, .l-header .u-right .h-nav ul .h-nav02 a, .l-header .u-right .h-nav ul .h-nav03 a { padding-bottom: 8px; }
.l-header .u-right .h-nav ul .h-nav01 a:hover, .l-header .u-right .h-nav ul .h-nav02 a:hover, .l-header .u-right .h-nav ul .h-nav03 a:hover { background: url(../img/common/nav_line.png) repeat-x bottom center; }

.l-footer_bg { height: 131px; background: url(../img/common/f_bg.png) repeat-x bottom center; }

.l-footer { background-color: #000; color: #fff; padding: 25px 0 30px 0; }
.l-footer a { color: #fff; }
.l-footer h1 { width: 280px; float: left; }

.f-nav { width: 700px; float: right; padding-top: 14px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 1.6rem; }

.copyr { text-align: center; font-size: 1.2rem; padding: 20px 0; background-color: #e8e8e8; }

@media screen and (max-width: 768px) { .l-header { width: 90%; padding: 4% 0 3.5% 0; }
  .l-header h1 { float: none; width: 100%; margin: 0; }
  .l-header h1 img.sitelogo01 { width: 70%; float: none; }
  .l-header h1 img.sitelogo02 { width: 50%; float: none; margin: 2.5% 0 0 13.5%; }
  .l-header .u-right { width: 100%; }
  .l-header .u-right .h-nav ul { width: 100%; display: block; margin: 0; }
  .l-header .u-right .h-nav ul li { font-size: 1.5rem; border-bottom: 1px solid #e8e8e8; }
  .l-header .u-right .h-nav ul li.h-nav01, .l-header .u-right .h-nav ul li.h-nav02, .l-header .u-right .h-nav ul li.h-nav03, .l-header .u-right .h-nav ul li.h-nav04 { width: 100%; }
  .l-header .u-right .h-nav ul li.h-nav01 a, .l-header .u-right .h-nav ul li.h-nav02 a, .l-header .u-right .h-nav ul li.h-nav03 a, .l-header .u-right .h-nav ul li.h-nav04 a { padding: 8% 7%; }
  .l-header .u-right .h-nav ul li.h-nav04 { text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 1.5rem; background-position: 10% 45%; background-size: 10% auto; }
  .l-header .u-right .h-nav ul li.h-nav01 ul.sub, .l-header .u-right .h-nav ul li.h-nav03 ul.sub { display: block; position: static; width: 100%; }
  .l-header .u-right .h-nav ul li ul.sub li { margin-bottom: 1px !important; }
  .l-header .u-right .h-nav ul li ul.sub li a { padding: 5% 7%; background-color: rgba(0, 0, 0, 0.5); text-align: center; }
  .l-header .u-right .h-nav ul .h-nav01, .l-header .u-right .h-nav ul .h-nav02, .l-header .u-right .h-nav ul .h-nav03 { margin-top: 0px !important; }
  .l-header .u-right .h-nav ul .h-nav01 a, .l-header .u-right .h-nav ul .h-nav02 a, .l-header .u-right .h-nav ul .h-nav03 a { padding-bottom: 0px; }
  .l-header .u-right .h-nav ul .h-nav01 a:hover, .l-header .u-right .h-nav ul .h-nav02 a:hover, .l-header .u-right .h-nav ul .h-nav03 a:hover { background: none; }
  .l-header .u-right .h-nav ul #closedrawer { width: 100%; display: block; padding: 8% 7%; font-size: 1.4rem; font-weight: normal; }
  .l-footer_bg { clear: both; height: 0; padding-top: 15%; background-size: 150% auto; }
  .l-footer { padding: 30px 0 0 0; }
  .l-footer h1 { width: 60%; float: none; margin: 0 auto 30px auto; }
  .l-footer .Inner { width: 100%; }
  .f-nav { width: 100%; float: none; padding-top: 0; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.3rem; border-top: 1px solid #666; }
  .f-nav li { width: 50%; border-bottom: 1px solid #666; }
  .f-nav li:nth-child(odd) { border-right: 1px solid #666; }
  .f-nav li a { padding: 7% 10%; display: block; }
  .copyr { font-size: 1.0rem; padding: 10px 0; } }
/*top*/
.top-mv { width: 100%; min-width: 1100px; position: relative; }
.top-mv .Inner { width: 100%; height: 100%; position: relative; z-index: 1000; }
.top-mv h2 { position: absolute; top: 43%; left: 0; right: 0; width: 672px; margin: 0 auto; z-index: 1; }
.top-mv .top-mv_btn { width: 67px; height: 67px; position: absolute; bottom: 1.5%; left: 0; right: 0; margin: 0 auto; }
.top-mv .top-mv_btn .ico_btn { width: 100%; display: block; position: relative; }
.top-mv .top-mv_btn .ico_arr_b { position: absolute; width: 13px; height: auto; left: 0; right: 0; margin: 0 auto; top: 60%; -webkit-animation: mvarr 1.5s infinite; animation: mvarr 1.5s infinite; }

.top-mv_bg_wrap { position: absolute; width: 100%; height: 100% !important; top: 0; left: 0; overflow: hidden; }
.top-mv_bg_wrap .top-mv_bg { -webkit-transition: initial !important; transition: initial !important; }
.top-mv_bg_wrap li { width: 100%; }
.top-mv_bg_wrap li#bg01 { background: url(../img/top/mv01.jpg); }
.top-mv_bg_wrap li#bg02 { background: url(../img/top/mv02.jpg); }
.top-mv_bg_wrap li#bg03 { background: url(../img/top/mv03.jpg); }
.top-mv_bg_wrap li#bg04 { background: url(../img/top/mv04.jpg); }
.top-mv_bg_wrap li#bg05 { background: url(../img/top/mv05.jpg); }
.top-mv_bg_wrap li#bg01, .top-mv_bg_wrap li#bg02, .top-mv_bg_wrap li#bg03, .top-mv_bg_wrap li#bg04, .top-mv_bg_wrap li#bg05 { background-size: auto 100%; background-repeat: no-repeat; background-position: center bottom; }

@-webkit-keyframes mvarr { 0% { -webkit-transform: translate(0, 0); }
  20% { -webkit-transform: translate(0, 5px); }
  40% { -webkit-transform: translate(0, 0); } }
@keyframes mvarr { 0% { transform: translate(0, 0); }
  20% { transform: translate(0, 5px); }
  40% { transform: translate(0, 0); } }
.top-message { text-align: center; }
.top-message h2 { font-size: 3.0rem; font-weight: bold; margin-bottom: 55px; }
.top-message .u-btn01 { margin-top: 70px; }

.top-logo-rec { width: 100%; background: url(../img/top/rec_bg.jpg), url(../img/top/rec_bg_u.jpg); background-repeat: repeat-y; background-position: top center; background-size: auto, 100% auto; padding: 30px 0 0 0; height: 255px; margin-bottom: 115px; }
.top-logo-rec .top-logo-rec_lead { width: 335px; margin: 0 auto 23px auto; }
.top-logo-rec .top-logo-rec_h { width: 755px; margin: 0 auto 30px auto; }

.ttl-logo-rec { padding: 70px 0 0 0; margin-bottom: 0; }

.top-lesson { width: 100%; padding-top: 50px; background: #eae4e7 url(../img/top/lesson_bg.png) repeat; }
.top-lesson h2 { width: 1100px; margin-left: auto; margin-right: auto; text-align: center; font-size: 3.4rem; margin-bottom: 25px; font-weight: bold; /*border-bottom: 1px solid #000;*/ padding-bottom: 20px; }
.top-lesson .Inner { padding-top: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

.top-lesson_in { width: 530px; padding: 40px 47px 30px 47px; background-color: #fff; }
.top-lesson_in dl { margin-bottom: 30px; }
.top-lesson_in dt { font-weight: bold; font-size: 3.0rem; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ccc; text-align: center; line-height: 1.3; }
.top-lesson_in dd { line-height: 1.7; }

.btn-course { margin-top: 60px !important; }

.top-lesson_p { margin-bottom: 28px; }

.top-info-list_btn { width: 720px; margin: 0 auto 18px auto; line-height: 1.0; text-align: right; }
.top-info-list_btn img { width: 96px; }

.top-info h2 { line-height: 1.0; }
.top-info .Inner01 { padding-bottom: 160px; }

.top-info_in { width: 720px; margin: 18px auto 0 auto; border-top: 1px solid #696969; border-bottom: 1px solid #696969; }
.top-info_in dl { width: 100%; padding: 20px 5px; border-bottom: 1px dashed #c4c4c4; display: table; }
.top-info_in dl:last-child { border-bottom: none; }
.top-info_in dt, .top-info_in dd { display: table-cell; }
.top-info_in dt { width: 140px; }

@media screen and (max-width: 768px) { .top-mv { min-width: 100%; }
  .top-mv h2 { width: 95%; }
  .top-mv .top-mv_btn { width: 15%; }
  .top-mv .top-mv_btn .ico_arr_b { width: 20%; }
  .top-message p { text-align: left; }
  .top-message h2 { font-size: 2.2rem; margin-bottom: 25px; text-align: center; }
  .top-message .u-btn01 { margin-top: 30px; }
  .top-logo-rec { width: 100%; background: url(../img/top/rec_bg_sp.jpg); background-repeat: repeat-y; background-position: top center; background-size: 100% auto; padding: 40px 0; height: auto; margin-bottom: 40px; }
  .top-logo-rec .top-logo-rec_lead { width: 80%; margin: 0 auto 23px auto; }
  .top-logo-rec .top-logo-rec_h { width: 100%; margin: 0 auto 23px auto; }
  .ttl-logo-rec { padding-top: 50px; margin-bottom: 0; }
  .top-lesson { padding-top: 25px; }
  .top-lesson h2 { width: 90%; font-size: 2.4rem; padding-bottom: 10px; margin-bottom: 20px; }
  .top-lesson .Inner { display: block; }
  .top-lesson .Inner01 { padding: 0 0 20px 0; }
  .top-lesson .top-lesson_in:nth-child(1) { margin-bottom: 20px; }
  .btn-course { margin-top: 0 !important; }
  .top-lesson_in { width: 100%; padding: 25px 5%; margin: 0 auto; }
  .top-lesson_in dl { margin-bottom: 15px; }
  .top-lesson_in dt { font-size: 2.2rem; margin-bottom: 15px; padding-bottom: 10px; }
  .top-lesson_in dd { line-height: 1.7; }
  .top-lesson_in:hover { opacity: 0.7; }
  .top-lesson_p { width: 70%; margin: 0 auto 15px auto; }
  .top-info-list_btn { width: 90%; }
  .top-info-list_btn img { width: 25%; }
  .top-info .Inner01 { padding-bottom: 40px; }
  .top-info_in { width: 90%; }
  .top-info_in dl { width: 100%; padding: 15px 0 15px 2%; display: block; }
  .top-info_in dt, .top-info_in dd { display: block; }
  .top-info_in dt { width: 100%; font-size: 1.3rem; margin-bottom: 1.5%; } }
/*under common*/
.c-breadcrumb { margin-top: 25px; font-size: 1.6rem; }
.c-breadcrumb a:hover { text-decoration: underline; }

.c-ttl-l { font-size: 3.0rem; font-weight: bold; margin-bottom: 35px; margin-top: 70px; }

.c-ttl-m { font-size: 2.7rem; font-weight: bold; margin-bottom: 30px; padding-left: 23px; background: url(../img/common/h_line.png) no-repeat left bottom; }

.c-ttl-s { font-size: 2.0rem; font-weight: bold; margin-bottom: 15px; }

.c-ttl-s02 { font-size: 2.5rem; font-weight: normal; margin-bottom: 30px; }

.c-ttl-sub { font-size: 1.6rem; font-weight: bold; }

.c-ttl-end { font-size: 1.4em; font-weight: bold; color: red;}

.c-cont { margin-top: 65px; }
.c-cont .u-lead01 { padding-left: 23px; }

.c-cont02 { margin-top: 40px; }

.logo-about { width: 100%; background-color: #eae4e7; padding: 45px 75px; }
.logo-about h2 { font-size: 2.5rem; line-height: 2.0; font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 40px; text-align: center; }
.logo-about .logo-about_lead { width: 800px; margin: 0 auto; line-height: 1.8; }

.logo-contact { margin-bottom: 150px; }

.logo-contact_h { text-align: center; font-size: 2.0rem; border: 1px solid #000; width: 300px; margin: 0 auto 5.5% auto; padding: 0.8% 0; text-indent: 0 !important; }

p.logo-contact_add { line-height: 2.5 !important; text-align: center; }

.c-table01 { border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; width: 100%; }
.c-table01 dl { width: 100%; display: table-row; line-height: 1.8; }
.c-table01 dt { width: 200px; text-align: center; vertical-align: middle; background-color: #eae4e7; border-right: 1px solid #000; }
.c-table01 dt, .c-table01 dd { display: table-cell; padding-top: 28px; padding-bottom: 28px; border-bottom: 1px solid #000; }
.c-table01 dd { width: 900px; padding-left: 30px; padding-right: 30px; }

.btn-form { width: 300px; margin: 0 auto 40px auto; background-color: #000; border: 1px solid #000; text-align: center; }
.btn-form a { color: #fff; display: block; font-size: 2.0rem; padding: 18px 0; cursor: pointer; }
.btn-form a:hover { opacity: 0.7; }

@media screen and (max-width: 768px) { .c-breadcrumb { margin-top: 15px; font-size: 1.2rem; }
  .c-ttl-l { font-size: 2.4rem; margin-bottom: 20px; margin-top: 35px; }
  .c-ttl-m { font-size: 2.0rem; margin-bottom: 15px; padding-left: 5%; }
  .c-ttl-s { font-size: 1.8rem; }
  .c-ttl-s02 { font-size: 2.0rem; margin-bottom: 20px; }
  .c-ttl-sub { font-size: 1.6rem; }
  .c-cont { margin-top: 35px; }
  .c-cont .u-lead01 { padding-left: 5%; }
  .c-cont02 { margin-top: 20px; }
  .logo-about { width: 100%; padding: 20px 5%; }
  .logo-about h2 { font-size: 1.6rem; padding-bottom: 15px; margin-bottom: 15px; }
  .logo-about .logo-about_lead { width: 100%; font-size: 1.4rem; }
  .logo-contact { margin-bottom: 5%; }
  .logo-contact_h { font-size: 1.6rem; width: 80%; }
  p.logo-contact_add { line-height: 2.0 !important; text-align: center; }
  .c-table01 { width: 100%; }
  .c-table01 dl { width: 100%; display: block; }
  .c-table01 dt { width: 100%; border-right: none; }
  .c-table01 dt, .c-table01 dd { display: block; padding-top: 8px; padding-bottom: 8px; }
  .c-table01 dd { width: 100%; padding-left: 5%; padding-right: 5%; }
  .btn-form { width: 75%; margin: 0 auto 20px auto; }
  .btn-form a { font-size: 1.6rem; padding: 15px 0; }
  .btn-form a:hover { opacity: 1.0; } }
.c-ttl_bg { width: 100%; height: 255px; background-size: auto; }

/*donation*/
body.p-donation .c-ttl_bg { background: url(../img/syusei/donation_ttl_bg.jpg) no-repeat top center; }

@media screen and (min-width: 1300px) { body.p-donation .c-ttl_bg { width: 100%; background-size: 100% auto; background-position: 0 50%; } }
.donation-wrap .c-ttl-l { margin-bottom: 70px; }

.c-cont_lead_wrap01 { width: 100%; background-color: #eae4e7; padding: 60px 145px; }
.c-cont_lead_wrap01 h3 { font-weight: bold; margin-bottom: 10px; font-size: 2.5rem; margin-bottom: 30px; text-align: center; }
.c-cont_lead_wrap01 p { text-indent: 1em; line-height: 1.8; }

.p-donation-privacy { margin: 10px 0 0 0; line-height: 1.8; }
.p-donation-privacy dd { padding-left: 1em; }

.c-dl01 { margin-bottom: 40px; }
.c-dl01 dt { background-color: #eae4e7; padding: 1.5% 2.5%; margin-bottom: 2%; font-size: 2.5rem; font-weight: bold; }
.c-dl01 dd { line-height: 1.8; padding: 0 0 0 2%; }

.p-donation-money { width: 607px; background: url(../img/syusei/donation_dot.png) repeat-x 0 40%; }
.p-donation-money li { display: inline-block; background-color: #fff; }
.p-donation-money .u-left { padding-right: 10px; }
.p-donation-money .u-right { padding-left: 10px; }

@media screen and (max-width: 768px) { .c-ttl_bg { height: 100px; background-size: auto 100%; background-position: top center; }
  .donation-wrap .c-ttl-l { margin-bottom: 35px; }
  .c-cont_lead_wrap01 { padding: 20px 2.5%; }
  .c-cont_lead_wrap01 h3 { font-size: 1.6rem; margin-bottom: 10px; }
  .c-dl01 { margin-bottom: 20px; }
  .c-dl01 dt { padding: 1.5% 3%; font-size: 1.8rem; }
  .c-dl01 dd { line-height: 1.8; padding: 0 0 0 3%; }
  .p-donation-money { width: 100%; }
  .p-donation-money .u-left { padding-right: 10px; float: left; }
  .p-donation-money .u-right { padding-left: 10px; float: right; } }
/*history*/
body.p-history .c-ttl_bg { background: url(../img/syusei/history_ttl_bg.jpg) no-repeat top center; }

@media screen and (min-width: 1300px) { body.p-history .c-ttl_bg { width: 100%; background-size: 100% auto; background-position: 0 50%; } }
.p-history-wrap { width: 100%; padding-top: 80px; padding-bottom: 40px; }

.p-history-h { color: #fff; font-weight: bold; font-size: 3.8rem; text-align: center; line-height: 1.5; height: auto; margin-bottom: 60px; }
.p-history-h h2 { letter-spacing: 0.1em; }
.p-history-h hr { display: block; width: 380px; margin: 1% auto 0 auto; padding: 0; border: none; height: 6px; background-color: #fff; }

.h-wrap01 { background: url(../img/syusei/history_bg01.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; margin-top: 60px; }

.h-wrap02 { background: url(../img/syusei/history_bg02.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; }

.h-wrap03 { background: url(../img/syusei/history_bg03.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; }

.h-wrap04 { background: url(../img/syusei/history_bg04.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; margin-bottom: 140px; }

.p-history-wrap_in { width: 1100px; margin: 0 auto 30px auto; padding: 40px 50px 40px 0; background-color: rgba(255, 255, 255, 0.9); }
.p-history-wrap_in .u-lead01 { margin: 2% 0 0 50px; }

.p-history-wrap_h { width: 100%; overflow: hidden; }
.p-history-wrap_h dt { display: inline-block; padding: 0.5% 0; width: 113px; background-color: #e60012; text-align: center; color: #fff; font-weight: bold; float: left; }
.p-history-wrap_h dd { float: right; width: 910px; font-weight: bold; font-size: 2.3rem; }

.h-photo { min-height: 220px; }

.h-p01 { background-image: url(../img/syusei/history_p01.jpg); }

.h-p03 { background-image: url(../img/syusei/history_p03.jpg); }

.h-p04 { background-image: url(../img/syusei/history_p04.jpg); }

.h-p05 { background-image: url(../img/syusei/history_p05.jpg); }

.h-p06 { background-image: url(../img/syusei/history_p06.jpg); }

.h-p07 { background-image: url(../img/syusei/history_p07.jpg); }

.h-p08 { background-image: url(../img/syusei/history_p08.jpg); }

.h-p09 { background-image: url(../img/syusei/history_p09.jpg); }

.h-p10 { background-image: url(../img/syusei/history_p10.jpg); }

.h-p01, .h-p02, .h-p03, .h-p04, .h-p05, .h-p06, .h-p07, .h-p08, .h-p09, .h-p10 { background-position: 840px 50px; background-size: 200px auto; background-repeat: no-repeat; }

.h-photo .u-lead01 { padding-right: 230px; }

@media screen and (max-width: 768px) { /*history*/
  body.p-history .c-ttl_bg { background-size: auto 100%; background-position: top center; }
  .p-history-wrap { padding-top: 40px; padding-bottom: 20px; }
  .p-history-h { font-size: 2.4rem; margin-bottom: 30px; }
  .p-history-h hr { width: 60%; height: 4px; }
  .h-wrap01 { margin-top: 40px; }
  .h-wrap04 { margin-bottom: 40px; }
  .p-history-wrap_in { width: 90%; margin: 0 auto 3% auto; padding: 4% 3% 5% 5%; }
  .p-history-wrap_in .u-lead01 { margin: 2% 0 0 0; }
  .p-history-wrap_h dt { display: block; padding: 1% 0; margin-bottom: 3%; width: 50%; margin-left: auto; margin-right: auto; float: none; }
  .p-history-wrap_h dd { float: none; width: 90%; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 1.8rem; text-align: center; }
  .h-photo { min-height: auto; }
  .h-p01, .h-p02, .h-p03, .h-p04, .h-p05, .h-p06, .h-p07, .h-p08, .h-p09 .h-p10 { background-image: none; }
  .h-photo .u-lead01 { padding-right: 0; }
  .h-photo_sp { margin: 5% auto 0 auto; width: 80%; } }
/*keepongoing*/
body.p-keepongoing .c-ttl_bg { background: url(../img/syusei/keep_ttl_bg.jpg) no-repeat top center; }

@media screen and (min-width: 1300px) { body.p-keepongoing .c-ttl_bg { width: 100%; background-size: 100% auto; background-position: 0 50%; } }
.keepongoing_catch { width: 660px; margin: 70px auto 75px auto; }

.keepongoing_lead01 { width: 617px; margin: 0 auto 70px auto; }

.keepongoing_logo { width: 500px; margin: 0 auto 140px auto; }

.keepongoing-wrap { margin-bottom: 120px; }

@media screen and (max-width: 768px) { body.p-keepongoing .c-ttl_bg { height: 100px; background-size: auto 100%; background-position: top center; }
  .keepongoing_catch { width: 100%; margin: 15% auto; }
  .keepongoing_lead01 { width: 100%; margin: 0 auto 15% auto; }
  .keepongoing_logo { width: 70%; margin: 0 auto 15% auto; }
  .keepongoing-wrap { margin-bottom: 5%; } }
@media screen and (max-width: 768px) and (orientation: landscape) { .c-ttl_bg { background-size: 100% auto !important; } }
body.p-projects .c-ttl_bg { background: url(../img/projects/projects_ttl_bg.jpg) no-repeat top center; }

@media screen and (min-width: 1300px) { body.p-projects .c-ttl_bg { width: 100%; background-size: 100% auto; background-position: 0 50%; } }
.p-project-schedule { margin-top: 65px; }
.p-project-schedule h4 { font-size: 2.0rem; margin-bottom: 17px; }

.p-project-schedule_in { width: 100%; overflow: hidden; margin-bottom: 30px; }
.p-project-schedule_in dl { width: 150px; float: left; margin-right: 40px; border: 1px solid #000; text-align: center; }
.p-project-schedule_in dl:nth-child(6) { margin-right: 0; }
.p-project-schedule_in dt { border-bottom: 1px solid #000; background-color: #eae4e7; padding: 22px 0; }
.p-project-schedule_in dd { padding: 25px 0; background-color: #fff; }

.p-project_lead { margin: 0 0 90px 2%; line-height: 3.6; }

@media screen and (max-width: 768px) { body.p-projects .c-ttl_bg { height: 100px; background-size: auto 100%; background-position: top center; }
  .p-project-schedule { margin-top: 35px; }
  .p-project-schedule h4 { font-size: 1.6rem; margin-bottom: 13px; }
  .p-projects .c-ttl-m { font-size: 1.9rem; }
  .p-project-schedule_in { margin-bottom: 10px; }
  .p-project-schedule_in dl { width: 33%; margin-right: 0.5%; margin-bottom: 1%; font-size: 1.4rem; }
  .p-project-schedule_in dl:nth-child(3n) { margin-right: 0; }
  .p-project-schedule_in dt { padding: 15px 0; }
  .p-project-schedule_in dd { padding: 17px 0; }
  .p-project_lead { margin: 0 0 0 5%; line-height: 2.5; } }