.sp {
    display: block
}
.pc {
    display: none !important
}
.title {
    text-align: center;
    padding-top: 70px;
    margin-bottom: 25px
}
.barlow {
    font-family: Barlow, sans-serif;
    font-weight: 600;
    color: #265961;
    font-size: 6vw;
    line-height: 6.666666666666667vw;
    border-bottom: none
}
.subtitle {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 500;
    color: #1d381d;
    font-size: 4vw;
    line-height: 6.666666666666667vw;
    text-align: center;
    margin: 0
}
.overlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s;
    position: fixed
}
main {
    height: 100%;
    min-height: 100vh;
    background-color: transparent;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.overlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s;
    position: fixed
}
main {
    height: 100%;
    min-height: 100vh;
    background-color: transparent;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1
}
main.open {
    transform: translateX(-250px)
}
.menu-trigger {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #ffdd5c;
    vertical-align: middle;
    cursor: pointer;
    position: fixed;
    top: 15px;
    right: 15px;
    border-radius: 5px;
    z-index: 100
}
.menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    width: 45%;
    left: 14px;
    height: 2px;
    background-color: #227066;
    transition: all 0.5s
}
.menu-trigger span:nth-of-type(1) {
    top: 13px
}
.menu-trigger.active span:nth-of-type(1) {
    top: 14px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%
}
.menu-trigger span:nth-of-type(2) {
    top: 19px
}
.menu-trigger.active span:nth-of-type(2) {
    opacity: 0
}
.menu-trigger span:nth-of-type(3) {
    top: 25px
}
.menu-trigger span:nth-of-type(3)::after {
    content: "MENU";
    position: absolute;
    top: 5px;
    left: -2px;
    color: #227066;
    font-size: 0.6rem;
    text-transform: uppercase
}
.menu-trigger.active span:nth-of-type(3)::after {
    content: "CLOSE";
    transform: translateY(0) rotate(-45deg);
    top: 5px;
    left: 4px
}
.menu-trigger.active span:nth-of-type(3) {
    top: 26px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%
}
nav {
    width: 250px;
    height: 100vh;
    overflow: auto;
    padding: 100px 0;
    background-color: #227066;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    transform: translate(250px);
    transition: all 0.5s
}
nav.open {
    transform: translateZ(0)
}
nav li {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #fff;
    text-align: center;
    border-top: 1px solid #fff
}
nav>ul>li:last-of-type {
    border-bottom: 1px solid #fff;
    border-top: none
}
nav li a {
    display: block
}
nav li a {
    display: block;
    padding: 20px 10px
}
nav li.has-child ul,
nav li.has-child ul ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none
}
nav ul li.has-child {
    position: relative;
    border-bottom: 1px solid #fff
}
nav ul li.has-child::before {
    left: 20px
}
nav ul ul li.has-child::before {
    transform: rotate(135deg);
    left: 20px
}
nav ul li.has-child.active::before {
    transform: rotate(-45deg)
}
nav ul li.has-child.active > a {
    background-color: #FFF;
    color: #227066
}
nav ul li.has-child::before {
    content: '';
    position: absolute;
    left: 13%;
    top: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(135deg)
}
nav ul li.has-child.active::before {
    border-top: 2px solid #227066;
    border-right: 2px solid #227066
}
.cart {
    width: 100%;
    height: auto;
    background: #265961;
    color: #FFF;
    bottom: 4.933333vw;
    position: relative;
    clear: both;
    text-align: center;
    padding: 5.556vw 0
}
.cart h2 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 6vw;
    font-weight: 700
}
.cart button {
    margin-top: 38px;
    width: 75%;
    border-radius: 50px;
    font-size: 4vw;
    height: 8.889vw;
    line-height: 8.889vw;
    font-weight: 700;
    color: #265961;
    background-color: rgb(255, 221, 92);
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}
.cart button a {
    display: block
}
.cart button::before {
    content: '';
    position: absolute;
    background-image: url('../img/cart.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 5vw;
    height: 5vw;
    top: 0;
    bottom: 0;
    left: 50px;
    margin: auto
}
.cart button::after {
    content: '';
    position: absolute;
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    width: 2vw;
    height: 2.333vw;
    background-size: contain;
    top: 0;
    bottom: 0;
    right: 70px;
    margin: auto
}
.column {
    bottom: 1.929vw;
    background-image: url('../img/back.png');
    background-repeat: repeat;
    background-size: contain;
    position: relative;
    clear: both;
    width: 100%;
    margin: auto;
    height: auto;
    padding-bottom: 100px
}
.lineup {
    background-image: url('../img/lineup_back.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    position: relative
}
.lp__button {
    color: #fff;
    font-size: 30px;
    letter-spacing: 1px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 3px 15px #38312a;
    border: solid 3px #fff;
    background: #f78d1d;
    background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    display: inline-block;
    width: 90%;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    outline: none
}
.lp__button:hover {
    color: #fff;
    text-decoration: none;
    background: #f47c20;
    background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
    background: -moz-linear-gradient(top,#f88e11,#f06015);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    cursor: pointer
}
.lineuplist {
    display: flex;
    max-width: 1017px;
    margin: auto auto 90px;
    justify-content: space-around;
    text-align: center
}
.text_03 {
    font-family: 'メイリオ', Meiryo;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    clear: both;
    text-align: left;
    margin: 1em 0
}
.productname {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    line-height: 30px;
    margin: 1em 0
}
.productdis {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    margin: 0 0 1em;
    line-height: 30px
}
.text_04 {
    text-align: left;
    font-size: 12px;
    color: #c20000;
    font-weight: 700;
    margin: 0 0 1em
}
span.index_text03 {
    font-size: 30px;
    color: #c20000;
    line-height: 36px
}
.lp__quantity--text {
    font-size: 18px;
    text-align: center;
    width: 114px;
    margin: 0 0 1em
}
input[type="text"],
textarea {
    vertical-align: middle;
    max-width: 20%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
    text-align: center
}
.lp__quantity--text span {
    margin-right: 20px
}
form {
    width: 200px
}
.column {
    bottom: 0
}
.columnbox {
    background-image: url('../img/column/bg.png');
    background-repeat: repeat
}
.wrapper {
    width: 90%;
    margin: 100px auto;
    padding: 70px 20px 50px;
    background-color: #FFF;
    border-radius: 20px
}
h1 {
    position: relative;
    padding: 0.35em 0.5em;
    background: #ffdd5c;
    color: #49454f;
    letter-spacing: -0.1rem;
    text-align: center;
    font-size: 18px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 500;
    border-radius: 0 0 1.333vw 1.333vw;
    margin: auto auto 9.333vw;
    width: 100%;
    z-index: 10
}
h1 strong {
    font-family: 'Shippori Mincho', serif;
    font-weight: 700;
    font-size: 22px;
    color: #227066
}
h1:before {
    content: " ";
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    height: 0;
    border: solid 8px transparent;
    border-bottom-color: #e7c851
}
h1:after {
    content: "";
    position: absolute;
    background-image: url('../img/column/column01_b.png');
    width: calc(110.933vw / 3);
    height: calc(102.267vw / 3);
    background-size: contain;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -1
}
h1.self:after {
    background-image: url('../img/column/column02.png');
    width: calc(26.667vw * 1.3);
    height: calc(20vw * 1.3)
}
h1.male:after {
    background-image: url('../img/column/column03.png');
    width: calc(23.2vw * 1.3);
    height: calc(14.8vw * 1.3)
}
h1.female:after {
    background-image: url('../img/column/column04.png');
    width: calc(16.4vw * 1.3);
    height: calc(21.2vw * 1.3)
}
h1.care:after {
    background-image: url('../img/column/column07.png');
    width: calc(42.4vw / 2);
    height: calc(57.6vw / 2)
}
h1.selection:after {
    background-image: url('../img/column/column08.png');
    width: calc(20vw * 1.5);
    height: calc(20vw * 1.5)
}

h1.way:after {
    background-image: url('../img/column/column05.png');
    width: calc(22.266666666666666vw * 1.5);
    height: calc(21.2vw * 1.5)
}

h1.massage:after {
    background-image: url('../img/column/column06.png');
    width: calc(62.266666666666666vw / 1.5);
    height: calc(30.666666666666668vw / 1.5)
}

h2 {
    color: #265961;
    border-bottom: 3px solid #265961;
    font-size: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 3.333vw;
    padding-bottom: 0.667vw
}
h3 {
    color: #265961;
    padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 7px #265961;
    font-size: 18px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 700;
    margin: 50px 0 25px
}
h4 {
    border-bottom: solid 3px #265961;
    position: relative;
    margin: 50px 0 25px;
    font-size: 18px;
    padding-bottom: 2%;
    color: #265961;
    font-weight: 700;
    text-align: left
}
h4:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ffdd5c;
    bottom: -3px;
    width: 30%
}
.flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}
.flex img {
    width: 70%;
    height: auto
}
.flex p,
p {
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    margin: 3.333vw 0
}
p {
    width: 100%
}

ol.m_way,ul.t_way {
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    list-style: decimal;
    font-size: 16px;
    line-height: 26px;
    margin-left: 1em;
}

.flex.m_way {
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.flex.m_way img {
    width: 23%;
    height: auto;
}

.ma_flowarrow {
position: relative;
    width: 30px;
    height: auto;
}

.ma_flowarrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #1e474e;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    }

table {
    width: 100%;
    margin: 25px 0
}
table th {
    text-align: center;
    border: 1px solid #265961;
    padding: 1% 2%;
    width: 30%;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif
}
table td {
    border: 1px solid #265961;
    padding: 2%;
    font-size: 14px;
    line-height: 24px
}
.point {
position: relative;
    margin: 2em 0;
    padding: 7vw 2.667vw 2.667vw 2.667vw;
    border: solid 3px #ffdd5c;
    border-radius: 8px;
}
.point .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #265961;
    font-weight: 700;
    border-bottom: none
}
.point p {
    margin: 0;
    padding: 0
}
.point ul {
    background-color: transparent;
    padding: 1.333vw;
    font-size: 18px;
    line-height: 28px;
    list-style: disc
}
.point ul li {
    margin-left: 1rem
}

.point.self {
    text-align: center;
}
.point.self p {
margin-bottom: 20px;
}
.point.self img {
	float: left;
	width: 150px;
	height: auto;
}



.purchase {
	padding: 0px 20px;
    text-align: center;
    border: 1px solid #265961;
    border-radius: 50px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    color: #265961;
    transition: background 0.8s;
}

.purchase a {display: block;}

.haircheck {
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    display: flex;
    justify-content: center
}
.aic {
    align-items: center
}
.fdr {
    flex-direction: row
}
.haircheck li {
    width: 100%;
    text-align: center;
    border: 1px solid #265961;
    font-size: 14px;
    font-weight: 700;
    color: #265961;
    transition: background 0.8s
}
.haircheck li a {
    display: block;
    padding: 10px
}
.haircheck li:first-of-type {
    margin-right: 20px
}

input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    vertical-align: inherit
}
.typea,
.typeb {
    width: 45%
}



.typea p,
.typeb p {
    width: 100%
}
.arrow {
    position: relative;
    height: 50px;
    margin: 50px auto;
    width: 150px
}
.arrow::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 75px 0 75px;
    border-color: #227066 transparent transparent transparent
}
.tar {
    text-align: right
}
.button {
    text-align: center;
    position: relative;
    width: 470px;
    margin: auto
}
.btn03::after {
    content: "";
    background-image: url('../img/top/button.png');
    background-size: 50% auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: 38px;
    height: 146px;
    position: absolute;
    bottom: -83%;
    z-index: 10;
    right: -1.5%;
    transition: all 0.3s ease;
}
.btn03:hover:after {
    transform: translate(10px, 10px);
    transition: all 0.3s ease
}
.btn03 {
    width: auto;
    height: auto;
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    background-color: transparent;
    font-size: 20px;
    line-height: 20px;
    color: #FFF;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    outline: none;
    transition: all 0.2s ease;
        margin-bottom: 7%;
}
.btn03:hover {
    border-color: transparent
}
.btn03 a {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    display: block;
    background: #76a665;
    color: #FFF;
    transition: all 0.3s ease;
    margin: auto auto auto 0;
    text-align: center;
    padding: 20px 40px 20px 20px
}
.pushright:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 10px;
    left: 10px;
    right: 60px;
    width: 100%;
    height: 100%;
    background-color: #ffdd5c
}
.pushright:hover a {
    background-color: #76a665;
    color: #fff;
    transform: translate(10px, 10px)
}
.button span {
    font-family: 'Crimson Text', serif;
    font-size: 60px;
    color: #FFF
}
.lineup {
    background-image: url('../img/lineup_back.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    position: relative;
    width: 100%
}
.lp__button {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: #fff;
    font-size: 30px;
    letter-spacing: 1px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 3px 15px #38312a;
    border: solid 3px #fff;
    background: #f78d1d;
    background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    display: inline-block;
    width: 90%;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    outline: 0
}
.lp__button:hover {
    color: #fff;
    text-decoration: none;
    background: #f47c20;
    background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
    background: -moz-linear-gradient(top,#f88e11,#f06015);
    cursor: pointer
}
.lineuplist {
    display: flex;
    width: 85%;
    margin: auto auto 90px;
    justify-content: space-around;
    text-align: center;
    flex-direction: column;
    align-items: center
}
.lineuplist img {
    width: 80vw;
    height: auto
}
.text_03 {
    font-family: 'メイリオ', Meiryo, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    clear: both;
    text-align: left;
    margin: 1em 0
}
.productname {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    line-height: 30px;
    margin: 1em 0
}
.productdis {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    margin: 0 0 1em;
    line-height: 30px
}
.text_04 {
    text-align: left;
    font-size: 12px;
    color: #c20000;
    font-weight: 700;
    margin: 0 0 1em
}
span.index_text03 {
    font-size: 30px;
    color: #c20000;
    line-height: 36px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}
.lp__quantity--text {
    font-size: 18px;
    text-align: center;
    width: 114px;
    margin: 0 0 1em
}
input[type=text],
textarea {
    vertical-align: middle;
    max-width: 20%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
    text-align: center
}
.lp__quantity--text span {
    margin-right: 20px
}
form {
    width: auto;
    margin-bottom: 9.333333333333334vw
}
.column {
    bottom: 0
}
.column .card {
    display: flex;
    flex-wrap: wrap;
    max-width: 700px;
    width: 90%;
    margin: auto
}
.column .card_block {
    width: calc(50% - 13px);
    height: 40.8vw;
    margin-right: 23px;
    background-color: #FFF;
    background-image: url('../img/column/column_leaf.png');
    background-size: 10.133333333333333vw 9.866666666666667vw;
    background-repeat: no-repeat;
    background-position: top 6px left 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    padding: 1%;
    box-shadow: 15.649px 6.642px 18px 0 rgb(180 179 179 / 50%);
    margin-bottom: 30px;
    position: relative
}
.column .card_block a {
    display: block;
    top: 0;
    padding: 20px 0;
    width: 100%;
    height: 100%;
    position: absolute
}
.column .card_block:nth-child(2n) {
    margin-right: 0
}
.column .card_block img {
    width: 45%;
    height: auto;
    margin: auto
}
.column .card_block:nth-child(2) img,
.column .card_block:nth-child(6) img {
    width: 70%
}
.column .card_block:nth-child(3) img {
    width: 65%
}
.column .card_block:nth-child(4) img,
.column .card_block:nth-child(7) img {
    width: 40%
}
.column .card_block h3 {
    margin-top: auto;
    margin-bottom: 0;
    color: #49454f;
    letter-spacing: -0.1rem;
    text-align: center;
    font-size: 1rem;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 500;
    border-left: 0;
    padding: 0
}
.column .card_block h3 strong {
    margin-top: auto;
    font-family: 'Shippori Mincho', serif;
    font-weight: 700;
    font-size: 1.625rem;
    color: #227066
}
#page_top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 999
}
#page_top img {
    width: 13.733333333333333vw;
    height: auto
}
footer {
    background-color: #265961;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 40px 80px;
    align-items: center
}
footer ul {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    display: flex;
    width: 85%;
    margin: auto auto 50px;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}
.logo {
    text-align: right;
    width: 70%;
    height: auto
}
.logo img {
    width: 100%;
    height: auto
}

/*--------------------
  この記事を書いた人
---------------------*/
/*ボックス全体*/
.profile-box {
    margin: 3em 0em 2em;
    padding: 10px 10px 15px;
    position: relative;
    border: 2px solid #265961;
    font-size: 14px;
}

.profile-box:before , .profile-box:after {
    clear:both;
    content:"";
    display:block;
}

/*「この記事を書いた人」のタイトル*/
.profile-box .profile-box_title {
    position:absolute;
    top: -23px;
    left:-2px;
    padding:0 10px;
    background:#265961;    /*背景色*/
    color:#fff;            /*文字の色*/
    font-weight:bold;
    border:2px solid #265961;    /*枠線の太さ 線種 色*/
    display:inline-block;
}

.profile-box_title:before {
    font-family:"Font Awesome 5 Free";
    content:"\f007";
    font-weight:900;
    margin-right:7px;
}

/*アイコン画像*/
.profile-box img {
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 20px 10px 10px;
}

/*名前(ニックネーム)*/
.profile-box .profile-box_name {
   margin:0 0 7px;
   padding:0;
   font-size:19px;       /*文字サイズ*/
   font-weight:bolder;
}

/*プロフィール*/
.profile-box p {
    margin:0;
    padding:0;
    font-size:16px;
    line-height:23px;    /*行間*/
}