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

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

body {
line-height:1
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

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

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

.list-star>li .star,.list-star>li p {
vertical-align:middle;
display:inline-block
}

.tbl,h2,h3,h4,h5,h6,li,p {
font-size:1.4rem;
line-height:1.5
}

#slider,#wrap-slider {
width:100%;
overflow:hidden
}

html {
font-family:'Hiragino Kaku Gothic ProN',Meryo,sans-serif;
font-size:62.5%
}

body {
font-size:100%;
background-image:url(../../images/bg.png)
}

h2,h3,h4,h5,h6,li,p {
color:#8d514b
}

.btmnav>li {
margin:32px 48px 0 0
}

.btmnav>li:last-child {
margin-right:0
}

.list-normal>li {
list-style:disc;
margin-bottom:16px
}

.list-normal--narrow>li {
margin-bottom:8px
}

.list-star>li {
margin-bottom:16px
}

.list-star>li .star {
width:41px;
height:26px;
padding-top:14px;
color:#fff;
font-weight:700;
text-align:center;
background:url(../../images/bg-star.png)left top no-repeat
}

.list-star>li p {
position:relative;
top:3px;
max-width:780px;
padding-left:16px
}

.list-star-mini>li {
margin-bottom:10px;
padding-left:24px;
background:url(../../images/bg-star.png)left 1px no-repeat;
background-size:17px 16px
}

.list-star-mini--headline>li {
margin-bottom:2px;
font-weight:700
}

.tbl {
color:#8d514b;
border:1px solid #fdd1da
}

.tbl td,.tbl th {
padding:6px 0;
vertical-align:middle
}

.tbl th {
font-weight:700;
text-align:center;
background:#fdd1da
}

.tbl td {
padding:6px 1.8rem;
background:#fff
}

.tbl .no-border {
border:none
}

.tbl caption {
margin-top:10px;
text-align:left;
caption-side:bottom
}

.tbl caption.top {
margin:0 0 6px;
caption-side:top
}

.tbl--normal {
width:780px
}

.tbl--normal th {
width:236px;
border-bottom:1px solid #fff
}

.tbl--normal td {
border-bottom:1px solid #fdd1da
}

.tbl--mini {
width:760px!important
}

.tbl--pair {
width:480px
}

.tbl--pair th {
width:240px;
border-right:1px solid #fff
}

.tbl--pair td {
width:240px;
border-right:1px solid #fdd1da
}

.tbl--pair td ul {
list-style:disc;
padding-left:1.8rem
}

#pagetop {
position:absolute;
right:16px;
top:0;
opacity:0;
z-index:-1;
cursor:pointer;
transition:all .5s ease-out;
-webkit-transition:all .5s ease-out
}

#wrap-slider {
position:relative;
margin:0 auto;
background:url(../../images/header-bg.png)left 149% repeat-x
}

#btn-next,#btn-prev {
position:absolute;
left:0;
top:0;
display:none;
cursor:pointer
}

#slider,.gheader {
position:relative
}

#btn-next {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg)
}

#slider {
top:-4px;
font-size:0
}

#slider li {
width:858px;
padding-right:90px
}

.gheader {
width:100%;
padding-top:20px;
background:url(../../images/header-bg.png)repeat-x #34b1e9;
font-size:1.4rem
}

.gheader .gheader__logo {
position:absolute;
left:50%;
top:45px;
z-index:9999;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.gheader .gheader__content {
position:relative;
height:210px;
background:url(../../images/header-rainbow.png)center 4% no-repeat
}

.gheader .gheader__content .gnav {
padding-top:110px
}

.gheader .gheader__content .contact {
position:absolute;
right:102px;
top:24px
}

.top-content {
margin-top:20px
}

.top-content .top-content__concept {
width:892px;
height:424px;
background-image:url(../../images/bg-paper-star.png)
}

.top-content .top-content__concept .title {
padding-top:60px
}

.top-content .top-content__concept div {
margin:20px 40px 0 0
}

.top-content .top-content__concept div:last-child {
margin-right:0
}

.top-content .top-content__concept p {
margin-top:8px;
color:#8d514b
}

.top-content .top-content__updating {
margin-top:40px;
display:flex;
display:-webkit-flex;
display:-ms-flex;
justify-content:center
}

.top-content .top-content__updating .updating {
flex-flow:row nowrap;
flex:0 0 420px;
-webkit-flex-flow:row nowrap;
-webkit-flex:0 0 420px;
-ms-flex-flow:row nowrap;
-ms-flex:0 0 420px;
height:350px;
margin-right:40px;
border:1px solid #f3d292;
background:#fff
}

.top-content .top-content__updating .updating:last-child {
margin-right:0
}

.top-content .top-content__updating .updating .updating__title {
position:relative;
top:-30px
}

.top-content .top-content__updating .updating .updating__list {
width:86%
}

.top-content .top-content__updating .updating .updating__list li {
padding-bottom:12px;
margin-bottom:14px;
border-bottom:2px dotted #f3d292
}

.top-content .top-content__updating .updating .updating__list a {
color:#81433d
}

.top-content .top-content__updating .updating .updating__list .cat-date {
padding:4px 8px;
margin-right:8px;
color:#fff;
font-size:1.2rem;
border-radius:4px
}

.top-content .top-content__updating .updating .updating__list .cat-date--pink {
background:#fd7a99
}

.top-content .top-content__updating .updating .updating__list .cat-date--green {
background:#5eba69
}

.top-content .top-content__updating .updating .updating__list .cat-date--orange {
background:#f9a731
}

.top-content .top-content__updating .updating .updating__list .cat-date--blue {
background:#44b8fb
}

.top-content .top-content__updating .updating .updating__more {
position:relative;
left:128px;
top:3px
}

.main-article--about .tbl--pair {
width:100%
}

.main-article--about .tbl--pair th {
width:80px;
border-bottom:1px solid #fff
}

.main-article--about .tbl--pair td {
border-bottom:1px solid #fdd1da
}

.main-article--about .tbl--pair tr:last-child td,.main-article--about .tbl--pair tr:last-child th {
border-bottom:none
}

.main-article .month {
width:214px
}

.main-article .main-article__title {
position:relative;
height:136px;
background:url(../../images/bg-page-headline.png)center top no-repeat #d5e9fe;
border-top:1px solid #cfe8f3;
border-bottom:1px solid #fff;
box-shadow:0 1px 2px rgba(182,145,163,.3)
}

.main-article .main-article__title img {
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%)
}

.main-article .main-article__section {
margin-bottom:34px
}

.main-article .main-article__section .title {
margin-bottom:20px;
padding:12px 0;
color:#fff;
font-size:1.6rem;
background:url(../../images/bg-headline.png)no-repeat
}

.main-article .main-article__section .title img {
padding-left:52px
}

.main-article .main-article__section .title--blog {
background:url(../../images/bg-headline-blog.png)no-repeat
}

.main-article .main-article__section .title--blog .date {
position:relative;
top:-3px;
font-size:1.3rem;
padding:0 8px 0 52px
}

.main-article .main-article__section .title--blog .blog-title {
position:relative;
top:-3px
}

.main-article .main-article__section .section__section {
background-color:#fff;
border:1px solid #f3d292;
border-radius:8px;
padding:10px 0 0 15px;
margin-bottom:32px
}

.pagenation li a,.pagenation li.active {
padding:8px 20px;
color:#FFF;
border-radius:3px
}

.main-article .main-article__section .section__section .title {
background:url(../../images/qa-qicon.png)left no-repeat;
padding-left:48px;
color:#81433d;
font-size:1.5rem
}

.main-article .main-article__section .section__section .border {
width:758px;
height:2px;
background:url(../../images/qa-dotted_border.png)
}

.main-article .main-article__section .section__section .answer {
width:54em;
font-size:1.4rem;
background:url(../../images/qa-aicon.png)left top no-repeat;
padding-left:48px;
letter-spacing:-1px
}

.main-article .main-article__section .main-article__section-child {
position:relative;
width:760px;
margin-bottom:16px
}

.main-article .main-article__section .main-article__section-child .title-mini {
margin-bottom:8px;
padding:3px 0;
background:#fdf6e5
}

.main-article .main-article__section .main-article__section-child .title-mini p {
padding:3px 0 3px 24px;
border-top:2px dotted #fdd101;
border-bottom:2px dotted #fdd101;
background:url(../../images/moon.png)12px center no-repeat
}

.main-article .main-article__section .main-article__section-child .title-mini img {
padding-left:8px
}

.main-article .main-article__section .main-article__section-child .right-circle {
position:absolute;
right:0;
top:48px
}

.main-article .main-article__section .main-article__section-child .enroll-agebox {
margin-bottom:30px
}

.main-article .main-article__section .main-article__section-child .enroll-agebox img {
float:left
}

.main-article .main-article__section .main-article__section-child .enroll-agebox table {
float:right
}

.main-article .main-article__section .main-article__section-child .enroll-agebox:after {
content:"";
clear:both
}

.main-article .main-article__section .main-article__section-child--has-circle {
min-height:226px
}

.main-article .main-article__section .about-principle {
width:100%;
height:438px;
background:url(../../images/bg-principle.png)no-repeat
}

.main-article .main-article__section .about-principle .about-principle__title {
padding:64px 0 20px
}

.main-article .main-article__section .about-principle p {
padding-left:104px
}

.main-article .main-article__section .access-map {
width:710px;
margin:0 auto
}

.main-article .main-article__section .access-map ul {
margin-top:16px
}

.main-article .main-article__section .col-blog-archives {
width:210px;
margin-left:16px
}

.main-article .main-article__section .col-blog-archives .col-blog-archives__box {
margin-bottom:32px;
background:#fff;
border:1px solid #fbd08c
}

.main-article .main-article__section .col-blog-archives .col-blog-archives__box h3 {
padding:8px 0 8px 18px;
background:url(../../images/blog-moon.png)32px center no-repeat #fbd08c
}

.main-article .main-article__section .col-blog-archives .col-blog-archives__box li {
margin:0 8px 8px;
padding-bottom:8px;
border-bottom:1px dotted #fbd08c
}

.main-article .main-article__section .col-blog-archives .col-blog-archives__box li:first-child {
padding-top:12px
}

.main-article .main-article__section .col-blog-archives .col-blog-archives__box li:last-child {
border:none;
margin-bottom:0;
padding-bottom:12px
}

.main-article .main-article__section .col-blog-archives .col-blog-archives__box li a {
color:#8d514b
}

.main-article .main-article__section .blog-article>article {
margin-bottom:40px
}

.main-article .main-article__schedule {
width:902px;
margin:0 auto
}

.main-article .main-article__schedule ul {
width:264px;
margin-left:56px
}



.main-article__inner {
  background: #FFF;
  border-radius: 10px;
  width: 820px;
  padding: 20px;
}
.download__list {
  list-style: none;
  font-size: 0;
  margin: 0px 80px;

}
.download__list:nth-child(2) {
  margin: 20px 80px 0;
}
.download__list > li {
  display: inline-block;
  width: 220px;
  height: 35px;
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: top;
  line-height: 35px;
}
.download__list > li a {
  position: relative;
  vertical-align: top;
  transition: all .3s;
  color: #8d514b;
  font-size: 1.4rem;
  font-weight: 700;
}
.download__list > li a:before {
  content: "";
  background: url(../../images/pdf.png) no-repeat;
  width: 29px;
  height: 35px;
  display: inline-block;
  margin: 0 26px 0 0;
  position: relative;
  bottom: 0;
}




#gfooter {
height:341px;
margin-top:48px;
background-image:url(../../images/footer-rainbow.png),url(../../images/footer-bg-stars.png),url(../../images/footer-bg.png);
background-repeat:no-repeat,repeat-x,repeat-x;
background-position:center bottom,center bottom,left top
}

#gfooter .gfooter__content {
padding-top:55px;
color:#8d514b
}

#gfooter .gfooter__content ul {
padding-top:104px
}

#gfooter .gfooter__content ul li {
padding:0 6px;
border-right:1px solid #8d514b
}

#gfooter .gfooter__content ul li:last-child {
border-right:none
}

#gfooter .gfooter__content ul li>a {
color:#8d514b;
font-size:1.4rem;
font-weight:700
}

#gfooter .gfooter__content .copy {
padding-top:8px;
font-size:1rem
}

.pagenation {
margin:1em 0
}

.pagenation ul:after,.pagenation:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

.pagenation ul {
margin:0
}

.pagenation li {
display:inline-block;
list-style:none;
margin-left:3px
}

.pagenation li:first-child {
margin-left:0
}

.pagenation li.active {
background-color:#d89
}

.pagenation li a {
background:#ebafbb;
display:block;
text-decoration:none;
text-shadow:0 -1px 0 rgba(0,0,0,.2)
}

.pagenation li a:hover {
background-color:#fdd1da;
color:#FFF;
opacity:.8;
transition-duration:500ms;
transition-property:all;
transition-timing-function:ease
}

.u-content {
width:960px!important
}

.u-article {
width:860px!important
}

.u-section {
width:760px!important;
height:250px!important
}

.u-blog {
width:630px!important
}

.u-blog h3,.u-blog h4,.u-blog h5,.u-blog h6,.u-blog li,.u-blog p,.u-blog ul {
max-width:588px!important;
margin-left:auto!important;
margin-right:auto!important
}

.u-blog img {
max-width:630px!important;
height:auto!important
}

.u-center {
margin-left:auto!important;
margin-right:auto!important
}

.u-relative {
position:relative!important
}

.u-fade {
transition:opacity .3s ease-out!important;
-webkit-transition:opacity .3s ease-out!important
}

.u-fade:hover {
opacity:.7!important
}

.u-highlight {
transition:color .3s ease-out!important;
-webkit-transition:color .3s ease-out!important
}

.u-highlight:hover {
color:#fff!important
}

.u-separated-border {
margin-bottom:24px!important;
padding-bottom:24px!important;
border-bottom:3px dotted #f3d292!important
}

.u-ib,.u-ibchild>li {
display:inline-block!important
}

.u-vt {
vertical-align:top!important
}

.u-vm {
vertical-align:middle!important
}

.u-vb {
vertical-align:bottom!important
}

.u-textleft {
text-align:left!important
}

.u-textcenter {
text-align:center!important
}

.u-textright {
text-align:right!important
}

.u-paragraph {
padding-bottom:21px!important
}

.u-sentence {
padding-left:21px!important
}

ul.u-sentence {
padding-left:38px!important
}

.u-red {
color:#f33!important
}

.u-bold {
font-weight:700!important
}

.u-mt {
margin-top:8px!important
}

.u-mb {
margin-bottom:8px!important
}

.u-mb2 {
margin-bottom:16px!important
}

.u-mb3 {
margin-bottom:24px!important
}

.u-mb4 {
margin-bottom:32px!important
}

.u-ml {
margin-left:8px!important
}

.u-ml2 {
margin-left:16px!important
}

.u-ml3 {
margin-left:24px!important
}

.u-ml4 {
margin-left:32px!important
}

.u-clearfix:after {
content:""!important;
display:block!important;
clear:both!important
}

.small {
font-size:13px
}

.img-em {
line-height:0
}