@font-face {
    font-family: '777Flowerbear';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/777Flowerbear.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24SsurroundAir';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.dinline {display: inline-block;padding: 10px 5px;margin-right: 15px;margin-top: 30px;}
.dinline:nth-of-type(1) {margin-top: 0;}
.nrow {}
.div-txt {word-break: keep-all;}
.div-txt .txtst {font-size: 20px!important;font-weight: bold!important;word-break: keep-all;}
.bgwhite {background: #fff;border-radius: 15px;}
    .page-content { line-height:22px; word-break: keep-all; word-wrap: break-word; }
    .page-content p { margin:0 0 15px; padding:0; }
    .page-content .slogan { font-size:25px; letter-spacing:-1px; margin-bottom:15px; line-height:34px; }
    .page-content .slogan i { font-size:17px; vertical-align:top; margin-top:6px; }
   #greetings {padding: 90px 40px;width: 100%;display: inline-block;}
  #introhis {padding: 90px 40px;width: 100%;display: inline-block;}

.ulgrayintrow{max-width: 1200px;padding:0 20px;text-align: center;margin: 0 auto;}
.ulgrayintro{border-bottom: 1px solid #c2c2c2;}
    .at-title{display: none;}
    .at-body {display: none;}
    .intro{height: 400px;}
    .div-title-txt {margin-top: 60px;}
    .maininfotxt2 {display: block;}
.grwrap {max-width: 1200px;margin: 0 auto;}

.introfimg {margin-bottom: 40px;max-width: 400px;position: relative;}

.introfimg img {width: 100%;border-radius: 15px;}
.introfimg2 { margin: 0 auto; max-width: 250px;margin-right: 45px;position: relative;}
.introfimg2 img {width: 100%;border-radius: 15px;}

.introrigh {position: relative;}
.introt1 {margin-bottom: 40px;}
.introrigh1 {position: relative;}


.p30{padding: 10px 15px 95px;}


.bgbeige2 {background:#F4EFDC; }
    .txtst2{    font-size: 32px;
    letter-spacing: 0.5px;
    font-weight: bold;
    line-height: 180%;
    color: #365FB7; }
    .txtwbgb{font-size: 20px;border-radius: 15px;padding: 10px 15px;color: #fff; background:#365FB7; display:inline-block; }
    .empidot{-webkit-text-emphasis: sesame;}
    .underblue:after {background:#799AE0; }
    .div-title-un{line-height: 260%;}
    .txtbblue01{ color: #365FB7;}

.loccmmtit{font-size: 24px; line-height: 160%;font-weight: bold;padding-bottom: 5px;}
.loccmmtxt{font-size: 20px; line-height: 160%;font-weight: bold;}

.underblue2 {position: relative; z-index: 9;color: #515151;}
.underblue2:after {background:#799AE0;
content: '';
    display: block;
    position: absolute;
    left: -6px;
    bottom: 4px;
    right: -6px;
    z-index: -1;
    height: 4px; }

.mbt100{margin-bottom: 100px;}

.loccmmsec{    font-family: 'SBAggroB';
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 180%;
    word-break: keep-all;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px;
    color: #3c3c3c;}

.secloccmm {height: 100%;padding: 40px 0;overflow: hidden;word-break: keep-all;}
#secloccmm01 {background: #799AE0;}
#secloccmm02 {background: #fff;}
#secloccmm03 {background: #F4EFDC;}
#secloccmm04 {background: #799AE0;}
#secloccmm05 {background: #fff;}
#secloccmm06 {background: #F4EFDC;}
#secloccmm07 {background: #fff;}

.secloccdiv{}

.loccmmlist01 {width: 53%;display: inline-block;text-align: left;float: left;}
.loccmmlist01 img {width: 100%;}

.loccmmlist02 {width: 45%;display: inline-block;text-align: right;float: right;padding-left: 15px;}
.loccmmlist02 img {width: 100%;}

.loccmmlist03 {width: 43%;display: inline-block;text-align: left;float: left;padding: 30px;}
.loccmmlist03 img {width: 100%;}

.loccmmlist04 {width: 53%;display: inline-block;text-align: left;float: left;padding: 50px;}
.loccmmlist04 img {width: 100%;}

.loccmmlist05 {width: 50%;display: inline-block;text-align: left;float: left;padding: 50px;}
.loccmmlist05 img {width: 100%;}

.loccmmlist06 {width: 50%;display: inline-block;text-align: left;float: right;padding: 50px;}
.loccmmlist06 img {width: 100%;}

.loccmmlist07 {width: 80%;display: inline-block;text-align: left;float: right;padding: 80px 0 5px 5px;}
.loccmmlist07 img {width: 100%;}

.loccmmlist08 {width: 48%;display: inline-block;text-align: center;padding: 0px;}
.loccmmlist08 img {width: 100%;}

.loccmmlist09 {width: 50%;display: inline-block;text-align: left;float: left;padding: 50px;}
.loccmmlist09 img {width: 100%;}

.loccmmlist10 {width: 50%;display: inline-block;text-align: left;float: right;padding: 50px;}
.loccmmlist10 img {width: 100%;}



.loccmmlisttxt01 {padding: 40px 5px 15px 5px; color: #3c3c3c;text-align: left;}
.loccmmlisttxt02 {color: #fff;padding-top: 20px;text-align: left;}
.loccmmlisttxt03 {display: inline-block;width: 100%;padding-left: 50px;padding-top: 0;}
.locdvtxt01 {font-size: 30px;line-height: 180%;font-family: 'Cafe24SsurroundAir';}
.locdvtxt02 {font-size: 35px;font-weight: bold;line-height: 180%;font-family: 'Cafe24SsurroundAir';}


    @media(max-width: 767px) {
        #greetings {padding: 60px 20px;width: 100%;display: inline-block;}
        .underblue {font-size: 26px;}
        .tcenter{text-align: center;}
.div-txt .txtst{font-size: 18px!important;
    font-weight: bold!important;
    word-break: keep-all;
    line-height: 160%;}

.p30{padding: 10px 15px 45px;}

        .dinline {display: inline-block;width: 100%!important;padding: 10px 5px;margin-right: 0px;margin-top: 15px;margin-bottom: 2px;}
        #introsec {}
        .div-txt {font-size: 14px;}
    .diag1::before {content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    top: 38%;
    left: 0px;
    background-color: #FFF;
    transform: skewY(15deg);
    -webkit-transform: skewY(15deg);
    -moz-transform: skewY(15deg);}

.introfimg {max-width: 400px;position: relative;width: 80%;margin: 0 auto;margin-bottom: 40px;}

.introfimg img {width: 100%;border-radius: 15px;}
.introfimg2 { margin: 0 auto; max-width: 250px;margin-right: 5%;position: relative;width: 80%}
.introfimg2 img {width: 100%;border-radius: 15px;}

.introrigh {position: relative;}

.introrigh1 {position: relative;display: none;}
.txtst2 {text-align:center; font-size: 20px;}

.loccmmtit{font-size: 20px; line-height: 160%;font-weight: bold;padding-bottom: 5px;text-align: center;}
.loccmmtxt{font-size: 16px; line-height: 160%;font-weight: bold;text-align: center;}


.loccmmsec{
    font-size: 20px;
    line-height: 160%;
    word-break: keep-all;
    max-width: 1200px;
    padding: 20px;
    }

.loccmmlist01 {width: 46%;display: inline-block;text-align: left;float: left;}

.loccmmlisttxt01 {padding: 20px 5px 15px 5px; color: #3c3c3c;text-align: left;}
.loccmmlist02 {width: 51%;display: inline-block;text-align: right;float: right;padding-left: 0px;}
.locdvtxt01 {font-size: 18px;letter-spacing: -1px;}
.locdvtxt02 {font-size: 23px;letter-spacing: -0.5px;}

.loccmmlist03 {padding: 15px;}
.loccmmlist04 {padding: 15px;}
.loccmmlist05 {width: 50%;display: inline-block;text-align: left;float: left;padding: 15px;}
.loccmmlist06 {width: 50%;display: inline-block;text-align: left;float: right;padding: 15px;}
.loccmmlist08 {width: 100%;display: inline-block;text-align: center;padding: 0px;}
.loccmmlist09 {width: 100%;display: inline-block;text-align: left;float: left;padding: 15px;}
.loccmmlist10 {width: 100%;display: inline-block;text-align: left;float: right;padding: 15px;}

.loccmmlisttxt03 {padding-left: 15px!important;}
}