@charset "utf-8";
        .cs_ff_ja1 {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
}
.cs_ff_ja2 {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
}   @media (min-width: 768px) {
.cs_e_op {
transition: opacity 0.3s ease-in-out;
}
.cs_e_op:hover {
text-decoration: none;
opacity: 0.6;
}
}   @media (min-width: 1200px) {
.cs_none_pc {
display: none !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.cs_none_tb {
display: none !important;
}
}
@media (max-width: 991px) {
.cs_none_sp {
display: none !important;
}
}   .cs_img_full {
width: 100%;
}
.cs_img_radius,
.cs_img_radius img {
border-radius: 20px;
}
@media (max-width: 991px) {
.cs_img_radius,
.cs_img_radius img {
border-radius: 10px;
}
}   .cs_sec_wrap {
position: relative;
}
.cs_sec_full_wrap .container {
padding-left: 0;
padding-right: 0;
width: 100%;
}   .cs_overview {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cs_overview .block:nth-of-type(1) {
width: 51%;
}
.cs_overview .block:nth-of-type(2) {
width: 42%;
}
.cs_overview .name {
margin-bottom: 15px;
color: #452202;
font-size: 13px;
font-weight: 700;
}
.cs_overview .name span {
margin-left: 10px;
font-size: 20px;
}
.cs_overview .img {
margin-bottom: 15px;
}
.cs_overview .img img {
width: 100%;
border-radius: 20px;
}
.cs_overview .list_1 {
margin-bottom: 15px;
width: 100%;
font-size: 14px;
border-top: 1px dashed #CCCCCC;
}
.cs_overview .list_1 tr {
border-bottom: 1px dashed #CCCCCC;
}
.cs_overview .list_1 th,
.cs_overview .list_1 td {
border-bottom: none;
vertical-align: top;
}
.cs_overview .list_1 th {
padding: 17px 0 15px;
color: #574726;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.cs_overview .list_1 td {
padding: 15px 0 15px 40px;
}
.cs_overview .list_1 a {
display: inline-block;
position: relative;
padding-right: 10px;
margin-top: 10px;
color: #C8A87A;
font-size: 12px;
border-bottom: 1px solid #C8A87A;
}
.cs_overview .list_1 a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(45deg);
display: block;
width: 6px;
height: 6px;
border-top: 1px solid #C8A87A;
border-right: 1px solid #C8A87A;
}
.cs_overview .list_1 td span {
font-size: 12px;
}
.cs_overview .note {
font-size: 11px;
}
.cs_overview .note span {
color: #DF6952;
}
.cs_overview .list_2 {
width: 100%;
color: #574726;
font-size: 14px;
border: 1px solid #CCCCCC;
background-color: #FFF;
}
.cs_overview *+.list_2 {
margin-top: 25px;
}
.cs_overview .list_2 thead {
background-color: #f9e6d4;
}
.cs_overview .list_2 tr {
border-bottom: 1px dashed #CCCCCC;
}
.cs_overview .list_2 th,
.cs_overview .list_2 td {
padding: 14px 10px;
vertical-align: top;
font-weight: 700;
text-align: center;
border: none;
}
.cs_overview .list_2 th {
white-space: nowrap;
}
.cs_overview .list_2 thead th:nth-of-type(1),
.cs_overview .list_2 tbody th:nth-of-type(1) {
text-align: left;
}
.cs_overview .table_note {
margin-top: 10px;
margin-left: 10px;
color: #574726;
font-size: 14px;
font-weight: 700;
}
@media (max-width: 991px) {
.cs_overview .block:nth-of-type(1) {
width: 100%;
}
.cs_overview .block:nth-of-type(2) {
margin-top: 25px;
width: 100%;
}
.cs_overview .name {
font-size: 12px;
}
.cs_overview .img img {
border-radius: 10px;
}
.cs_overview .list_1 {}
.cs_overview .list_1 th {
padding: 15px 0;
font-size: 12px;
}
.cs_overview .list_1 td {
padding: 15px 0 15px 20px;
font-size: 14px;
}
.cs_overview .list_1 td span {
font-size: 10px;
}
.cs_overview .list_2 {
font-size: 11px;
}
.cs_overview *+.list_2 {
margin-top: 20px;
}
.cs_overview .list_2 th,
.cs_overview .list_2 td {
padding: 12px 5px;
}
.cs_overview .table_note {
margin-top: 10px;
margin-left: 0;
font-size: 11px;
}
}   .cs_box_1_green,
.cs_box_1_pink {
padding: 70px;
border-radius: 20px;
border-width: 2px;
border-style: dashed;
}
.cs_box_1_green {
border-color: #ABD475;
}
.cs_box_1_pink {
border-color: #FF909E;
}
@media (max-width: 991px) {
.cs_box_1_green,
.cs_box_1_pink {
padding: 40px 20px;
border-width: 1px;
border-radius: 10px;
}
}   .cs_table_1 {
width: 100%;
color: #574726;
font-size: 14px;
border: 1px solid #CCCCCC;
}
.cs_table_1 thead {
background-color: #FFE9E5;
}
.cs_table_1 tr {
border-bottom: 1px dashed #CCCCCC;
}
.cs_table_1 th,
.cs_table_1 td {
padding: 20px 25px;
vertical-align: top;
border: none;
border-right: 1px dashed #CCCCCC;
}
.cs_table_1 th {
font-weight: 700;
}
.cs_table_note {
margin-top: 10px;
font-size: 11px;
text-align: right;
}
@media (max-width: 991px) {
.cs_table_1 th,
.cs_table_1 td {
padding: 10px 5px;
}
}   .cs_btn_wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-right: -20px;
margin-bottom: -20px;
}
.cs_btn_wrap a {
margin-right: 20px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.cs_btn_wrap {
display: block;
margin-right: 0;
}
.cs_btn_wrap a {
margin-left: auto;
margin-right: auto;
}
}   .cs_btn_1 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
color: #FFF !important;
text-decoration: none !important;
text-align: center;
background-color: #FF909E;
transition: opacity 0.3s ease-in-out;
}
.cs_btn_1:hover {
opacity: 0.6;
}
.cs_btn_1>div {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
width: 100%;
}
.cs_btn_1>div+div {
margin-top: 10px;
}
.cs_btn_1 .fs_xs {
font-size: 12px;
}
.cs_btn_1 .fs_s {
font-size: 16px;
}
.cs_btn_1 .fs_m {
font-size: 20px;
}
.cs_btn_1 .fs_l {
font-size: 26px;
}
.cs_btn_1 .fw_b {
font-weight: 700;
} .cs_btn_1.cs_btn_l {
padding: 5px 35px;
width: calc(50% - 20px);
min-width: 180px;
max-width: 100%;
height: 130px;
border-radius: 20px;
}
.cs_btn_1.cs_btn_m {
padding: 5px 35px;
width: calc(50% - 20px);
min-width: 180px;
max-width: 100%;
height: 80px;
border-radius: 20px;
}
.cs_btn_1.cs_btn_s {
padding: 5px 25px;
width: calc(33.33% - 20px);
min-width: 180px;
max-width: 100%;
height: 54px;
border-radius: 10px;
}
.cs_btn_1.cs_btn_xs {
padding: 5px 20px;
width: calc(33.33% - 20px);
min-width: 180px;
max-width: 100%;
height: 40px;
border-radius: 10px;
}
.cs_btn_1.cs_btn_full {
width: 100%;
min-width: auto;
max-width: 100%;
}
.cs_btn_1.cs_btn_m::after,
.cs_btn_1.cs_btn_s::after,
.cs_btn_1.cs_btn_xs::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
}
.cs_btn_1.cs_btn_m::after {
right: 20px;
}
.cs_btn_1.cs_btn_s::after {
right: 15px;
}
.cs_btn_1.cs_btn_xs::after {
right: 10px;
} .cs_btn_1.cs_btn_brown {
background-color: #CEB17E;
}
.cs_btn_1.cs_btn_blue {
background-color: #8AC8E7;
}
.cs_btn_1.cs_btn_green {
background-color: #ABD475;
}
.cs_btn_1.cs_btn_pink {
background-color: #FF909E;
}
.cs_btn_1.cs_btn_orange {
background-color: #F2C06F;
}
.cs_btn_mint {
background-color: #81c9c9;
}
.cs_btn_pale_orange {
background-color: #ffb5a4;
}
@media (max-width: 991px) {
.cs_btn_1 .fs_xs {
font-size: 11px;
}
.cs_btn_1 .fs_s {
font-size: 12px;
}
.cs_btn_1 .fs_m {
font-size: 16px;
}
.cs_btn_1 .fs_l {
font-size: 20px;
}
.cs_btn_1 .fw_b {
font-weight: 700;
} .cs_btn_1.cs_btn_l {
padding: 5px 30px;
width: 85%;
height: 100px;
border-radius: 10px;
}
.cs_btn_1.cs_btn_m {
padding: 5px 30px;
width: 85%;
height: 60px;
border-radius: 10px;
}
.cs_btn_1.cs_btn_s {
padding: 5px 25px;
width: 50%;
height: 40px;
border-radius: 10px;
}
.cs_btn_1.cs_btn_xs {
padding: 5px 20px;
width: 50%;
height: 40px;
border-radius: 10px;
}
.cs_btn_1.cs_btn_full {
width: 100%;
}
}
@media (max-width: 374px) { .cs_btn_1.cs_btn_l {
width: 95%;
}
.cs_btn_1.cs_btn_m {
width: 95%;
}
.cs_btn_1.cs_btn_s {
width: 65%;
}
.cs_btn_1.cs_btn_xs {
width: 65%;
}
}   .cs_btn_2 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
padding: 5px 30px;
min-width: 180px;
width: calc(39% - 20px);
height: 64px;
color: #846954 !important;
text-decoration: none !important;
font-weight: 700;
border-radius: 35px;
border: 1px solid #846954;
transition: opacity 0.3s ease-in-out;
}
.cs_btn_2:hover {
opacity: 0.6;
}
.cs_btn_2 i {
display: block;
margin-right: 5px;
width: 15px;
}
.cs_btn_2 i img {
width: 100%;
}
.cs_btn_2::after {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #846954;
border-right: 2px solid #846954;
}
.cs_btn_2.cs_btn_white {
color: #FFF !important;
border: 1px solid #FFF;
}
.cs_btn_2.cs_btn_white::after {
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
}
@media (max-width: 991px) {
.cs_btn_2 {
width: 50%;
height: 40px;
font-size: 12px;
}
}
@media (max-width: 374px) {
.cs_btn_2 {
width: 65%;
}
}