@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font: 13px/1.9 'Zen Kaku Gothic New', sans-serif,"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color: #3e3c39;
    background: #fff;
}

body #top {
    background: #fff url(images/bg.png) repeat-x 50% 0;
}

a {
    color: #777;
}
a:hover {
    color: #919191; text-decoration:none;
}
a:active, a:focus {
    outline: 0;
}

img {
    border: 0;
}
.clear {
    clear: both;
}




/* 修正ここから */
.contact-bt {
    text-align: right;
    margin: 20px 0 0 0;
    width: 135px;
    margin-left: auto;
}

.contact-bt p {
    margin: 10px 0 0 0;
}

.box1170 {
    width: 1170px;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0 70px 0;
}

.main-box3 {
    width: 133px;
    float: left;
}

.main-box3-2 {
    width: 915px;
    float: left;
}

.main-box3-3 {
    width: 122px;
    float: left;
}

.main-text {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 2.5px;
    color: #41a1be;
}

.dot-text {
    text-emphasis: filled;
    -webkit-text-emphasis: filled;
}

.main-text2 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 2.5px;
}

.main-box {
    width: 213px;
    float: left;
    margin-right: 30px;
    border: 1px solid #41a1be;
    border-radius: 5px;
    padding: 25px;
    margin-top: 30px;
    background: #f5fdff;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.main-box2 {
    width: 213px;
    float: left;
    margin-right: 30px;
    border: 1px solid #e13009;
    border-radius: 5px;
    padding: 25px;
    margin-top: 60px;
    background: #fff3f1;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.main-box2-2 {
    width: 213px;
    float: left;
    border: 1px solid #e13009;
    border-radius: 5px;
    padding: 25px;
    margin-top: 60px;
    background: #fff3f1;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.main-text3 {
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #41a1be;
}

.main-text3-2 {
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #e13009;
}

.back-g {
    background-image: url(images/p0521-2.jpg);
    overflow: hidden;
}

.back-r {
    overflow: hidden;
    background: linear-gradient(to top, #fff3f1, #FFF);
}

.text2 {
    width: 850px;
    margin: 0 auto;
}

.text3 {
    width: 290px;
    float: left;
    padding: 25px;
    border: 1px solid #41a1be;
    border-radius: 5px;
    margin-top: 30px;
    background: #f5fdff;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    margin-right: 30px;
}

.text3-2 {
    width: 460px;
    float: left;
    padding: 25px;
    border: 1px solid #41a1be;
    border-radius: 5px;
    margin-top: 30px;
    background: #f5fdff;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    margin-right: 30px;
}

.text3-2 span {
    font-size: 18px;
}

.text3 p, .text3-2 p {
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 2.5px;
}

.text3-3 {
    width: 226px;
    float: left;
}

.bl-box {
    margin-top: -40px;
}

.soudan-h3 {
    margin-left: 3px;
    letter-spacing: 2.5px;
    text-align: center;
    margin-bottom: 20px;
}

.soudan-h3:before {
    content: url(images/circle.png);
    padding-right: 18px;
    position: relative;
    top: 8px;
}

.h2-sub {
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 2.5px;
    color: #e13009;
}

.h2-sub:before {
    content: url(images/h2-sub.png);
    padding-right: 18px;
    position: relative;
    top: -3px;
}

.h2-sub:after {
    content: url(images/h2-sub2.png);
    padding-left: 15px;
    position: relative;
    top: -3px;
}

h2 {
    text-align: center;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: 2.5px;
    color: #41A1BE;
}

.h2-text {
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: 2.5px;
}

h3 {
    font-size: 29px;
    font-weight: 600;
    letter-spacing: 2.5px;
}

/*
h3:before {
    content: url(images/title-box.png);
    vertical-align: middle;
    padding-right: 18px;
}
*/

.back-gr {
    background: #f5fdff;
}

.point {
    width: 863px;
    margin-top: 30px;
    border: 1px dotted #41A1BE;
    border-radius: 5px;
    padding: 25px 35px 25px 35px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    background: #fff;
    float: left;
    margin-right: 30px;
    margin-bottom: 50px;
}

.point-2 {
    width: 863px;
    margin-top: 30px;
    border: 1px dotted #41A1BE;
    border-radius: 5px;
    padding: 25px 35px 25px 35px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    background: #fff;
    float: left;
    margin-bottom: 50px;
}

.point-3 {
    width: 800px;
    margin-top: 30px;
    border: 1px dotted #41A1BE;
    border-radius: 5px;
    padding: 25px 35px 25px 35px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    background: #fff;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.point-text {
    width: 100px;
    height: 100px;
    font-weight: 600;
    background: #e13009;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: -60px;
    line-height: 5.5;
}

.point p, .point-2 p, .point-3 p {
    font-size: 18px;
}

.point h3, .point-2 h3, .point-3 h3 {
    position: relative;
    z-index: 1;
    text-indent: 40px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.point h3:before {
    content: url(images/check.png);
    position: absolute;
    top: 3px;
    left: -45px;
}

.point-2 h3:before {
    content: url(images/check.png);
    position: absolute;
    top: 3px;
    left: -45px;
}

.point-3 h3:before {
    content: url(images/check.png);
    position: absolute;
    top: 3px;
    left: -45px;
}

.point-img {
    float: left;
    margin-top: 40px;
}

.point-img2 {
    float: left;
    margin-right: 30px;
    margin-top: 40px;
}

.reason {
    width: 370px;
    float: left;
    margin-right: 30px;
    margin-top: 40px;
}

.reason-2 {
    width: 370px;
    float: left;
    margin-top: 40px;
}

.reason h3, .reason-2 h3 {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright;
    writing-mode: vertical-rl;
    float: left;
    background: #fff691;
    padding: 15px 0 15px 0;
    letter-spacing: 3.5px;
}

.reason-img {
    width: 230px;
    float: left;
    margin-left: 25px;
    margin-top: 30px;
}

.reason-text {
    width: 313px;
    border: 1px dotted #41A1BE;
    border-radius: 5px;
    padding: 25px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    margin-top: -30px;
    height: 210px;
    background: #fff;
}

.reason-text p {
    padding-top: 30px;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
}

.greeting-text {
    width: 660px;
    float: left;
    margin-right: 30px;
}

.greeting-img {
    width: 480px;
    float: left;
}

.greeting {
    font-size: 18px;
}

.greeting-text2 {
    margin-left: 650px;
    font-weight: bold;
    font-size: 20px;
}

.greeting-box {
    width: 480px;
    margin-right: 30px;
    padding: 25px;
    background: #fff;
    border: 1px dotted #41A1BE;
    margin-top: 30px;
    float: left;
    border-radius: 5px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.greeting-box2 {
    width: 546px;
    padding: 25px;
    background: #fff;
    border: 1px dotted #41A1BE;
    margin-top: 30px;
    float: left;
    border-radius: 5px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.greeting-box p, .greeting-box2 p {
    font-size: 17px;
}

.greeting-box .greeting-name, .greeting-box2 .greeting-name {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #41A1BE;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.greeting-name:before {
    content: url(images/circle-2.png);
    padding-right: 18px;
    position: relative;
    top: 6px;
}

.news-back {
    width: 80%;
    margin-left: auto;
    background: #48c1de;
    height: 900px;
    margin-top: 80px;
    border-top-left-radius : 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    background: -moz-linear-gradient(left, #48c1de, #FFF);
  background: -webkit-linear-gradient(left, #48c1de, #FFF);
  background: linear-gradient(to right, #48c1de, #FFF);
/*
    border-bottom-left-radius : 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
*/

}

.news-back2 {
    width: 80%;
    margin-left: -100px;
    background: #fff;
    padding: 0 0 80px 0;
    position: relative;
    top: 100px;
    border-top-right-radius : 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
/*
    border-bottom-right-radius : 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
*/
    padding-top: 30px;
    padding-right: 50px;
}

.news-back2 .h2-sub {
    text-align: left;
    margin-top: 50px;
}

.news-back2 h2 {
    text-align: left;
    margin-left: 35px;
}

.news-back2 dl {
    background: #f0f0f0;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 15px 35px 15px 35px;
    margin-top: 20px;
}

.news-back2 dl dt {
    width: 250px;
    float: left;
    font-weight: 600;
}

.news-back2 dl dt .seminar {
    background: #5976ba;
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.news-back2 dl dt .oshirase {
    background: #e13009;
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.news-back2 dl dt .blog {
    background: #41A1BE;
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
    padding: 5px 17px 5px 17px;
    text-align: center;
}

.news-back2 dl dd a {
    text-decoration: underline;
    color: #3e3c39;
}

.more {
    width: 180px;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 30px;
    overflow: hidden;
}

.more-box {
    width: 70px;
    float: left;
    margin-right: 20px;
}

.more-box2 {
    float: left;
}

.more-box2 a p {
    font-size: 18px;
    font-weight: 600;
    padding-top: 15px;
    letter-spacing: 2px;
}

.menu-1 {
    width: 320px;
    padding: 25px;
    margin-right: 30px;
    border-radius: 5px;
    background: #41a1be;
    float: left;
    margin-top: 50px;
}

.menu-2 {
    width: 320px;
    padding: 25px;
    margin-right: 30px;
    border-radius: 5px;
    background: #e13009;
    float: left;
    margin-top: 50px;
}

.menu-3 {
    width: 320px;
    padding: 25px;
    border-radius: 5px;
    background: #5976ba;
    float: left;
    margin-top: 50px;
}

.menu-1 p, .menu-2 p, .menu-3 p {
    font-size: 22px;
    text-align: center;
    color: #fff;
    letter-spacing: 2.5px;
    font-weight: 600;
    margin-top: 10px;
}

.menu-more {
    width: 320px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px;
    margin-top: 30px;
    padding: 5px 0 15px 0;
}

.menu-more a p {
    font-size: 15px;
}

.menu-more a .menu-more-t1 {
    color: #41a1be;
}

.menu-more a .menu-more-t2 {
    color: #e13009;
}

.menu-more a .menu-more-t3 {
    color: #5976ba;
}

.box100 {
    width: 100%;
    overflow: hidden;
}

.form {
    width: 33%;
    float: left;
    background: #00a99d;
}

.form2 {
    width: 33%;
    float: left;
    background: #5976ba;
}

.form-box {
    border-radius: 5px;
    margin: 35px;
    overflow: hidden;
}

.contact {
    width: 34%;
    float: left;
    background: #41a1be;
}

.contact-box {
    border-radius: 5px;
    margin: 35px;
}

.f-icon, .c-icon {
    width: 200px;
    margin: 0 auto;
}

.form-box p, .contact-box p {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2.5px;
}

.form-box .form-text, .contact-box .contact-text {
    font-size: 17px;
    margin-top: 10px;
}

.form-more, .contact-more {
    width: 400px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px;
    margin-top: 30px;
}

.form-more2-2 {
    width: 400px;
    margin: 0 auto;
}

.form-more2 {
    width: 180px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px;
    margin-top: 30px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.form-more p {
    color: #00a99d;
    font-size: 17px;
    padding: 15px 0 15px 0;
}

.form-more2 p {
    color: #5976ba;
    font-size: 17px;
    padding: 15px 0 15px 0;
}

.contact-more p {
    color: #41a1be;
    font-size: 17px;
    padding: 15px 0 15px 0;
}

.footer {
    padding-top: 30px;
}

.footer-left {
    width: 500px;
    float: left;
    margin-right: 30px;
}

.footer-logo {
    margin-bottom: 40px;
}

.footer-address p {
    letter-spacing: 2.5px;
    font-weight: 600;
    font-size: 16px;
}

.footer-nav {
    width: 230px;
    float: left;
}

.footer-nav2 {
    width: 180px;
    float: left;
}

.footer-nav3 {
    width: 200px;
    float: left;
}

.footer-nav p, .footer-nav2 p, .footer-nav3 p {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
}

.footer-nav p:before {
    content: "－";
    padding-right: 5px;
}

.footer-nav2 p:before {
    content: "－";
    padding-right: 5px;
}

.footer-nav3 p:before {
    content: "－";
    padding-right: 5px;
}

.footer-address .ft-tel {
    font-size: 23px;
}

.footer-address .ft-tel span {
    font-size: 16px;
}

.cr {
    padding: 20px 0 5px 30px;
    background: #41a1be;
    color: #fff;
    height: 35px;
}

.cr p {
    text-align: center;
}

.img {
    width: 850px;
    margin: 0 auto;
}


/* お知らせ */
.hed {
    width: 100%;
    height: 230px;
    margin-top: 100px;
    background: linear-gradient(to right, #48c1de, #FFF);
}

.sub-title {
    margin-left: 160px;
    padding-top: 120px;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 80px;
    color: #fff;
}

.news {
    margin-top: 50px;
}

.news-sub {
    background: #f8f8f8;
    font-size: 22px;
    padding: 25px;
    overflow: hidden;
    margin-bottom: 25px;
    border-radius: 5px;
}

.ns-day {
    font-weight: 600;
    float: left;
}

.news-sub .seminar {
    background: #5976ba;
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.news-sub .oshirase {
    background: #e13009;
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.news-sub .blog {
    background: #41A1BE;
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
    padding: 5px 17px 5px 17px;
    text-align: center;
}

.ns-title {
    float: left;
    margin-left: 50px;
}

.ns-text {
    clear: both;
    border-top: 1px dotted #909090;
    margin-top: 20px;
    padding-top: 20px;
}

.ns-text p {
    font-size: 17px;
    float: left;
}

.ns-img {
    width: 400px;
    float: left;
    margin-right: 30px;
}

.ns-text-left {
    width: 700px;
    float: left;
    margin-right: 30px;
}

#news1, #news2, #news3, #news4, #news5, #news6, #news7, #news8, #news9 {
    padding-top:150px;
    margin-top:-150px;
}


/* 会社情報 */
.company {
    width: 1004px;
    margin: 0 auto;
    margin-top: 40px;
    overflow: hidden;
}

.company-logo {
    width: 290px;
    float: left;
    margin-right: 80px;
    margin-top: 30px;
}

.company-date {
    float: left;
}

.company-date table {
    font-size: 18px;
    letter-spacing: 2.5px;
}

.company-date table tr {
    border-bottom: 1px dotted #c6c6c6;
}

.company-date table tr th {
    float: left;
    width: 150px;
    text-align: center;
    font-weight: 600;
    padding: 15px 0 15px 0;
    vertical-align: middle;
}

.company-date table tr td {
    padding: 15px 0 15px 0;
}

.cp-ti {
    margin-top: 20px;
    font-size: 15px;
    margin-left: 150px;
}

.map {
    margin-top: 40px;
}

.font18 {
    margin-top: 40px;
    font-size: 18px;
    text-align: justify;
}

#policy {
    padding-top:150px;
    margin-top:-150px;
}

#policy h3:before {
    content: url(images/circle.png);
    padding-right: 18px;
    position: relative;
    top: 8px;
}

.pp-title {
    font-weight: bold;
}

/* 料金 */
.fee {
    margin-top: 40px;
}

.fee h3, .fee2 h3 {
    margin-left: 3px;
    letter-spacing: 2.5px;
}

.fee h3:before {
    content: url(images/circle.png);
    padding-right: 18px;
    position: relative;
    top: 8px;
}

.fee2 h3:before {
    content: url(images/circle.png);
    padding-right: 18px;
    position: relative;
    top: 8px;
}

.fee h3 span, .fee2 h3 span {
    font-size: 15px;
    margin-left: 30px;
}

.fee ul {
    width: 286px;
    float: left;
    margin: 0 3px 0 3px;
}

.fee .fee-box, .fee .fee-box2, .fee .fee-box3, .fee .fee-box4 {
    margin-top: 20px;
}

.fee .fee-box5 {
    margin-top: 22px;
}

.fee ul li {
    padding: 15px;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 6px 0;
    letter-spacing: 1.8px;
    height: 84px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.fee ul li .fee-con {
    padding: 15px;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 6px 0;
    letter-spacing: 1.8px;
    line-height: 1.4;
}

.fee ul .fee-nen {
    height: 150px;
}

.fee ul li p .fee-sm {
    color: #3e3c39;
    font-size: 17px;

}

.fee .fee-1, .fee2 .fee-1 {
    background: #8d8d8d;
    color: #fff;
    height: 45px;
}

.fee .fee-2, .fee2 .fee-2 {
    background: #00a99d;
    color: #fff;
    height: 45px;
}

.fee .fee-3, .fee2 .fee-3 {
    background: #5976ba;
    color: #fff;
    height: 45px;
}

.fee .fee-4 {
    background: #e13009;
    color: #fff;
    height: 45px;
}

.fee .fee-4 .sml {
    font-size: 15px;
}

.fee .fee-4 .bg {
    font-size: 35px;
}

.fee .fee-5 {
    background: #8d8d8d;
    color: #fff;
}

.fee .fee-gr {
    background: #e3e3e3;
}

.fee .fee-wh {
    background: #f7f7f7;
}

.fee .fee-gl {
    color: #00a99d;
}

.fee .fee-bl {
    color: #5976ba;
}

.fee .fee-dl {
    color: #e13009;
}

.fee .fee-cl {
    background: #b7d8f0;
}

.fee .fee-th {
    font-size: 19px;
}

h4 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 2.5px;
    color: #41A1BE;
    background: #fff;
    border: 1px dotted #41A1BE;
    padding: 5px 0 5px 50px;
    border-radius: 50px;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 500px;
}

.fee2 ul li {
    float: left;
    padding: 15px;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    margin: 0 3px 6px 3px;
    letter-spacing: 1.8px;
    width: 256px;
}

.fee2 .fee-4 {
    background: #e13009;
    color: #fff;
}

.fee2 .fee-5 {
    background: #fff;
    color: #00a99d;
}

.fee2 .fee-5-2 {
    background: #fff;
    color: #5976ba;
}

.fee2 .fee-5-3 {
    background: #fff;
    color: #e13009;
}

.fee2 .fee-5-4 {
    background: #fff;
}

.fee2 p {
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 2px;
    margin-left: 20px;
}

.fee-off {
    border: 2px solid #e13009;
    margin-top: 30px;
    padding: 15px 35px 15px 35px;
    background: #fff2f0;
    margin-bottom: 20px;
}

.fee-off p {
    font-size: 20px;
    font-weight: bold;
}

.fee-rei p {
    font-size: 18px;
    font-weight: bold;
}

.fee-plan {
    margin-bottom: 30px;
}

.fee-plan table {
    margin-top: 30px;
}

.fee .fee-plan table tr {
    margin: 0 3px 0 3px;
    border: 1px solid #000;
    font-size: 20px;
    background: #fff;
}

.fee .fee-plan table tr th {
    width: 204px;
    text-align: center;
    padding: 15px;
    vertical-align: middle;
    font-weight: bold;
}

.fee .fee-plan table tr td {
    width: 204px;
    text-align: center;
    padding: 15px;
    vertical-align: middle;
    border: 1px solid #000;
    font-weight: bold;
}

.fee .fee-plan table tr td span {
    font-size: 13px;
    margin-left: 5px;
}

.fee .fee-plan table tr .plan-2 {
    font-size: 17px;
}

.fee .fee-plan table tr .plan-3 {
    background: #8d8d8d;
    color: #fff;
}

.fee .fee-plan table tr .plan-4 {
    background: #00a99d;
    color: #fff;
}

.fee .fee-plan table tr .plan-5 {
    background: #5976ba;
    color: #fff;
}

.fee .fee-plan table tr .plan-6 {
    background: #e13009;
    color: #fff;
}

.fee .fee-plan table tr .plan-7 {
    background: #e4fffd;
}

.fee .fee-plan table tr .plan-8 {
    background: #eef3ff;
}

.fee .fee-plan table tr .plan-9 {
    background: #fff0ed;
}





/* 窓口紹介・ご利用の流れ */
.coin-box {
    width: 570px;
    float: left;
    margin-right: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.flag-g {
    background-image: url(images/flag-g.png);
    width: 530px;
    height: 180px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.flag-b {
    background-image: url(images/flag-b.png);
    width: 530px;
    height: 180px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.flag-g p, .flag-b p {
    font-size: 22px;
    font-weight: 600;
    text-indent: 30px;
    color: #fff;
    padding-top: 23px;
    letter-spacing: 2.5px;
}

.coin-title {
    font-size: 33px;
    font-weight: 600;
    margin-top: -90px;
    text-indent: 70px;
    letter-spacing: 2.5px;
}

.coin-box2 {
    width: 570px;
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
}

.coin-box1-2 {
    border: 2px solid #00a99d;
    border-radius: 5px;
    padding: 25px;
    margin-top: 10px;
    background: rgb(242, 255, 254);
}

.coin-box2-2 {
    border: 2px solid #5976ba;
    border-radius: 5px;
    padding: 25px;
    margin-top: 10px;
    background: #f5f8ff;
}

.coin h3 {
    margin-left: 3px;
    letter-spacing: 2.5px;
}

.coin h3:before {
    content: url(images/circle.png);
    padding-right: 18px;
    position: relative;
    top: 8px;
}

.coin-text {
    font-size: 29px;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
    letter-spacing: 3.5px;
}

.coin-text .gl {
    color: #00a99d;
    background: rgba(0, 169, 157, 0.1);
}

.coin-text .bl {
    color: #5976ba;
    background: rgba(89, 118, 186, 0.1);
}

.coin-text .ci {
    color: #e13009;
    background: rgba(225, 48, 9, 0.1);
}

.coin p {
    font-size: 18px;
}

.coin .coin-text2 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 2px;
}

.coin .coin-text2 span {
    background: rgba(222, 255, 38, 0.51);
}

.coin .coin-text3 {
    font-weight: 600;
    font-size: 23px;
    color: #41A1BE;
    margin-top: 30px;
    letter-spacing: 2.5px;
}

.coin-text4 {
    width: 513px;
    padding: 25px;
    background: #fff;
    border: 1px solid #41A1BE;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
    margin-right: 30px;
    margin-bottom: 50px;
    margin-top: 50px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.coin-text4-2 {
    width: 513px;
    padding: 25px;
    background: #fff;
    border: 1px solid #41A1BE;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
    margin-bottom: 50px;
    margin-top: 50px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.case-text {
    width: 100px;
    height: 100px;
    font-weight: 600;
    background: #41A1BE;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: -50px;
    line-height: 5.5;
    float: left;
    margin-right: 30px;
}

#flow {
    padding-top:150px;
    margin-top:-150px;
}

.flow-box {
    margin-top: 40px;
    margin-bottom: 70px;
}

.flow-box2 p {
    font-size: 18px;
}

.flow-box2-1 {
    width: 1113px;
    background: #fff;
    border: 1px solid #41a1be;
    border-radius: 5px;
    padding: 25px;
    margin-top: 30px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    overflow: hidden;
}

.flow-box2-img {
    width: 350px;
    height: 250px;
    float: left;
    margin-right: 30px;
    background: #f2f2f2;
}

.flow-box2-text {
    width: 733px;
    float: left;
}

.flow-box2 .flow-text1 {
    font-size: 25px;
    font-weight: 600;
    color: #41a1be;
    letter-spacing: 2.5px;
    border-bottom: 1px dotted #41a1be;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.flow-box2 .flow-text1 span {
    font-size: 40px;
    font-weight: 600;
    color: #41a1be;
    letter-spacing: 2.5px;
    margin-right: 8px;
}

.flow-circle {
    width: 14px;
    margin: 0 auto;
    margin-top: 30px;
}


/* アクシアパートナーズとは */
.about h3 {
    margin-left: 3px;
    letter-spacing: 2.5px;
}

.about h3 span {
    color: #e13009;
}

.about h3:before {
    content: url(images/circle.png);
    padding-right: 18px;
    position: relative;
    top: 8px;
}

.about-text {
    width: 1063px;
    border: 1px solid #41a1be;
    border-radius: 5px;
    padding: 25px 50px 25px 50px;
    font-size: 21px;
    font-weight: 500;
    margin-top: 20px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
    background: #f5fdff;
    letter-spacing: 2.5px;
    color: #41A1BE;
}

.about-box {
    width: 370px;
    margin-right: 30px;
    float: left;
    font-size: 20px;
    margin-top: 80px;
}

.about-box2 {
    width: 370px;
    float: left;
    font-size: 20px;
    margin-top: 80px;
}

.about-merit {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 100px;
    margin-top: -60px;
    position: relative;
    z-index: 1;
    border: 1px solid #41A1BE;
}

.about-merit2 {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 100px;
    margin-top: -60px;
    position: relative;
    z-index: 1;
    border: 1px solid #e13009;
}

.about-merit p {
    font-weight: 600;
    color: #41A1BE;
    text-align: center;
    line-height: 1.5;
    padding-top: 20px;
}

.about-merit2 p {
    font-weight: 600;
    color: #e13009;
    text-align: center;
    line-height: 1.5;
    padding-top: 20px;
}

.about-box1-2 {
    background-image: url(images/merit-img.jpg);
    background-repeat: no-repeat;
    padding: 35px 25px 15px 25px;
    position: relative;
    z-index: 1;
    height: 206px;
    margin-top: -60px;
    position: relative;
    z-index: 0;
}

.about-box1-4 {
    background-image: url(images/merit-img2.jpg);
    background-repeat: no-repeat;
    padding: 35px 25px 15px 25px;
    position: relative;
    z-index: 1;
    height: 206px;
    margin-top: -60px;
    position: relative;
    z-index: 0;
}

.about-box1-2 p, .about-box1-4 p {
    color: #fff;
    text-align: center;
    letter-spacing: 2.5px;
    padding-top: 40px;
}

.about-box1-3 {
    padding: 25px;
    position: relative;
    z-index: 0;
    background: #fff;
}

.about-box1-3 p {
    text-align: center;
    letter-spacing: 2.5px;
    font-weight: 600;
}

.about-box1-3 p span {
    color: #e13009;
}

.main-box-ab {
    width: 213px;
    height: 195px;
    float: left;
    margin-right: 30px;
    border: 1px solid #41a1be;
    border-radius: 213px;
    padding: 68px 25px 0 25px;
    margin-top: 30px;
    background: #f5fdff;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.main-box2-ab {
    width: 213px;
    height: 195px;
    float: left;
    margin-right: 30px;
    border: 1px solid #e13009;
    border-radius: 213px;
    padding: 68px 25px 0 25px;
    margin-top: 30px;
    background: #fff3f1;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.main-box2-2-ab {
    width: 213px;
    height: 195px;
    float: left;
    border: 1px solid #e13009;
    border-radius: 213px;
    padding: 68px 25px 0 25px;
    margin-top: 30px;
    background: #fff3f1;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.main-text3 {
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #41a1be;
}

.main-text3-2 {
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #e13009;
}

.about-text2 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 2.5px;
    margin-top: 30px;
    text-indent: 73px;
    background: #f0f0f0;
    border-radius: 50px;
}

.back-re {
    background: rgba(255, 254, 241, 0.35);
}


/* お問い合わせ */
.contact-form {
    margin-top: 40px;
}

.contact-form p {
    text-align: center;
    font-size: 18px;
}

.contact-f {
    width: 1073px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 25px 45px 45px 45px;
    border-radius: 5px;
    border: 1px solid #bebebe;
    margin-bottom: 50px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.formTable {
    width: 960px;
    margin: 0 auto;
    font-size: 18px;
}

.formTable tr {
    border-bottom: 1px solid #bebebe;
    padding: 25px 0 25px 0;
    height: 100px;
}

.formTable th {
    width: 230px;
    height: 80px;
    vertical-align: middle;
    padding: 25px 20px 25px 20px;
}

.formTable td {
    height: 80px;
    vertical-align: middle;
    padding: 25px 20px 25px 20px;
    border-bottom: 1px solid #bebebe;
}

.contact-f .must::after {
    content: '必須';
    font-size: 10px;
    font-weight: normal;
    padding: 3px 12px;
    letter-spacing: 1px;
    border-radius: 2px;
    background-color: red;
    color: #fff;
    margin-left: 15px;
}

.cotact-form .form-sr {
    width: 360px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    height: 100px;
    font-size: 17px;
}

.form-sr input {
    width: 160px;
    height: 60px;
    font-size: 18px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

select {
    font-size: 17px;
    width: 80px;
    height: 40px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.formtext {
    background: #efeeee;
    border: none;
    height: 40px;
    padding: 10px;
}


/* ログイン画面 */
.login-form {
    margin-top: 40px;
}

.login-form p {
    text-align: center;
    font-size: 18px;
}

.login-f {
    width: 600px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 25px 25px 45px 25px;
    border-radius: 5px;
    border: 1px solid #bebebe;
    margin-bottom: 50px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.login-f .formTable {
    width: 550px;
    margin: 0 auto;
    font-size: 18px;
}

.login-f .formTable tr {
    padding: 25px 0 25px 0;
    height: 70px;
}

.login-f .formTable th {
    width: 130px;
    height: 80px;
    vertical-align: middle;
    padding: 25px 20px 25px 20px;
    font-weight: 600;
}

.login-f .formTable td {
    height: 80px;
    vertical-align: middle;
    padding: 25px 20px 25px 20px;
}

.login-f .must::after {
    content: '必須';
    font-size: 10px;
    font-weight: normal;
    padding: 3px 12px;
    margin-left: 10px;
    letter-spacing: 1px;
    border-radius: 2px;
    background-color: red;
    color: #fff;
}

.login-f .cotact-form .form-sr {
    width: 360px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    height: 100px;
    font-size: 17px;
}

.login-f input {
    width: 360px;
    height: 60px;
    font-size: 18px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    background: #efeeee;
    border: none;
}

.login-f select {
    font-size: 17px;
    width: 80px;
    height: 40px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.login-f .formtext {
    background: #efeeee;
    border: none;
    height: 40px;
    padding: 10px;
}

.error-ms {
    width: 500px;
    margin: 0 auto;
    background: #fff0f0;
    padding: 25px;
    margin-top: 30px;
}

.error-ms p {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #d60000;
}

.error-ms .error-mst {
    font-size: 25px;
}


/* 通報フォームページ */
.blgl-form {
    padding: 35px;
    border: 1px solid #e13009;
    border-radius: 5px;
    background: #fff3f1;
    margin-top: 40px;
}

.blgl-form p {
    font-size: 19px;
}

.blgl-form .blgl-title {
    font-size: 24px;
    font-weight: 600;
    color: #e13009;
    letter-spacing: 2.5px;
    border-bottom: 1px solid #e13009;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.logout {
    width: 370px;
    margin: 0 auto;
    margin-top: 50px;
    background: #41a1be;
    border-radius: 5px;
/*    border: 1px solid #767676;*/
}

.logout a p {
    font-size: 20px;
/*    font-weight: 600;*/
    text-align: center;
    color: #fff;
    padding: 5px 0 5px 0;
    letter-spacing: 2.5px;
}

.blgl2-form {
    margin-top: 40px;
}

.blgl-f {
    width: 1163px;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid #bebebe;
    margin-bottom: 50px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.blgl-f .formTable {
    width: 1163px;
    margin: 0 auto;
    font-size: 18px;
}

.blgl-f .formTable tr {
    border-bottom: 1px solid #bebebe;
    padding: 25px 0 25px 0;
    height: 100px;
}

.blgl-f .formTable th {
    width: 230px;
    height: 80px;
    vertical-align: middle;
    padding: 25px 0 25px 25px;
    background: #f5fdff;
    border-right: 1px solid #bebebe;
    font-weight: 600;
}

.blgl-f .formTable td {
    height: 80px;
    vertical-align: middle;
    padding: 25px 25px 25px 20px;
    border-bottom: 1px solid #bebebe;
}

.blgl-f .formTable td span {
    font-size: 15px;
}

.blgl-f .formTable td .red {
    color: #ff0000;
    font-weight: 600;
    line-height: 1.5;
    font-size: 15px;
    margin-top: 15px;
    border: 1px solid #e13009;
    background: #fff3f1;
    padding: 15px;
}

.blgl-f .formTable .must::before {
    content: '必須';
    font-size: 10px;
    font-weight: normal;
    padding: 3px 12px;
    margin-right: 15px;
    letter-spacing: 1px;
    border-radius: 2px;
    background-color: red;
    color: #fff;
}

.blgl2-form .form-sr {
    width: 430px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    height: 100px;
    font-size: 17px;
}

.form-sr input {
    width: 160px;
    height: 60px;
    font-size: 18px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.form-sr .bt-s {
    width: 230px;
    height: 100px;
    font-size: 18px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

select {
    font-size: 17px;
    width: 80px;
    height: 40px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.formtext {
    background: #efeeee;
    border: none;
    height: 40px;
    padding: 10px;
}

.doui {
/*
    width: 600px;
    margin: 0 auto;
*/
    padding: 35px;
    border: 1px solid #41a1be;
    border-radius: 5px;
    background: #f5fdff;
    margin-top: 40px;
}

.doui p {
    font-size: 20px;
    text-align: center;
}

.doui p a {
    text-decoration: underline;
    color: #0000EE;
}

.doui .pp-title {
    font-weight: 600;
    font-size: 22px;
    color: #41a1be;
    border-bottom: 1px solid #41a1be;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.doui .red {
    color: #ff0000;
    font-weight: 600;
    line-height: 1.5;
    font-size: 15px;
    margin-top: 15px;
    border: 1px solid #e13009;
    background: #fff3f1;
    padding: 5px 10px 5px 10px;
    margin-left: 15px;
}



/* 相談フォームページ */
.glgl-form {
    padding: 35px;
    border: 1px solid #e13009;
    border-radius: 5px;
    background: #fff3f1;
    margin-top: 40px;
}

.glgl-form p {
    font-size: 19px;
}

.glgl-form .blgl-title {
    font-size: 24px;
    font-weight: 600;
    color: #e13009;
    letter-spacing: 2.5px;
    border-bottom: 1px solid #e13009;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.logout {
    width: 180px;
    margin: 0 auto;
    margin-top: 50px;
    background: #41a1be;
    border-radius: 5px;
/*    border: 1px solid #767676;*/
}

.logout a p {
    font-size: 16px;
/*    font-weight: 600;*/
    text-align: center;
    color: #fff;
    padding: 5px 0 5px 0;
    letter-spacing: 2.5px;
}

.glgl2-form {
    margin-top: 40px;
}

.glgl-f {
    width: 1163px;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid #bebebe;
    margin-bottom: 50px;
    box-shadow: 5px 5px 0px 0 rgb(220 220 220);
}

.glgl-f .formTable {
    width: 1163px;
    margin: 0 auto;
    font-size: 18px;
}

.glgl-f .formTable tr {
    border-bottom: 1px solid #bebebe;
    padding: 25px 0 25px 0;
    height: 80px;
}

.glgl-f .formTable .tr-bdn {
    padding: 20px 0 15px 20px;
    border-bottom: none;
    margin-top: 20px;
}

.glgl-f .formTable th {
    width: 20px;
    height: 80px;
    vertical-align: middle;
    padding: 25px 20px 25px 20px;
    border-right: 1px solid #bebebe;
    background: #f7f7f7;
}

.glgl-f .formTable td {
    height: 80px;
    vertical-align: middle;
    padding: 25px 20px 25px 20px;
    border-bottom: 1px solid #bebebe;
}

.glgl-f .formTable .td-bdn {
    height: 20px;
    vertical-align: middle;
    padding: 10px 0 10px 20px;
    border-bottom: none;
    background: #f5fdff;
    font-weight: 600;
    margin-top: 20px;
}

.glgl-f .formTable td span {
    font-size: 15px;
}

.glgl-f .formTable td .red {
    color: #ff0000;
    font-weight: 600;
    line-height: 1.5;
    font-size: 15px;
    margin-top: 15px;
    border: 1px solid #e13009;
    background: #fff3f1;
    padding: 15px;
}

.glgl-f .formTable .must::before {
    content: '必須';
    font-size: 10px;
    font-weight: normal;
    padding: 3px 12px;
    margin-right: 15px;
    letter-spacing: 1px;
    border-radius: 2px;
    background-color: red;
    color: #fff;
}

.glgl2-form .form-sr {
    width: 360px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    height: 100px;
    font-size: 17px;
}

.form-sr input {
    width: 160px;
    height: 60px;
    font-size: 18px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

select {
    font-size: 17px;
    width: 80px;
    height: 40px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.glgl-f .formtext {
    border: none;
    height: 40px;
    padding: 5px;
    border: 1px solid rgb(118, 118, 118);
    background: #fff;
    margin: 5px 0 5px 0;
}

.doui {
/*
    width: 600px;
    margin: 0 auto;
*/
    padding: 35px;
    border: 1px solid #41a1be;
    border-radius: 5px;
    background: #f5fdff;
    margin-top: 40px;
}

.doui p {
    font-size: 20px;
    text-align: center;
}

.doui p a {
    text-decoration: underline;
    color: #0000EE;
}

.doui .pp-title {
    font-weight: 600;
    font-size: 22px;
    color: #41a1be;
    border-bottom: 1px solid #41a1be;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.doui .red {
    color: #ff0000;
    font-weight: 600;
    line-height: 1.5;
    font-size: 15px;
    margin-top: 15px;
    border: 1px solid #e13009;
    background: #fff3f1;
    padding: 5px 10px 5px 10px;
    margin-left: 15px;
}

.mendan {
    font-size: 15px;
    margin-top: 15px;
}

::placeholder {
    font-size: 17px;
}


/* パンくずリスト */
.list {
    width: 1170px;
    margin: 0 auto;
    margin-top: 20px;
}

.list ol li {
    float: left;
    margin-right: 5px;
    font-size: 15px;
}

.list ol li a {
    color: #888888;
    text-decoration: underline;
    margin-right: 5px;
}

.list ol li img {
    margin-top: -3px;
}





/*ベース*/
section.typeA{
    display: flex;
    flex-wrap: wrap;
}
section.typeA::after {
    content: '';
    width: 100%;
    height: 3px;
    order: -1;
    display: block;
/*    background: rgba(34, 87, 229, 0.7);*/
    background: #0056a8;
}
section.typeA .tabLabel {    /* タブ */
    margin-right: 3px;
    padding: 8px 12px 5px 20px;
    flex: 1;
    order: -1;
    border-radius: 3px 3px 0 0;
    color: #0056a8;
/*    background: rgba(34, 71, 196, 0.3);*/
    background: rgba(131, 223, 255, 0.59);
    transition: .5s ;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }section.typeA input {        /* ラジオボタン非表示 */
    display: none;
}
section.typeA .content {    /* 本文 */
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel {
    color: #fff;
/*    background: rgba(30, 38, 255, 0.7);*/
    background: #0056a8;
}
section.typeA input:checked + .tabLabel + .content {
    padding: 30px 30px 15px 30px;
    height: auto;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    transition: .5s opacity;
    opacity: 1;
}



/*ベース*/
section.typeA-2{
    display: flex;
    flex-wrap: wrap;
}
section.typeA-2::after {
    content: '';
    width: 100%;
    height: 3px;
    order: -1;
    display: block;
/*    background: rgba(34, 87, 229, 0.7);*/
    background: #003319;
}
section.typeA-2 .tabLabel {    /* タブ */
    margin-right: 3px;
    padding: 8px 12px 5px 20px;
    flex: 1;
    order: -1;
    border-radius: 3px 3px 0 0;
    color: #000;
/*    background: rgba(34, 71, 196, 0.3);*/
    background: rgba(190, 190, 190, 0.35);
    transition: .5s ;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}
section.typeA-2 .tabLabel:nth-last-of-type(1){ margin-right: 0; }section.typeA-2 input {        /* ラジオボタン非表示 */
    display: none;
}
section.typeA-2 .content {    /* 本文 */
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
/*アクティブ設定*/
section.typeA-2 input:checked + .tabLabel {
    color: #fff;
/*    background: rgba(30, 38, 255, 0.7);*/
    background: #003319;
}
section.typeA-2 input:checked + .tabLabel + .content {
    padding: 30px 30px 15px 30px;
    height: auto;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    transition: .5s opacity;
    opacity: 1;
}










.index_text {
    margin: 0 10px 0 10px;
}

.header-sub {
    background: #fff;
    height: 90px;
}

.header-sub h1 {
    top: 8px;
    left: 15px;
    z-index: 5;
    position: absolute;
}

#hed {
    width: 100%;
}











.button {
    position: fixed;
    right: 30px;
    bottom: 70px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    transition: .3s;
    /*デフォルトで非表示にする*/
    opacity: 0;
    visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}






.clear {
    clear: both;
}

.clear2 {
    clear: both;
    height: 10px;
}

.clear3 {
    clear: both;
    height: 40px;
}

.clear4 {
    clear: both;
    height: 60px;
}

.clear5 {
    clear: both;
    height: 20px;
}



body, textarea {
    font-family: 'Zen Kaku Gothic New', sans-serif,游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
    -webkit-text-size-adjust: 100%;
}