@charset "utf-8";



    .clearfix {

        display: block;

    }



    .campaign {

        cursor: pointer;

        display: inline-block;

    }



    body {

        color: #000000;

        font-size: 24px;

        font-feature-settings: "palt";

        letter-spacing: 2px;

        font-family: "Noto Sans JP", sans-serif;

        font-optical-sizing: auto;

        font-weight: <weight>;

        font-style: normal;

    }



    .sp {

        display: none;

    }



    /* header */

    header {

        width: 1080px;

        margin: 0 auto;

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        -webkit-align-items: center;

        align-items: center;

        padding: 15px 0;

    }



    /* fv */

    #fv {

        width: 100%;

        background-image: url(../images/fv_bg.webp);

        background-position: center;

        background-repeat: no-repeat;

        height: 720px;

    }



    #fv_wrapper {

        width: 1080px;

        margin: 0 auto;

        padding: 70px 0 0 0;

    }



    #fv_wrapper h2 {

        margin: 0 0 40px 0;

    }



    #fv_wrapper div {

        margin: 0 0 10px 0;

    }



    /* box01 */

    #box01 {

        padding: 100px 0 120px 0;

        width: 1080px;

        margin: 0 auto;

    }



    #box01 h2 {

        text-align: center;

        margin: 0 0 90px 0;

    }



    #box01 article {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-align-items: stretch;

	align-items: stretch;

        /*margin: 0 0 70px;*/

    }



    #box01 article div {

        width: 360px;

        margin: 0 0 70px;

        

    }



    #box01 article div figure {

        margin: 0 0 15px 0;

        text-align: center;

    }



    #box01 article div h3 {

        color: #064185;

        text-align: center;

    }



    #box01 article div p {

        font-size: 16px;

        text-align: center;

    }



    #box01 article div:nth-child(2n) {

        /*padding: 70px 0 0;*/

    }



    #youTube {

        width: 930px;

        margin: 0 auto;

    }



    #youTube iframe {

        width: 100%;

        height: 520px;

        border-radius: 10px;

    }



    /* cv */

    .cv {

        background-color: #064185;

        text-align: center;

        padding: 0 0 50px;

    }



    .cv h2 {

        padding: 20px 0;

    }



    .cv div {

        margin: 0 0 10px 0;

    }



    /* box02 */

    #box02 {

        background-image: url(../images/box02_bg.webp);

        background-position: center;

        background-repeat: no-repeat;

        padding: 60px 0 110px 0;

        text-align: center;

    }



    /* box03 */

    #box03 {

        text-align: center;

        padding: 0 0 90px;

    }



    #box03 p {

        line-height: 2;

    }



    /* box04 */

    #box04 {

        background-color: #f5fafe;

        text-align: center;

        padding: 95px 0 115px;

    }



    #box04 h2 {

        margin: 0 0 80px 0;

    }



    #box04 figure {

        margin: 0 0 55px 0;

    }



    #box04 p {

        line-height: 2;

    }



    /* box05 */

    #box05 {

        background-image: url(../images/box05_bg.webp);

        background-position: center top;

        background-repeat: no-repeat;

        position: relative;

        padding: 60px 0 80px;

    }



    #box05 figure {

        width: 405px;

        position: absolute;

        top: -50px;

        left: 50%;

        transform: translate(-50%, 0);

        -webkit-transform: translate(-50%, 0);

        -ms-transform: translate(-50%, 0);

    }



    #box05 h2 {

        margin: 0 0 20px 0;

        text-align: center;

    }



    #box05_box {

        background-color: #fff;

        width: 1080px;

        margin: 0 auto;

        border-radius: 10px;

        border: #064185 3px solid;

        padding: 30px;

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        -webkit-align-items: center;

        align-items: center;

        box-sizing: border-box;

    }



    #box05_box div:nth-child(2) {

        padding: 0 30px;

    }



    #box05_box div h3 {

        color: #064185;

        font-size: 36px;

    }



    /* box06 */

    #box06 {

        width: 1080px;

        margin: 0 auto;

        padding: 80px 0 0;

    }



    #box06 h2,

    #box06 h3 {

        text-align: center;

        margin: 0 0 60px 0;

    }



    #box06 article {

        display: -webkit-flex;

        display: flex;

        -webkit-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        -webkit-align-items: stretch;

        align-items: stretch;

    }



    #box06 article div {

        background-color: #f2f6fe;

        width: 330px;

        margin: 0 0 50px;

    }



    #box06 article div p {

        text-align: center;

        color: #064185;

        padding: 20px;

    }



    /* box07 */

    #box07 {

        width: 1080px;

        margin: 0 auto;

        padding: 0 0 100px 0;

    }



    #box07 article {

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        margin: 0 0 50px;

    }



    .row {

        flex-direction: row-reverse;

    }



    #box07 article div {

        width: 550px;

    }



    #box07 article div.photo {

        width: 500px;

        text-align: center;

    }



    #box07 article div figure {

        text-align: center;

        margin: 0 0 35px 0;

    }



    #box07 article div h2 {

        font-size: 36px;

        color: #064185;

        margin: 0 0 20px;

    }



    #box07 article div h2 span {

        font-size: .8em;

    }



    #box07>p {

        text-align: center;

        line-height: 2;

    }



    /* box13 */

    #box13_title {

        background-color: #064185;

        text-align: center;

        margin: 0 0 40px 0;

        padding: 20px 0;

    }



    #box13 {

        width: 1080px;

        margin: 0 auto;

        padding: 0 0 100px;

    }



    #box13 article {

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        margin: 0 0 50px;

    }



    #box13 article figure {

        width: 500px;

    }



    #box13 article p {

        width: 540px;

        line-height: 2;

    }



    .bgo {

        background-color: orange;

        padding: 0 5px;

        color: #fff;

    }



    .bgb {

        background-color: cornflowerblue;

        color: #fff;

        padding: 0 5px;

    }



    .bgg {

        background-color: lightgreen;

        padding: 0 5px;

        color: #fff;

    }



    .red {

        color: red;

        font-size: .8em;

        line-height: 1.5;

        display: inline-block;

    }



    /* box08 */

    #box08 {

        background-image: url(../images/box08_bg.webp);

        text-align: center;

        padding: 90px 0;

    }



    #box08 h2 {

        margin: 0 0 30px 0;

    }



    #box08 p {

        margin: 0 0 30px 0;

    }



    .blue {

        color: #064185;

    }



    /* box09 */

    #box09 {

        background-image: url(../images/box09_bg.webp);

        background-position: center;

        background-repeat: no-repeat;

        text-align: center;

        padding: 140px 0 100px;

    }



    /* box10 */

    #box10 {

        background-color: #f5fafe;

        padding: 90px 0 100px;

    }



    #box10 figure {

        width: 1080px;

        margin: 0 auto 30px;

    }



    #box10 figure:nth-child(2) {

        text-align: right;

    }



    #box10 p {

        text-align: center;

        line-height: 2;

    }



    /* box11 */

    #box11 {

        text-align: center;

        padding: 80px 0 150px;

    }



    #box11 h2 {

        margin: 0 0 30px 0;

    }



    #box11 div {

        margin: 0 0 30px 0;

    }



    /* box12 */

    #box12_title {

        background-color: #064185;

        text-align: center;

        padding: 20px 0;

    }



    #box12 {

        background-color: #f5f6fa;

        padding: 60px 0 90px;

        text-align: center;

    }



    #box12 div {

        margin: 0 0 50px 0;

    }



    /* footer */

    footer {

        padding: 50px 0;

        text-align: center;

    }



    footer p {

        font-size: 16px;

    }



    footer p a {

        color: #000000;

        text-decoration: none;

    }



    /*スマホ

------------------------------*/



    @media screen and (max-width: 750px) {

        .pc {

            display: none;

        }



        .sp {

            display: block;

        }



        body {

            font-size: 16px;

        }



        /* header */

        header {

            width: 100%;

            padding: 15px;

            box-sizing: border-box;

        }



        header h1,

        header div {

            width: 45%;

        }



        /* fv */

        #fv {

            width: 100%;

            background-image: none;

            height: auto;

        }



        #fv_wrapper {

            width: 100%;

            padding: 0 0 1em;

            background-color: #205ca6;

        }



        #fv_wrapper h2 {

            margin: 0;

        }



        #fv_wrapper div {

            margin: 0;

            padding: 15px;

            box-sizing: border-box;

        }



        #fv_wrapper p {

            padding: 0 15px;

        }



        /* box01 */

        #box01 {

            padding: 3em 1em;

            width: 100%;

            box-sizing: border-box;

        }



        #box01 h2 {

            margin: 0 0 2em 0;

        }



        #box01 article {

            display: -webkit-flex;

            display: flex;

            -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

            -webkit-justify-content: space-between;

            justify-content: space-between;

            margin: 0 0 2em;

        }



        #box01 article div {

            width: 47%;

            margin: 0 0 2em;

        }



        #box01 article div figure {

            margin: 0 0 1em 0;

            height: 250px;

        }



        #box01 article div p {

            font-size: 12px;

            letter-spacing: 0px;

        }



        #box01 article div:nth-child(2n) {

            padding: 0;

        }



        #youTube {

            width: 100%;

            margin: 0 auto;

        }



        #youTube iframe {

            width: 100%;

            height: 200px;

            border-radius: 10px;

        }



        /* cv */

        .cv {

            background-color: #064185;

            text-align: center;

            padding: 0 1em 30px;

            box-sizing: border-box;

        }



        .cv figure {

            width: 20%;

            margin: 0 auto;

        }



        .cv h2 {

            padding: 1em 0;

        }



        .cv div {

            margin: 0 0 1em 0;

        }



        /* box02 */

        #box02 {

            background-image: none;

            padding: 0;

            text-align: center;

        }



        /* box03 */

        #box03 {

            text-align: center;

            padding: 0 0 2em;

        }



        #box03 p {

            padding: 0 1em;

        }



        /* box04 */

        #box04 {

            padding: 2em 1em 3em;

            box-sizing: border-box;

        }



        #box04 h2 {

            margin: 0 0 2em 0;

        }



        #box04 figure {

            margin: 0 0 2em 0;

        }



        #box04 p {

            line-height: 2;

        }



        /* box05 */

        #box05 {

            background-image: url(../images/box05_bg.webp);

            background-position: center top;

            background-repeat: no-repeat;

            background-size: cover;

            position: relative;

            padding: 2em 1em 3em;

            box-sizing: border-box;

        }



        #box05 figure {

            width: 60%;

            position: absolute;

            top: -20px;

            left: 50%;

            transform: translate(-50%, 0);

            -webkit-transform: translate(-50%, 0);

            -ms-transform: translate(-50%, 0);

        }



        #box05 h2 {

            margin: 0 0 20px 0;

            text-align: center;

        }



        #box05_box {

            background-color: #fff;

            width: 100%;

            margin: 0 auto;

            border-radius: 10px;

            border: #064185 2px solid;

            padding: 30px;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: column;

            flex-direction: column;

            -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

        }



        #box05_box div:nth-child(2) {

            padding: 10px 0 0;

        }



        #box05_box div h3 {

            color: #064185;

            font-size: 20px;

        }



        /* box06 */

        #box06 {

            width: 90%;

            margin: 0 auto;

            padding: 3em 0 0;

        }



        #box06 h2,

        #box06 h3 {

            text-align: center;

            margin: 0 0 1em 0;

        }



        #box06 article div {

            background-color: #f2f6fe;

            width: 48%;

            margin: 0 0 1em;

        }



        #box06 article div p {

            text-align: center;

            color: #064185;

            padding: 10px;

            font-size: 12px;

            letter-spacing: 1px;

        }



        /* box07 */

        #box07 {

            width: 90%;

            margin: 0 auto;

            padding: 0 0 3em 0;

        }



        #box07 article {

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: column;

            flex-direction: column;

            -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

            margin: 0 0 2em;

        }



        .row {

            flex-direction: row;

        }



        #box07 article div {

            width: 100%;

            margin: 0 0 1em;

        }



        #box07 article div.photo {

            width: 100%;

            text-align: center;

        }



        #box07 article div figure {

            text-align: center;

            margin: 0 auto;

            width: 20%;

        }



        #box07 article div h2 {

            font-size: 24px;

            color: #064185;

            margin: 0 0 10px;

        }



        #box07>p {

            text-align: center;

            line-height: 2;

        }



        /* box13 */

        #box13_title {

            background-color: #064185;

            margin: 0 0 1em 0;

            padding: 0;

        }



        #box13 {

            width: 90%;

            margin: 0 auto;

            padding: 0 0 3em;

        }



        #box13 article {

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: column;

            flex-direction: column;

            -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

            margin: 0 0 2em;

        }



        #box13 article figure {

            width: 100%;

            margin: 0 0 1em;

        }



        #box13 article p {

            width: 100%;

            line-height: 2;

        }



        /* box08 */

        #box08 {

            background-image: url(../images/box08_bg.webp);

            text-align: center;

            padding: 3em 1em;

            box-sizing: border-box;

        }



        #box08 h2 {

            margin: 0 0 1em 0;

        }



        #box08 p {

            margin: 0 0 1em 0;

        }



        /* box09 */

        #box09 {

            background-image: none;

            padding: 0;

        }



        /* box10 */

        #box10 {

            background-color: #f5fafe;

            padding: 2em 0 3em;

        }



        #box10 figure {

            width: 90%;

            margin: 0 auto 1em;

        }



        #box10 figure:nth-child(2) {

            text-align: right;

        }



        #box10 p {

            text-align: center;

            line-height: 2;

            padding: 0 1em;

            box-sizing: border-box;

        }



        /* box11 */

        #box11 {

            text-align: center;

            padding: 2em 1em 3em;

            box-sizing: border-box;

        }



        #box11 h2 {

            margin: 0 0 1em 0;

        }



        #box11 div {

            margin: 0 0 1em 0;

        }



        /* box12 */

        #box12_title {

            padding: 0;

        }



        #box12 {

            background-color: #f5f6fa;

            padding: 2em 1em 2em;

            text-align: center;

            box-sizing: border-box;

        }



        #box12 div {

            margin: 0 0 2em 0;

        }



        /* footer */

        footer {

            padding: 2em 1em;

            text-align: center;

            box-sizing: border-box;

        }



        footer p {

            font-size: 10px;

            letter-spacing: 0;

            margin: 0 0 10px;

        }



    }