@charset "utf-8";

/* ==========================================================================
   RESET
========================================================================== */
body,div,p,ul,ol,dl,form,table,fieldset,img,h1,h2,h3,h4,h5,h6 {
    margin  : 0;
    border  : 0;
    padding : 0;
}

a           {outline        : 0         ;}
em,address  {font-style     : normal    ;}
li          {list-style     : none      ;}
table       {border-collapse: collapse  ;}
img         {vertical-align : bottom    ;}
a img:hover {opacity        : 0.7       ;}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Base Styles
========================================================================== */
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 2;
}

.noto-serif {
    font-family: 'Noto Serif JP', serif;
}

a {
    color: #3333FF;
    text-decoration: none;
}

a:hover {
    color: #666;
    text-decoration: underline;
}

/*--    文字装飾    --*/
.white  {color : #fff   ;}
.black {color : #333   ;}

/*--    背景装飾    --*/
.bg-gray {
    background: #f1f1f1;
}

.pc-area {
    display: block;
}
.sp-area {
    display: none;
}
.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ==========================================================================
   Media Queries     デフォルト：980px以上用（PC用）の記述（PCファースト）
========================================================================== */
/* ======================
   Common
====================== */
.wrapper {
    width: 100%;
    margin: 0;
}
.inner {
    max-width: 1270px;
    margin: 0 auto;
    position: relative;
}
a[href^="tel:"] {
    pointer-events: none;
}
img {
    width: 100%;
}

/* ======================
   Header
====================== */
.header-container {
}
.header-container header img {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

/* ======================
   Main
====================== */
.main {
    max-width: 990px;
    margin: 0 auto;
    border-left: solid 12px #ffc008;
    border-right: solid 12px #ffc008;
    box-sizing: border-box;
    padding-top: 1rem;
}
section {
    margin-bottom: 2rem;
}
section h2 {
    margin-bottom: 2rem;
}
section > p {
    margin-bottom: 1rem;
}
section > p.text {
    padding: 0 60px;
}
section p img {
    margin: 0 auto;
}

.con01 {
    text-align: center;
}
.con01 h2 img {
    max-width: 878px;
    margin: 0 auto;
}
.con01 p.img03 {
    z-index: 1;
    position: relative;
}
.con01 p.img03 img {
    max-width: 698px;
}
.con01 p.img04 {
    margin-top: -2rem;
}
.con01 p.img04 img {
    max-width: 872px;
}
.con01 p.img05 {
    margin-top: -8rem;
    z-index: -1;
    position: relative;
}

.recommend {
    margin-bottom: 3rem;
}
.recommend h2 {
    margin-bottom: 0;
}
.recommend h2 img {
    max-width: 844px;
    margin: 0 auto;
}
.recommend .box {
    max-width: 766px;
    margin: 0 auto;
    border-left: solid 15px #fe7501;
    border-right: solid 15px #fe7501;
    border-bottom: solid 15px #fe7501;
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
}
.recommend .box p,
.recommend .box img {
    margin-bottom: 1rem;
}

.con02 .box .recoimg01 {
    max-width: 733px;
}
.con02 .box .recoimg02 {
    max-width: 550px;
}
.con02 .box .recoimg03 {
    max-width: 730px;
}
.con02 .box .recoimg04 {
    max-width: 732px;
}
.con02 p.img10 img {
    max-width: 960px;
}
.con02 p.img11 img {
    max-width: 734px;
}

.con03 {
}
.con03 p.img14 img {
    max-width: 872px;
}
.con03 p.img15 img {
    max-width: 600px;
}

.con04 {
}
.con04 p.img18 img {
    max-width: 872px;
}

.con05 {
}
.con05 p.img20 img {
    max-width: 872px;
}
.con05 p.img21 img {
    max-width: 640px;
}
.con05 p.img23 img {
    max-width: 628px;
}
.con05 .box {
    background: #f5f5f5;
    padding: 1rem;
    max-width: 844px;
    margin: 0 auto;
}
.con05 p.img25 img,
.con05 p.img26 img,
.con05 p.img27 img,
.con05 p.img28 img {
    max-width: 844px;
    margin-bottom: 1rem;
}
.con05 p.img29 img {
    max-width: 752px;
}

.con06 {
}
.con06 .box .recoimg01,
.con06 .box .recoimg02,
.con06 .box .recoimg03,
.con06 .box .recoimg04 {
    max-width: 731px;
}
.con06 .box .recoimg05 {
    max-width: 498px;
}
.con06 p.img30 img {
    max-width: 960px;
}

.con07 {
}
.con07 p.img32 img {
    max-width: 740px;
}
.con07 p.img33 img {
    max-width: 874px;
}
.con07 p.img34 img {
    max-width: 735px;
}
.con07 p.img35 img {
    max-width: 960px;
}
.con07 p.img36 img {
    max-width: 571px;
}
.con07 p.img37 img {
    max-width: 960px;
}
.con07 p.img38 img {
    max-width: 960px;
}

.con08 {
}
.con08 p.img39 img {
    max-width: 780px;
}

.con09 {
}
.con09 p.img41 img {
    max-width: 679px;
}
.con09 p.img42 img {
    max-width: 678px;
    margin: 0;
    padding: 0 60px;
}
.con09 p.img43 img {
    max-width: 744px;
}

.con10 {
}
.con10 .box .recoimg01 {
    max-width: 641px;
}
.con10 .box .recoimg02 {
    max-width: 508px;
}
.con10 .box .recoimg03 {
    max-width: 645px;
}
.con10 p.img44 img {
    max-width: 541px;
}

.con11 {
}
.con11 p.img46 img {
    max-width: 525px;
}
.con11 p.img47 img {
    max-width: 872px;
}
.con11 p.img48 img {
    max-width: 960px;
}

.con12 {
}

.con13 {
}
.con13 p.img50 img {
    max-width: 674px;
}
.con13 p.img51 img {
    max-width: 757px;
}
.con13 p.img52 img {
    max-width: 960px;
}

.con14 {
}
.con14 .box .recoimg01 {
    max-width: 496px;
}
.con14 p.img52-5 img {
    max-width: 767px;
}

.con15 {
}
.con15 p.img54 img {
    max-width: 674px;
}
.con15 p.img55 img {
    max-width: 966px;
}

.con16 {
}

.con17 {
}
.con17 p.img57 img {
    max-width: 875px;
}
.con17 p.img58 img {
    max-width: 960px;
}

.con18 {
}
.con18 p.img60 img {
    max-width: 960px;
}
.con18 p.img61 img {
    max-width: 688px;
}

.con19 {
}
.con19 .box .recoimg01 {
    max-width: 661px;
}

.con20 {
}
.con20 h2,
.con20 p,
.con20 p img {
    margin-bottom: 0;
}
.con20 h2 img {
    max-width: 960px;
    margin: 0 auto;
}
.con20 p.img62 img,
.con20 p.img62-5 img,
.con20 p.img63 img,
.con20 p.img64 img,
.con20 p.img65 img,
.con20 p.img65-5 img {
    max-width: 960px;
}

.con21 {
}
.con21 h2,
.con21 p,
.con21 p img {
    margin-bottom: 0;
}
.con21 h2 img {
    max-width: 960px;
    margin: 0 auto;
}
.con21 p.img66 img,
.con21 p.img67 img,
.con21 p.img68 img,
.con21 p.img69 img,
.con21 p.img70 img,
.con21 p.img71 img,
.con21 p.img72 img,
.con21 p.img73 img,
.con21 p.img73-5 img,
.con21 p.img74 img {
    max-width: 960px;
    margin-bottom: 0;
}

.con22 {
}
.con22 h2,
.con22 p,
.con22 p img {
    margin-bottom: 0;
}
.con22 h2 img {
    max-width: 960px;
    margin: 0 auto;
}
.con22 p.img75 img,
.con22 p.img76 img,
.con22 p.img77 img,
.con22 p.img78 img,
.con22 p.img79 img,
.con22 p.img80 img,
.con22 p.img81 img {
    max-width: 960px;
    margin-bottom: 0;
}

.con23 {
}
.con23 dl {
}
.con23 dt img {
    width: 100%;
    max-width: 968px;
}
.con23 dd {
    padding: 2rem 60px;
    margin-left: 0;
}

.con24 {
}
.con24 p.img92-5 img {
    max-width: 967px;
}
.con24 p.img93 img {
    max-width: 960px;
}
.con24 p.img94 img {
    max-width: 967px;
}
.con24 p.img95 img {
    max-width: 960px;
}
.con24 p.img96 a {
    display: inline-block;
}
.con24 p.img96 img {
    max-width: 607px;
}

.con25 {
}
.con25 .box .recoimg01 {
    max-width: 567px;
}
.con25 .box .recoimg01 {
    max-width: 730px;
}

.main footer {
}
.main footer h3 {
    margin-bottom: 2rem;
}
.main footer h3 img {
    max-width: 844px;
    margin: 0 auto;
}
.main footer p {
    margin-bottom: 1rem;
}
.main footer p img {
    margin: 0 auto;
}
.main footer p.img95 img {
    max-width: 960px;
}
.main footer p.img96 img {
    max-width: 607px;
}
.main footer p.img98 img {
    max-width: 382px;
}

/* ======================
   Footer
====================== */
.footer-container {
}
.footer-container footer {
    background: #ffc008;
    padding: 25px 0;
    max-width: 990px;
    margin: 0 auto;
}
.footer-container footer p {
    font-size: 14px;
}

/* ==========================================================================
   Media Queries     979px以下用（タブレット用）の記述
========================================================================== */
@media screen and (max-width: 979px) {
    /* ======================
       Common
    ====================== */


    /* ======================
       Header
    ====================== */


    /* ======================
       Main
    ====================== */
    section p img {
        width: 85%;
    }

    .recommend h2 img {
        max-width: 720px;
        margin: 0 auto;
    }
    .recommend .box {
        max-width: 642px;
    }

    .main footer h3 img {
        max-width: initial;
        width: 95%;
    }
    .main footer .area {
        max-width: 586px;
        height: 90vh;
        margin: 0 auto;
        padding: 20px 60px;
    }
    .main footer .area p {
        line-height: 1.25;
    }

    /* ======================
       Footer
    ====================== */

}

/* ==========================================================================
   Media Queries     767px以下用（タブレット／スマートフォン用）の記述
========================================================================== */
@media screen and (max-width: 767px) {
    /* ======================
       Common
    ====================== */
    .pc-area {
        display: none;
    }
    .sp-area {
        display: block;
    }
    .new-line {
        display: block;
    }
    a[href^="tel:"] {
        pointer-events: initial;
    }

    /* ======================
       Header
    ====================== */


    /* ======================
       Main
    ====================== */
    section p img {
        max-width: initial !important;
    }

    .con01 p.img05 {
        margin-top: -6rem;
    }

    /* ======================
       Footer
    ====================== */

}

/* ==========================================================================
   Media Queries     479px以下用（スマートフォン用）の記述
========================================================================== */
@media screen and (max-width: 479px) {
    /* ======================
       Common
    ====================== */


    /* ======================
       Header
    ====================== */


    /* ======================
       Main
    ====================== */
    .main {
        max-width: initial;
    }
    section p img {
        max-width: initial !important;
        width: 69%;
        width: 95%;
    }
    section > p.text {
        padding: 0 0.5rem;
    }

    .recommend h2 img {
        max-width: initial;
        width: 95%;
    }
    .recommend .box {
        max-width: initial;
        width: 82%;
        padding: 1rem 0.5rem;
    }

    .con01 p.img05 {
        margin-top: -4rem;
    }
    .con09 p.img42 img {
        max-width: initial;
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }
    .con23 dd {
        padding: 1rem;
    }

    /* ======================
       Footer
    ====================== */

}

/* ==========================================================================
   Media Queries     320px以下用（スマートフォン用）の記述
========================================================================== */
@media screen and (max-width: 320px) {
    .recommend .box {
        width: 80%;
    }
}

/* ==========================================================================
   Helper classes
========================================================================== */

.clear      {clear          : both      ;}
.block      {display        : block     ;}
.inline     {display        : inline    ;}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

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

/*--    段落行揃え   --*/
.align-right  {text-align: right;}
.align-left   {text-align: left;}
.align-center {text-align: center;}

/*--    文字装飾    --*/
.bold   {font-weight    : bold   ;}

/*--    余白  --*/
.ma00   {margin     : 0     ;}
.ma05   {margin     : 0.5rem;}
.ma10   {margin     : 1rem  ;}
.ma15   {margin     : 1.5rem;}
.ma20   {margin     : 2rem  ;}
.ma25   {margin     : 2.5rem;}
.ma30   {margin     : 3rem  ;}
.ma35   {margin     : 3.5rem;}
.ma40   {margin     : 4rem  ;}
.ma45   {margin     : 4.5rem;}
.ma50   {margin     : 5rem  ;}

.mt00   {margin-top : 0     ;}
.mt05   {margin-top : 0.5rem;}
.mt10   {margin-top : 1rem  ;}
.mt15   {margin-top : 1.5rem;}
.mt20   {margin-top : 2rem  ;}
.mt25   {margin-top : 2.5rem;}
.mt30   {margin-top : 3rem  ;}
.mt35   {margin-top : 3.5rem;}
.mt40   {margin-top : 4rem  ;}
.mt45   {margin-top : 4.5rem;}
.mt50   {margin-top : 5rem  ;}

.mr00   {margin-right   : 0     ;}
.mr05   {margin-right   : 0.5rem;}
.mr10   {margin-right   : 1rem  ;}
.mr15   {margin-right   : 1.5rem;}
.mr20   {margin-right   : 2rem  ;}
.mr25   {margin-right   : 2.5rem;}
.mr30   {margin-right   : 3rem  ;}
.mr35   {margin-right   : 3.5rem;}
.mr40   {margin-right   : 4rem  ;}
.mr45   {margin-right   : 4.5rem;}
.mr50   {margin-right   : 5rem  ;}

.mb00   {margin-bottom  : 0     ;}
.mb05   {margin-bottom  : 0.5rem;}
.mb10   {margin-bottom  : 1rem  ;}
.mb15   {margin-bottom  : 1.5rem;}
.mb20   {margin-bottom  : 2rem  ;}
.mb25   {margin-bottom  : 2.5rem;}
.mb30   {margin-bottom  : 3rem  ;}
.mb35   {margin-bottom  : 3.5rem;}
.mb40   {margin-bottom  : 4rem  ;}
.mb45   {margin-bottom  : 4.5rem;}
.mb50   {margin-bottom  : 5rem  ;}

.ml00   {margin-left    : 0     ;}
.ml05   {margin-left    : 0.5rem;}
.ml10   {margin-left    : 1rem  ;}
.ml15   {margin-left    : 1.5rem;}
.ml20   {margin-left    : 2rem  ;}
.ml25   {margin-left    : 2.5rem;}
.ml30   {margin-left    : 3rem  ;}
.ml35   {margin-left    : 3.5rem;}
.ml40   {margin-left    : 4rem  ;}
.ml45   {margin-left    : 4.5rem;}
.ml50   {margin-left    : 5rem  ;}

.pa00   {padding        : 0     ;}
.pa05   {padding        : 0.5rem;}
.pa10   {padding        : 1rem  ;}
.pa15   {padding        : 1.5rem;}
.pa20   {padding        : 2rem  ;}
.pa25   {padding        : 2.5rem;}
.pa30   {padding        : 3rem  ;}
.pa35   {padding        : 3.5rem;}
.pa40   {padding        : 4rem  ;}
.pa45   {padding        : 4.5rem;}
.pa50   {padding        : 5rem  ;}

.pt00   {padding-top    : 0     ;}
.pt05   {padding-top    : 0.5rem;}
.pt10   {padding-top    : 1rem  ;}
.pt15   {padding-top    : 1.5rem;}
.pt20   {padding-top    : 2rem  ;}
.pt25   {padding-top    : 2.5rem;}
.pt30   {padding-top    : 3rem  ;}
.pt35   {padding-top    : 3.5rem;}
.pt40   {padding-top    : 4rem  ;}
.pt45   {padding-top    : 4.5rem;}
.pt50   {padding-top    : 5rem  ;}

.pr00   {padding-right  : 0     ;}
.pr05   {padding-right  : 0.5rem;}
.pr10   {padding-right  : 1rem  ;}
.pr15   {padding-right  : 1.5rem;}
.pr20   {padding-right  : 2rem  ;}
.pr25   {padding-right  : 2.5rem;}
.pr30   {padding-right  : 3rem  ;}
.pr35   {padding-right  : 3.5rem;}
.pr40   {padding-right  : 4rem  ;}
.pr45   {padding-right  : 4.5rem;}
.pr50   {padding-right  : 5rem  ;}

.pb00   {padding-bottom: 0      ;}
.pb05   {padding-bottom: 0.5rem ;}
.pb10   {padding-bottom: 1rem   ;}
.pb15   {padding-bottom: 1.5rem ;}
.pb20   {padding-bottom: 2rem   ;}
.pb25   {padding-bottom: 2.5rem ;}
.pb30   {padding-bottom: 3rem   ;}
.pb35   {padding-bottom: 3.5rem ;}
.pb40   {padding-bottom: 4rem   ;}
.pb45   {padding-bottom: 4.5rem ;}
.pb50   {padding-bottom: 5rem   ;}

.pl00   {padding-left   : 0     ;}
.pl05   {padding-left   : 0.5rem;}
.pl10   {padding-left   : 1rem  ;}
.pl15   {padding-left   : 1.5rem;}
.pl20   {padding-left   : 2rem  ;}
.pl25   {padding-left   : 2.5rem;}
.pl30   {padding-left   : 3rem  ;}
.pl35   {padding-left   : 3.5rem;}
.pl40   {padding-left   : 4rem  ;}
.pl45   {padding-left   : 4.5rem;}
.pl50   {padding-left   : 5rem  ;}