@charset "UTF-8";

.br-pc {
display: none; }
@media (min-width: 1281px) {
.br-pc {
display: block; } }
.br-mb {
display: block; }
@media (min-width: 1281px) {
.br-mb {
display: none; } }
@media (max-width: 767px) {
.br-mb {
display: none; } }
.br-sp {
display: none; }
@media (max-width: 767px) {
.br-sp {
display: block; } }
.br-sp_only {
display: block; }
@media (max-width: 767px) {
.br-sp_only {
display: none; } } #explan .explan_flex_wrap {
max-width: 1366px;
margin: 0 auto;
display: flex;
justify-content: space-between; }
@media (max-width: 767px) {
#explan .explan_flex_wrap {
margin: 80px auto 0; } }
#explan .explan_txt_wrap {
padding: 0 73px; }
@media (min-width: 1281px) {
#explan .explan_txt_wrap {
padding: 0; } }
@media (max-width: 767px) {
#explan .explan_txt_wrap {
padding: 0 20px; } }
#explan .explan_txt_wrap .header-2 {
font-size: 23px;
text-align: center;
padding-top: 280px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 500; }
@media (min-width: 1281px) {
#explan .explan_txt_wrap .header-2 {
font-size: 38px; } }
@media (max-width: 767px) {
#explan .explan_txt_wrap .header-2 {
padding-top: 78px; } }
#explan .explan_txt_wrap .line_img {
margin: 66px auto 72px; }
@media (max-width: 767px) {
#explan .explan_txt_wrap .line_img {
margin: 23px auto 30px;
height: 101px; } }
#explan .explan_txt_wrap .header-3 {
font-size: 23px;
text-align: center;
font-weight: 500;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
width: 400px;
border-bottom: solid 1px #000;
margin: 0 auto 73px; }
@media (min-width: 1281px) {
#explan .explan_txt_wrap .header-3 {
font-size: 33px;
width: 557px; } }
@media (max-width: 767px) {
#explan .explan_txt_wrap .header-3 {
width: 217px;
margin: 0 auto 65px; } }
#explan .explan_txt_wrap .explan_txt {
max-width: 790px;
margin: 0 auto;
line-height: 1.8; }
#explan .explan_txt_wrap .header-4 {
font-size: 18px;
text-align: center;
margin: 116px 0 82px;
font-weight: normal; }
@media (min-width: 1281px) {
#explan .explan_txt_wrap .header-4 {
font-size: 21px; } }
@media (max-width: 767px) {
#explan .explan_txt_wrap .header-4 {
margin: 160px 0 72px; } }
#explan .side_img {
display: none; }
@media (min-width: 1281px) {
#explan .side_img {
display: block; } }
#explan .side_img_mb {
display: block; }
@media (min-width: 1281px) {
#explan .side_img_mb {
display: none; } }
@media (max-width: 767px) {
#explan .side_img_mb {
display: none; } }
#explan .side_img_sp {
display: none; }
@media (max-width: 767px) {
#explan .side_img_sp {
display: block; } }
#operation-menu {
padding: 0 35px; }
@media (min-width: 1281px) {
#operation-menu {
padding: 0; } }
@media (max-width: 767px) {
#operation-menu {
padding: 0 20px; } }
#operation-menu .title_img {
margin: 97px auto 0; }
#operation-menu .title_wrap {
text-align: center; }
#operation-menu .title_wrap .header-3 {
font-size: 33px;
font-weight: 500;
margin: 23px auto 57px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
@media (max-width: 767px) {
#operation-menu .title_wrap .header-3 {
font-size: 23px; } }
#operation-menu .title_wrap .title_txt__01 {
font-size: 22px;
margin-bottom: 25px; }
@media (max-width: 767px) {
#operation-menu .title_wrap .title_txt__01 {
font-size: 18px;
margin-bottom: 35px; } }
#operation-menu .title_wrap .title_txt__02 {
margin-bottom: 105px; }
@media (max-width: 767px) {
#operation-menu .title_wrap .title_txt__02 {
margin-bottom: 55px; } }
#operation-menu .menu_wrap {
max-width: 1133px;
margin: 0 auto; }
#operation-menu .menu_left_flex__Wrap {
display: flex;
align-items: flex-start;
margin-right: 0;
margin-bottom: 120px; }
@media (min-width: 1281px) {
#operation-menu .menu_left_flex__Wrap {
margin-right: 60px;
margin-bottom: 110px; } }
@media (max-width: 767px) {
#operation-menu .menu_left_flex__Wrap {
flex-wrap: wrap;
margin-bottom: 84px; } }
#operation-menu .menu_right_flex__Wrap {
display: flex;
align-items: flex-start;
margin-left: 0;
margin-bottom: 120px; }
@media (min-width: 1281px) {
#operation-menu .menu_right_flex__Wrap {
margin-left: 60px;
margin-bottom: 110px; } }
@media (max-width: 767px) {
#operation-menu .menu_right_flex__Wrap {
flex-wrap: wrap-reverse;
margin-bottom: 84px; } }
#operation-menu .menu_img_left {
margin-right: 23px; }
@media (max-width: 767px) {
#operation-menu .menu_img_left {
margin: 0 auto 30px; } }
#operation-menu .menu_img_right {
margin-left: 23px; }
@media (max-width: 767px) {
#operation-menu .menu_img_right {
margin: 0 auto 30px; } }
#operation-menu .menu_txt_wrap {
width: 700px; }
#operation-menu .menu_txt_wrap .header-4_pc {
display: none; }
@media (min-width: 1281px) {
#operation-menu .menu_txt_wrap .header-4_pc {
display: block; } }
#operation-menu .menu_txt_wrap .menu_txt {
line-height: 1.8; }
@media (max-width: 767px) {
#operation-menu .menu_txt_wrap .menu_txt {
font-size: 14px; } }
#operation-menu .header-4 {
height: 67px;
line-height: 67px;
background-color: #00504B;
color: #fff;
font-size: 22px;
padding-left: 22px;
margin-bottom: 22px;
font-weight: 500; }
@media (max-width: 767px) {
#operation-menu .header-4 {
margin-bottom: 30px;
padding-left: 0;
text-align: center; } }
#operation-menu .header-4_sp {
display: block; }
@media (min-width: 1281px) {
#operation-menu .header-4_sp {
display: none; } }
#operation-menu .header-4_right {
text-align: right;
padding-right: 22px; }
@media (max-width: 767px) {
#operation-menu .header-4_right {
text-align: center;
padding-right: 0; } }
#youtube .youtube_wrap {
max-width: 780px;
margin: 140px auto;
padding: 10px; }
#youtube .youtube_wrap .youtube {
width: 100%;
aspect-ratio: 16/9; }
#youtube .youtube_wrap .youtube_txt {
font-size: 17px;
text-align: center;
margin-top: 10px;
letter-spacing: 2px; }
@media (min-width: 1281px) {
#youtube .youtube_wrap .youtube_txt {
font-size: 20px; } }
@media (max-width: 767px) {
#youtube .youtube_wrap .youtube_txt {
font-size: 14px; } }
#different {
margin: 0 35px; }
@media (min-width: 1281px) {
#different {
margin: 0; } }
@media (max-width: 767px) {
#different {
margin: 0 20px; } }
#different .different_wrap {
max-width: 1132px;
margin: 250px auto 233px;
border: solid 2px #00504B;
padding: 0 28px; }
@inlcude mq(lg) {
#different .different_wrap {
padding: 0 60px; } }
@media (max-width: 767px) {
#different .different_wrap {
margin: 170px auto 140px;
padding: 0 20px; } }
#different .different_wrap .header-3 {
width: 373px;
background-color: #fff;
border-bottom: solid 2px #00504B;
font-size: 32px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
margin: -4% auto 0;
text-align: center;
font-weight: 400; }
@media (min-width: 1281px) {
#different .different_wrap .header-3 {
margin-top: -3%;
margin-left: 60px; } }
@media (max-width: 767px) {
#different .different_wrap .header-3 {
width: 260px;
font-size: 23px; } }
#different .different_wrap .different_flex_wrap {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap-reverse; }
@media (min-width: 1281px) {
#different .different_wrap .different_flex_wrap {
justify-content: space-between;
flex-wrap: nowrap; } }
#different .different_wrap .different_flex_wrap .different_txt {
padding: 62px 0 120px;
line-height: 1.8;
width: 100%; }
@inlcude mq(lg) {
#different .different_wrap .different_flex_wrap .different_txt {
width: 580px;
padding: 62px 0 140px; } }
@media (max-width: 767px) {
#different .different_wrap .different_flex_wrap .different_txt {
padding: 47px 0 170px; } }
#different .different_wrap .different_flex_wrap .different_img {
margin: 60px auto 0; }
@media (min-width: 1281px) {
#different .different_wrap .different_flex_wrap .different_img {
margin: 0; } }
@media (max-width: 767px) {
#different .different_wrap .different_flex_wrap .different_img {
margin: 47px auto 0;
width: 280px; } }
#course {
background-image: url(//karadakobo.nagoya/img/biyou/course-back_mb.png);
background-position: center;
background-repeat: no-repeat;
height: 3121px;
padding: 185px 35px; }
@media (min-width: 1281px) {
#course {
padding: 205px 0;
background-image: url(//karadakobo.nagoya/img/biyou/course-back.png);
height: 2070px; } }
@media (max-width: 767px) {
#course {
background-image: url(//karadakobo.nagoya/img/biyou/course-back_sp.png);
height: 4730px;
padding: 135px 20px 85px; } }
#course .course_wrap {
max-width: 698px;
margin: 0 auto 43px;
background-color: #fff;
padding: 71px 0 15px; }
@media (min-width: 1281px) {
#course .course_wrap {
padding: 71px 60px 105px;
max-width: 1132px;
padding: 71px 60px 15px; } }
@media (max-width: 767px) {
#course .course_wrap {
padding: 70px 25px 15px;
margin: 0 auto 70px; } }
#course .course_wrap .header-3 {
text-align: center;
font-size: 33px;
font-weight: 500;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
@media (max-width: 767px) {
#course .course_wrap .header-3 {
font-size: 23px; } }
#course .course_wrap .title_bottom_img {
margin: 0 auto 67px; }
@media (max-width: 767px) {
#course .course_wrap .title_bottom_img {
margin: 0 auto 75px;
width: 213px; } }
#course .course_wrap .course_menu_flex__Wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
max-width: 530px;
margin: 0 auto; }
@media (min-width: 1281px) {
#course .course_wrap .course_menu_flex__Wrap {
max-width: 1012px; } }
@media (max-width: 767px) {
#course .course_wrap .course_menu_flex__Wrap {
display: block; } }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap {
margin-bottom: 120px; }
@media (min-width: 1281px) {
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap {
margin: 0; } }
@media (max-width: 767px) {
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap {
margin-bottom: 100px; } }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .header-4 {
width: 238px;
height: 53px;
line-height: 53px;
background-color: #00504B;
color: #fff;
font-size: 18px;
text-align: center;
letter-spacing: -1px; }
@media (max-width: 767px) {
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .header-4 {
margin: 0 auto; } }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .course_txt_01 {
font-size: 18px;
text-align: center;
margin-top: 28px; }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .course_img {
margin-top: 54px; }
@media (max-width: 767px) {
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .course_img {
margin: 54px auto 0; } }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .course_txt_02 {
text-align: center;
line-height: 1.8; }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .margin_01 {
margin-top: 94px; }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .margin_02 {
margin-top: 74px; }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .margin_03 {
margin-top: 55px; }
#course .course_wrap .course_menu_flex__Wrap .course_menu_wrap .margin_04 {
margin-top: 35px; }
#course .recommendation_wrap {
max-width: 698px;
margin: 45px auto 0;
padding: 0 55px;
background-color: #fff; }
@media (min-width: 1281px) {
#course .recommendation_wrap {
padding: 0 60px;
max-width: 1132px; } }
@media (max-width: 767px) {
#course .recommendation_wrap {
padding: 0 25px; } }
#course .recommendation_wrap .header-3 {
text-align: center;
font-size: 22px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 500;
padding-top: 62px; }
#course .recommendation_wrap .header-3::before {
content: url(//karadakobo.nagoya/img/biyou/check.png);
vertical-align: middle;
margin-right: 13px; }
@media (max-width: 767px) {
#course .recommendation_wrap .header-3 {
padding-top: 100px; } }
#course .recommendation_wrap .recommendation_flex_wrap {
display: flex;
justify-content: center;
align-items: center;
max-width: 585px;
margin: 70px auto;
flex-wrap: wrap; }
@media (min-width: 1281px) {
#course .recommendation_wrap .recommendation_flex_wrap {
max-width: 1012px;
flex-wrap: nowrap;
justify-content: space-between; } }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap {
margin: 70px auto 0;
display: block; } }
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap {
width: 260px;
height: 240px; }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap {
width: 240px;
height: 260px; } }
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap .header-4 {
font-weight: bold;
text-align: center; }
@media (min-width: 1281px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap .header-4 {
padding-top: 7px; } }
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap .recommendation_list {
margin-top: 24px;
line-height: 1.3;
margin-left: 20px; }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap .recommendation_list {
margin-left: 0; } }
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap .recommendation_list .recommendation_item {
font-size: 13px; }
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_01 {
background-image: linear-gradient(to left, #707070, #707070 2px, transparent 2px, transparent 8px);
background-size: 5px 1px;
background-position: right bottom;
background-repeat: repeat-x;
margin-right: 30px; }
@media (min-width: 1281px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_01 {
background-image: linear-gradient(to bottom, #707070, #707070 3px, transparent 3px, transparent 8px);
background-size: 1px 5px;
background-position: right top;
background-repeat: repeat-y;
margin-right: 0; } }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_01 {
margin: 0 auto;
padding-top: 32px; } }
#course .recommendation_wrap .recommendation_flex_wrap .line_dash {
display: block;
margin-bottom: 50px; }
@media (min-width: 1281px) {
#course .recommendation_wrap .recommendation_flex_wrap .line_dash {
display: none; } }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .line_dash {
display: none; } }
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_02 {
background-image: linear-gradient(to left, #707070, #707070 2px, transparent 2px, transparent 8px);
background-size: 5px 1px;
background-position: right bottom;
background-repeat: repeat-x;
margin-left: 30px; }
@media (min-width: 1281px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_02 {
background-image: linear-gradient(to bottom, #707070, #707070 3px, transparent 3px, transparent 8px);
background-size: 1px 5px;
background-position: right top;
background-repeat: repeat-y;
margin-left: 0; } }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_02 {
margin: 0 auto;
padding-top: 32px; } }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_03 {
margin: 0 auto; } }
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_04 {
background-image: linear-gradient(to top, #707070, #707070 3px, transparent 3px, transparent 8px); background-size: 1px 5px; background-position: left bottom; background-repeat: repeat-y; }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .recommendation_txt_wrap__SP_04 {
background-image: linear-gradient(to right, #707070, #707070 3px, transparent 3px, transparent 8px);
background-size: 5px 1px;
background-position: left top;
background-repeat: repeat-x;
margin: 0 auto; } }
#course .recommendation_wrap .recommendation_flex_wrap .header-4_sp {
padding-top: 35px; }
@media (min-width: 1281px) {
#course .recommendation_wrap .recommendation_flex_wrap .header-4_sp {
padding-top: 7px; } }
@media (max-width: 767px) {
#course .recommendation_wrap .recommendation_flex_wrap .header-4_sp {
padding-top: 32px; } }
#course .recommendation_wrap .reserve_button_wrap {
width: 518px;
margin: 60px auto 0;
padding-bottom: 116px; }
@media (min-width: 1281px) {
#course .recommendation_wrap .reserve_button_wrap {
margin: 70px auto 0;
padding-bottom: 80px; } }
@media (max-width: 767px) {
#course .recommendation_wrap .reserve_button_wrap {
width: 293px;
margin: 0 auto;
padding-bottom: 100px; } }
#course .recommendation_wrap .reserve_button_wrap .reserve_button_txt {
width: 518px;
height: 106px;
line-height: 106px;
border: 1px solid #CC9900;
display: inline-block;
background-color: #CC9900;
color: #fff;
font-size: 22px;
font-weight: bold;
text-align: center;
border-radius: 65px; }
#course .recommendation_wrap .reserve_button_wrap .reserve_button_txt:hover {
background-color: #fff;
color: #CC9900;
transition: 0.4s; }
@media (max-width: 767px) {
#course .recommendation_wrap .reserve_button_wrap .reserve_button_txt {
width: 293px;
font-size: 18px;
line-height: unset;
display: flex;
justify-content: center;
align-items: center; } }
#question {
margin: 0 35px; }
@media (min-width: 1281px) {
#question {
margin: 0; } }
@media (max-width: 767px) {
#question {
margin: 0 20px; } }
#question .title_img {
margin: 225px auto 0; }
@media (max-width: 767px) {
#question .title_img {
margin: 97px auto 0; } }
#question .title_wrap .header-3 {
font-size: 33px;
text-align: center;
margin-top: 26px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 500; }
@media (max-width: 767px) {
#question .title_wrap .header-3 {
font-size: 23px;
margin-top: 35px; } }
#question .title_wrap .title_txt {
font-size: 18px;
text-align: center;
margin: 35px auto 80px;
line-height: 2.1; }
@media (max-width: 767px) {
#question .title_wrap .title_txt {
font-size: 14px;
text-align: left;
margin: 40px auto 90px;
line-height: 1.8; } }
#question .question_wrap {
max-width: 952px;
margin: 0 auto 45px; }
#question .question_wrap .question_title {
max-width: 952px;
height: 37px;
line-height: 37px;
background-color: #00504B;
color: #fff;
font-weight: bold;
padding-left: 18px; }
@media (max-width: 767px) {
#question .question_wrap .question_title {
height: auto;
line-height: 1.8;
padding: 10px 13px; } }
@media (max-width: 767px) {
#question .question_wrap .question_title .question_title_txt {
display: flex; } }
#question .question_wrap .answer_txt {
margin-top: 16px;
padding-left: 18px;
max-width: 880px;
display: flex;
line-height: 1.8;
font-weight: 500;
letter-spacing: -1px; }
@media (max-width: 767px) {
#question .question_wrap .answer_txt {
padding-right: 25px;
padding-left: 13px;
margin-top: 24px;
margin-bottom: 80px;
font-size: 14px; } }
#question .question_wrap .question_span {
padding-right: 5px; }
#customer .header-3 {
text-align: center;
font-size: 33px;
font-weight: 500;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
margin-top: 274px; }
@media (max-width: 767px) {
#customer .header-3 {
margin-top: 170px;
font-size: 23px; } }
#customer .title_bottom_img {
margin: 0 auto 83px; }
@media (max-width: 767px) {
#customer .title_bottom_img {
margin: 0 auto 30px;
width: 213px; } }
#customer .customer_back_img__Wrap {
background-image: url(//karadakobo.nagoya/img/biyou/fukidashi_sp.png);
background-repeat: no-repeat;
background-position: center;
height: 420px;
padding: 53px 0 50px;
margin-bottom: 30px; }
@media (min-width: 1281px) {
#customer .customer_back_img__Wrap {
background-image: url(//karadakobo.nagoya/img/biyou/fukidasihi.png);
height: 310px;
padding: 35px 0 11px; } }
@media (max-width: 767px) {
#customer .customer_back_img__Wrap {
background-image: url(//karadakobo.nagoya/img/biyou/fukidashi_sp_vertical.png);
height: 650px;
padding: 20px 20px 0;
margin-bottom: 48px; } }
#customer .customer_flex_wrap {
display: flex;
max-width: 590px;
margin: 0 auto;
justify-content: space-between;
align-items: center; }
@media (min-width: 1281px) {
#customer .customer_flex_wrap {
max-width: 980px; } }
@media (max-width: 767px) {
#customer .customer_flex_wrap {
display: block; } }
@media (max-width: 767px) {
#customer .customer_flex_wrap .customer_img_wrap .customer_img {
margin: 0 auto; } }
#customer .customer_flex_wrap .customer_img_wrap .customer_txt {
text-align: center;
letter-spacing: -1px; }
#customer .customer_flex_wrap .customer_txt_wrap .header-4 {
font-size: 22px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
width: 388px;
border-bottom: solid 2px #00504B;
margin-bottom: 30px;
font-weight: 500;
line-height: 1.8; }
@media (min-width: 1281px) {
#customer .customer_flex_wrap .customer_txt_wrap .header-4 {
width: 778px;
padding-left: 30px; } }
@media (max-width: 767px) {
#customer .customer_flex_wrap .customer_txt_wrap .header-4 {
width: 298px;
margin: 26px auto 28px;
font-size: 18px;
padding: 0 25px 20px; } }
@media (max-width: 767px) {
#customer .customer_flex_wrap .customer_txt_wrap .customer_txt_contents {
width: 268px;
margin: 0 auto; } }
#customer .customer_flex_wrap .customer_txt_wrap .question_txt {
font-weight: bold;
margin-bottom: 11px; }
@media (max-width: 767px) {
#customer .customer_flex_wrap .customer_txt_wrap .question_txt {
font-size: 14px; } }
#customer .customer_flex_wrap .customer_txt_wrap .question_txt .question_span {
color: #CC9900;
font-size: 10px;
vertical-align: middle; }
#customer .customer_flex_wrap .customer_txt_wrap .answer_txt {
margin-bottom: 22px;
margin-left: 10px;
width: 390px; }
@media (min-width: 1281px) {
#customer .customer_flex_wrap .customer_txt_wrap .answer_txt {
width: 100%; } }
@media (max-width: 767px) {
#customer .customer_flex_wrap .customer_txt_wrap .answer_txt {
width: 100%;
font-size: 14px; } }
#customer .customer_flex_wrap .customer_txt_wrap .answer_txt_sp {
line-height: 2; }
@media (min-width: 1281px) {
#customer .customer_flex_wrap .customer_txt_wrap .answer_txt_sp {
line-height: normal; } }
#introduce .introduce_back_img {
background-image: url(//karadakobo.nagoya/img/biyou/introduce-back_sp.png);
background-position: center;
background-repeat: no-repeat;
height: 1730px;
margin-top: 140px;
padding: 150px 35px 186px; }
@media (min-width: 1281px) {
#introduce .introduce_back_img {
margin-top: 226px;
background-image: url(//karadakobo.nagoya/img/biyou/introduce-back.png);
height: 1203px;
padding: 190px 0 196px; } }
@media (max-width: 767px) {
#introduce .introduce_back_img {
height: 1760px;
margin-top: 105px;
padding: 125px 25px 140px; } }
#introduce .introduce_back_img .introduce_flex_wrap {
display: flex;
justify-content: center;
align-content: flex-start;
max-width: 1132px;
margin: 0 auto;
padding: 95px 74px 87px 30px;
background-color: #fff;
flex-wrap: wrap; }
@media (min-width: 1281px) {
#introduce .introduce_back_img .introduce_flex_wrap {
padding: 130px 60px 145px;
justify-content: space-between; } }
@media (max-width: 767px) {
#introduce .introduce_back_img .introduce_flex_wrap {
padding: 53px 22px 78px; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .koyama_img {
margin-bottom: 40px; }
@media (min-width: 1281px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .koyama_img {
margin-bottom: 23px; } }
@media (max-width: 767px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .koyama_img {
margin-bottom: 35px; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .page_link {
font-size: 14px;
color: #00504B;
margin-bottom: 8px;
font-weight: bold;
display: none;
position: relative;
text-decoration: none;
width: 135px;
line-height: 20px; }
@media (min-width: 1281px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .page_link {
display: inline-block; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .page_link::before { }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .page_link::after {
position: absolute;
bottom: -1px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #00504B;
transform: scale(0, 1);
transform-origin: right top;
transition: transform .3s; }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_img_wrap .page_link:hover::after {
transform-origin: left top;
transform: scale(1, 1); }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap {
font-size: 16px;
max-width: 580px;
line-height: 1.8; }
@media (min-width: 1281px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap {
font-size: 14px;
max-width: 654px; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_txt_01 {
font-size: 18px;
margin-bottom: 34px; }
@media (max-width: 767px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_txt_01 {
margin-bottom: 30px;
text-align: center; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_txt_02 {
margin-bottom: 50px; }
@media (max-width: 767px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_txt_02 {
margin-bottom: 160px;
font-size: 14px; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_txt_03 {
margin-bottom: 32px; }
@media (max-width: 767px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_txt_03 {
font-size: 14px; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_list {
line-height: 1.8; }
@media (max-width: 767px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_list {
font-size: 14px; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_list .introduce_item {
margin-bottom: 18px; }
@media (max-width: 767px) {
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_list .introduce_item {
display: flex; } }
#introduce .introduce_back_img .introduce_flex_wrap .introduce_txt_wrap .introduce_list .introduce_item .introduce_item_span {
padding-right: 15px; }
#introduce .introduce_back_img .introduce_flex_wrap .link_wrap {
margin-top: 88px;
display: block; }
@media (min-width: 1281px) {
#introduce .introduce_back_img .introduce_flex_wrap .link_wrap {
display: none; } }
@inlcude mq(sm) {
#introduce .introduce_back_img .introduce_flex_wrap .link_wrap {
margin-top: 72px; } }
#introduce .introduce_back_img .introduce_flex_wrap .link_wrap .page_link_sp {
font-size: 14px;
color: #00504B;
margin-bottom: 8px;
font-weight: bold; }
#introduce .introduce_back_img .introduce_flex_wrap .link_wrap .page_link_sp::before { }
#footer a {
text-decoration: none; }
#footer .footer_wrap {
background-color: #76BC69;
padding: 25px 0 20px;
margin: 75px auto 0;
color: #fff;
position: relative; }
#footer .footer_wrap .footer_content {
max-width: 1124px;
margin: 0 auto;
display: flex;
padding: 0 16px; 
color: #333;}
@media (min-width: 1281px) {
#footer .footer_wrap .footer_content {
padding: 0;
justify-content: space-between; 
color: #333;} }
@media (max-width: 767px) {
#footer .footer_wrap .footer_content {
display: block; } }
#footer .footer_wrap .footer_content .position_footer_wrap {
margin-right: 35px; }
@media (min-width: 1281px) {
#footer .footer_wrap .footer_content .position_footer_wrap {
margin-right: 0; } }
#footer .footer_wrap .footer_content .position_footer_wrap .shop_txt {
font-size: 12px;
font-weight: bold; }
#footer .footer_wrap .footer_content .position_footer_wrap .bk_flex__wrap {
display: flex;
align-items: center;
margin-top: 6px; }
#footer .footer_wrap .footer_content .position_footer_wrap .bk_flex__wrap .logo {
width: 250px;
margin-right: 10px; }
#footer .footer_wrap .footer_content .position_footer_wrap .bk_flex__wrap .headerNavLink_txt {
letter-spacing: 7px;
font-size: 15px; }
#footer .footer_wrap .footer_content .position_footer_wrap .bk_flex__wrap .headerNavLink_txt .heading-1 {
font-size: 30px;
font-weight: bold;
letter-spacing: 5px; }
#footer .footer_wrap .footer_content .position_footer_wrap .mw_wrap .access_wrap {
font-size: 14px;
margin-top: 26px;
line-height: 1.4;
letter-spacing: 0.05em; }
#footer .footer_wrap .footer_content .list_wrap ul {
list-style: none;
font-weight: bold; }
@media (max-width: 767px) {
#footer .footer_wrap .footer_content .list_wrap ul {
margin-top: 33px; } }
#footer .footer_wrap .footer_content .list_wrap ul li {
margin-bottom: 15px; }
#footer .footer_wrap .footer_content .list_wrap .sns_icon_flex__wrap {
display: flex;
justify-content: space-between;
margin-top: 43px; }
@media (max-width: 767px) {
#footer .footer_wrap .footer_content .list_wrap .sns_icon_flex__wrap {
justify-content: flex-end; } }
#footer .footer_wrap .footer_content .list_wrap .sns_icon_flex__wrap a {
margin-right: 15px; }
#footer .footer_wrap .footer_content .list_wrap .sns_icon_flex__wrap a::last-child {
margin-right: 0; }
#footer .footer_wrap .footer_content .list_wrap .sns_icon_flex__wrap .sns_icon {
width: 30px; }
#footer .footer_wrap .footer_content .list_wrap .sns_icon_flex__wrap__shop {
margin-top: 23px; }
#footer .footer_wrap .footer_content .reserve_wrap {
display: none; }
@media (min-width: 1281px) {
#footer .footer_wrap .footer_content .reserve_wrap {
display: block;
font-weight: bold; } }
#footer .footer_wrap .footer_content .reserve_wrap .reserve_content {
width: 305px;
border: solid 1px #fff; }
#footer .footer_wrap .footer_content .reserve_wrap .reserve_content .reserve_txt {
height: 31px;
line-height: 31px;
background-color: #fff;
color: #76BC69;
text-align: center; }
#footer .footer_wrap .footer_content .reserve_wrap .reserve_content .contents_wrap {
padding: 15px 0 20px; }
#footer .footer_wrap .footer_content .reserve_wrap .reserve_content .contents_wrap .tel_link {
display: flex;
justify-content: center;
margin: 0 auto;
letter-spacing: 2px; }
#footer .footer_wrap .footer_content .reserve_wrap .reserve_content .contents_wrap .tel_link::before {
content: url(https://karadakobo.nagoya/img/icon/tel_menu_icon.png);
vertical-align: middle;
margin-right: 10px; }
#footer .footer_wrap .footer_content .reserve_wrap .reserve_content .contents_wrap .reserve_link {
display: flex;
width: 160px;
margin: 17px auto 0; }
#footer .footer_wrap .footer_content .reserve_wrap .reserve_content .contents_wrap .reserve_link::before {
content: url(https://karadakobo.nagoya/img/icon/reserve_menu_icon.png);
vertical-align: middle;
margin-right: 7px;
display: inline-block; }
#footer .footer_wrap .footer_content .reserve_wrap .business_txt {
margin-top: 18px;
text-align: center;
padding-left: 17px; }
#footer .footer_wrap .footer_content .reserve_wrap .business_txt span {
font-size: 12px; }
#footer .footer_wrap_shop {
background-color: #FFFFFF;
font-family: YuMincho, "Yu Mincho", serif; }
#footer .footer_wrap_shop .reserve_txt_honkan {
color: #00504B !important; }
#footer .footer_flex_wrap {
max-width: 1172px;
margin: 15px auto 0;
display: block;
padding: 0 16px; }
@media (min-width: 1281px) {
#footer .footer_flex_wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
margin: 8px auto 0; } }
#footer .footer_flex_wrap .footer_logo_wrap {
display: flex;
align-items: center;
margin-top: -10px; }
#footer .footer_flex_wrap .footer_logo_wrap .logo-partner {
width: 74px;
margin-right: 10px; }
#footer .footer_flex_wrap .footer_logo_wrap .logo {
width: 55px;
margin-right: 10px; }
#footer .footer_flex_wrap .footer_logo_wrap .logo_img {
width: 111px;
margin-left: 45px; }
@media (max-width: 767px) {
#footer .footer_flex_wrap .footer_logo_wrap .logo_img {
margin-left: 18px; } }
#footer .footer_flex_wrap .footer_link_wrap {
margin-top: 20px; }
#footer .footer_flex_wrap .footer_link_wrap .wrap_flex {
font-size: 14px;
font-weight: bold;
display: flex;
justify-content: space-between;
max-width: 580px; }
@media (min-width: 1281px) {
#footer .footer_flex_wrap .footer_link_wrap .wrap_flex {
max-width: 100%; } }
@media (max-width: 767px) {
#footer .footer_flex_wrap .footer_link_wrap .wrap_flex {
max-width: 340px; } }
#footer .footer_flex_wrap .footer_link_wrap .wrap_flex .contact_link::before {
content: url(https://karadakobo.nagoya/img/icon/mail.png);
vertical-align: middle;
margin-right: 10px; }
#footer .footer_flex_wrap .footer_link_wrap .wrap_flex .link_flex_wrap {
width: 175px;
display: flex;
justify-content: space-between; }
#footer .footer_flex_wrap .footer_link_wrap .footer_list {
display: flex;
font-size: 14px;
font-weight: bold;
margin-top: 20px; }
@media (max-width: 767px) {
#footer .footer_flex_wrap .footer_link_wrap .footer_list {
display: block;
font-size: 13px;
line-height: 2;
text-align: center; } }
#footer .footer_flex_wrap .footer_link_wrap .footer_list a {
margin-right: 25px; }
@media (max-width: 767px) {
#footer .footer_flex_wrap .footer_link_wrap .footer_list a {
margin-right: 28px; } }
#footer .footer_flex_wrap .footer_link_wrap .footer_list a .br-sp {
display: none; }
@media (max-width: 767px) {
#footer .footer_flex_wrap .footer_link_wrap .footer_list a .br-sp {
display: block; } }
@media (max-width: 767px) {
#footer .footer_flex_wrap .footer_link_wrap .footer_list a:nth-of-type(3) {
margin-right: 0; } }
#footer .footer_flex_wrap .footer_link_wrap .footer_list a:last-child {
margin-right: 0; }
@media (max-width: 767px) {
#footer .footer_flex_wrap .footer_link_wrap .footer_list .footer_sp_link {
margin-right: 8px; } }
#footer .top_back_img {
display: block;
position: absolute;
bottom: 35px;
right: 55px;
width: 50px; }
@media (max-width: 767px) {
#footer .top_back_img {
display: none; } }
.copywriter {
color: #000;
text-align: center;
font-size: 16px;
margin-top: 33px; }
@media (max-width: 767px) {
.copywriter {
font-size: 12px;
padding: 10px 0 55px; } }