@charset "utf-8";

/*---------------------------------------------
    body
---------------------------------------------*/

body {
    font-family:"Noto Sans JP",'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    color: #585858;
    font-size: 17px;
    line-height: 160%;
    text-align: left;
    -webkit-text-size-adjust: 100%;
}

body * {
    box-sizing: border-box;
}

/*---------------------------------------------
    link
---------------------------------------------*/

a,
a img {
    color: inherit;
    text-decoration: none;
    outline: none;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
a:hover {
    text-decoration: none;
    font-weight: inherit;
    opacity:0.8;
}
a img:hover{
    opacity:0.8;
}


/*---------------------------------------------
    Clearfix
---------------------------------------------*/

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

.clearfix {
    zoom: 1;
}



/*---------------------------------------------
    common
---------------------------------------------*/

html {-webkit-text-size-adjust: none;}

img{
    max-width: 100%;
    height: auto;
}
input[type="submit"], input[type="reset"], input[type="button"], button{
    cursor: pointer;
}

/*---------------------------------------------
    wrapper
---------------------------------------------*/
#wrapper {
    width:100%;
    min-width: 1200px;
    margin:0 auto;
}

/*---------------------------------------------
    header
---------------------------------------------*/

header {
    width: 100%;
    margin: 0 auto 50px;
}

#h-inner {
    position: relative;
    width: 1200px;
    margin: 0 auto 0;
}

h1 {
    margin-top: 50px;
    text-align: center;
}

#logo {
    position: absolute;
    top: -8px;
    left: 40px;
}

/*---------------------------------------------
    contents head
---------------------------------------------*/

#contents-head {
}

#contents-head .top-contents {
    width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}


#contents-head .review {
    width: 892px;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
}

/*---------------------------------------------
    gnav
---------------------------------------------*/

#gnav {
    background: #f8f0d8;
    padding-top: 30px;
    padding-bottom: 80px;
}
#gnav h2 {
    text-align: center;
    margin-bottom: 20px;
}
#gnav nav {
    width: 960px;
    margin: 0 auto;
}
#gnav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#gnav li {
    width: 228px;
    margin-bottom: 14px;
}
#gnav li a {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}
#gnav li a::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: url(../img/icon_nav.png);
    top: 3px;
    right: 3px;
}
#gnav .nav_li_1 {
}
#gnav .nav_li_1 a {
    background: #8c5a50;
}
#gnav .nav_li_2 a,
#gnav .nav_li_6 a,
#gnav .nav_li_10 a {
        background: #e39300;
}
#gnav .nav_li_3 a,
#gnav .nav_li_7 a,
#gnav .nav_li_11 a {
    background: #3e64ab;
}
#gnav .nav_li_4 a,
#gnav .nav_li_8 a,
#gnav .nav_li_12 a {
    background: #bd1c21;
}
#gnav .nav_li_5 a {
    background: #dbb23f;
}
#gnav .nav_li_9 a {
    background: #d7000f;
}

/*---------------------------------------------
    content common
---------------------------------------------*/

.inner .note {
    width: 1100px;
    margin: 0 auto 50px;
    font-size: 12px;
    line-height: 1.67;
}

.vdl-m {
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.vdl-b {
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.vdl-eb {
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 800;
    font-style: normal;
}
/*---------------------------------------------
     content01
---------------------------------------------*/

#contents01 {
    background: #f2eae6;
    padding-bottom: 30px;
}
#contents01 .ttl-wrap {
    position: relative;
    height: 160px;
    background: #8c5a50;
}
#contents01 .ttl-wrap h2 {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1200px;
}
#contents01 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
#contents01 .inner > .img {
    margin-bottom: 50px;
    text-align: center;
}
#contents01 .inner ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1100px;
    margin: 0 auto 50px;
}
#contents01 .inner ul:first-child {
    width: 1054px;
}
#contents01 .inner ul li .txt {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    margin-top: 6px;
}
#contents01 .inner ul:first-child li:nth-child(2) .txt {
    padding-left: 50px;
    letter-spacing: -2px;
}
#contents01 .inner ul:first-child li:last-child .txt {
    letter-spacing: -2px;
}

/*---------------------------------------------
    content02
---------------------------------------------*/

#contents02 {
    background: #fbf7ec;
    padding-bottom: 30px;
}
#contents02 .ttl-wrap {
    position: relative;
    height: 160px;
    background: #dbb23f;
}
#contents02 .ttl-wrap h2 {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1200px;
}
#contents02 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
}
#contents02 .inner ul {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 0 auto 80px;
}
#contents02 .inner ul:first-child li {
    width: 320px;
}
#contents02 .inner ul:first-child li .ttl {
    font-size: 23px;
    font-weight: bold;
    line-height: 1.304;
    text-align: center;
    margin-bottom: 1em;
}
#contents02 .inner ul:first-child li .note {
    width: auto;
    margin: 0;
    letter-spacing: -1px;
}
#contents02 .inner ul:nth-child(2) li {
}
#contents02 .inner ul:nth-child(2) li .ttl {
    background: #c03235;
    height: 46px;
    line-height: 46px;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
#contents02 .inner ul:nth-child(2) li .catch {
    height: 66px;
    line-height: 66px;
    font-size: 23px;
    text-align: center;
}
#contents02 .inner ul:nth-child(2) li:first-child ul {
    width: 710px;
    margin: 0;
}
#contents02 .inner ul:nth-child(2) li:first-child ul li {
    width: 220px;
}
#contents02 .inner ul:nth-child(2) li .img img {
    display: block;
}
#contents02 .inner ul:nth-child(2) li:first-child ul li .txt {
    background: #ecc2c2;
    width: 220px;
    height: 47px;
    color: #c03235;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 47px;
}
#contents02 .inner ul:nth-child(2) li:last-child {
    width: 320px;
}
#contents02 .inner ul:nth-child(2) li:last-child .ttl {
    height: 101px;
    line-height: 1.1739;
    padding-top: 24px;
    margin-bottom: 11px;
}
#contents02 .inner ul:nth-child(2) li:last-child  .txt {
    background: #ecc2c2;
    width: 320px;
    height: 47px;
    color: #c03235;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 47px;
}


/*---------------------------------------------
    content03
---------------------------------------------*/

#contents03 {
    padding-bottom: 30px;
}
#contents03 .ttl-wrap {
    position: relative;
    height: 120px;
    background: #d7000f;
}
#contents03 .ttl-wrap h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 120px;
    color: #fff;
    letter-spacing: 5px;
}
#contents03 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
#contents03 .inner .box {
    width: 1100px;
    display: flex;
    align-items: center;
    margin:0 auto 30px;
}
#contents03 .inner .box .img {
    margin-right: 30px;
}
#contents03 .inner .box .txt {
    font-size: 30px;
}
#contents03 .inner ul {
    width: 1100px;
    display: flex;
    justify-content: space-between;
    margin:0 auto 40px;
}
#contents03 .inner ul:nth-child(2) li {
    width: 530px;
}
#contents03 .inner ul li dl {
    display: flex;
    background:#d7000f;
    border-radius: 6px;
    height: 135px;
    margin-bottom: 4px;
}
#contents03 .inner ul li dl dt {
    position: relative;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.3703;
    width: 144px;
    padding-top: 30px;
}
#contents03 .inner ul li dl dt sup {
    font-size: 40%;
    vertical-align: super;
}
#contents03 .inner ul li dl dt::before {
    content: "";
    background: #fff;
    width: 3px;
    height: 105px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 140px;
    margin: auto;
}
#contents03 .inner ul li:last-child dl dt {
    width: 215px;
}
#contents03 .inner ul li:last-child dl dt::before {
    left: 215px;
}
#contents03 .inner ul li dl dd {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.363636;
    color: #fff;
    padding: 36px 0 0 20px;
}
#contents03 .inner ul li:last-child dl dd {
    padding: 24px 0 0 20px;
}
#contents03 .inner ul li .note {
    width: auto;
    text-align: right;
    margin: 0;
}

#contents03 .inner ul li .img {
    margin-bottom: 30px;
}
#contents03 .inner ul li .txt {
    display: table-cell;
    border: #d7000f solid 3px;
    width: 246px;
    height: 110px;
    color: #d7000f;
    font-size: 16px;
    line-height: 1.375;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
#contents03 .inner ul li .txt span {
    color: #585858;
    font-size: 13px;
    line-height: 1.8;
    font-weight: bold;
}

/*---------------------------------------------
    content04
---------------------------------------------*/

#contents04 {
    padding-bottom: 30px;
}
#contents04 .ttl-wrap {
    position: relative;
    height: 120px;
    background: #e39300;
}
#contents04 .ttl-wrap h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 130px;
    color: #fff;
    letter-spacing: 5px;
}
#contents04 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
#contents04 .inner .catch {
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
}
#contents04 .inner ul {
    width: 1100px;
    display: flex;
    justify-content: space-between;
    margin:0 auto 40px;
}
#contents04 .inner ul:nth-child(2) li {
    width: 500px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#contents04 .inner ul:nth-child(2) li .txt {
    background: #e39300;
    width: 248px;
    height: 200px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.333;
    color: #fff;
    text-align: center;
    padding-top: 60px;
}
#contents04 ul:nth-child(3) li .txt {
    background: #e39300;
    width: 248px;
    height: 345px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 1.733;
    padding-top: 110px;
}
#contents04 ul:nth-child(3) li .txt sup {
    font-size: 70%;
    vertical-align: super;
}
#contents04 ul:nth-child(3) li .txt span {
    display: block;
    font-size: 20px;
    margin-top: -8px
}
#contents04 ul:nth-child(3) li .img {
    margin-bottom: 20px;
}

#contents04 dl {
    display: flex;
    width: 245px;
    font-size: 20px;
    font-weight: bold;
}
#contents04 dt {
    background: #e39300;
    color: #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    text-align: center;
    padding-top: 12px;
}
#contents04 dd {
    width: calc(100% - 65px);
    margin-left: 10px;
    line-height: 1.3;
}

/*---------------------------------------------
    content05
---------------------------------------------*/

#contents05 {
    padding-bottom: 30px;
}
#contents05 .ttl-wrap {
    position: relative;
    height: 120px;
    background: #e39300;
}
#contents05 .ttl-wrap h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 120px;
    color: #fff;
    letter-spacing: 5px;
}
#contents05 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
#contents05 .inner .catch {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}
#contents05 .sttl-wrap {
    position: relative;
    height: 60px;
    background: #e39300;
    margin-bottom: 50px;
}
#contents05 .sttl-wrap h3 {
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: #fff;
    letter-spacing: 5px;
}
#contents05 .inner > .img {
    position: relative;
    left: -37px;
    width: 962px;
    margin: 0 auto 16px;
}

#contents05 .inner ul {
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 40px;
}
#contents05 .inner ul:nth-last-child(3) {
    width: 852px;
}
#contents05 .inner ul:nth-last-child(3) li .txt {
    text-align: center;
    font-size: 23px;
}
#contents05 .inner ul:nth-last-child(2) li {
    width: 250px;
    margin-bottom: 20px;
}
#contents05 .inner ul:nth-last-child(2) li .img {
    margin-bottom: 10px;
}
#contents05 .inner ul:nth-last-child(2) li dl dt {
    font-size: 22px;
    margin-bottom: 6px;
}
#contents05 .inner ul:nth-last-child(2) li dl dd {
    font-size: 12px;
    line-height: 1.41;
}
/*---------------------------------------------
    content06
---------------------------------------------*/

#contents06 {
    padding-bottom: 30px;
}
#contents06 .ttl-wrap {
    position: relative;
    height: 120px;
    background: #e39300;
}
#contents06 .ttl-wrap h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 120px;
    color: #fff;
    letter-spacing: 5px;
}
#contents06 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
#contents06 .inner .catch {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}

#contents06 .inner ul {
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 40px;
}
#contents06 .inner ul li {
    width: 534px;
}
#contents06 .inner ul li .img {
    margin-bottom: 10px;
}
#contents06 .inner ul li dl dt {
    font-size: 22px;
    margin-bottom: 6px;
}
#contents06 .inner ul li dl dd {
    font-size: 12px;
    line-height: 1.41;
}

/*---------------------------------------------
    content07
---------------------------------------------*/

#contents07 {
    padding-bottom: 30px;
}
#contents07 .ttl-wrap {
    position: relative;
    height: 120px;
    background: #3e64ab;
}
#contents07 .ttl-wrap h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 120px;
    color: #fff;
    letter-spacing: 5px;
}
#contents07 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
#contents07 .inner .catch {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}
#contents07 .box {
    width: 1100px;
    margin: 0 auto 10px;
}
#contents07 .inner .sttl-wrap {
    display: flex;
    margin-bottom: 20px;
}
#contents07 .inner .sttl-wrap h3 {
    width: 280px;
    height: 60px;
    background: #3e64ab;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    margin-right: 70px;
}
#contents07 .inner .sttl-wrap .sttl-catch {
    line-height: 70px;
    font-size: 27px;
}
#contents07 .inner .inner-content01 {
    display: flex;
    justify-content: space-between;
}
#contents07 .inner .inner-content01 .img {
    width: 520px;
}
#contents07 .inner .inner-content01 .dl-wrap {
    width: 500px;
}
#contents07 .inner .inner-content01 .dl-wrap dl {
    display: flex;
    margin-bottom: 20px;
}
#contents07 .inner .inner-content01 .dl-wrap dl dt {
    background: #3e64ab;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    line-height: 55px;
    margin-right: 14px;
}
#contents07 .inner .inner-content01 .dl-wrap dl dd {
    font-size: 23px;
}
#contents07 .inner .inner-content01 .dl-wrap dl dd  sup {
    font-size: 14px;
    vertical-align: super;
}
#contents07 .inner .inner-content02 {
    display: flex;
}
#contents07 .inner .inner-content02 .img {
    width: 430px;
    margin-right: 60px;

}
#contents07 .inner .inner-content02 dl {
    width: 270px;
}
#contents07 .inner .inner-content02 dl dt {
    font-size: 22px;
    margin-bottom: 6px;
}
#contents07 .inner .inner-content02 dl dd {
    font-size: 12px;
    line-height: 1.41;
    margin-bottom: 20px;
}

#contents07 .inner .inner-content02 dl:last-child {
    border-left: #585858 solid 1px;
    padding-left: 30px;
    margin-left: 30px;
}
#contents07 .inner .note {
    width: auto;
}
/*---------------------------------------------
    content08
---------------------------------------------*/

#contents08 {
    padding-bottom: 30px;
}
#contents08 .ttl-wrap {
    position: relative;
    height: 120px;
    background: #3e64ab;
}
#contents08 .ttl-wrap h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 120px;
    color: #fff;
    letter-spacing: 5px;
}
#contents08 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
#contents08 .inner .catch {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}
#contents08 .box {
    width: 1100px;
    margin: 0 auto 10px;
}
#contents08 .inner .sttl-wrap {
    display: flex;
    width: 1100px;
    margin: 0 auto 20px;
}
#contents08 .inner .sttl-wrap h3 {
    width: 200px;
    margin-right: 70px;
}
#contents08 .inner .sttl-wrap .sttl-catch {
    line-height: 58px;
    font-size: 30px;
}
#contents08 .inner .sttl-wrap .sttl-catch sup {
    vertical-align: super;
    font-size: 70%;
}
#contents08 .inner > ul {
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 40px;
}
#contents08 .inner > ul li:last-child {
    width: 632px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 40px;
}
#contents08 .inner > ul li:last-child .txt {
    background: #c03235;
    width: 305px;
    height: 102px;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.25;
    margin-top: 25px;
    padding: 2px 0px;
}
#contents08 .inner > ul li:last-child .txt span {
    font-size: 150%;
}
#contents08 .inner > ul li:last-child .txt:nth-child(2) {
    text-align: center;
}
#contents08 .inner > ul li:last-child .txt:nth-child(3) {
    padding: 16px 0 0 50px;
}
#contents08 .inner .box {
    width: 1100px;
    margin:0 auto 40px;
    padding: 30px;
    border: #c03235 solid 2px;
}
#contents08 .inner .box h4 {
    text-align: center;
    margin-bottom: 20px;
}
#contents08 .inner .box .content {
    display: flex;
    justify-content: space-between;
}
#contents08 .inner .box .content dl {
}
#contents08 .inner .box .content dl dt {
    font-size: 27px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
}
#contents08 .inner .box .content dl dd ul li {
    font-size: 20px;
    margin-bottom: 6px;
}
#contents08 .inner .box .content dl dd ul li::before {
    content: "・";
}
#contents08 .inner .box .content .note {
    width: auto;
    margin-bottom: 10px;
    text-align: right;
}
#contents08 .inner .box .content .img ul {
    width: 498px;
    display: flex;
    justify-content: space-between;
}
/*---------------------------------------------
    content09
---------------------------------------------*/

#contents09 {
    padding-bottom: 30px;
}
#contents09 .ttl-wrap {
    position: relative;
    height: 120px;
    background: #3e64ab;
}
#contents09 .ttl-wrap h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 120px;
    color: #fff;
    letter-spacing: 5px;
}
#contents09 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
#contents09 .inner .catch {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}
#contents09 .inner ul {
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 20px;
}
#contents09 .inner ul li {
    width: 545px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#contents09 .inner ul li p {
    width: 180px;
    height: 151px;
}
#contents09 .inner ul li .txt {
    background: #3e64ab;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.36;
    text-align: center;
    color: #fff;
    padding-top: 22px;
    margin-bottom: 30px;
}
#contents09 .inner ul li .img {
    position: relative;
}
#contents09 .inner ul li .img span {
    position: absolute;
    bottom: 0;
    left: 7px;
    font-size: 13px;
}
/*---------------------------------------------
    content10
---------------------------------------------*/

#contents10 {
    padding-bottom: 30px;
}
#contents10 .ttl-wrap {
    position: relative;
    height: 180px;
    background: #bd1c21;
}
#contents10 .ttl-wrap h2 {
    text-align: center;
    line-height: 140px;
}
#contents10 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
#contents10 .inner > .img {
    text-align: center;
    margin-bottom: 20px;
}
#contents10 .inner ul {
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 20px;
}
#contents10 .inner ul li:first-child {
    width: 377px;
    margin-right: 10px;
}
#contents10 .inner ul li:not(:first-child) {
    width: 340px;
}
#contents10 .inner ul li:first-child dt {
    background: #bd1c21;
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
    height: 110px;
    padding-top: 18px;
    margin-bottom: 10px;
}
#contents10 .inner ul li:first-child dl dd {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
}
#contents10 .inner ul:nth-last-child(3) li .img img {
    display: block;
}
#contents10 .inner ul:nth-last-child(3) li .txt {
    background: #585858;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}
#contents10 .inner ul:nth-last-child(3) li:last-child .txt {
    background: #bd1c21;
}
#contents10 .inner .note {
    letter-spacing: -.4px;
    padding-left: 1em;
    text-indent: -1em;
}
/*---------------------------------------------
    content11
---------------------------------------------*/

#contents11 {
    padding-bottom: 30px;
}
#contents11 .ttl-wrap {
    position: relative;
    height: 180px;
    background: #bd1c21;
}
#contents11 .ttl-wrap h2 {
    text-align: center;
    line-height: 140px;
}
#contents11 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
#contents11 .inner > .img {
    text-align: center;
    margin-bottom: 20px;
}
#contents11 .inner .box {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#contents11 .inner .box dl {
    width: 377px;
    margin-right: 10px;
}
#contents11 .inner .box dl dt {
    background: #bd1c21;
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
    font-weight: bold;
    height: 145px;
    padding-top: 38px;
    padding-left: 50px;
    margin-bottom: 10px;
}
#contents11 .inner .box dl dd {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: -1.58px;
    text-align: justify;
}
#contents11 .inner .box dl dd sup {
    font-size: 70%;
    vertical-align: super;
}
#contents11 .inner .box .content {
    width: 694px;
}
#contents11 .inner .box .content ul {
    display: flex;
    justify-content: space-between;
}
#contents11 .inner ul:nth-last-child(2) li .img img {
    display: block;
}
#contents11 .inner ul:nth-last-child(2) li .txt {
    background: #585858;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
#contents11 .inner ul:nth-last-child(2) li:last-child .txt {
    background: #bd1c21;
}
#contents11 .inner .box .content .note {
    width: 100%;
    line-height: 1.41;
    letter-spacing: -1.48px;
    text-align: justify;
}
/*---------------------------------------------
    content12
---------------------------------------------*/

#contents12 {
    padding-bottom: 30px;
}
#contents12 .ttl-wrap {
    position: relative;
    height: 180px;
    background: #bd1c21;
}
#contents12 .ttl-wrap h2 {
    text-align: center;
    line-height: 140px;
}
#contents12 .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
#contents12 .inner > .img {
    text-align: center;
    margin-bottom: 20px;
}
#contents12 .inner ul {
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 20px;
}
#contents12 .inner ul li:first-child {
    width: 462px;
    margin-right: 10px;
}
#contents12 .inner ul li:not(:first-child) {
    width: 297px;
}
#contents12 .inner ul li:first-child dt {
    background: #bd1c21;
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
    font-weight: bold;
    height: 110px;
    padding-top: 18px;
    padding-left: 26px;
    margin-bottom: 10px;
    white-space: nowrap;
}
#contents12 .inner ul li:first-child dl sup {
    font-size: 70%;
    vertical-align: super;
}
#contents12 .inner ul li:first-child dl dd {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
}
#contents12 .inner ul:nth-last-child(3) li .img img {
    display: block;
}
#contents12 .inner ul:nth-last-child(3) li .txt {
    background: #585858;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}
#contents12 .inner ul:nth-last-child(3) li:last-child .txt {
    background: #bd1c21;
    letter-spacing: -1px;
}

/*---------------------------------------------
    pagetop
---------------------------------------------*/
.pagetop {
    width: 1100px;
    margin: 0 auto;
    text-align: right;
}
.pagetop span::before {
    content: url(../img/pagetop_arrow.png);
    margin-right: 6px;
}

/*---------------------------------------------
    footer
---------------------------------------------*/
footer {
    background: #585858;
    width: 100%;
    height: 130px;
}
#f-inner {
    position: relative;
    background: #585858;
    width: 1200px;
    margin: 0 auto;
}
#f-logo {
    position: absolute;
    top: 42px;
    left: 96px;
}
#f-logo span{
    position: relative;
    top: -6px;
    display: inline-block;
    color: #fff;
    font-size: 23px;
    margin-left: 10px;
}
#copy {
    position: absolute;
    top: 42px;
    right: 94px;
    color: #fff;
    font-size: 10px;
}