.BodyMain {
    background: #fff;
    margin: 0 auto 80px;
    text-align: center;
    font-size: 110%;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    -webkit-text-size-adjust: 100%;
}

h1 {
    font-size: 65%;
    font-weight: normal;
    text-align: left;
    color: #ccc;
    padding-top: 3px;
}
h2 {
    clear: both;
    margin: 0 auto;
    padding: 7px 0;
    font-size: 70%;
    font-weight: normal;
    line-height: 23px;
    color: #ccc;
}
h1 a,
h2 a {
    color: #ccc;
}
h3.copy1 {
    font-size: 165%;
    color: #0a1a80;
    background: url("../images/icon_flower1.png") 0 center no-repeat #fff;
    margin-top: -10px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    text-align: justify;
}
h3.copy2 {
    font-size: 165%;
    color: #0a1a80;
    background: url("../images/icon_flower1.png") 0 center no-repeat #fff;
    margin-top: -40px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    text-align: justify;
}
h3.copy3 {
    font-size: 165%;
    color: #0a1a80;
    background: url("../images/icon_flower2.png") 0 center no-repeat #fff;
    margin-top: -10px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    text-align: justify;
}
h3.copy4 {
    font-size: 165%;
    color: #0a1a80;
    background: url("../images/icon_flower2.png") 0 center no-repeat #fff;
    margin-top: -40px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    text-align: justify;
}
h3.copy5 {
    font-size: 165%;
    color: #0a1a80;
    background: url("../images/icon_flower1.png") 0 center no-repeat #fff;
    padding: 5px 0;
    display: flex;
    align-items: center;
    text-align: justify;
}
h3.copy1 span,
h3.copy2 span,
h3.copy3 span,
h3.copy4 span,
h3.copy5 span {
    padding-left: 75px;
}
h3.copy1::after,
h3.copy2::after,
h3.copy3::after,
h3.copy4::after,
h3.copy5::after {
    border-top: 1px solid #c3cbfd;
    content: "";
    flex-grow: 1;
    margin-left: 1em;
}

h3.copyright {
    clear: both;
    font-size: 75%;
    font-weight: normal;
    margin: 0 auto;
    padding: 15px 0;
}
h3.copyright span {
    padding: 0 0.5em 0 2em;
}

div, p, table {
    margin: auto;
}
section {
    width: 960px;
    margin: auto;
    padding: 40px 0;
}
section.top {
    margin: auto;
    padding: 15px 0 40px;
}
section::after {
    content: "";
    display: block;
    clear: both;
}

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

img {
    border: none;
}
a {
    text-decoration: none;
    color: #000;
}
.opacity a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}

.mini {
    font-size: 80%;
}
.mini90 {
    font-size: 90%;
}
.big {
    font-size: 115%;
}

.mark {
    font-size: 85%;
    margin: 0 0.3em 0 0;
    color: #0a1a80;
}

hr {
    color: #dcdcdc;
    background-color: #dcdcdc;
    height: 1px;
    border: none;
    padding: 0;
}
.waku {
    border: 1px solid #dcdcdc;
}

.ya {
    margin: 0 0 4px 5px;
    vertical-align: middle;
}
.yaR {
    margin: 0 30px 4px 5px;
    vertical-align: middle;
}
.flower {
    width: 40px;
    height: auto;
    margin: 0 3px 3px 0;
    vertical-align: middle;
}
.kokoro {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.card {
    width: 100px;
    height: auto;
    vertical-align: middle;
}

.lspace {
    letter-spacing: 0.08em;
}

.linkPad1 {
    padding-left: 1.5em;
}

.sub {
    font-size: 120%;
    color: #0a1a80;
}
.attentionTxt .sub,
.buR4 .sub,
.ceR4 .sub {
    font-size: 120%;
    color: #f08200;
}
#hall .sub {
    width: 530px;
    border: 1px solid #23a3b2;
    border-radius: 4px;
    color: #23a3b2;
    background: #f1fcfd;
    padding-left: 0.7em;
    margin-bottom: 10px;
}

.TD40 {
    line-height: 40px;
}

.L0 {
    float: left;
}
.R0 {
    float: right;
}

.padT5 {
    padding-top: 5px;
}
.padT10 {
    padding-top: 10px;
}
.padT20 {
    padding-top: 20px;
}
.padT30 {
    padding-top: 30px;
}
.padT40 {
    padding-top: 40px;
}
.padT50 {
    padding-top: 50px;
}

.mar1 {
    margin: 40px 0;
}

.carPic1 {
    width: 390px;
    height: auto;
    margin-left: 100px;
}

header,
footer {
    width: 100%;
    background: #fff;
    border-top: 3px solid #0a1a80;
}
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1002;
}
header div,
footer div {
    width: 960px;
}
header .titleBack {
    height: 100px;
    background: url("../images/back_title.png") 50% 0 no-repeat;
}
footer .titleBack {
    height: 80px;
    background: url("../images/back_title.png") 50% bottom no-repeat;
}
header .titleLinkL a {
    display: block;
    float: left;
    width: 300px;
    height: 60px;
    text-indent: -9999px;
}
footer .titleLinkL a {
    display: block;
    float: left;
    width: 300px;
    height: 60px;
    text-indent: -9999px;
    margin-top: 10px;
}
header .titleLinkC {
    float: left;
    width: 31%;
    padding: 18px 0 0 25px;
}
footer .titleLinkC {
    float: left;
    width: 31%;
    padding: 26px 0 0 25px;
}
.titleLinkC .txt1 {
    color: #f00;
}
.titleLinkC .txt2 {
    color: #028013;
}
.titleTel {
    float: right;
    width: 33%;
    color: #0a1a80;
    line-height: 0;
}
header .titleTel {
    margin-top: -4px;
}
footer .titleTel {
    margin-top: 19px;
}
.titleTel .tel {
    font-size: 190%;
    padding-top: 13px;
    letter-spacing: 0;
}
.titleTel img,
.freeaccess,
.emergencyTel img {
    vertical-align: middle;
    margin: -5px 0 10px 0;
}
.titleTel .txt1,
.emergencyTel .txt1 {
    font-size: 85%;
    letter-spacing: -0.05em;
}
.titleTel .txt1 .number,
.way2 .number,
.emergencyTel .txt1 .number {
    font-size: 115%;
    letter-spacing: -0.15em;
}
.way2 .freeaccess {
    width: 40px;
    height: auto;
}
.emergencyTel {
    color: #0a1a80;
    line-height: 10px;
    font-size: 120%;
    padding-left: 100px;
}
#support .emergencyTel {
    padding-left: 210px;
}
.emergencyTel .tel {
    font-size: 170%;
    padding-top: 10px;
}
.way2 .big {
    font-size: 150%;
}

.BarBg,
.BarBgB {
    width: 960px;
}
.BarBg {
    margin-top: -10px;
}
.BarBgB {
    padding-bottom: 32px;
}
.BarBg p,
.BarBgB p {
    float: left;
    font-size: 105%;
    padding: 3px 0;
}

.BarBg p {
    margin: 8px 26px 8px 0;
}
.BarBgB p {
    margin: 8px 33px 8px 0;
}
.BarBg p.BarBgEnd,
.BarBgB p.BarBgEnd {
    margin: 8px 0;
}
.BarBg a,
.BarBgB a {
    display: inline-block;
    border-bottom: 3px solid #0a1a80;
    padding-bottom: 2px;
}
.BarBg a:hover,
.BarBgB a:hover {
    display: inline-block;
    border-bottom: 3px solid #c3cbfd;
    padding-bottom: 2px;
}

#PageTitle {
    background: url("../images/back_pagetitle.jpg") top no-repeat;
    width: auto;
    height: 100px;
    margin-top: 7px;
    border-bottom: 7px double #fff;
}
#PageTitle h2 {
    font-size: 230%;
    color: #fff;
    padding-top: 39px;
}

#container img {
    position: relative;
    object-fit: cover;
}
.flexslider {
    margin: 7px 0 25px;
    border: none;
}
.flex-control-paging li a.flex-active {
    background: #0a1a80;
}

.bigPic,
.bigPicG {
    font-size: 80%;
    padding-top: 10px;
}
.bigPic img {
    margin: 0 5px 2px 30px;
    vertical-align: middle;
}
.bigPicG img {
    margin: 0 5px 2px 0;
    vertical-align: middle;
}
.bigPic span,
.bigPicG span {
    font-size: 130%;
    padding: 0 2px;
}

.w960 {
    width: 960px;
}
.box90 {
    width: 90%;
}
.box85 {
    width: 85%;
}
.box80 {
    width: 80%;
}
.box45 {
    width: 45%;
}

#emergency .txt {
    width: 51%;
    float: left;
    border-radius: 4px;
    padding: 25px 60px 35px;
    text-align: left;
    line-height: 40px;
}
#plan .txt,
#funeral .txt,
#hall .txt,
#service .txt,
#support .txt,
#after .txt,
#useful .txt {
    width: 60%;
    float: left;
    border-radius: 4px;
    padding: 25px 60px 35px;
    text-align: left;
    line-height: 40px;
}
#emergency .txt,
#funeral .txt,
#service .txt,
#after .txt {
    background: #f7f8fe;
}
#plan .txt,
#hall .txt,
#support .txt,
#useful .txt {
    background: #f6fff8;
}
.txt .title {
    font-size: 170%;
    padding-bottom: 10px;
}
#emergency .txt .title,
#funeral .txt .title,
#service .txt .title,
#after .txt .title {
    color: #0a1a80;
}
#plan .txt .title,
#hall .txt .title,
#support .txt .title,
#useful .txt .title {
    color: #028013;
}

.link,
.imgPic {
    width: 55%;
    float: right;
}
.linkFloral {
    width: 45%;
    float: right;
}
#emergency .link {
    margin-top: -180px;
}
#plan .link {
    margin-top: -230px;
}
#funeral .link {
    margin-top: -60px;
}
#hall .link {
    width: 70%;
    margin-top: -200px;
}
#service .linkFloral {
    margin-top: -105px;
}
#support .imgPic,
#after .imgPic,
#useful .imgPic {
    margin-top: -145px;
}

#funeral .link .funeralPic1,
.funeralL img {
    width: 98%;
    height: auto;
    border: 1px solid #dcdcdc;
}

.funeralL {
    width: 47%;
    float: left;
    padding: 45px 0 20px;
}
.funeralR {
    width: 49.5%;
    float: right;
    line-height: 40px;
    text-align: left;
    padding: 95px 0 20px;
}

.linkBtn,
.linkBtn1,
.linkBtn2 {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background: url("../images/ya.png") right 15px center no-repeat #fff;
    padding: 12px 0;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
}
.linkKey1,
.linkKey2 {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background: url("../images/ya.png") right 15px bottom  15px no-repeat #fff;
    padding-bottom: 8px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
}
.linkBtn a,
.linkBtn1 a,
.linkBtn2 a {
    padding-right: 0.5em;
}
#plan .linkBtn,
#service .linkBtn {
    width: 40%;
    float: right;
    margin: 5px 0 5px 15px;
}
#hall .linkBtn1 {
    width: 350px;
    float: right;
    margin: 5px 0 5px 15px;
}
#hall .linkBtn2 {
    width: 215px;
    float: right;
    margin: 5px 0 5px 15px;
}
#hall .hallL {
    width: 49.5%;
    float: left;
    padding-top: 40px;
    line-height: 40px;
}
#hall .hallR {
    width: 49.5%;
    float: right;
    padding-top: 40px;
    line-height: 40px;
}
#hall .hallOne {
    width: 49.5%;
    padding-top: 40px;
    line-height: 40px;
}
#hall .hallL .hallPic1,
#hall .hallR .hallPic1,
#hall .hallOne .hallPic1 {
    width: 98%;
    height: auto;
    border: 1px solid #dcdcdc;
    margin: 0;
}
.hallNameTop {
    font-size: 130%;
    color: #000;
}
.hallNameTop::first-letter {
    font-size: 130%;
    color: #0a1a80;
}

.linkKey1 .linkPic1 {
    width: 100%;
    height: auto;
    border-radius: 4px 4px 0 0;
}

.linkFloral {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 12px 0 6px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
    line-height: 50px;
}
.linkFloral .floralL {
    width: 30%;
    float: left;
    padding-top: 10px;
}
.linkFloral .floralL img {
    width: 90%;
    height: auto;
}
.linkFloral .floralR {
    width: 66%;
    float: right;
    text-align: right;
    padding-right: 10px;
}
.linkFloral .floralR div {
    padding: 0 11px;
}

.linkKey1 {
    width: 32.2%;
    float: left;
    margin: 40px 4px 0;
}
.linkKey2 {
    width: 65.5%;
    float: left;
    margin: 40px 4px 0;
}

.planCounselPic1 {
    width: 60%;
    height: auto;
    border: 1px solid #dcdcdc;
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin-left: 205px;
}
.supportCounselPic1,
.afterPic1 {
    width: 60%;
    height: auto;
    border: 1px solid #dcdcdc;
    margin-left: 205px;
}
.planPic1 {
    width: 310px;
    height: auto;
    border: 1px solid #dcdcdc;
    margin-top: 10px;
}
.planPic2 {
    width: 310px;
    height: 100%;
    object-fit: none;
    object-position: 50% 50%;
    border: 1px solid #dcdcdc;
    margin-top: 10px;
}
.planPic3 {
    width: 310px;
    height: 100%;
    object-fit: none;
    object-position: 50% 16%;
    border: 1px solid #dcdcdc;
    margin-top: 10px;
}
.cremation,
.small,
.family {
    width: 32.5%;
    float: left;
    margin: 45px 4px 10px;
    text-align: left;
    line-height: 40px;
    border-radius: 4px;
    padding: 20px 0;
}
.cremation {
    background: #f8fdf0;
}
.small {
    background: #f6f9ff;
}
.family {
    background: #fef7f6;
}
.planPrice {
    font-size: 240%;
}
.planName {
    text-align: center;
    font-size: 130%;
    border-bottom: 1px solid #dcdcdc;
}
.cremation .planName::first-letter,
.small .planName::first-letter,
.family .planName::first-letter {
    font-size: 130%;
}
.cremation .planName::first-letter,
.cremation .member {
    color: #97cb4d;
}
.small .planName::first-letter,
.small .member {
    color: #5674ac;
}
.family .planName::first-letter,
.family .member {
    color: #db928b;
}

.hallPic1 {
    width: 55%;
    height: auto;
    border: 1px solid #dcdcdc;
}
.hallPic1,
.hallPicCaption {
    margin-left: 300px;
}
.carPicCaption {
    margin-left: 95px;
}
.hallPicCaption,
.carPicCaption {
    font-size: 80%;
}

#attention {
    width: 850px;
    background: #fffaf4;
    border: 1px solid #f08200;
    border-radius: 4px;
    line-height: 40px;
    margin: 65px auto 20px;
    padding: 20px 20px;
}
.attentionIcon {
    width: 6%;
    float: left;
    padding: 55px 0 0 15px;
}
.attentionTxt {
    width: 91%;
    float: right;
}

.evaluation {
    width: 140px;
    float: left;
}
.evaluation img {
    width: 98%;
    margin-top: 10px
}

.boxSurvey {
    width: 660px;
    float: left;
    background: #f1f3ff;
    border: 1px solid #0a1a80;
    border-radius: 4px;
    padding: 10px 0;
    margin: 40px 7px 0;
    font-size: 110%;
}
.boxCovid {
    width: 310px;
    margin: 0 auto;
}
.boxRecruit {
    width: 430px;
    margin: 0 auto;
}
.boxSurvey a,
a .covid,
a .recruit,
a .blog {
    color: #0a1a80;
}
.covid,
.recruit {
    position: relative;
    background: #f1f3ff;
    border: 1px solid #0a1a80;
    border-radius: 4px;
    padding: 10px 5px 10px 15px;
    margin-top: 60px;
    font-size: 110%;
}
.covid img,
.recruit img {
    position: absolute;
    left: -40px;
    top: -30px;
}
.surveyL {
    width: 12%;
    float: left;
    padding: 7px 0 0 25px;
}
.surveyR {
    width: 82%;
    float: left;
}

#topics {
    width: 600px;
    height: 348px;
    float: left;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    text-align: left;
    margin-top: 70px;
    padding: 10px 0;
    overflow: auto;
}
#topics .title {
    width: 98%;
    padding: 5px 0;
    font-size: 160%;
    color: #0a1a80;
    letter-spacing: 0.05em;
}
#topics .list {
    width: 94%;
    font-size: 98%;
    line-height: 35px;
    padding: 0.5em 1em;
}
#topics .new {
    color: #f00;
    font-size: 70%;
}
#topics .info {
    border-radius: 20px;
    background: #f08200;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7b669), color-stop(97%, #f08200));
    background-image: -webkit-linear-gradient(#f7b669,#f08200 97%);
    background-image:    -moz-linear-gradient(#f7b669,#f08200 97%);
    background-image:     -ms-linear-gradient(#f7b669,#f08200 97%);
    background-image:      -o-linear-gradient(#f7b669,#f08200 97%);
    background-image:         linear-gradient(#f7b669,#f08200 97%);
    color: #fff;
    font-size: 75%;
    letter-spacing: -0.03em;
    padding: 1px 6px;
    margin: 0 1em;
    vertical-align: top;
}
#topics .report {
    border-radius: 20px;
    background: #028013;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1bac2f), color-stop(97%, #028013));
    background-image: -webkit-linear-gradient(#1bac2f,#028013 97%);
    background-image:    -moz-linear-gradient(#1bac2f,#028013 97%);
    background-image:     -ms-linear-gradient(#1bac2f,#028013 97%);
    background-image:      -o-linear-gradient(#1bac2f,#028013 97%);
    background-image:         linear-gradient(#1bac2f,#028013 97%);
    color: #fff;
    font-size: 75%;
    letter-spacing: -0.03em;
    padding: 1px 6px;
    margin: 0 1em;
    vertical-align: top;
}

#counsel {
    width: 340px;
    float: right;
    background: #f1f3ff;
    border: 1px solid #0a1a80;
    border-radius: 4px;
    margin-top: 70px;
}
#counsel .title {
    width: 95%;
    padding: 14px 0;
    font-size: 160%;
    color: #0a1a80;
}
#counsel .areamap {
    width: 100%;
    height: auto;
}
#counsel .link {
    float: right;
    padding-bottom: 15px;
}
#counsel .link img {
    margin: 0 20px 5px 5px;
    vertical-align: middle;
}

.boxInfo {
    width: 670px;
    padding: 0 0 0 40px;
}
.boxBlog{
    width: 360px;
    float: left;
    margin: 50px 25px 0 0;
}

.blog {
    position: relative;
    background: #f1f3ff;
    border: 1px solid #0a1a80;
    border-radius: 4px;
    padding: 10px 5px 10px 15px;
    font-size: 110%;
}
.blog img {
    position: absolute;
    left: -40px;
    top: -30px;
}
.sns {
    width: 60px;
    float: left;
    margin: 50px 15px 0;
}
.sns img {
    width: 90%;
    height: auto;
}

.societyL {
    width: 21%;
    float: left;
    padding: 40px 0 20px;
}
.societyC {
    width: 56%;
    float: left;
    line-height: 40px;
    padding: 48px 0 20px 10px;
}
.societyR {
    width: 21%;
    float: right;
    padding: 40px 0 20px;
}
.societyL img,
.societyR img {
    width: 98%;
    height: auto;
}
.backSociety1 {
    width: 530px;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    border-radius: 3px;
    position: relative;
    padding: 4px 0 5px;
    background-image: -webkit-linear-gradient(#23a634 0%, #028013 100%);
    background-image: linear-gradient(#23a634 0%, #028013 100%);
    text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.66);
}
.backCopy1 {
    width: 960px;
    color: #fff;
    font-size: 124%;
    font-weight: bold;
    letter-spacing: -0.03em;
    border-radius: 3px;
    position: relative;
    padding-bottom: 1px;
    margin-bottom: 20px;
    background-image: -webkit-linear-gradient(#23a634 0%, #028013 100%);
    background-image: linear-gradient(#23a634 0%, #028013 100%);
    text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.66);
}
.backCopy1 .number {
    font-size: 140%;
}
.backCopy1 .tax {
    font-size: 75%;
}
.backSociety1:before,
.backCopy1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color: #a6a6a6;
}
.backSociety1:after,
.backCopy1:after  {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent;
    border-top-color: #a6a6a6;
}

#hall .hallName {
    font-size: 130%;
    color: #0a1a80;
}
.hallL1 {
    width: 67%;
    float: left;
    padding-top: 65px;
}
.hallL1 img,
.hallR2 img,
.hallR3 img,
.hallR4 img,
.buL2 img,
.buL3 img,
.buR3 img,
.buL4 img,
.chochin img,
.ceR1 img,
.ceL2 img,
.ceR2 img,
.ceLw25 img,
.ceL2 img,
.ceL3 img {
    width: 98%;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}
.ceL3 img {
    width: 80%;
}
.hallR1 img {
    margin-top: 60px;
}
.hallR1 div {
    background: rgba(241, 243, 255, 0.9);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
    width: 51%;
    float: right;
    margin-top: -122px;
    padding: 15px 25px;
    line-height: 40px;
}
.hallL2 {
    background: rgba(241, 243, 255, 0.9);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
    width: 48%;
    float: left;
    margin-top: -66px;
    padding: 15px 25px;
    line-height: 40px;
}
.hallL3,
.hallL4 {
    background: rgba(241, 243, 255, 0.9);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
    float: left;
    padding: 15px 25px;
    line-height: 40px;
}
.hallL3 {
    width: 48%;
    margin-top: -230px;
}
.hallL4 {
    width: 55%;
    margin-top: -170px;
}
.hallR2 {
    width: 63%;
    float: right;
    margin-top: 35px;
}
.hallR3,
.hallR4 {
    width: 48%;
    float: right;
    margin-top: 47px;
}
.hallR4 {
    width: 43%;
}

.hallVisitL {
    width: 31%;
    float: left;
    padding-top: 30px;
}
.hallVisitR {
    width: 67%;
    float: right;
    text-align: left;
    line-height: 35px;
    padding-top: 90px;
}

.philosophy p {
    float: left;
    width: 24.5%;
    padding: 15px 0;
    font-size: 90%;
    letter-spacing: 0.05em;
}
.philosophy img {
    max-width: 150px;
    height: auto;
    margin: 0 0 7px 0;
    border: 1px solid #dcdcdc;
    border-radius: 1em;
}

iframe {
    margin: 15px 0 30px;
}
.mapPdfL {
    float: left;
    width: 28%;
    padding: 0.5em 0 1em;
}
.mapPdfR {
    float: left;
    width: 62%;
    font-size: 80%;
    line-height: 20px;
    text-align: left;
    margin-left: 10px;
    padding: 0.5em 0 1em;
}
.mapPdfR img {
    float: right;
    margin: 4px 0 4px 15px;
}

.mapTxt1,
.mapTxt2,
.mapTxt3,
.mapTxt4 {
    width: 33.33%;
    float: right;
    text-align: left;
    line-height: 40px;
    padding-top: 155px;
}
.mapTxt2 {
    width: 48%;
    padding-top: 115px;
}
.mapTxt3 {
    float: left;
    width: 48%;
    padding: 118px 0 0 15px;
}
.mapTxt4 {
    float: left;
    width: 55%;
    padding: 65px 0 0 20px;
}
.mapTxt5 {
    width: 380px;
    text-align: left;
    line-height: 40px;
    padding-top: 25px;
}

.mapImg1,
.mapImg2,
.mapImg3,
.mapImg4 {
    width: 63%;
    float: left;
    padding-top: 30px;
}
.mapImg2 {
    width: 48%;
}
.mapImg3 {
    width: 50%;
}
.mapImg4 {
    width: 40%;
}
.mapImg1 img,
.mapImg2 img,
.mapImg3 img,
.mapImg4 img {
    width: 98%;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
.mapImg2 img {
    width: 80%;
}
.mapMar1 {
    margin-top: 55px;
}
.mapMar2 {
    margin-top: 20px;
}

.buL1 {
    width: 67%;
    float: left;
    text-align: left;
    line-height: 40px;
    padding-top: 30px;
}
.buR1 {
    width: 31%;
    float: right;
}
.buR1 img {
    width: auto;
    height: 180px;
}
.buL2,
.ceL3 {
    width: 48%;
    float: left;
}
.ceL3 {
    margin-top: 47px;
}
.buR2,
.ceR3 {
    background: rgba(241, 243, 255, 0.9);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
    width: 50%;
    float: right;
    margin-top: -235px;
    padding: 15px 25px;
    line-height: 40px;
}
.ceR3 {
    width: 530px;
    margin-top: -227px;
}
.buL3,
.buR3,
.ceL2,
.ceR2 {
    width: 49.99%;
    float: left;
}
.buR3,
.ceR2 {
    float: right;
}
.buL4 {
    width: 31%;
    float: left;
    margin-top: 20px;
}
.buR4 {
    width: 67%;
    float: right;
    text-align: justify;
    line-height: 40px;
    padding-top: 35px;
}
.chochin div {
    float: left;
    width: 33.33%;
    margin-top: 40px;
}

.ceL1 {
    background: rgba(241, 243, 255, 0.9);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
    width: 500px;
    float: left;
    margin-top: 60px;
    padding: 15px 25px;
    line-height: 40px;
    position: absolute;
}
.ceR1 {
    width: 47%;
    float: right;
}
.ceLw25 {
    float: left;
    width: 24.99%;
}
.ceL4 {
    width: 31%;
    float: left;
    margin-top: 20px;
}
.ceR4 {
    width: 67%;
    float: right;
    text-align: left;
    line-height: 40px;
    padding-top: 80px;
}
.ceL4 img {
    height: 300px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}

.useful {
    list-style: none;
    margin: 0 suto 15px;
    padding: 0;
}
.useful li a {
    float:left;
    display: inline-block;
    width: 115px;
    height: 115px;
    margin: 5px 0 0 20px;
    line-height: 25px;
    font-size: 95%;
    background: #f1f3ff;
    border: 1px solid #0a1a80;
    border-radius: 50%;
}
.useful a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.useful li.txt1 p {
    margin-top: 45px;
}
.useful li.txt2 p {
    margin-top: 35px;
}
.useful li.txt3 p {
    margin-top: 21px;
}

.contact {
    background: url("../images/back_contact.jpg") top no-repeat;
    width: auto;
    height: 255px;
    color: #fff;
    padding: 10px 0 45px;
    margin: 25px 0;
}
.contact .title {
    font-size: 200%;
    padding-bottom: 10px;
}
.contact .way1 {
    width: 23%;
    float: left;
    margin: 30px 10px 0 9px;
    padding: 17px 0 15px;
    background: #fff;
    border-radius: 4px;
    color: #0a1a80;
}
.contact .way2 {
    width: 23%;
    float: left;
    margin: 30px 10px 0 9px;
    padding: 17px 0 12px;
    background: #fff;
    border-radius: 4px;
    color: #0a1a80;
}
.contact .way1 .icon,
.contact .way2 .icon {
    width: auto;
    height: 40px;
}
.contact .way2 .big {
    font-size: 130%;
}
.contact .ya {
    width: 15px;
    height: auto;
    margin: 0 0 3px 5px;
    vertical-align: middle;
}
.hall {
    width: 32.5%;
    float: left;
    margin: 0 2px;
    line-height: 40px;
    font-size: 95%;
}
.hallPad1 {
    padding-left: 165px;
}
.hall .hallName {
    font-size: 110%;
}
.hallName::first-letter {
    font-size: 120%;
    color: #0a1a80;
}
.hallImg {
    width: 98%;
    height: auto;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}
.hall .mar0 {
    margin-top: -10px;
}

.moL {
    float: left;
    margin-top: -10px;
}
.moR {
    float: right;
    margin-top: -10px;
}
.moMar1 {
    margin: 30px 10px 0;
}

.backSociety {
    background: #fcfcfc;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px 12px 14px;
}

.mobi {
    clear: both;
    width: 960px;
    font-size: 80%;
    letter-spacing: 0.07em;
    padding: 70px 0 35px;
}
.mobiTxt {
    width: 780px;
    text-align: left;
    line-height: 20px;
}
.mobiQr {
    float: right;
    margin: -25px 0 5px 25px;
}

#page-top {
    position: fixed;
    bottom: 100px;
    right: 15px;
}
#page-top a {
    background: url("../images/page-top.png") no-repeat;
    width: 40px;
    height: 40px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.promiseList {
    width: 95%;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
.promiseImg img {
    width: 30%;
    float: left;
    border: 1px solid #dcdcdc;
    margin: 20px auto;
}
.promiseTxt {
    width: 64%;
    float: right;
    text-align: left;
    padding: 20px 10px 0 10px;
    line-height: 30px;
}
.promiseTxt p {
    color: #091a80;
    border-bottom: 2px dotted;
    padding: 0 .5rem;
    margin-bottom: 15px;
}
.promiseTxt p span {
    font-size: 170%;
    padding-left: 7px;
}