#mainimg { background-image: url("../img/message/bg_mainimg01_sp.png"); }
@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/message/bg_mainimg01_pc.png"); } }
#intro { box-sizing: border-box; padding: 32px 0 0; }
#intro .tit { line-height: 1.6; }
#intro .tit span { line-height: 1.42308; }
@media screen and (max-width: 599px) { #intro .inner { padding: 0 15px; } }
@media screen and (min-width: 600px) { #intro { padding: 23px 0 52px; } }
.topBox { position: relative; box-sizing: border-box; }
.topBox:before { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 235px; margin: 0 auto; background-color: #e7f3f4; background-image: url("../img/common/bg_border01.png"); background-repeat: repeat-y; background-size: auto 1px; content: ""; }
.topBox .inner { position: relative; z-index: 2; padding-top: 32px; }
.topBox .nameWrap span { display: inline-block; }
.topBox .nameWrap .sub { line-height: 1; padding: 5px 15px; background: #63c7cd; color: #fff; }
.topBox .nameWrap .name { line-height: 2; font-weight: 600; font-size: 3rem; }
.topBox .nameWrap .en { line-height: .65; margin: 0 0 13px 15px; font-weight: 600; font-size: 1.3rem; vertical-align: text-bottom; }
.topBox .txtTop { padding-bottom: 9px; letter-spacing: .12rem; }
.topBox .boxWrap { padding: 32px 24px 23px; }
.topBox .box .tit { position: relative; line-height: 1.59091; margin-bottom: 8px; padding-bottom: 7px; padding-left: 18px; border-bottom: 1px solid #d1cfcf; font-weight: 600; font-size: 2.2rem; }
.topBox .box .tit:before { position: absolute; top: 7px; bottom: 0; left: 0; width: 6px; height: 25px; background: #63c7cd; content: ""; }
.topBox .box01 { padding-bottom: 13px; }
.topBox .box01 .list li { position: relative; line-height: 1.71429; margin-bottom: 5px; padding-left: 63px; font-weight: 400; font-size: 1.4rem; }
@media screen and (min-width: 600px) { .topBox .box01 .list li { line-height: 1.983; font-size: 1.6rem; } }
.topBox .box01 .list li .num { position: absolute; top: 1px; left: 0; color: #9f9f9f; }
.topBox .box02 { padding-bottom: 4px; }
.topBox .box02 .list li { position: relative; margin-bottom: 4px; padding-left: 13px; }
.topBox .box02 .list li:before { position: absolute; top: 13px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #5ac6cc; content: ""; }
@media screen and (min-width: 600px) { .topBox { position: relative; }  .topBox:after { height: 350px; }  .topBox:before { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 235px; margin: 0 auto; background-color: #e7f3f4; background-image: url("../img/common/bg_border01.png"); background-repeat: repeat-y; background-size: auto 1px; content: ""; }  .topBox .inner { position: relative; z-index: 2; padding-top: 32px; background-position: right 0 top 50px; }  .topBox .nameWrap { padding: 30px 0 0; }  .topBox .nameWrap .sub { line-height: 1; padding: 10px 31px; font-size: 2rem; }  .topBox .nameWrap .name { line-height: 2; font-size: 5rem; }  .topBox .nameWrap .en { margin: 0 0 17px 24px; font-size: 1.6rem; }  .topBox .txtTop { padding-bottom: 9px; font-size: 1.6rem; letter-spacing: .1rem; }  .topBox .boxWrap { padding: 49px 60px 50px 80px; }  .topBox .box { width: 450px; }  .topBox .box .tit { position: relative; margin-bottom: 20px; padding-bottom: 10px; padding-left: 22px; font-size: 3rem; }  .topBox .box .tit:before { top: 7px; bottom: 0; left: 0; width: 8px; height: 30px; }  .topBox .box01 { float: left; padding-bottom: 13px; }  .topBox .box01 .list li { position: relative; line-height: 1.71429; margin-bottom: 0; padding-left: 73px; font-weight: 400; font-size: 1.4rem; } }
@media screen and (min-width: 600px) and (min-width: 600px) { .topBox .box01 .list li { line-height: 1.983; font-size: 1.6rem; } }
@media screen and (min-width: 600px) { .topBox .box01 .list li .num { position: absolute; top: 1px; left: 0; color: #9f9f9f; }  .topBox .box02 { float: right; padding-bottom: 4px; }  .topBox .box02 .list li { position: relative; line-height: 1.88; margin-bottom: 0; padding-left: 23px; }  .topBox .box02 .list li:before { top: 14px; left: 6px; width: 6px; height: 6px; } }
.mid { box-sizing: border-box; padding: 43px 0 52px; }
.mid .tit { position: relative; line-height: 1.59091; margin-bottom: 15px; padding-left: 18px; font-weight: 600; font-size: 2.2rem; }
.mid .tit:before { position: absolute; top: 6px; bottom: 0; left: 0; width: 6px; height: 25px; background: #63c7cd; content: ""; }
@media screen and (min-width: 600px) { .mid { padding: 58px 0 98px; }  .mid .tit { position: relative; margin-bottom: 35px; padding-left: 23px; font-size: 3rem; }  .mid .tit:before { top: 11px; bottom: 0; width: 7px; height: 31px; } }
.point { box-sizing: border-box; padding: 46px 0 62px; background-color: #e8f3f4; background-image: url("../img/common/bg_border01.png"); background-repeat: repeat-y; background-size: auto 1px; }
@media screen and (min-width: 600px) { .point { background-image: url("../img/common/bg_border01_pc.png"); background-size: auto 2px; } }
.point .inner { padding: 0 10px; }
.point .list li { position: relative; margin-bottom: 14px; padding: 35px 25px 30px; background: #fff; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15); }
.point .list li .img { margin-bottom: 10px; text-align: center; }
.point .list li .img img { width: auto; height: 219px; }
.point .list li .box .tit { line-height: 1.59091; margin-bottom: 14px; padding-bottom: 13px; border-bottom: 1px solid #dbba8d; font-weight: 600; font-size: 2.2rem; }
@media screen and (min-width: 600px) { .point { padding: 79px 0 99px; }  .point .tit03 { margin-bottom: 60px; }  .point .inner { padding: 0; }  .point .list li { position: relative; box-sizing: border-box; margin-bottom: 34px; padding: 30px 25px 43px; background: #fff; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15); }  .point .list li .img { float: left; width: 315px; margin-bottom: 10px; text-align: center; }  .point .list li .img img { width: auto; height: auto; }  .point .list li .box { float: right; box-sizing: border-box; width: 695px; padding-top: 20px; padding-right: 20px; }  .point .list li .box .tit { line-height: 1.5; margin-bottom: 21px; padding-bottom: 24px; font-size: 2.8rem; } }
@media screen and (min-width: 600px) and (min-width: 600px) { .point .list li .box .txt { line-height: 1.86667; font-size: 1.5rem; } }