@charset "UTF-8"; @import url("sanitize.css"); /* CSS Document */
body {
    height: 100%;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 2em;
    letter-spacing: 0.05em;
    margin: 0 auto;
    color: #333;
    font-feature-settings: "palt";
    text-align: justify;
}

html, body {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
}

header, footer {
    font-size: 20px;
}

img {
    width: 100%;
    vertical-align: bottom;
    display: block;
}

a, a:visited {
    text-decoration: none;
    color: #888;
}

a[href*="tel:"] {
    pointer-events: none;
    color: #12a73b !important;
}

@media only screen and (max-width: 599px) {
    a[href*="tel:"] {
        pointer-events: initial;
    }
}

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

.mgt-03 {
    margin-top: -3px !important;
}

.mgt06 {
    margin-top: 6px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt12 {
    margin-top: 12px !important;
}

.mgt15 {
    margin-top: 15px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt-23 {
    margin-top: -23px !important;
}

.mgt30 {
    margin-top: 30px !important;
}

.mgt40 {
    margin-top: 40px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgt60 {
    margin-top: 60px !important;
}

.mgt70 {
    margin-top: 70px !important;
}

.mgt80 {
    margin-top: 80px !important;
}

.mgt90 {
    margin-top: 90px !important;
}

.mgt100 {
    margin-top: 100px !important;
}

.mgt120 {
    margin-top: 120px !important;
}

.mgt140 {
    margin-top: 140px !important;
}

.pdt80 {
    padding-top: 80px !important;
}

.pdt50 {
    padding-top: 50px !important;
}

.pdt20 {
    padding-top: 20px !important;
}

.pdt30 {
    padding-top: 30px !important;
}

.pdt40 {
    padding-top: 40px !important;
}

.pdb30 {
    padding-bottom: 30px !important;
}

.pdb40 {
    padding-bottom: 40px !important;
}

.pdb45 {
    padding-bottom: 45px !important;
}

.pdb49 {
    padding-bottom: 49px !important;
}

.pdb50 {
    padding-bottom: 50px !important;
}

.pdb80 {
    padding-bottom: 80px !important;
}

.pdlr {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.fon20 {
    font-size: 20% !important;
}

.fon25 {
    font-size: 25% !important;
}

.fon30 {
    font-size: 30% !important;
}

.fon35 {
    font-size: 35% !important;
}

.fon40 {
    font-size: 40% !important;
}

.fon45 {
    font-size: 45% !important;
}

.fon50 {
    font-size: 50% !important;
}

.fon55 {
    font-size: 55% !important;
}

.fon60 {
    font-size: 60% !important;
}

.fon65 {
    font-size: 65% !important;
}

.fon70 {
    font-size: 70% !important;
}

.fon75 {
    font-size: 75% !important;
}

.fon80 {
    font-size: 80% !important;
}

.fon85 {
    font-size: 85% !important;
}

.fon90 {
    font-size: 90% !important;
}

.fon95 {
    font-size: 95% !important;
}

.fon105 {
    font-size: 105% !important;
}

.fon110 {
    font-size: 110% !important;
}

.fon115 {
    font-size: 115% !important;
}

.fon120 {
    font-size: 120% !important;
}

.fon125 {
    font-size: 125% !important;
}

.fon130 {
    font-size: 130% !important;
}

.fon135 {
    font-size: 135% !important;
}

.fon140 {
    font-size: 140% !important;
}

.fon150 {
    font-size: 150% !important;
    position: relative;
    ; top: 2px;
}

.fon160 {
    font-size: 160% !important;
}

.fon165 {
    font-size: 165% !important;
}

.fon170 {
    font-size: 170% !important;
}

.fon175 {
    font-size: 175% !important;
}

.fon180 {
    font-size: 180% !important;
}

.fon185 {
    font-size: 185% !important;
}

.fon190 {
    font-size: 190% !important;
}

.fon195 {
    font-size: 195% !important;
}

.fon180_2 {
    font-size: 180% !important;
}

.fon200 {
    font-size: 200% !important;
}

.fon205 {
    font-size: 205% !important;
}

.fon210 {
    font-size: 210% !important;
}

.fon220 {
    font-size: 220% !important;
}

.fon240 {
    font-size: 240% !important;
}

.fon280 {
    font-size: 280% !important;
    position: relative;
    top: 5px;
}

sup.fon60 {
    position: relative;
    top: -0.8em;
    font-weight: normal !important;
}

.fonB {
    font-weight: bold !important;
}

.fonN {
    font-weight: normal !important;
}

.lh1_3 {
    line-height: 1.3em !important;
}

.lh1_4 {
    line-height: 1.4em !important;
}

.lh1_5 {
    line-height: 1.5em !important;
}

.lh1_6 {
    line-height: 1.6em !important;
}

.lh1_7 {
    line-height: 1.7em !important;
}

.lh1_8 {
    line-height: 1.8em !important;
}

.lh1_9 {
    line-height: 1.9em !important;
}

.lh2 {
    line-height: 2em !important;
}

.lh_er {
    line-height: 1.5em !important;
}

.ls0 {
    letter-spacing: 0 !important;
}

.ls001 {
    letter-spacing: 0.01em !important;
}

.ls003 {
    letter-spacing: 0.03em !important;
}

.ls-0005 {
    letter-spacing: -0.005em !important;
}

.ls-001 {
    letter-spacing: -0.01em !important;
}

.ls-002 {
    letter-spacing: -0.02em !important;
}

.ls-003 {
    letter-spacing: -0.03em !important;
}

.ls-004 {
    letter-spacing: -0.04em !important;
}

.ls-005 {
    letter-spacing: -0.05em !important;
}

.ls-007 {
    letter-spacing: -0.07em !important;
}

.ls-008 {
    letter-spacing: -0.08em !important;
}

.ls-012 {
    letter-spacing: -0.12em !important;
}

.ta_r {
    text-align: right !important;
}

.ta_l {
    text-align: left !important;
}

.ta_c {
    text-align: center !important;
}

.ti {
    text-indent: -0.6em;
    padding-left: 0.6em;
}

.b_no {
    font-weight: normal !important;
}

.oblique {
    font-style: oblique;
}

.dis_ib {
    display: inline-block;
    margin-top: -20px;
}

.red {
    color: #F00000;
}

.black {
    color: #222;
}

.gray {
    color: #555555;
}

.blue {
    color: #0ac3d2;
}

/******************wrap******************/
.wrap1140 {
    max-width: 1140px;
    margin: 0 auto;
}

.wrap1000 {
    max-width: 1000px;
    margin: 0 auto;
}

.wrap950 {
    max-width: 950px;
    margin: 0 auto;
}

.pdlr125 {
    padding: 0 125px;
}

.wrap750 {
    max-width: 750px;
    margin: 0 auto;
}

.pc_1000, .sp_750, .pc_800, .pc_700, .pc_480 {
    display: block !important;
}

.pc_800_in {
    display: inline-block !important;
}

.pc_1000_in {
    display: inline-block !important;
}

.sp_1000, .pc_750, .sp_800, .sp_800_in, .sp_700, .sp_480 {
    display: none !important;
}

/******************header******************/
.header {
    background: #F6F5EF;
}

header {
    padding: 16px 0;
}

header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header ul li {
    margin: 0;
    padding: 0;
}

.logo {
    margin-top: 2px;
    padding-left: 1.5% !important;
    width: 225px;
}

.icon_box {
    padding: 8px 1.5% 0 10px;
    width: calc(100% - 225px);
}

header .box {
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
    width: 100%;
}

header .box_red, header .box_blk {
    font-size: 65%;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 0.02em;
    padding: 4px 6px 7px;
    line-height: 0;
}

header .box_red {
    color: #F00000;
    border: 1px solid #F00000;
    margin: 0 0 0 1.5%;
}

header .box_blk {
    color: #555;
    border: 1px solid #555;
    margin: 0 0 0 6px;
}

header .box_blk:last-child {
    margin: 0 1.5% 0 6px;
}

header .box_red span, header .box_blk span {
    font-size: 115% !important;
    display: inline-block;
    position: relative;
    top: 2px;
    padding-right: 4px;
}

header .box_blk:last-child span {
    padding-right: 5px;
}

/******************footer******************/
footer {
    background: #F6F5EF;
    margin: 30px auto 0;
    text-align: center;
    padding: 20px 0;
}

footer p {
    color: #888;
    font-size: 65%;
}

footer p a {
    color: #888;
}

/******************aco******************/
.aco dt {
    padding: 30px 0 50px;
}

.aco dd {
    display: none;
    width: 100%;
    max-width: 1000px;
    padding: 50px 25px 80px;
}

.aco dt img {
    cursor: pointer;
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}

.aco2 dt {
    padding: 30px 0 35px;
}

.aco2 dd {
    display: none;
    width: 100%;
    max-width: 1000px;
    padding: 50px 6px 0;
}

.aco2 dt img {
    cursor: pointer;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
}

.double_line {
    display: inline-block;
    position: relative;
    padding: 3px;
    border: solid 1px #00537B;
    /* 内枠のスタイル */
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 30px;
}

.double_line::before {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: solid 3px #00537B;
    /* 外枠のスタイル */
    z-index: -1;
}

.double_box {
    padding: 20px 25px 25px;
}

/******************note******************/
.note {
    color: #555;
    font-size: 11px;
    line-height: 1.5em;
}

.spec {
    margin-top: 3%;
    padding: 0 5%;
    font-size: 70%;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}

/******************main******************/
.fv {
    position: relative;
}

.fv .kao {
    position: absolute;
    bottom: 50%;
    margin-bottom: -16.5%;
    right: 50%;
    margin-right: -35%;
}

.item_b_ttl {
    max-width: 950px;
    margin: 30px auto 0;
}

.ttl01 {
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    margin: 70px auto 0;
    line-height: 1.8em;
}

.ttl01_b {
    font-weight: bolder;
    font-size: 18px;
    inline-size: fit-content;
    margin: 20px auto 0;
    line-height: 1.5em;
}

.ttl01 span {
    color: #0ac3d2;
}

.ttl01_b span {
    color: #333;
}

.item_list {
    width: 100%;
    max-width: 940px;
    display: flex;
    justify-content: center;
    margin: 30px auto 0;
}

.item_list div {
    opacity: 1;
    transition: 0.3s;
}

.item_list div:hover {
    opacity: 0.7 !important;
    transition: 0.3s;
}

.item_list > div {
    width: 25%;
}

.item_list a {
    position: relative;
}

.item_list img:nth-child(2) {
    margin-top: -1px;
    display: block;
}

.item_list img:nth-child(3) {
    margin-top: -1px;
    display: block;
}

.item_list_decoration {
    position: absolute;
    top: -5.3%;
    left: -2.8%;
    width: 42.6%;
    max-width: 100px;
}

.list_box {
    position: relative;
    margin: 80px auto 0;
    padding: 40px 10px 30px;
    width: 100%;
    max-width: 720px;
    border: 2px solid #0ac3d2;
    background: #fff;
    border-radius: 8px;
}

.ttl02 {
    position: absolute;
    right: 100px;
    top: -17px;
    padding: 0 .5em;
    background: #fff;
    font-weight: bold;
    font-size: 27px;
    text-align: center;
    color: #0ac3d2;
}

.list {
    padding: 0 25px;
}

.list ul {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 420px;
}

.list ul li {
    text-align: justify !important;
    line-height: 2em;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #555;
    font-size: 19px;
}

@media all and (-ms-high-contrast: none) {
    .list ul li {
        letter-spacing: 0;
    }
}

.list ul li:first-letter {
    color: #0ac3d2;
    font-size: 190%;
    vertical-align: top;
}

.list_img {
    width: 100%;
    max-width: 600px;
    margin: 50px auto 0;
}

.list_lead {
    font-size: 17px;
    line-height: 2em;
    text-align: center;
}

.about_t {
    background: linear-gradient(to bottom, #ebbf00, #ffeb9b 40%, #ebbf00);
    margin-top: 55px;
    padding: 0 20px;
}

.icon_mark img {
    margin: 0 auto;
    text-align: center;
    max-width: 340px;
}

.ttl_b_01 {
    max-width: 850px;
    padding: 13px 0;
}

.ttl_b_02 {
    max-width: 850px;
}

.b_txt_01 {
    max-width: 850px;
    margin: 30px auto 20px;
    background-color: #d39c00;
}

.b_txt_01 p {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    color: #ffffff;
    padding: 15px 0;
}

.b_txt_02 {
    max-width: 850px;
    margin: 30px auto 0;
    background-color: #15bacb;
}

.b_txt_02 p {
    font-size: 23px;
    font-weight: bolder;
    text-align: center;
    color: #ffffff;
    padding: 19px 20px;
}

.about_ill01 {
    max-width: 850px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.about_ill01_img {
    width: 482px;
    padding-right: 25px;
}

.about_ill01_img .note {
    background: #fff;
    padding: 5px 20px 10px;
}

.about_ill01_txt {
    width: 468px;
    font-size: 18px;
    line-height: 2em;
    text-align: justify;
}

.ill_b_box {
    max-width: 850px;
    margin: 0 auto;
    padding: 40px 0;
}

@media all and (-ms-high-contrast: none) {
    .about_ill01_txt {
        letter-spacing: 0;
    }
}

.about_ill01_txt p {
    padding: 0px 0 10px 3px;
}

.about_b {
    background: #ebbf00;
}

.en {
    font-family: arial;
}

.rotate10 {
    display: inline-block;
    transform: rotate(10deg);
}

.rotate-10 {
    display: inline-block;
    transform: rotate(-10deg);
}

.ill_02_txt {
    margin: 0 auto;
    text-align: center;
    color: #00537b;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 20px;
}

.ill_02_img_m {
    background: #fff;
    font-size: 17px;
    line-height: 2em;
    text-align: center;
    padding: 10px 0 15px;
    font-weight: bold;
}

.ill_02_img_m span {
    color: #0ac3d2;
}

.arrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #0ac3d2;
    display: block;
    margin: 20px auto 0;
}

.ill_02_img_t {
    background: #fff;
}

.ill_02_img_b {
    background: #fff;
}

.ill_02_img_b .note {
    padding: 10px 20px 20px;
}

.ttl03 {
    font-weight: bold;
    font-size: 27px;
    text-align: center;
    margin-top: 80px;
    line-height: 1.8em;
}

.ttl03 span {
    color: #0ac3d2;
}

.check {
    margin-top: 80px;
    background: #0ac3d2;
    padding: 50px 25px;
}

.ttl04 {
    font-weight: bold;
    font-size: 27px;
    text-align: center;
    line-height: 1.8em;
    background: #ffff90;
    max-width: 1000px;
    width: 100%;
    border-radius: 25px;
}

.ttl04 span {
    color: #0ac3d2;
}

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

.check_list {
    display: flex;
    align-items: stretch;
    max-width: 1000px;
}

.check_list_box {
    max-width: 1000px;
    width: 100%;
}

.check_list_box_l, .check_list_box_r {
    float: left;
    width: 50%;
}

.check_box {
    width: 48%;
    text-align: center;
    background: #fff;
}

.check_ttl {
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    margin: 22px auto 10px;
    text-align: center;
    line-height: 1.4em;
    width: 100%;
}

.check_ttl span {
    color: #ffff90;
    font-size: 130%;
}

.tab03 .note {
    margin-top: 7px;
    margin-bottom: 12px;
    display: block;
}

.check_box ul {
    padding: 3% 5% 2%;
}

.check_box li {
    text-align: left;
    color: #4d4d4d;
    font-weight: bold;
    line-height: 1.4em;
    border-bottom: 1px solid #888;
    font-size: 19px;
}

.check_box li:last-child {
    border-bottom: none;
}

.tab {
    padding: 0 0 15px 26px;
    background: url("../img/ico_check_on.png")no-repeat;
    background-position: left top 5%;
    background-size: 20px;
    margin-top: 15px;
}

.tab02 {
    padding: 0 0 15px 26px;
    background: url("../img/ico_check02_on.png")no-repeat;
    background-position: left top 5%;
    background-size: 20px;
    margin-top: 15px;
}

.tab03 {
    padding: 0 0 15px 26px;
    background: url("../img/ico_check03_on.png")no-repeat;
    background-position: left top 5%;
    background-size: 20px;
    margin-top: 15px;
}

.tab04 {
    padding: 0 0 15px 26px;
    background: url("../img/ico_check04_on.png")no-repeat;
    background-position: left top 5%;
    background-size: 20px;
    margin-top: 15px;
}

.tab05 {
    padding: 0 0 15px 26px;
    background: url("../img/ico_check05_on.png")no-repeat;
    background-position: left top 5%;
    background-size: 20px;
    margin-top: 15px;
}

.check_btn {
    width: 48%;
    background: #fff;
}

.check_btn img {
    width: 180px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
}

.item_01, .item_02, .item_03, .item_04, .item_05 {
    width: 100%;
    padding: 0 30px;
    margin: 6% auto 0;
}

.item_cv {
    display: flex;
    width: 100%;
    max-width: 1000px;
    background: #FFDCD6;
}

.item_cv div:first-child {
    width: 67%;
}

.item_cv div:last-child {
    width: 33%;
    transition: 0.3s;
}

.item_cv div:last-child:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.ttl05 {
    font-size: 25px;
    max-width: 1000px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

.item_01 .ttl05 {
    background: #DEF2F5;
    color: #0AC3D2;
}

.item_02 .ttl05 {
    background: #F8E8D8;
    color: #E9851E;
}

.item_03 .ttl05 {
    background: #E6F1DC;
    color: #6EB93C;
}

.item_04 .ttl05 {
    background: #fbe2e4;
    color: #ff5758;
}

.item_05 .ttl05 {
    background: #ffd8c2;
    color: #c12929;
}

.note_point {
    display: block;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    text-align: right;
    padding: 4px 10px 0 0;
}

.item_point_01 {
    display: flex;
    max-width: 1000px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
}

.item_point_01 sup {
    font-size: 70%;
    font-weight: normal;
}

.item_point_01 div {
    border: 1px solid #0AC3D2;
    margin-right: 1%;
    padding: 0 0 1%;
    margin-top: 10px;
}

.item_point_ttl_01 {
    background: #0AC3D2;
    color: #fff;
    margin-bottom: 10px;
    font-size: 25px;
    padding: 1% 0;
}

.item_point_01 div:first-child {
    width: 26%;
}

.item_point_01 div:nth-child(2) {
    width: 22%;
}

.item_point_01 div:nth-child(3) {
    width: 22%;
}

.item_point_01 div:last-child {
    width: 26%;
    margin-right: 0;
}

.item_point_02 {
    display: flex;
    max-width: 1000px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
}

.item_point_02 sup {
    font-size: 70%;
    font-weight: normal;
}

.item_point_02 div {
    border: 1px solid #E9851E;
    margin-right: 1%;
    padding: 0 0 1%;
    margin-top: 10px;
}

.item_point_ttl_02 {
    background: #E9851E;
    color: #fff;
    margin-bottom: 10px;
    font-size: 25px;
    padding: 1% 0;
}

.item_point_02 div:first-child {
    width: 32%;
}

.item_point_02 div:nth-child(2) {
    width: 33%;
}

.item_point_02 div:last-child {
    width: 33%;
    margin-right: 0;
}

.item_point_03 {
    display: flex;
    max-width: 1000px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
}

.item_point_03 sup {
    font-size: 70%;
    font-weight: normal;
}

.item_point_03 div {
    border: 1px solid #6EB93C;
    margin-right: 1%;
    padding: 0 0 1%;
    margin-top: 10px;
}

.item_point_ttl_03 {
    background: #6EB93C;
    color: #fff;
    margin-bottom: 10px;
    font-size: 25px;
    padding: 1% 0;
}

.item_point_03 div:first-child {
    width: 26%;
}

.item_point_03 div:nth-child(2) {
    width: 23%;
}

.item_point_03 div:nth-child(3) {
    width: 23%;
}

.item_point_03 div:last-child {
    width: 24%;
    margin-right: 0;
}

.item_point_04 {
    display: flex;
    max-width: 1000px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
}

.item_point_04 sup {
    font-size: 70%;
    font-weight: normal;
}

.item_point_04 div {
    border: 1px solid #ee8081;
    margin-right: 1%;
    padding: 0 0 1%;
    margin-top: 10px;
}

.item_point_ttl_04 {
    background: #ee8081;
    color: #fff;
    margin-bottom: 10px;
    font-size: 25px;
    padding: 1% 0;
}

.item_point_04 div:first-child {
    width: 26%;
}

.item_point_04 div:nth-child(2) {
    width: 23%;
}

.item_point_04 div:nth-child(3) {
    width: 23%;
}

.item_point_04 div:last-child {
    width: 24%;
    margin-right: 0;
}

.item_point_05 {
    display: flex;
    max-width: 1000px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
}

.item_point_05 sup {
    font-size: 70%;
    font-weight: normal;
}

.item_point_05 div {
    border: 1px solid #c12929;
    margin-right: 1%;
    padding: 0 0 1%;
    margin-top: 10px;
}

.item_point_ttl_05 {
    background: #c12929;
    color: #fff;
    margin-bottom: 10px;
    font-size: 25px;
    padding: 1% 0;
}

.item_point_05 div:first-child {
    width: 23%;
}

.item_point_05 div:nth-child(2) {
    width: 24%;
}

.item_point_05 div:nth-child(3) {
    width: 26%;
}

.item_point_05 div:last-child {
    width: 23%;
    margin-right: 0;
}

.note_box {
    width: 100%;
    max-width: 1000px;
    padding: 0.7% 1.5% 0.5%;
    font-size: 12px;
    line-height: 1.4em;
    border: 1px solid #999;
}

.note_txt_t {
    width: 100%;
    max-width: 1000px;
    padding: 1% 1.5% 0;
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: 0.03em;
}

.note_txt_b {
    width: 100%;
    max-width: 1000px;
    padding: 1% 1.5% 2%;
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: 0.03em;
}

.note_cv {
    width: 100%;
    max-width: 1000px;
    padding: 0.5% 0 1.5% 0.5%;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 0.03em;
}

.note_cv span {
    color: #DF1C24;
}

.note_cv a {
    color: #2E3184;
    text-decoration: underline;
    font-size: 90%;
}

.note_txt_ft {
    width: 100%;
    max-width: 1000px;
    padding: 1% 1.5% 0;
    font-size: 13px;
    line-height: 1.4em;
}

.note_txt_ft span {
    text-decoration: underline;
}

.item_ttl {
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 30px;
    align-items: flex-end;
}

.item_ttl div:first-child {
    width: 100%;
    max-width: 525px;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
    padding-right: 25px;
    margin: 0;
}

.item_ttl div:last-child {
    width: 100%;
    max-width: 475px;
    margin: 0;
}

.item_ttl p>span {
    display: inline-block;
}

.item_01 .item_ttl p {
    margin: 20px auto 22px;
}

.item_02 .item_ttl p {
    margin: 38px auto 41px;
}

.item_03 .item_ttl p {
    margin: 35px auto 38px;
}

.item_04 .item_ttl p {
    margin: 35px auto 38px;
}

.item_05 .item_ttl p {
    margin: 35px auto 38px;
}

.item_03_b {
    margin: 8px auto!important;
    font-weight: normal!important;
}

.cv_ft {
    background: #ebbf00;
    padding: 60px 25px 40px;
    margin: 80px auto 20px !important;
}

.ttl06 {
    font-weight: bold;
    font-size: 22px;
    line-height: 2.5em;
    text-align: center;
}

.ttl06 span {
    font-size: 170%;
    display: block;
    line-height: 1.3em;
}

.cv_item_ft {
    display: flex;
    width: 100%;
    max-width: 900px;
    margin: 30px auto 0;
}

.cv_item_ft div {
    width: 45%;
    justify-content: center;
    transition: 0.3s;
}

.cv_item_ft div:hover {
    opacity: 0.8;
    transition: 0.3s;
}

.point_ttl_01_1, .point_ttl_02_1, .point_ttl_03_1, .point_ttl_04_1, .point_ttl_04_2, .point_ttl_01_2, .point_ttl_03_2, .point_ttl_04_2, .point_ttl_01_3, .point_ttl_05_1, .point_ttl_05_2 {
    width: 100%;
    max-width: 600px;
    margin: 10px auto 20px;
}

.point_hmb_ill02 {
    width: 100%;
    max-width: 860px;
    margin: 0 auto 20px;
}

.point_hmb_ill01 {
    width: 100%;
    max-width: 750px;
    margin: 10px auto 5px;
}

.point_ttl_04_3, .point_ttl_05_3, .point_ttl_05_4 {
    width: 100%;
    max-width: 860px;
    margin: 20px auto 20px;
}

.point_ttl_04_4 {
    width: 100%;
    max-width: 860px;
    margin: -5px auto 0;
}

.point_voice_t {
    display: flex;
    width: 100%;
    max-width: 900px;
}

.point_voice_b {
    display: flex;
    width: 100%;
    max-width: 900px;
}

.point_voice_l {
    width: 49.5%;
    display: flex;
    text-align: left;
    padding: 20px 20px 20px 0;
}

.point_voice_r {
    width: 50%;
    display: flex;
    text-align: left;
    padding: 20px 0 20px 10px;
}

.point_voice_l div:last-child, .point_voice_r div:last-child {
    color: #00537B;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
    width: 60%;
    margin-top: 5px;
}

.point_voice_l div:last-child span, .point_voice_r div:last-child span {
    display: block;
    color: #333;
    font-size: 80%;
    line-height: 1.6em;
    font-weight: normal;
    text-align: justify;
    margin-top: 10px;
}

.point_voice_m {
    width: 1px;
    background: #00537B;
}

.point_hr {
    border: none;
    border-bottom: 1px solid #00537B;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.point_kirin35 {
    display: flex;
    width: 100%;
    max-width: 680px;
    align-items: center;
}

.point_kirin35 div p span {
    color: #0AC3D2;
}

.point_kirin35 div:first-child {
    width: 70%;
}

.point_kirin35 div:last-child {
    width: 30%;
    padding-left: 3%;
}

.point_comment_img {
    display: flex;
}

.point_comment_img div p {
    font-size: 14px !important;
    margin-top: 10px;
    line-height: 1.8em;
}

.point_comment_img01 {
    width: 29%;
    border: none;
    border-right: 1px solid #00537B;
    padding: 0 2% 0 0;
}

.point_comment_img02 {
    width: 36%;
    border-right: 1px solid #00537B;
    padding: 0 2%;
}

.point_comment_img03 {
    width: 35%;
    padding: 0 0 0 2%;
}

.point_ttl_02_1 {
    width: 100%;
    max-width: 600px;
}

.point_ttl_03_1 {
    width: 100%;
    max-width: 600px;
}

.vitamin_txt01 {
    text-align: center;
    margin-bottom: 15px;
}

.polyphenol_txt01 {
    text-align: center;
    margin-top: -10px!important;
    margin-bottom: 30px;
}

.polyphenol_img01 {
    width: 100%;
    max-width: 800px;
    margin: 35px auto 20px;
}

.polyphenol_img02 {
    width: 100%;
    max-width: 700px;
    margin: -20px auto 20px;
}

.polyphenol_img03 {
    width: 100%;
    max-width: 700px;
    margin: 30px auto 20px;
}

.vitamin_txt02 {
    text-align: center;
    font-weight: bold;
    margin: 15px auto;
    font-size: 19px;
}

.polyphenol_txt01 span {
    color: #00537B;
    font-weight: bold;
}

.vitamin_txt02 span {
    color: #00537B;
    text-decoration: underline;
}

.point_ttl_02_b_img {
    width: 100%;
    max-width: 750px;
}

.point_mechanism {
    margin-top: 2.5%;
    margin-bottom: 20px;
}

.point_mechanism div {
    border: none;
    border-right: 1px solid #00537B;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    width: 33%;
}

.point_mechanism div:first-child {
    padding-left: 0;
}

.point_mechanism div:last-child {
    border: none;
    border-right: 0;
    padding-right: 0;
}

.point_review_t, .point_review_b {
    width: 100%;
    max-width: 840px;
    padding: 0 25px;
}

.point_review_t {
    margin: 20px auto 15px;
}

.point_review_b {
    margin: 5px auto 15px;
}

.point_review_t div, .point_review_b div {
    width: 50%;
    float: left;
}

.point_review_t div:first-child, .point_review_b div:first-child {
    padding-right: 20px;
}

.point_hmb {
    display: flex;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}

.hmb_img01 {
    width: 42%;
    text-align: right;
    padding-left: 5%;
}

.hmb_img01 img {
    width: 250px;
}

.hmb_txt01 {
    width: 58%;
    text-align: left;
}

.hmb__txt02 {
    text-align: center;
    margin: 22px auto 18px;
    font-size: 19px;
    font-weight: bold;
}

.hmb__txt02 span {
    text-align: center;
    font-weight: bold;
    margin: 15px auto;
    font-size: 21px;
    color: #00537B;
    text-decoration: underline;
}

/******************pagetop******************/
.pt {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 2000;
}

.pt a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 0;
    text-decoration: none;
    margin: 0;
    padding: 22px 0 0;
    background-color: #9AA5B3;
    width: 45px !important;
    height: 45px;
    border-radius: 5px;
}

.pt a:hover, .pt a:visited {
    display: block;
    color: #fff;
    opacity: 0.7;
}

@media screen and (max-width: 1040px) {
    .check_box li {
        font-size: 1.67vw;
    }

    .check_btn img {
        width: 96%;
    }

    .check_btn {
        padding: 0 2%;
    }

    .tab03 .note {
        margin-top: 0.4vw;
        margin-bottom: 1vw;
    }
}

@media screen and (max-width: 1000px) {
    .fv .kao {
        margin-bottom: -17%;
        margin-right: -36%;
    }

    footer {
        font-size: 20px;
    }

    .pc_1000, .pc_1000_in {
        display: none !important;
    }

    .sp_1000 {
        display: block !important;
    }

    .icon_box {
        padding: 8px 0.8% 0 0;
    }

    .list_spec {
        line-height: 1.5em;
        padding-left: 12%;
    }

    .about_ill01_img {
        width: 50%;
        padding-right: 2%;
    }

    .about_ill01_txt {
        width: 48%;
    }

    .sub_txt {
        padding: 5% 4% 5%;
        line-height: 1.7em;
    }

    .main_txt {
        padding: 5% 4% 5%;
        line-height: 1.7em;
    }

    .main_t {
        padding-bottom: 2.5%;
    }

    .main_b {
        padding-top: 2.5%;
    }

    .item_point_01, .item_point_02, .item_point_03, .item_point_04, .item_point_05 {
        font-size: 18px;
    }

    .item_point_ttl_01 {
        font-size: 23px;
    }

    .note_txt_ft {
        padding: 1% 5% 0;
    }
}

@media screen and (max-width: 900px) {
    .check_ttl {
        font-size: 17px;
    }

    .item_point_01, .item_point_02, .item_point_03, .item_point_04, .item_point_05 {
        font-size: 16px;
    }
}

@media screen and (max-width: 800px) {
    .pc_800, .pc_800_in {
        display: none !important;
    }

    .sp_800 {
        display: block !important;
    }

    .sp_800_in {
        display: inline-block !important;
    }

    .wrap950 {
        padding: 0 20px;
    }

    .ttl02 {
        right: calc(50% - 150px);
        top: -40px;
        line-height: 1.4em;
    }

    .list ul {
        margin: 2% auto 0;
    }

    .icon_mark img {
        margin: 0;
        max-width: 100%;
        text-align: left !important;
        padding-right: 45%;
    }

    .about_ill01 {
        display: block;
    }

    .about_ill01_img {
        width: 100%;
        padding-right: 0;
        margin-top: 5%;
        max-width: 460px;
    }

    .about_ill01_txt {
        width: 100%;
    }

    .about_ill01_txt img {
        padding: 0 30px;
        text-align: right !important;
        margin-top: 0;
    }

    .aco dd {
        max-width: 500px;
        padding: 10% 2.5% 0;
    }

    .aco2 dd {
        padding: 10% 2.5% 0;
    }

    .ill_02_img_m {
        width: 100%;
        max-width: 500px;
    }

    .check_list_box_l, .check_list_box_r {
        float: none;
        width: 100%;
    }

    .check_ttl {
        font-size: 20px;
    }

    .check_btn img {
        max-width: 210px;
    }

    .check {
        padding: 5% 2%;
    }

    .check_box, .check_btn {
        width: 46%;
    }

    .check_box li {
        line-height: 1.4em;
        font-size: 19px;
    }

    .note_cv a {
        display: block;
    }

    .item_point_01, .item_point_02, .item_point_03, .item_point_04, .item_point_05 {
        font-size: 2vw;
        line-height: 1.4em;
    }

    .aco dd {
        padding: 8% 2.5% 10%;
    }

    .aco2 dd {
        padding: 8% 2.5% 0;
    }

    .point_hmb {
        display: block;
    }

    .hmb_img01 {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

    .hmb_img01 img {
        width: 100%;
        max-width: 250px;
        text-align: center;
        padding: 0;
        margin: 0 auto;
    }

    .hmb_txt01 {
        width: 100%;
        text-align: center;
        padding-bottom: 3%;
    }
}

@media screen and (max-width: 750px) {
    .pc_750 {
        display: block !important;
    }

    .sp_750 {
        display: none !important;
    }

    .fv .kao {
        bottom: 2%;
        right: 0;
        margin-bottom: 0;
        margin-right: 0;
    }

    .item_b_ttl {
        padding: 0 15px;
        margin: 20px auto 0;
    }

    .item_list div:hover {
        opacity: 1 !important;
    }

    .item_cv div:last-child:hover {
        opacity: 1 !important;
    }

    .aco2 dt {
        padding: 6% 0 7%;
    }

    header {
        font-size: 18px;
    }

    .icon_box {
        padding: 1px 0.8% 0 10px;
    }

    .ttl_b_01 {
        padding: 15px 0 10px;
    }

    .ttl_b_02 {
        padding: 0 20px;
    }

    .ttl_b_03 {
        padding: 0 20px;
    }

    .ttl01_b {
        font-size: 14.5px;
        line-height: 1.6em;
        letter-spacing: 0.01em;
        margin: 15px auto 0;
    }

    header .box_red, header .box_blk {
        letter-spacing: 0.02em;
        padding: 6px 10px 5px;
        line-height: 1.4em;
    }

    header .box_red span, header .box_blk span {
        top: 1%;
        padding-right: 2px;
    }

    header .box_blk:last-child span {
        padding-right: 4px;
    }

    .about_ill01_txt p {
        padding: 6px 0 0 3px;
        line-height: 1.8em;
    }

    .ttl04 {
        font-size: 4vw;
    }

    .check_btn img {
        width: 85%;
        padding-bottom: 10%;
    }

    .item_01, .item_02, .item_03, .item_04, .item_05 {
        padding: 0 2.5%;
    }

    .item_cv {
        display: block;
        max-width: 500px;
    }

    .item_cv div:first-child {
        width: 100%;
    }

    .item_cv div:last-child {
        width: 100%;
    }

    .ttl05 {
        margin-top: 2%;
        font-size: 23px;
    }

    .note_cv {
        padding: 4% 0 5% 1%;
        font-size: 11.5px;
        text-align: center;
        line-height: 1.9em;
    }

    .note_cv a {
        font-size: 100%;
    }

    .b_txt_01 {
        margin: 23px auto 17px;
    }

    .b_txt_02 {
        margin: 23px auto 0;
    }

    .ill_b_box {
        padding: 6px 19px 40px;
    }

    .item_ttl {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .item_ttl div:first-child {
        max-width: 500px;
        padding-right: 0;
        margin: 0 auto;
    }

    .item_ttl div:last-child {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .item_01 .item_ttl p {
        margin: 20px auto;
    }

    .item_02 .item_ttl p {
        margin: 20px auto;
    }

    .item_03 .item_ttl p {
        margin: 20px auto;
    }

    .item_04 .item_ttl p {
        margin: 20px auto;
    }

    .item_05 .item_ttl p {
        margin: 20px auto;
    }

    .item_point_01, .item_point_02, .item_point_03, .item_point_04, .item_point_05 {
        display: block;
        text-align: left;
        font-size: 17px;
        line-height: 1.4em;
    }

    .item_point_01 div:first-child, .item_point_02 div:first-child, .item_point_03 div:first-child, .item_point_04 div:first-child, .item_point_05 div:first-child, .item_point_01 div:nth-child(2), .item_point_02 div:nth-child(2), .item_point_03 div:nth-child(2), .item_point_04 div:nth-child(2), .item_point_05 div:nth-child(2), .item_point_01 div:nth-child(3), .item_point_03 div:nth-child(3), .item_point_04 div:nth-child(3), .item_point_05 div:nth-child(3), .item_point_01 div:last-child, .item_point_02 div:last-child, .item_point_03 div:last-child, .item_point_04 div:last-child, .item_point_05 div:last-child {
        width: 100%;
    }

    .item_point_ttl_01, .item_point_ttl_02, .item_point_ttl_03, .item_point_ttl_04, .item_point_ttl_05 {
        margin: 0;
        font-size: 22px;
        padding: 13px 0 0 18px;
        width: 50px;
        height: 50px;
        text-align: left;
    }

    .polyphenol_img01 {
        width: 100%;
        max-width: 800px;
        margin: 35px auto 20px;
    }

    .item_point_txt {
        margin: -37px 3% 7px 60px;
        text-align: justify;
    }

    .note_point {
        padding: 0 10px 0 0;
        margin-top: -8px;
    }

    .cv_ft {
        background: #ebbf00;
        padding: 10% 10% 5%;
        margin: 7% auto 6% !important;
    }

    .cv_item_ft {
        display: block;
        margin: 5% auto 0;
    }

    .cv_item_ft div {
        width: 100%;
        max-width: 450px;
        margin-bottom: 7%;
    }

    .cv_item_ft div:last-child {
        margin-bottom: 0;
    }

    .cv_item_ft div:hover {
        opacity: 1;
    }

    .double_line {
        margin: 0 auto 8%;
    }

    .double_box {
        padding: 2% 3% 2% 2%;
    }

    .point_ttl_01_1, .point_ttl_02_1, .point_ttl_03_1, .point_ttl_01_2, .point_ttl_03_2, .point_ttl_01_3 {
        margin: 2% auto 1%;
        padding: 0 5%;
    }

    .point_voice_t {
        display: block;
    }

    .point_voice_b {
        display: block;
    }

    .point_voice_l {
        width: 100%;
        padding: 2.5% 0 3%;
    }

    .point_voice_r {
        width: 100%;
        padding: 2.5% 0 3%;
    }

    .point_voice_l div:last-child, .point_voice_r div:last-child {
        width: 70%;
        margin-top: 1%;
    }

    .point_voice_l div:last-child span, .point_voice_r div:last-child span {
        margin-top: 1%;
    }

    .point_kirin35 div:first-child {
        width: 60%;
    }

    .point_kirin35 div:last-child {
        width: 40%;
    }

    .point_comment_img {
        display: block;
    }

    .point_comment_img01 {
        width: 100%;
        border: none;
        border-right: 0;
        border-bottom: 1px solid #00537B;
        padding: 4% 0 3.5%;
    }

    .point_comment_img01 img, .point_comment_img02 img, .point_comment_img03 img, .point_comment_img04 img {
        width: 100%;
        max-width: 450px;
    }

    .point_comment_img02 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #00537B;
        padding: 4.5% 0 3.5%;
    }

    .point_comment_img03 {
        width: 100%;
        padding: 5% 0 1%;
    }

    .point_comment_img04 {
        width: 100%;
        padding: 5% 0 1%;
    }

    .vitamin_txt01, .polyphenol_txt01 {
        line-height: 1.8em;
    }

    .ttl06 {
        line-height: 1.6em;
    }

    .point_mechanism {
        display: block;
    }

    .point_mechanism div {
        float: none;
        width: 100%;
    }

    .point_mechanism div {
        border: none;
        border-bottom: 1px solid #00537B;
        padding: 5% 12%;
    }

    .point_mechanism div img {
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
    }

    .point_mechanism div:first-child {
        padding: 0 12% 5%;
    }

    .point_mechanism div:last-child {
        padding: 5% 12% 0;
    }

    .point_ttl_02_2, .point_ttl_03_3, .point_ttl_03_4 {
        max-width: 550px;
    }

    .point_review_t, .point_review_b {
        display: block;
        padding: 0 2%;
        margin: 0 auto;
    }

    .point_review_t div, .point_review_b div {
        padding: 5% 5% 0 5%;
    }

    .point_review_t div:first-child, .point_review_b div:first-child {
        padding: 5% 5% 0 5%;
    }

    .point_review_t div, .point_review_b div {
        float: none;
        width: 100%;
    }

    .polyphenol_img01 {
        margin: -20px auto 20px;
    }

    /******************pagetop******************/
    .pt {
        display: none;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 2000;
    }

    .pt a {
        padding: 20px 0 0 2px;
        background-color: #9AA5B3;
        width: 40px !important;
        height: 40px;
        border-radius: 5px 0 0 0;
    }

    .pt a:hover, .pt a:visited {
        opacity: 1;
    }

    .hmb__txt02 {
        line-height: 1.8em;
    }

    .point_ttl_04_4 {
        margin: -7% auto 0;
    }
}

@media screen and (max-width: 700px) {
    .pc_700 {
        display: none !important;
    }

    .sp_700 {
        display: block !important;
    }

    .icon_box {
        width: calc(100% - 31vw);
    }

    .check_ttl {
        font-size: 3.2vw;
        margin: 6% auto 2%;
        line-height: 1.5em;
    }

    .check_ttl span {
        font-size: 180%;
    }

    .check_box li {
        font-size: 3.55vw;
        letter-spacing: -0.01em;
    }

    .tab {
        padding: 0 0 7% 14%;
        background-position: left top 5%;
        background-size: 4vw;
        margin-top: 10%;
    }

    .tab02 {
        padding: 0 0 7% 14%;
        background-position: left top 5%;
        background-size: 4vw;
        margin-top: 10%;
    }

    .tab03 {
        padding: 0 0 7% 14%;
        background-position: left top 5%;
        background-size: 4vw;
        margin-top: 10%;
    }

    .tab04 {
        padding: 0 0 7% 14%;
        background-position: left top 5%;
        background-size: 4vw;
        margin-top: 10%;
    }

    .tab05 {
        padding: 0 0 7% 14%;
        background-position: left top 5%;
        background-size: 4vw;
        margin-top: 10%;
    }

    .hmb__txt02 {
        padding: 0 3%;
    }
}

@media screen and (max-width: 600px) {
    .item_list {
        display: flex;
        flex-wrap: wrap;
        padding: 0 2%;
    }

    .item_list div {
        width: 50%;
        padding: 3% 2%;
    }

    .item_list_decoration {
        top: -4.1%;
        left: -2.3%;
        width: 41.3%;
        max-width: 100%;
    }

    .ttl01 {
        font-size: 5vw;
        margin: 10% auto 0;
        line-height: 1.8em;
    }

    .ttl03 {
        font-size: 5vw;
        margin-top: 10%;
    }

    .ttl04 {
        font-size: 5vw;
        margin-top: 10%;
    }

    .ill_02_txt {
        font-size: 5.3vw;
        padding-bottom: 3%;
        line-height: 1.5em;
    }

    .ill_02_img_m {
        font-size: 3.2vw;
        line-height: 1.8em;
        padding: 3% 0 2%;
    }

    .list_img {
        margin: 8% auto 0;
    }

    .about_t {
        margin-top: 7.8%;
    }
}

@media screen and (max-width: 550px) {
    .logo {
        width: 35vw;
    }

    .list_box {
        margin: 18% auto 0;
        padding: 8% 3% 5%;
    }

    .ttl02 {
        position: absolute;
        right: calc(50% - 29.5vw);
        top: -8vw;
        padding: 0 .5em;
        font-size: 5vw;
    }

    .item_list {
        margin: 3% auto 0;
    }

    .list ul li {
        line-height: 2em;
        letter-spacing: 0;
        font-size: 4vw;
        padding-left: 2%;
    }

    .ill_02_img_b {
        padding-bottom: 10%;
    }

    .list {
        padding: 0 5%;
    }

    .aco dt img {
        max-width: 220px;
    }

    .aco2 dt img {
        max-width: 220px;
    }

    .check {
        margin-top: 10%;
        padding: 10% 2%;
    }

    .icon_mark img {
        margin: 0 0 0 -6%;
        padding-right: 37%;
    }

    .ttl_b_02 {
        padding: 0 8px;
    }

    .b_txt_01 p {
        font-size: 17px;
        line-height: 1.6em;
    }

    .b_txt_02 p {
        font-size: 19px;
        line-height: 1.6em;
    }

    .about_ill01_txt {
        letter-spacing: 0.06em;
    }

    .about_ill01_txt img {
        padding: 15px 8px 10px;
    }

    .about_ill01_txt p {
        font-size: 16px;
        line-height: 1.6em;
    }

    .item_point_txt {
        margin: -36px 3% 7px 60px;
    }

    .ttl06 {
        font-size: 4vw;
    }

    .ill_02_img_m {
        max-width: 100%;
    }

    .point_kirin35 {
        align-items: flex-start;
        margin-top: 3%;
    }

    .point_kirin35 div p {
        font-size: 95%;
        line-height: 1.8em;
        padding: 0 0 3% 4%;
        letter-spacing: 0;
    }
}

@media screen and (max-width: 480px) {
    .pc_480 {
        display: none !important;
    }

    .sp_480 {
        display: block !important;
    }

    .logo {
        width: 40vw;
    }

    .note {
        font-size: 10px!important;
        line-height: 1.4em;
        letter-spacing: 0.02em;
    }

    .tab03 .note {
        font-size: 9px;
        line-height: 1em;
    }

    header {
        font-size: 3.7vw;
    }

    header .box_red {
        width: 60%;
        padding: 1.5vw 0 1.2vw;
    }

    header .box_blk {
        width: 68%;
        padding: 1.5vw 0 1.2vw;
    }

    header .box_blk:last-child {
        width: 65%;
        padding: 1.5vw 0 1.2vw;
    }

    .list ul li {
        font-size: 4.2vw;
        padding-left: 1%;
    }

    .note_box {
        font-size: 10px;
        padding: 1.5% 2.5% 1.3%;
        letter-spacing: 0.03em;
    }

    .note_txt_t {
        padding: 2.2% 2% 0;
        font-size: 10px;
        letter-spacing: 0.03em;
    }

    .note_txt_b {
        padding: 2.6% 2% 5%;
        font-size: 10px;
        letter-spacing: 0.02em;
    }

    .item_ttl div:first-child {
        font-size: 5.5vw;
        line-height: 1.4em;
    }

    .item_point_txt {
        margin: -35px 3% 7px 60px;
    }

    .note_point {
        font-size: 10px;
    }

    .ttl05 {
        font-size: 20px;
    }

    .ttl06 {
        font-size: 4.5vw;
    }

    .ttl06 span {
        margin-bottom: 2%;
        line-height: 1.3em;
    }

    .ill_02_img_m {
        font-size: 3.7vw;
    }

    .point_ttl_01_1, .point_ttl_02_1, .point_ttl_03_1, .point_ttl_04_1, .point_ttl_04_2, .point_ttl_01_2, .point_ttl_03_2, .point_ttl_01_3, .point_ttl_05_1, .point_ttl_05_2 {
        padding: 0;
    }

    .point_kirin35 div p {
        font-size: 90%;
    }

    .point_kirin35 div:first-child {
        width: 53%;
    }

    .point_kirin35 div:last-child {
        width: 47%;
    }

    .vitamin_txt01, .polyphenol_txt01 {
        font-size: 3.8vw;
    }

    .vitamin_txt02 {
        font-size: 4.5vw;
        line-height: 1.6em;
    }

    .point_review_t div, .point_review_b div {
        padding: 5% 0 0;
    }

    .point_review_t div:first-child, .point_review_b div:first-child {
        padding: 5% 0 0;
    }

    .hmb__txt02 {
        font-size: 4.3vw;
        line-height: 1.6em;
    }

    .hmb__txt02 span {
        font-size: 4.5vw;
        line-height: 1.6em;
    }

    /******************footer******************/
    footer p b {
        display: none;
    }

    footer p {
        padding: 10px 0;
        font-size: 12px;
    }
}

@media screen and (max-width: 375px) {
    .icon_mark img {
        margin: 0 0 0 -12%;
        padding-right: 30%;
    }

    .item_point_01, .item_point_02, .item_point_03, .item_point_04, .item_point_05 {
        font-size: 15px;
    }

    .item_point_ttl_01, .item_point_ttl_02, .item_point_ttl_03, .item_point_ttl_04, .item_point_ttl_05 {
        padding: 10px 0 0 14px;
        width: 42px;
        height: 42px;
    }

    .item_point_txt {
        margin: -31px 3% 6px 50px;
        text-align: justify;
        letter-spacing: -0.003em;
    }

    .point_voice_l div:last-child, .point_voice_r div:last-child {
        font-size: 15px;
        width: 87%;
        margin-left: 1%;
    }

    .point_voice_l div:last-child span, .point_voice_r div:last-child span {
        font-size: 90%;
        line-height: 1.8em;
        letter-spacing: 0.01em;
        margin-top: 2%;
    }
}

.content__wrapper {
    margin: 54px 0 0;
}

.content__inner {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 20px;
}

.content01 {
    background: url(../img/content01_bg_pc.jpg) no-repeat top center / cover;
    padding: 131px 0 168px;
}

.content01__txt-01-container {
    background: rgba(255, 255, 255, .85);
    padding: 66px 0 62px;
    margin: 0 0 -12px;
}

.content01__txt-01 {
    width: 765px;
    margin: 0 auto;
    position: relative;
    left: 6px;
}

.content01__txt-02 {
    width: 1014px;
    margin: 0 auto;
    position: relative;
    left: -147px;
}

.content02 {
    background: url(../img/content02_bg_pc.jpg) repeat center center / 20px 20px;
    padding: 0 0 99px;
}

.content02__txt-01 {
    width: 819px;
    margin: 0 auto 12px;
    position: relative;
    top: -78px;
}

.content02__txt-02 {
    width: 583px;
    margin: 0 auto 99px;
    position: relative;
    left: 5px;
}

.content02__row {
    display: flex;
    justify-content: center;
}

.content02__box {
    width: 398px;
    margin: 0 22px 0 0;
}

.content02__box:last-of-type {
    margin-right: 0;
}

.content02__box-lyt {
    border-left: 3px solid #2c949c;
    border-bottom: 3px solid #2c949c;
    border-right: 3px solid #2c949c;
    background: #fff;
    padding: 31px 7px 32px;
}

.content02__box-btn {
    width: 370px;
    margin: 34px auto 0;
    cursor: pointer;
}

.content02__box-accordion {
    display: none;
    width: 365px;
    margin: 32px auto 0;
}

@media screen and (max-width: 1140px) and (min-width: 751px) {
  .content__wrapper {
      margin: min(calc(54 / 1140 * 100vw), 54px) 0 0;
  }

  .content__inner {
      padding: 0 min(calc(20 / 1140 * 100vw), 20px);
  }

  .content01 {
      padding: min(calc(131 / 1140 * 100vw), 131px) 0 min(calc(168 / 1140 * 100vw), 168px);
  }

  .content01__txt-01-container {
      padding: min(calc(66 / 1140 * 100vw), 66px) 0 min(calc(62 / 1140 * 100vw), 62px);
      margin: 0 0 max(calc(-12 / 1140 * 100vw), -12px);
  }

  .content01__txt-01 {
      width: min(calc(765 / 1140 * 100vw), 765px);
      left: min(calc(6 / 1140 * 100vw), 6px);
  }

  .content01__txt-02 {
      width: min(calc(1014 / 1140 * 100vw), 1014px);
      left: calc(50% - min(calc(561 / 1140 * 100vw), 561px));
  }

  .content02 {
      background: url(../img/content02_bg_pc.jpg) repeat center center / min(calc(20 / 1140 * 100vw), 20px) min(calc(20 / 1140 * 100vw), 20px);
      padding: 0 0 min(calc(99 / 1140 * 100vw), 99px);
  }

  .content02__txt-01 {
      width: min(calc(819 / 1140 * 100vw), 819px);
      margin: 0 auto min(calc(12 / 1140 * 100vw), 12px);
      top: max(calc(-78 / 1140 * 100vw), -78px);
  }

  .content02__txt-02 {
      width: min(calc(583 / 1140 * 100vw), 583px);
      margin: 0 auto min(calc(99 / 1140 * 100vw), 99px);
      left: min(calc(5 / 1140 * 100vw), 5px);
  }

  .content02__box {
      width: min(calc(398 / 1140 * 100vw), 398px);
      margin: 0 min(calc(22 / 1140 * 100vw), 22px) 0 0;
  }

  .content02__box-lyt {
      border-left: min(calc(3 / 1140 * 100vw), 3px) solid #2c949c;
      border-bottom: min(calc(3 / 1140 * 100vw), 3px) solid #2c949c;
      border-right: min(calc(3 / 1140 * 100vw), 3px) solid #2c949c;
      padding: min(calc(31 / 1140 * 100vw), 31px) min(calc(7 / 1140 * 100vw), 7px) min(calc(32 / 1140 * 100vw), 32px);
  }

  .content02__box-btn {
      width: min(calc(370 / 1140 * 100vw), 370px);
      margin: min(calc(34 / 1140 * 100vw), 34px) auto 0;
  }

  .content02__box-accordion {
      width: min(calc(365 / 1140 * 100vw), 365px);
      margin: min(calc(32 / 1140 * 100vw), 32px) auto 0;
  }
}

@media screen and (max-width: 750px) {
  .content__wrapper {
      margin: 9% 0 5%;
  }

  .content__inner {
      max-width: 860px;
      margin: 0 auto;
      padding: 0 0 0;
  }

  .content01 {
      background: url(../img/content01_bg_sp.jpg) no-repeat top center / cover;
      padding: 16.3% 0 24.8%;
  }

  .content01__txt-01-container {
      padding: 10.9% 0 10%;
      margin: 0 0 -4.9%;
  }

  .content01__txt-01 {
      width: 88%;
      left: 1.2%;
  }

  .content01__txt-02 {
      width: 100%;
      left: 0;
  }

  .content02 {
      background: url(../img/content02_bg_sp.jpg) repeat center center / min(calc(20 / 750 * 100vw), 20px) min(calc(20 / 750 * 100vw), 20px);
      padding: 0 0 9%;
  }

  .content02__txt-01 {
      width: 93%;
      margin: 0 auto -0.9%;
      top: -11.5vw;
  }

  .content02__txt-02 {
      width: 88%;
      margin: 0 auto 12%;
      left: 0.5%;
  }

  .content02__row {
      display: block;
  }

  .content02__box {
      width: 93%;
      margin: 0 auto 6.4%;
  }

  .content02__box:last-of-type {
      margin-right: auto;
      margin-bottom: 0;
  }

  .content02__box-lyt {
      border-left: min(calc(3 / 750 * 100vw), 3px) solid #2c949c;
      border-bottom: min(calc(3 / 750 * 100vw), 3px) solid #2c949c;
      border-right: min(calc(3 / 750 * 100vw), 3px) solid #2c949c;
      padding: 8% 3.2% 8%;
  }

  .content02__box-btn {
      width: 100%;
      margin: 10.6% auto 0;
      cursor: pointer;
  }

  .content02__box-accordion {
      display: none;
      width: 96%;
      margin: 9.6% auto 0;
  }
}