@charset "utf-8";

    .clearfix {
        display: block;
    }

    .sp {
        display: none;
    }

    body {
        color: #666464;
        font-feature-settings: "palt";
        letter-spacing: 1px;
        line-height: 1.8;
    }

    /*header
---------------------------------*/
    header {
        width: 100%;
    }

    header h1 {
        width: 269px;
        float: left;
        margin: 0 0 0 50px;
        padding: 48px 0 0 0;
    }

    #header_btn {
        width: 150px;
        float: right;
        margin: 0 0 0 0;
    }

    #header_btn03 {
        width: 150px;
        float: right;
        margin: 0 0 0 15px;
    }

    header address {
        width: 499px;
        float: right;
        padding: 15px 0 0;
    }

    /*topimg
---------------------------------*/
    #topimg {
        width: 100%;
        height: 650px;
        background-image: url(../images/topimg_body.jpg);
        background-repeat: no-repeat;
        background-position: center;
        padding: 77px 0 0 50px;
        box-sizing: border-box;
        margin: 0 0 80px;
        background-size: cover;
    }

    /*box01
---------------------------------*/
    #box01 {
        width: 1330px;
        margin: 0 auto 80px;
        animation: box01 1.5s infinite;
    }

    @keyframes box01 {
        0% {
            transform: scale(1.05)
        }

        5% {
            transform: scale(1)
        }

        95% {
            transform: scale(1)
        }

        100% {
            -webkit-transform: scale(1.05)
        }
    }

    /*box02
---------------------------------*/
    #box02 {
        width: 1330px;
        margin: 0 auto;
        display: table;
        padding: 100px 0;
    }

    #box02 h2 {
        width: 580px;
        display: table-cell;
        vertical-align: middle;
    }

    #box02 p {
        width: 750px;
        font-size: 30px;
        font-weight: bold;
        display: table-cell;
    }

    #box02 p span,
    #box03_01 div p span,
    #box04_03 p span,
    #box05 p span {
        color: #937326;
        /*text-decoration: underline;*/
        border-bottom: #937326 1px solid;
    }

    footer {
        width: 100%;
        text-align: center;
    }

    #movie {
        width: 620px;
        margin: 0 auto 100px;

    }

    #movie video {
        box-shadow: 0 0 10px gray;
    }

    /*box03
---------------------------------*/
    #box03,
    #box04 {
        width: 100%;
        background: #ddd;
        padding: 100px 0;
    }

    #box03_01 {
        width: 1330px;
        margin: 0 auto;
    }

    #box03_01 div {
        width: 715px;
        float: left;
        padding: 45px 0 0 0;
    }

    #box03_01 div h2 {
        margin: 0 0 55px 0;
    }

    #box03_01 div h3 {
        font-size: 30px;
        color: #d0111b;
        margin: 0 0 15px;
    }

    #box03_01 div p {
        font-size: 25px;
        font-weight: bold;
    }

    #box03_01 figure {
        width: 615px;
        float: right;
    }

    /*box04
---------------------------------*/
    #box04 h2 {
        width: 100%;
        text-align: center;
        margin: 0 0 55px 0;
    }

    #box04_01 {
        width: 1330px;
        margin: 0 auto 30px;
    }

    #box04_01 article {
        width: 630px;
        float: left;
        margin: 0 0 30px;
    }

    #box04_01 article:nth-child(2n) {
        float: right;
    }

    #box04_01 article h3 {
        font-size: 35px;
        text-align: center;
        color: #d0111b;
    }

    #box04_01 article p {
        width: 100%;
        padding: 20px;
        background: #fff;
        font-weight: bold;
        font-size: 25px;
        box-sizing: border-box;
    }

    #box04_01 article p span {
        color: #937326;
    }

    #box04_02 {
        width: 1000px;
        margin: 0 auto 65px;
    }

    #box04_03 {
        width: 1330px;
        margin: 0 auto;
    }

    #box04_03 h2 {
        margin: 0 0 40px 0;
        text-align: center;
    }

    #box04_03 p {
        font-size: 25px;
        font-weight: bold;
        text-align: center;
    }



    #box04_01 .effect-fade {
        opacity: 0;
        transform: translate(0, 45px);
        transition: all 1s;
    }

    #box04_01 .effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
    }


    #box04_01 > .effect-fade:nth-of-type(2) {
        -moz-transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
    }


    #box04_01 > .effect-fade:nth-of-type(3) {
        -moz-transition-delay: 400ms;
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
    }


    #box04_01 > .effect-fade:nth-of-type(4) {
        -moz-transition-delay: 600ms;
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
    }

    #box04_02.effect-fade {
        opacity: 0;
        transform: translate(0, 45px);
        transition: all 1s;
    }

    #box04_02.effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
    }


    /*contact_box
---------------------------------*/
    #contact_box {
        width: 100%;
        background: #d3121c;
        padding: 50px 0;
    }

    #contact_box h2 {
        width: 100%;
        text-align: center;
        margin: 0 0 50px 0;
    }

    #contact_box div {
        width: 1330px;
        margin: 0 auto 50px;
        text-align: center;
    }

    #contact_box div article {
        width: 660px;
        float: right;
    }

    #contact_box div address {
        width: 600px;
        float: left;
    }

    #contact_box div:last-child {
        margin: 0 auto;
    }

    /*box05
------------------------------*/
    #box05 {
        width: 1330px;
        margin: 0 auto;
        display: table;
        padding: 100px 0;
    }

    #box05 h2 {
        width: 435px;
        display: table-cell;
        vertical-align: middle;
    }

    #box05 p {
        width: 895px;
        display: table-cell;
        font-size: 25px;
        font-weight: bold;
    }

    .box05_photo {
        margin: 0 0 100px 0;
        text-align: center;
    }

    .box05_photo li {
        width: 32.3333%;
        display: inline-block;
    }

    .box05_photo li:nth-child(2) {
        margin: 0 1%;
    }

    /*box06
------------------------------*/
    #box06 {
        width: 1330px;
        margin: 0 auto 100px;
    }

    #box06 h2 {
        text-align: center;
        margin: 0 0 50px 0;
    }

    .box06_01,
    .box06_02,
    .box06_03,
    .box06_04,
    .box06_05,
    .box06_06 {
        background: #ddd;
        padding: 50px 0;
        margin: 0 0 50px;
    }

    .box06_01 h2,
    .box06_02 h2,
    .box06_03 h2,
    .box06_04 h2,
    .box06_05 h2,
    .box06_06 h2 {
        margin: 0 0 45px 0;
    }

    .box06_01 figure {
        width: 1225px;
        margin: 0 auto;
    }

    .box06_02 div {
        width: 1225px;
        margin: 0 auto;
    }

    .box06_02 div p {
        width: 560px;
        float: left;
        font-size: 25px;
        font-weight: bold;
    }

    .box06_02 div p span,
    .box06_03 p span,
    .box06_04 p span,
    .box06_05 p span {
        color: #937326;
    }

    .box06_02 div ul {
        width: 630px;
        float: right;
    }

    .box06_02 div ul li {
        width: 200px;
        float: left;
    }

    .box06_02 div ul li:nth-child(2) {
        margin: 0 15px;
    }

    .box06_03 {
        width: 640px;
        float: left;
    }

    .box06_03 figure,
    .box06_04 figure {
        margin: 0 auto 25px;
        width: 540px;
    }

    .box06_03 p,
    .box06_04 p {
        font-size: 25px;
        font-weight: bold;
        width: 540px;
        margin: 0 auto;
    }

    .box06_04 {
        width: 640px;
        float: right;
    }

    .box06_05 > p {
        margin: 0 auto 35px;
        font-size: 25px;
        width: 1225px;
        font-weight: bold;
    }

    .box06_05 h3 {
        padding: 40px 0 0;
        text-align: center;
        color: #d0111b;
        font-size: 28px;
        font-size: px;
    }

    .box06_05 div {
        width: 1225px;
        margin: 0 auto;

    }

    .box06_05 div article {
        width: 390px;
        float: left;
        display: table;
        background: #fbefd9;
    }

    .box06_05 div article:nth-child(2) {
        margin: 0 25px;
        background: #cfebf6;
    }

    .box06_05 div article figure {
        width: 105px;
        display: table-cell;
    }

    .box06_05 div article p {
        width: 285px;
        display: table-cell;
        padding: 0 20px 0 30px;
        box-sizing: border-box;
        vertical-align: middle;
        font-weight: bold;
        font-size: 19px;
        line-height: 1.5;
    }

    #more {
        width: 500px;
        margin: 0 auto 50px;
    }

    .box06_06 article {
        width: 1225px;
        margin: 0 auto 40px;
        background: #fff;
    }

    .box06_06 article figure {
        width: 501px;
        float: right;
    }

    .box06_06 article div {
        width: 700px;
        float: left;
        padding: 25px 50px 0;
        box-sizing: border-box;
    }

    .box06_06 article div h3 {
        font-size: 35px;
        color: #003586;
    }

    .box06_06 article div p {
        font-size: 25px;
        font-weight: bold;
        line-height: 1.5;
        margin: 0 0 10px;
    }

    .box06_06 > figure {
        text-align: center;
    }


    #box06 .effect-fade {
        opacity: 0;
        transform: translate(0, 45px);
        transition: all 1s;
    }

    #box06 .effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
    }


    #box06 > .effect-fade:nth-of-type(2) {
        -moz-transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
    }


    #box06 > .effect-fade:nth-of-type(3) {
        -moz-transition-delay: 400ms;
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
    }


    #box06 > .effect-fade:nth-of-type(4) {
        -moz-transition-delay: 600ms;
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
    }


    #box06 > .effect-fade:nth-of-type(5) {
        -moz-transition-delay: 800ms;
        -webkit-transition-delay: 800ms;
        -o-transition-delay: 800ms;
        -ms-transition-delay: 800ms;
    }


    #box06 > .effect-fade:nth-of-type(6) {
        -moz-transition-delay: 1000ms;
        -webkit-transition-delay: 1000ms;
        -o-transition-delay: 1000ms;
        -ms-transition-delay: 1000ms;
    }

    /*box07
------------------------------*/
    #box07 {
        width: 100%;
        background-image: url(../images/box07_body.jpg);
        background-position: center;
        background-repeat: no-repeat;
        padding: 100px 0;
    }

    #box07_wrapper {
        width: 1330px;
        margin: 0 auto;
    }

    #box07_wrapper h2 {
        margin: 0 0 50px 0;
    }

    .box07_top {
        margin: 0 0 80px 0;
    }

    .box07_top article {
        width: 640px;
        float: left;
    }

    .box07_top article:last-of-type {
        float: right;
    }

    .box07_top article figure {
        width: 250px;
        float: left;
    }

    .box07_top article div {
        width: 360px;
        float: right;
    }

    .box07_top article div h3 {
        font-size: 25px;
        color: #fff;
        margin: 0 0 20px;
    }

    .box07_top article div p {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        line-height: 1.5;
    }

    #box07_wrapper ul {
        margin: 0 0 40px 0;
    }

    #box07_wrapper ul li {
        width: 250px;
        float: left;
        margin: 0 20px 0 0;
    }

    #box07_wrapper ul li:last-of-type {
        margin: 0;
    }

    #box07_wrapper ul .effect-fade {
        opacity: 0;
        transform: translate(0, -45px);
        transition: all 1s;
    }

    #box07_wrapper ul .effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
    }


    #box07_wrapper ul > .effect-fade:nth-of-type(2) {
        -moz-transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
    }


    #box07_wrapper ul > .effect-fade:nth-of-type(3) {
        -moz-transition-delay: 400ms;
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
    }

    #box07_wrapper ul > .effect-fade:nth-of-type(4) {
        -moz-transition-delay: 600ms;
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
    }

    #box07_wrapper ul > .effect-fade:nth-of-type(5) {
        -moz-transition-delay: 800ms;
        -webkit-transition-delay: 800ms;
        -o-transition-delay: 800ms;
        -ms-transition-delay: 800ms;
    }

    /*box08
------------------------------*/
    #box08 {
        width: 1330px;
        margin: 0 auto;
        padding: 100px 0;
    }

    #box08 h2 {
        text-align: center;
        margin: 0 0 50px 0;
    }

    #box08 article {
        padding: 0 0 30px 0;
        margin: 0 0 25px 0;
        border-bottom: #ccc 1px dotted;
        font-size: 23px;
        font-weight: bold;
    }

    #box08 article p {
        padding-left: 1em;
        text-indent: -1em;
    }

    #box08 article p:first-child {
        margin: 0 0 10px 0;
    }

    .q {
        color: #5d79ae;
    }

    .a {
        color: #d07a7a;
    }

    #box08 .effect-fade {
        opacity: 0;
        transform: translate(-45px, 0);
        transition: all 1s;
    }

    #box08 .effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
    }


    #box08 > .effect-fade:nth-of-type(2) {
        -moz-transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
    }


    #box08 > .effect-fade:nth-of-type(3) {
        -moz-transition-delay: 400ms;
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
    }

    #box08 > .effect-fade:nth-of-type(4) {
        -moz-transition-delay: 600ms;
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
    }

    /*box09
------------------------------*/
    #box09 {
        width: 1330px;
        margin: 0 auto 100px;
    }

    #box09 h2 {
        text-align: center;
        margin: 0 0 30px 0;
    }

    #box09 ul {
        width: 100%;
    }

    #box09 ul li {
        width: 332px;
        float: left;
    }


    #box09 ul .effect-fade {
        opacity: 0;
        transform: translate(0, -45px);
        transition: all 1s;
    }

    #box09 ul .effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
    }


    #box09 ul > .effect-fade:nth-of-type(2) {
        -moz-transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
    }


    #box09 ul > .effect-fade:nth-of-type(3) {
        -moz-transition-delay: 400ms;
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
    }

    #box09 ul > .effect-fade:nth-of-type(4) {
        -moz-transition-delay: 600ms;
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
    }

    /*box10
------------------------------*/
    #box10 {
        width: 100%;
        background: #ddd;
        padding: 100px 0;
    }

    #box10_wrapper {
        width: 1330px;
        margin: 0 auto;
    }

    #box10 h2 {
        margin: 0 0 50px 0;
        text-align: center;
    }

    #box10 article {
        width: 100%;
        margin: 0 0 30px 0;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
    }

    #box10 article figure {
        float: left;
        width: 420px;
    }

    #box10 article div {
        float: right;
        width: 830px;

    }

    #box10 article h3 {
        text-align: center;
        font-size: 35px;
        color: #d0111b;
        padding: 10px 0;
    }

    #box10 article h4 {
        font-size: 30px;
        color: #d0111b;
    }

    #box10 article p {
        font-size: 21px;
        font-weight: bold;
        line-height: 2;
    }


    #box10 .effect-fade {
        opacity: 0;
        transform: translate(0, 45px);
        transition: all 1s;
    }

    #box10 .effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
    }


    #box10 > .effect-fade:nth-of-type(2) {
        -moz-transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
    }


    #box10 > .effect-fade:nth-of-type(3) {
        -moz-transition-delay: 400ms;
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
    }

    /*footer
------------------------------*/
    footer {
        width: 100%;
        padding: 50px 0 170px;
        background: #2f2b23;
        text-align: center;
    }

    footer h2 {
        margin: 0 0 30px 0;
    }


    footer ul li {
        display: inline-block;
        margin: 0 15px;
    }

    footer ul li a {
        color: #fff;
        text-decoration: none;
    }

    footer p {
        color: #fff;
    }

    .footer_menu {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        padding: 20px 0;
    }

    .footer_menu_wrapper {
        width: 1330px;
        margin: 0 auto;
    }

    .footer_menu_wrapper h2 {
        width: 269px;
        float: left;
    }

    .footer_menu01 {
        width: 333px;
        float: right;
        margin: 0 0 0 10px;
    }

    .footer_menu02 {
        width: 243px;
        float: right;
        margin: 0 0 0 20px;
    }

    .footer_menu03 {
        width: 327px;
        float: right;
        margin: 0 0 0 20px;
    }

    #sub_wrapper {
        width: 800px;
        margin: 0 auto;
        padding: 100px 0;
    }

    #sub_wrapper h2 {
        margin: 0 0 30px 0;
        text-align: center;
    }

    #sub_wrapper p {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 50px;
    }

    .download_btn {
        width: 100%;
        margin: 0 0 100px;
        text-align: center;
    }

    .download_btn li {
        width: 46%;
        display: inline-block;
        margin: 0 1% 3%;
    }


    .download_btn li a {
        background: #d0111b;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: bold;
        line-height: 60px;
        border-radius: 30px;
        display: block;
        text-align: center;
    }

    .download_btn02 a {
        background: #d0111b;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: bold;
        line-height: 60px;
        border-radius: 30px;
        display: block;
        text-align: center;
    }

#download_img {
        text-align: center;
        margin: 0 0 4% 0;

}
    #sub_wrapper table {
        width: 100%;
        margin: 0 0 40px 0;
        font-size: 20px;
        font-weight: bold;
    }

    #sub_wrapper table th {
        font-weight: bold;
        padding: 0 0 10px;

    }

    #sub_wrapper table td {
        font-weight: bold;
        padding: 0 0 25px;

    }

    #sub_wrapper table th span {
        color: #d07a7a;
    }

    #sub_wrapper p.contact_text {
        margin: 0 0 10px;
        font-weight: normal;
    }

    #sub_wrapper p.contact_text a {
        color: #5d79ae;
    }

    .input-l {
        width: 100%;
        font-size: 20px;
    }

    .input-s {
        width: 20%;
        font-size: 20px;
        margin: 0 5% 0 0;
    }

    #sub_wrapper table input,
    #sub_wrapper table textarea {
        border: none;
        background: #eff0f2;
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        font-family: Quicksand, 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴシック Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
    }

    #sub_wrapper table textarea {
        height: 200px;
    }

    .checkbox {
        width: 100%;
        text-align: center;
        font-size: 20px;
        display: block;
        margin: 0 0 30px;
    }

    .checkbox input[type=checkbox] {
        width: 16px;
        height: 16px;

    }

    .button {
        text-align: center;
    }

    #submit,
    #submit_sub {
        background: #d0111b;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: bold;
        line-height: 50px;
        border-radius: 30px;
        display: inline-block;
        text-align: center;
        border: none;
        width: 30%;
        margin: 0 3%;

    }

    #myreset {
        background: #666;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: bold;
        line-height: 50px;
        border-radius: 30px;
        display: inline-block;
        text-align: center;
        border: none;
        width: 30%;
        margin: 0 3%;

    }

    .error {
        color: red;
    }

    .button a {
        color: #d07a7a;
    }

    #container table {
        width: 100%;
        font-size: 18px;
        font-weight: normal;
    }


    #container table th {
        width: 30%;
        padding: 3%;
        box-sizing: border-box;
        background: #f8f8f8;
        border: #ccc 1px solid;
    }

    #container table td {
        width: 70%;
        padding: 3%;
        box-sizing: border-box;
        border: #ccc 1px solid;
    }

    #right_btn {
        width: 98px;
        position: fixed;
        right: 0px;
        top: 50%;
        margin: -209px 0 0 0;
    }

    /*スマホ
------------------------------*/

    @media screen and (max-width: 750px) {
        .pc {
            display: none;
        }

        .sp {
            display: block;
        }

        /*header
---------------------------------*/
        header {
            width: 100%;
        }

        header h1 {
            width: 30%;
            float: left;
            margin: 0 0 0 15px;
            padding: 25px 0 0 0;
        }

        #header_btn {
            width: 75px;
            float: right;
            margin: 0 0 0 0;
        }

        #header_btn03 {
            width: 75px;
            float: right;
            margin: 0 0 0 0;
        }

        header address {
            width: 75px;
            float: right;
            padding: 0 0 0;
        }

        /*topimg
---------------------------------*/
        #topimg {
            width: 100%;
            height: auto;
            background-image: none;
            background-repeat: no-repeat;
            background-position: center;
            padding: 0;
            box-sizing: border-box;
            margin: 0;
        }



        /*box01
---------------------------------*/
        #box01 {
            width: 100%;
            margin: 0 auto;
        }

        /*box02
---------------------------------*/
        #box02 {
            width: 100%;
            margin: 0 auto;
            display: block;
            padding: 0 0 50px;
        }

        #box02 h2 {
            width: 100%;
            display: block;
            vertical-align: middle;
            margin: 0 0 20px;
        }

        #box02 p {
            width: 90%;
            font-size: 18px;
            font-weight: bold;
            display: block;
            margin: 0 auto;
        }



        #movie {
            width: 90%;
            margin: 0 auto 50px;

        }

        /*box03
---------------------------------*/
        #box03,
        #box04 {
            width: 100%;
            background: #ddd;
            padding: 0 0 50px;
        }

        #box03_01 {
            width: 100%;
            margin: 0 auto;
        }

        #box03_01 div {
            width: 100%;
            float: none;
            padding: 0 0 20px 0;
            margin: 0 auto;
        }

        #box03_01 div h2 {
            margin: 0 0 27.5px 0;
        }

        #box03_01 div h3 {
            font-size: 20px;
            color: #d0111b;
            margin: 0 auto 7px;
            width: 90%;
        }

        #box03_01 div p {
            font-size: 18px;
            font-weight: bold;
            width: 90%;
            margin: 0 auto;
        }

        #box03_01 figure {
            width: 90%;
            float: none;
            margin: 0 auto;
        }

        /*box04
---------------------------------*/
        #box04 h2 {
            width: 100%;
            text-align: center;
            margin: 0 0 27.5px 0;
        }

        #box04_01 {
            width: 90%;
            margin: 0 auto 15px;
        }

        #box04_01 article {
            width: 100%;
            float: none;
            margin: 0 0 15px;
        }

        #box04_01 article:nth-child(2n) {
            float: none;
        }

        #box04_01 article h3 {
            font-size: 25px;
            text-align: center;
        }

        #box04_01 article p {
            width: 100%;
            padding: 10px;
            background: #fff;
            font-weight: bold;
            font-size: 18px;
            box-sizing: border-box;
        }

        #box04_02 {
            width: 100%;
            margin: 0 auto;
        }

        #box04_03 {
            width: 100%;
            margin: 0 auto;
        }

        #box04_03 h2 {
            margin: 0 0 20px 0;
            text-align: center;
        }

        #box04_03 p {
            width: 90%;
            margin: 0 auto;
            font-size: 18px;
            font-weight: bold;
            text-align: left;
        }

        /*box05
------------------------------*/
        #box05 {
            width: 100%;
            margin: 0 auto;
            display: table;
            padding: 50px 0;
        }

        #box05 h2 {
            width: 100%;
            display: block;
            vertical-align: middle;
            margin: 0 0 25px;
        }

        #box05 p {
            width: 90%;
            display: block;
            font-size: 18px;
            font-weight: bold;
            margin: 0 auto;
        }

        .box05_photo {
            margin: 0 0 50px 0;
            text-align: center;
        }

        .box05_photo li {
            width: 31.3333%;
            display: inline-block;
        }

        .box05_photo li:nth-child(2) {
            margin: 0 1%;
        }

        /*box06
------------------------------*/
        #box06 {
            width: 100%;
            margin: 0 auto 50px;
        }

        #box06 h2 {
            text-align: center;
            margin: 0;
        }

        .box06_01,
        .box06_02,
        .box06_03,
        .box06_04,
        .box06_05,
        .box06_06 {
            background: #ddd;
            padding: 25px 0;
            margin: 0 0 25px;
        }

        #box06 .box06_01 h2,
        #box06 .box06_02 h2,
        #box06 .box06_03 h2,
        #box06 .box06_04 h2,
        #box06 .box06_05 h2,
        #box06 .box06_06 h2 {
            margin: 0 0 20px 0;
        }

        .box06_01 figure {
            width: 90%;
            margin: 0 auto;
        }

        .box06_02 div {
            width: 90%;
            margin: 0 auto;
        }

        .box06_02 div p {
            width: 100%;
            float: none;
            font-size: 18px;
            font-weight: bold;
            margin: 0 0 15px;
        }


        .box06_02 div ul {
            width: 100%;
            float: none;
        }

        .box06_02 div ul li {
            width: 32.333%;
            float: left;
        }

        .box06_02 div ul li:nth-child(2) {
            margin: 0 1%;
        }

        .box06_03 {
            width: 100%;
            float: none;
        }

        .box06_03 figure,
        .box06_04 figure {
            margin: 0 auto 12px;
            width: 90%;
        }

        .box06_03 p,
        .box06_04 p {
            font-size: 18px;
            font-weight: bold;
            width: 90%;
            margin: 0 auto;
        }

        .box06_04 {
            width: 100%;
            float: none;
        }

        .box06_05 > p {
            margin: 0 auto 17.5px;
            font-size: 18px;
            width: 90%;
            font-weight: bold;
        }

        .box06_05 h3 {
            padding: 20px 0 0;
            text-align: center;
            color: #d0111b;
            font-size: 23px;
            width: 90%;
            margin: 0 auto;
            line-height: 1.5;
        }

        .box06_05 div {
            width: 90%;
            margin: 0 auto;

        }

        .box06_05 div article {
            width: 100%;
            float: none;
            display: table;
            background: #fbefd9;
            margin: 0 0 15px;
        }

        .box06_05 div article:nth-child(2) {
            margin: 0 0 15px;
            background: #cfebf6;
        }

        .box06_05 div article figure {
            width: 30%;
            display: table-cell;
        }

        .box06_05 div article p {
            width: 70%;
            display: table-cell;
            padding: 0 10px 0 15px;
            box-sizing: border-box;
            vertical-align: middle;
            font-weight: bold;
            font-size: 18px;
            line-height: 1.5;
        }

        #more {
            width: 60%;
            margin: 0 auto 25px;
        }

        .box06_06 article {
            width: 90%;
            margin: 0 auto 20px;
            background: #fff;
        }

        .box06_06 article figure {
            width: 100%;
            float: none;
            margin: 0 0 20px;
        }

        .box06_06 article div {
            width: 100%;
            float: none;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .box06_06 article div h3 {
            font-size: 20px;
            color: #003586;
        }

        .box06_06 article div p {
            font-size: 18px;
            font-weight: bold;
            line-height: 1.5;
            margin: 0 0 10px;
        }

        .box06_06 > figure {
            text-align: center;
        }

        /*box07
------------------------------*/
        #box07 {
            width: 100%;
            background-image: url(../images/box07_body.jpg);
            background-position: center;
            background-repeat: no-repeat;
            padding: 50px 0;
            background-size: cover;
        }

        #box07_wrapper {
            width: 90%;
            margin: 0 auto;
        }

        #box07_wrapper h2 {
            margin: 0 0 25px 0;
        }

        .box07_top {
            margin: 0 0 40px 0;
        }

        .box07_top article {
            width: 100%;
            float: none;
            margin: 0 0 25px;
        }

        .box07_top article:last-of-type {
            float: none;
            margin: 0;
        }

        .box07_top article figure {
            width: 100%;
            float: none;
            margin: 0 0 20px;
        }

        .box07_top article div {
            width: 100%;
            float: none;
        }

        .box07_top article div h3 {
            font-size: 20px;
            color: #fff;
            margin: 0 0 10px;
        }

        .box07_top article div p {
            font-size: 18px;
            color: #fff;
            font-weight: bold;
            line-height: 1.5;
        }

        #box07_wrapper ul {
            margin: 0 0 20px 0;
        }

        #box07_wrapper ul li {
            width: 100%;
            float: none;
            margin: 0 0 5px;
        }

        #box07_wrapper ul li:last-of-type {
            margin: 0 0;
        }

        /*box08
------------------------------*/
        #box08 {
            width: 90%;
            margin: 0 auto;
            padding: 50px 0;
        }

        #box08 h2 {
            text-align: center;
            margin: 0 0 25px 0;
        }

        #box08 article {
            padding: 0 0 15px 0;
            margin: 0 0 15px 0;
            border-bottom: #ccc 1px dotted;
            font-size: 18px;
            font-weight: bold;
        }

        #box08 article p {
            padding-left: 1em;
            text-indent: -1em;
        }

        #box08 article p:first-child {
            margin: 0 0 5px 0;
        }


        /*box09
------------------------------*/
        #box09 {
            width: 90%;
            margin: 0 auto 50px;
        }

        #box09 h2 {
            text-align: center;
            margin: 0 0 15px 0;
        }

        #box09 ul {
            width: 100%;
        }

        #box09 ul li {
            width: 50%;
            float: left;
        }

        /*box10
------------------------------*/
        #box10 {
            width: 100%;
            background: #ddd;
            padding: 0 0 50px;
        }

        #box10_wrapper {
            width: 100%;
            margin: 0 auto;
        }

        #box10 h2 {
            margin: 0 0 25px 0;
            text-align: center;
        }

        #box10 article {
            width: 90%;
            float: none;
            margin: 0 auto 25px;
            padding: 15px;
        }


        #box10 article figure {
            margin: 0 0 0 0;
            float: none;
            width: 100%;
        }

        #box10 article div {
            float: none;
            width: 100%;
            position: relative;

        }

        #box10 article h3 {
            text-align: center;
            font-size: 25px;
            color: #d0111b;
            padding: 0 0 10px;
        }

        #box10 article h4 {
            text-align: center;
            font-size: 19px;
            color: #d0111b;
            padding: 10px 0;
            border: #d0111b 2px solid;
            background: #fff;
            margin: 0 0 20px;
        }

        #box10 article p {
            font-size: 18px;
            font-weight: bold;
        }

        /*contact_box
---------------------------------*/
        #contact_box {
            width: 100%;
            background: #d3121c;
            padding: 25px 0;
        }

        #contact_box h2 {
            width: 100%;
            text-align: center;
            margin: 0 0 25px 0;
        }

        #contact_box div {
            width: 90%;
            margin: 0 auto 25px;
            text-align: center;
        }

        #contact_box div article {
            width: 100%;
            float: none;
        }


        #contact_box div address {
            width: 100%;
            float: none;
            margin: 0 0 20px;
        }

        #contact_box div:last-child {
            margin: 0 auto;
        }

        /*footer
------------------------------*/
        footer {
            width: 100%;
            padding: 25px 0 80px;
            background: #2f2b23;
            text-align: center;
        }

        footer h2 {
            margin: 0 0 15px 0;
        }


        footer ul li {
            display: inline-block;
            margin: 0 7px;
        }

        footer ul li a {
            color: #fff;
            text-decoration: none;
        }

        footer p {
            color: #fff;
        }



        #sub_wrapper {
            width: 90%;
            margin: 0 auto;
            padding: 50px 0;
        }

        #sub_wrapper h2 {
            margin: 0 0 15px 0;
            text-align: center;
        }

        #sub_wrapper p {
            text-align: left;
            font-size: 18px;
            font-weight: bold;
            margin: 0 0 25px;
        }

        .download_btn {
            width: 100%;
            margin: 0 0 50px;
        }

        .download_btn li {
            width: 100%;
            float: none;
            margin: 0 0 20px;
        }

        .download_btn li:nth-child(2) {
            width: 100%;
            float: none;
            margin: 0 0 20px;
        }

        .download_btn li a {
            background: #d0111b;
            color: #fff;
            text-decoration: none;
            font-size: 18px;
            font-weight: bold;
            line-height: 60px;
            border-radius: 30px;
            display: block;
            text-align: center;
        }

        #submit,
        #submit_sub {
            background: #d0111b;
            color: #fff;
            text-decoration: none;
            font-size: 20px;
            font-weight: bold;
            line-height: 50px;
            border-radius: 30px;
            display: inline-block;
            text-align: center;
            border: none;
            width: 100%;
            margin: 0 0 3%;

        }

        #myreset {
            background: #666;
            color: #fff;
            text-decoration: none;
            font-size: 20px;
            font-weight: bold;
            line-height: 50px;
            border-radius: 30px;
            display: inline-block;
            text-align: center;
            border: none;
            width: 100%;
            margin: 0 0 3%;

        }

        .input-s {
            width: 30%;
            font-size: 20px;
            margin: 0 5% 0 0;
        }

        #container table {
            width: 100%;
            font-size: 12px;
            font-weight: normal;
        }

        .sp_footer_btn {
            width: 100%;
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 9999;
        }

        .sp_footer_btn li {
            width: 33.3333%;
            float: left;
        }

        .sp_footer_btn li a {
            width: 100%;
            display: block;
        }

        .grad-btn {
            background: #0947fc;
            color: #fff;
            width: 200px;
            padding: 5px 0;
            display: block;
            text-align: center;
            margin: 0 auto;
            position: absolute;
            bottom: 10px;
            left: 50px;
            z-index: 999;
        }

        .grad-item {
            position: relative;
            overflow: hidden;
            height: 150px;
            /*隠した状態の高さ*/
        }

        .grad-item::before {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 40px;
            /*グラデーションで隠す高さ*/
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
            background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
            content: "";
        }

        .grad-trigger {
            display: none;
            /*チェックボックスは常に非表示*/
        }

        .grad-trigger:checked + .grad-btn {
            display: none;
            /*チェックされていたら、grad-btnを非表示にする*/
        }

        .grad-trigger:checked ~ .grad-item {
            height: auto;
            /*チェックされていたら、高さを戻す*/
        }

        .grad-trigger:checked ~ .grad-item::before {
            display: none;
            /*チェックされていたら、grad-itemのbeforeを非表示にする*/
        }

        #box10 .effect-fade {
            opacity: 0;
            transform: translate(0, 45px);
            transition: all 1s;
        }

        #box10 .effect-fade.effect-scroll {
            opacity: 1;
            transform: translate(0, 0);
        }


        #box10 > .effect-fade:nth-of-type(2) {
            -moz-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            -o-transition-delay: 200ms;
            -ms-transition-delay: 200ms;
        }


        #box10 > .effect-fade:nth-of-type(3) {
            -moz-transition-delay: 400ms;
            -webkit-transition-delay: 400ms;
            -o-transition-delay: 400ms;
            -ms-transition-delay: 400ms;
        }

        #box09 ul .effect-fade {
            opacity: 0;
            transform: translate(0, -45px);
            transition: all 1s;
        }

        #box09 ul .effect-fade.effect-scroll {
            opacity: 1;
            transform: translate(0, 0);
        }


        #box09 ul > .effect-fade:nth-of-type(2) {
            -moz-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            -o-transition-delay: 200ms;
            -ms-transition-delay: 200ms;
        }


        #box09 ul > .effect-fade:nth-of-type(3) {
            -moz-transition-delay: 400ms;
            -webkit-transition-delay: 400ms;
            -o-transition-delay: 400ms;
            -ms-transition-delay: 400ms;
        }

        #box09 ul > .effect-fade:nth-of-type(4) {
            -moz-transition-delay: 600ms;
            -webkit-transition-delay: 600ms;
            -o-transition-delay: 600ms;
            -ms-transition-delay: 600ms;
        }

        #box08 .effect-fade {
            opacity: 0;
            transform: translate(-45px, 0);
            transition: all 1s;
        }

        #box08 .effect-fade.effect-scroll {
            opacity: 1;
            transform: translate(0, 0);
        }


        #box08 > .effect-fade:nth-of-type(2) {
            -moz-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            -o-transition-delay: 200ms;
            -ms-transition-delay: 200ms;
        }


        #box08 > .effect-fade:nth-of-type(3) {
            -moz-transition-delay: 400ms;
            -webkit-transition-delay: 400ms;
            -o-transition-delay: 400ms;
            -ms-transition-delay: 400ms;
        }

        #box08 > .effect-fade:nth-of-type(4) {
            -moz-transition-delay: 600ms;
            -webkit-transition-delay: 600ms;
            -o-transition-delay: 600ms;
            -ms-transition-delay: 600ms;
        }

        #box07_wrapper ul .effect-fade {
            opacity: 0;
            transform: translate(0, -45px);
            transition: all 1s;
        }

        #box07_wrapper ul .effect-fade.effect-scroll {
            opacity: 1;
            transform: translate(0, 0);
        }


        #box07_wrapper ul > .effect-fade:nth-of-type(2) {
            -moz-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            -o-transition-delay: 200ms;
            -ms-transition-delay: 200ms;
        }


        #box07_wrapper ul > .effect-fade:nth-of-type(3) {
            -moz-transition-delay: 400ms;
            -webkit-transition-delay: 400ms;
            -o-transition-delay: 400ms;
            -ms-transition-delay: 400ms;
        }

        #box07_wrapper ul > .effect-fade:nth-of-type(4) {
            -moz-transition-delay: 600ms;
            -webkit-transition-delay: 600ms;
            -o-transition-delay: 600ms;
            -ms-transition-delay: 600ms;
        }

        #box07_wrapper ul > .effect-fade:nth-of-type(5) {
            -moz-transition-delay: 800ms;
            -webkit-transition-delay: 800ms;
            -o-transition-delay: 800ms;
            -ms-transition-delay: 800ms;
        }

        #box06 .effect-fade {
            opacity: 0;
            transform: translate(0, 45px);
            transition: all 1s;
        }

        #box06 .effect-fade.effect-scroll {
            opacity: 1;
            transform: translate(0, 0);
        }


        #box06 > .effect-fade:nth-of-type(2) {
            -moz-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            -o-transition-delay: 200ms;
            -ms-transition-delay: 200ms;
        }


        #box06 > .effect-fade:nth-of-type(3) {
            -moz-transition-delay: 400ms;
            -webkit-transition-delay: 400ms;
            -o-transition-delay: 400ms;
            -ms-transition-delay: 400ms;
        }


        #box06 > .effect-fade:nth-of-type(4) {
            -moz-transition-delay: 600ms;
            -webkit-transition-delay: 600ms;
            -o-transition-delay: 600ms;
            -ms-transition-delay: 600ms;
        }


        #box06 > .effect-fade:nth-of-type(5) {
            -moz-transition-delay: 800ms;
            -webkit-transition-delay: 800ms;
            -o-transition-delay: 800ms;
            -ms-transition-delay: 800ms;
        }


        #box06 > .effect-fade:nth-of-type(6) {
            -moz-transition-delay: 1000ms;
            -webkit-transition-delay: 1000ms;
            -o-transition-delay: 1000ms;
            -ms-transition-delay: 1000ms;
        }

        #box04_01 .effect-fade {
            opacity: 0;
            transform: translate(0, 45px);
            transition: all 1s;
        }

        #box04_01 .effect-fade.effect-scroll {
            opacity: 1;
            transform: translate(0, 0);
        }


        #box04_01 > .effect-fade:nth-of-type(2) {
            -moz-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            -o-transition-delay: 200ms;
            -ms-transition-delay: 200ms;
        }


        #box04_01 > .effect-fade:nth-of-type(3) {
            -moz-transition-delay: 400ms;
            -webkit-transition-delay: 400ms;
            -o-transition-delay: 400ms;
            -ms-transition-delay: 400ms;
        }


        #box04_01 > .effect-fade:nth-of-type(4) {
            -moz-transition-delay: 600ms;
            -webkit-transition-delay: 600ms;
            -o-transition-delay: 600ms;
            -ms-transition-delay: 600ms;
        }

        #box04_02.effect-fade {
            opacity: 0;
            transform: translate(0, 45px);
            transition: all 1s;
        }

        #box04_02.effect-fade.effect-scroll {
            opacity: 1;
            transform: translate(0, 0);
        }
    }