@charset "UTF-8";

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h3{
    font-size: large;
    font-weight: bold;
}
h4{
    font-size: normal;
    font-weight: bold;
}

li {
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
}

.opacity a:hover img {
    Filter: Alpha(Opacity=85);
    opacity: .85;
}

.cf {
    zoom: 1;
    /*for IE 5.5-7*/
}

.cf:after {
    /*for modern browser*/
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}

input[type="text"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

[type="text"] {
    line-height: initial;
}

a:hover img {
    Filter: Alpha(Opacity=85);
    opacity: .85;
}

a img,
#contents a img:hover {
    border: none;
}

body {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meirio, "メイリオ", sans-serif;
    font-weight: 400;
    color: #333;
    line-height: 1.8;
}

.l_wrap {
    width: 1040px;
    margin: 0 auto;
}

.l_common {
    background-color: #f7f6f2;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
}

.l_page {
    padding-top: 50px;
}

.b_common_ttl {
    max-width: 1040px;
    margin: 0 auto;
}

.module_sample pre {
    display: block;
}

.error {
    color: #e20d16;
}

#loader {
    text-align: center;
}

#inquiries_form_email~span.error {
    display: block;
}

.child_dir {
    padding-left: 20px;
}

.navi_global>li:nth-last-child(1),
.navi_global>li:nth-last-child(2),
.navi_global>li:nth-last-child(3),
.sub_navigation {
    display: block;
}

.tb__gn,
.sp__slider-wrapper {
    display: none;
}

.disable_button {
    display: inline-block;
    border: 1px solid #999;
    color: #666;
    width: 100%;
    padding: 12px 0;
    text-align: center;
}

body {
    width: 100%;
    color: #333333;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meirio, "メイリオ", sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.8;
    /* padding-top:120px; */
}

header {
    line-height: 1.5;
}

ol,
ol li {
    list-style: decimal;
}

.item_list li p.item_list__title {
    padding: 10px 0 0 0;
    /*font-size:17px;*/
}

.item_list li p.item_list__text {
    padding: 5px 0 20px 0;
    min-height: 50px;
    font-size: 12px;
}

.fyt_top .item_list li p.item_list__text {
    padding: 0;
    min-height: 50px;
    font-size: 12px;
}

.sp_sns_lists,
.sp_sns_lists__common {
    display: none;
}

.sp_detail_icons {
    display: none;
}

.unit .slider_lay {
    display: none;
}

.sp_slider_lay {
    display: none;
}

.sp_slider_wrapper {
    display: none;
}

.slider_wrapper {
    display: block;
    overflow: hidden;
    height: 300px;
}

.thumbnail_updown__multicolumn__item a:hover {
    opacity: 0.6;
}

.global_sub a:hover {
    text-decoration: underline;
}

a.js__pad_bottom~#pane_height {
    display: none;
}

/** Aタグ ***********************************/
#information a:hover,
footer a:hover,
article a:hover {
    text-decoration: underline;
}

.button:hover,
.button_progress:hover,
.buttun_inline:hover {
    text-decoration: none;
}

a:not(.thumbnail_updown__multicolumn__item a) img:hover {
    opacity: 0.6;
}

#topics a:hover {
    text-decoration: underline;
}

.list__navi li a:hover {
    background: #f7f6f2;
}

.list__navi li li a:hover {
    background: #fff;
    text-decoration: underline;
}

/** マウスカーソル *************************************/
.button,
.button_progress,
.button_inline {
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meirio, "メイリオ", sans-serif;
}

button {
    cursor: pointer;
}

/*li.navi_global__item>a:hover{
  padding-bottom:10px;
  border-bottom:2px solid #333;
}*/
.slider a:hover {
    text-decoration: none;
}

.slider_lay {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    font-size: 12px;
}

.bn_right .slider_lay {
    top: 0;
    left: 0;
    bottom: 0;
    background-position: 70px;
}

.bn_left .slider_lay {
    top: 0;
    bottom: 0;
    right: 0;
    background-position: -300px;
}

.slider_lay a {
    /*
  display:block;
  width:500px;
  height:50px;
  position:absolute;
  */
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #fff;
    bottom: -60px;
    width: 400px;
    height: 60px;
    vertical-align: middle;
    background: url("/common/images/border.png") no-repeat;
    background-position: 100% 30px;
    background-size: cover;
}

.bn_right .slider_lay a {
    left: 30px;
    transform-origin: left top;
    transform: rotate(-90deg);
}

.bn_left .slider_lay a {
    right: 30px;
    transform-origin: right top;
    transform: rotate(90deg);
}

select,
button {
    -webkit-appearance: none;
    appearance: none;
}

button,
select,
input,
textarea,
button {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meirio, "メイリオ", sans-serif;
}

.hamburger,
.local_navi_clone,
.clone_navi,
.sp_gnavi_wrapper {
    display: none;
}

.title_hide {
    display: none;
}

.allergy_table__item_name span {
    display: none;
}

a {
    color: #333333;
    text-decoration: none;
}

.button {
    text-align: center;
    padding: 0 30%;
    margin: 0 auto;
}

.button .button_progress {
    width: 100%;
}

.button_inline {
    display: inline-block;
    background: #301d0f;
    color: #fff;
    padding: 12px 20px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.button_progress {
    display: block;
    background: #301d0f;
    color: #fff;
    /* border: 1px solid #333333;*/
    padding: 12px 0;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    width: 80%;
}

.button_line {
    margin-bottom: 10px;
}

.button_wrap {
    margin-bottom: 30px;
}

.button_pdf {
    display: inline-block;
    background: #fff;
    color: #333;
    border: 1px solid #333;
    padding: 10px 0;
    clear: left;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    width: 80%;
    vertical-align: middle;
    text-align: left;
    line-height: 2;
}

.button_pdf:before {
    content: ".";
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 5%;
    margin-right: 15px;
    color: #fff;
    text-decoration: none;
    background: url("/common/images/pdf_icon.png") no-repeat;
}

.button_inline:hover {
    background: #533a27;
    text-decoration: none;
    color: #fff;
}

.button_progress:hover {
    background: #533a27;
    text-decoration: none;
    color: #fff;
}

/*** ページタイトル系 **************************************************************/
.page_title {
    font-size: 120%;
    max-width: 100%;
    font-weight: normal;
    /*border-top: 1px solid #848381;*/
    background-color: #f7f6f2;
    line-height: 1em;
    padding: 18px 200px 18px 20px;
    position: relative;
}

.page_title p {
    font-size: 14px;
    margin-bottom: -20px;
    padding: 15px 0 0 0;
    line-height: 1;
}

.page_title p.up_title {
    font-size: 14px;
    margin-bottom: 0;
    padding: 15px 0 0 0;
    line-height: 1;
}

.page_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 30px;
    z-index: 888;
    font-weight: bold;
}

.page_top a {
    background: #666666;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 3px;
    text-align: center;
    display: block;
    border-radius: 50px;
}

.page_top a:hover {
    border-style: none;
    background: #999999;
}

.image_title+.box_content__default .first__description {
    margin-top: 0;
}

.image_title+.box_content__default {
    padding-top: 30px;
}

.image_title {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-right: 0;
    padding: 0;
    /*height:375px;
  overflow:hidden;*/
}

.image_title .centering__title h2 {
    font-size: 28px;
}

image_title__image {
    /*position:absolute;*/
    top: 0;
    left: 0;
    right: 0;
}

.image_title__image img {
    width: 100%;
}

.image_title h1 {
    display: inline-block;
    width: 182px;
    height: 182px;
    padding-top: 70px;
    font-size: 140%;
    position: absolute;
    top: 25%;
    /*top:95px;*/
    left: 40px;
    z-index: 777;
    color: #fff;
    border: 1px solid #fff;
    vertical-align: middle;
    text-align: center;
}

.image_title h1.no_border {
    border: none;
    height: auto;
    padding: 0;
}

.image_title.long_height {
    height: 470px;
    /*overflow:hidden;*/
}

.long_height .image_title__image {
    position: absolute;
    top: 0;
    left: 0;
}

.long_height .image_title__image img {
    width: 100%;
    /*min-width:1200px;*/
}

.centering__title .title_image {
    text-align: center;
    max-width: 60%;
}

.max_common_image {
    margin-bottom: 10px;
}

/* header **********************************************/
header {
    font-size: 14px;
    /*position:fixed;*/
    /* position:absolute; */
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 666;
    border-bottom: 1px solid #bfbfbf;
    z-index: 9999;
}

.logo {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 71px, 82px;
    width: 71px;
    height: 82px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url("/common/images/logo.png");
    position: absolute;
    margin: 20px 18px 18px 20px;
}

.navi_global {
    height: 120px;
    margin-left: 120px;
    /*width: 100%;*/
    /*
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
    */
}

.navi_global>li {
    float: left;
}

.navi_global>li:nth-last-child(1) {
    float: right;
    margin-right: -240px;
    margin-top: 40px;
}

.navi_global>li:nth-last-child(2) {
    float: right;
    margin-right: 120px;
}

.navi_global__item {
    padding: 50px 10px 47px 10px;
}

.navi_global__item:nth-child(1) {
    padding: 50px 10px 50px 20px;
}

.multilingual .navi_global>li:nth-last-child(1) {
    float: right;
    margin-right: 0;
    margin-top: 0;
    border-right: none;
}

.multilingual .navi_global>li:nth-last-child(2) {
    float: left;
    margin-right: 0;
}

.multilingual .navi_global li:last-of-type {
    max-width: 100%;
}

.navi_global_child {
    display: none;
}

.lang-switcher__item {
    padding: 5px 0;
}

.lang-switcher .navi_global_child {
    display: none;
    position: absolute;
    top: 120px;
    left: -1px;
    right: -1px;
    padding: 15px 40px 15px 15px;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-top: none;
}

.lang-switcher {
    border: 1px solid #bfbfbf;
    border-top: none;
    border-bottom: none;
    /*padding: 50px 30px 53px 15px;*/
    font-size: 12px;
    position: relative;
    float: right;
    display: inline-block;
    width: 120px;
}

.lang-switcher li {
    float: left;
    text-align: center;
}

.lang-switcher>a {
    padding: 50px 30px 53px 15px;
    display: block;
}

.lang-switcher>a:before {
    position: absolute;
    top: 46.5%;
    right: 10%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.navi_global li:last-of-type {
    max-width: 100px;
}

.global_sub {
    line-height: 2em;
    font-size: 12px;
    width: 100px;
    float: right;
}

/* footer */
#footer {
    width: 100%;
    padding: 0 0 30px 0;
    text-align: center;
    position: relative;
    font-size: 12px;
    overflow: hidden;
}

.footer_image_area {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    max-height: 600px;
    min-height: 336px;
    background-image: url("/common/images/bgFooter.jpg");
}

.title_footer {
    background-repeat: no-repeat;
    background-position: center;
    background: url("/common/images/logoFooter.png") no-repeat center;
    background-size: 310px, 95px;
    width: 100%;
    height: 95px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    line-height: 1;
}

footer .list_sns {
    display: block;
    margin-top: 40px;
}

footer .list_sns li img {
    width: 50%;
}

footer .list_sns li {
    display: inline-block;
    padding: 0 6px;
}

footer .list_sns li:nth-child(2) {
    padding: 0 0 0 6px;
}

footer .list_sns li:nth-child(3) {
    padding: 0;
}

footer .list_sns li:nth-child(4) {
    padding: 0 6px;
}

.side_title {
    display: inline;
    margin-top: -3px;
}

footer .list_sns {
    width: auto;
    display: inline-block;
    left: 0;
    position: static;
}

.list_sns {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    width: 18%;
    position: absolute;
    top: 46%;
    left: 40%;
}

.list_footer {
    text-align: center;
    padding: 30px 0 20px 0;
}

.list_footer li {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
}

/* top */
.thumbnail_side__2column {
    display: table;
    padding: 0;
    margin: 0;
}

.thumbnail_side__2column .thumbnail_side__thumbnail img {
    width: 100%;
    vertical-align: top;
}

.thumbnail_side__2column .thumbnail_side__thumbnail {
    display: table-cell;
    width: 22%;
}

.thumbnail_side__2column .thumbnail_side__details {
    display: table-cell;
    vertical-align: middle;
    padding: 0 40px;
    width: 28%;
}

#pickups {
    position: relative;
    background: #fff;
    max-width: 1100px;
    margin: 0 auto;
    min-height: 430px;
    overflow: hidden;
}

.pickup__morning {
    background-image: url("..//common/images/titlePickup.png");
}

.pickup__lunch {
    background-image: url("..//common/images/titlePickup_lunch.png");
}

.pickup__afternoon {
    background-image: url("..//common/images/titlePickup_afternoon.png");
}

.pickup__dinner {
    background-image: url("..//common/images/titlePickup_dinner.png");
}

.title_pickup {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 140px;
    width: 140px;
    height: 132px;
    /*background-image: url("..//common/images/titlePickup.png");*/
    position: absolute;
    left: 5%;
    top: 140px;
}

.thumbnail_updown__multicolumn,
.thumbnail_updown__3column {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    -webkit-justify-content: center;
    /* Safari */
    justify-content: center;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
}

#pickups .thumbnail_updown__multicolumn {
    display: block;
    clear: both;
    overflow: hidden;
    width: 80%;
    padding-top: 120px;
    padding-bottom: 10px;
    margin-left: 22%;
    justify-content: center;
    align-items: flex-start;
}

#pickups .thumbnail_updown__multicolumn li {
    float: left;
}

#shop_event .thumbnail_updown__multicolumn {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
    -webkit-justify-content: flex-start;
    /* Safari */
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
}

.thumbnail_updown__multicolumn__item {
    padding: 0 15px;
}

#pickups .thumbnail_updown__multicolumn__item {
    text-align: center;
    padding: 0 0 30px 0;
    width: 180px;
    text-align: center;
    vertical-align: top;
    margin-right: 30px;
}

#pickups .thumbnail_updown__multicolumn__item:last-of-type {
    margin-right: 0;
}

#pickups .thumbnail_updown__multicolumn__item a img {
    width: 100%;
    margin-bottom: 10px;
}

/*
#fyt:before{
  content:" ";
  width:100%;
  height:300px;
  position:absolute;
  top:50px;
  margin: 0 auto;
  background:url("/common/images/fyt_logo_white.png") no-repeat center;
  background-size:400px;
}
*/
/*#fyt .thumbnail_updown__multicolumn__item img{width:224px;}*/
#fyt .thumbnail_updown__multicolumn__item img {
    width: 100%;
}

#fyt .button {
    padding: 0;
}

#fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item {
    width: 22.5%;
    float: left;
    margin: 0 3% 0 0;
    padding: 0;
}

#fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item img {
    width: 100%;
}

#fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(1),
#fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(2) {
    width: 50%;
    max-width: 480px;
}

#fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(2),
#fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(6),
#fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(10) {
    margin-right: 0;
}

#fyt .button_progress {
    width: 480px;
    margin: 30px auto 0 auto;
}

#fyt {
    background-repeat: no-repeat;
    background-position: top left;
    /*background-size: 1200px, autopx;*/
    background-size: contain;
    width: 1200px;
    height: autopx;
    background-image: url("..//common/images/bgFYT.jpg");
    width: 100%;
    padding-bottom: 80px;
    position: relative;
    background-color: #f7f6f2;
}

#fyt .thumbnail_updown__multicolumn {
    padding-top: 350px;
    max-width: 992px;
    margin: 0 auto;
    display: block;
    clear: both;
    overflow: hidden;
    box-sizing: content-box;
}

#fyt .thumbnail_updown__multicolumn__item p {
    background: #ffffff;
    margin: 0 0 50px;
    padding: 0 5px;
    line-height: 1.3;
    text-align: center;
    width: 214px;
    height: 40px;
    overflow: hidden;
    position: relative;
    display: table;
    /*
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -ms-text-overflow:ellipsis;*/
}

#fyt .thumbnail_updown__multicolumn__item p span {
    display: table-cell;
    vertical-align: middle;
}

#fyt .thumbnail_updown__multicolumn__item:nth-child(1) p,
#fyt .thumbnail_updown__multicolumn__item:nth-child(2) p {
    width: 100%;
    height: auto;
    padding: 12px 0;
}

.thumbnail_updown__3column__item {
    width: 33%;
    padding: 10px 0;
}

.thumbnail_updown__3column__item .topicsThumbnail {
    float: left;
    width: 90px;
    padding: 0 10px;
}

.thumbnail_updown__3column__item .topicsThumbnail img {
    width: 100%;
}

.topicsText {
    float: left;
    width: 190px;
}

#topics {
    padding: 80px 0 30px 0;
    background-color: #fff;
    max-width: 990px;
    margin: 0 auto;
}

#topics .thumbnail_updown__3column {
    clear: both;
    overflow: hidden;
}

#topics .thumbnail_updown__multicolumn,
.thumbnail_updown__3column {
    display: block;
}

#topics .thumbnail_updown__3column__item {
    padding: 0 0px 30px 0;
    margin: 0 3% 0 0;
    float: left;
    width: 31%;
}

#topics .thumbnail_updown__3column__item:nth-child(3),
#topics .thumbnail_updown__3column__item:nth-child(6) {
    padding: 0 0 30px 0;
    margin: 0 0 0 0;
}

#topics .thumbnail_updown__3column__item .topicsThumbnail {
    padding: 0;
    margin-right: 17px;
}

#information {
    border: 1px solid #333;
    border-right: none;
    border-left: none;
    position: relative;
    padding: 18px 0 20px 0;
    max-width: 990px;
    margin: 0 auto 80px auto;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
}

h1.title-info {
    padding: 0;
    display: inline;
}

.title-info {
    font-size: 100%;
    font-weight: normal;
    font-family: "Libre Baskerville", serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.details-info {
    padding-left: 25px;
    display: inline;
}

#links {
    padding: 60px 0 60px;
}

#links a {
    border: 1px solid #eaeaea;
    display: block;
}

#links .thumbnail_updown__multicolumn {
    display: block;
    clear: both;
    overflow: hidden;
    text-align: center;
}

#links .thumbnail_updown__multicolumn__item {
    width: 146px;
    display: inline-block;
    text-align: center;
    padding: 0 13px;
    margin: 0;
}

#links .thumbnail_updown__multicolumn__item img {
    width: 100%;
}

/* shop */
#shop_search {
    margin: 0 8%;
}

#shop_near {
    margin: 0 8%;
}

#shop_new {
    margin: 0 8%;
}

.error_text {
    color: #cc0000;
}

.tab_title {
    font-size: 100%;
    font-weight: normal;
}

.tab {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    -webkit-justify-content: flex-start;
    /* Safari */
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
}

.tab li {
    padding: 0 1em 0 1em;
    line-height: 1.5em;
    border-right: 1px solid #848381;
    margin: 1em 0;
    color: #999999;
}

.search__input {
    border: 1px solid #848381;
    line-height: 1.3em;
    padding: 0.6em 5em 0.6em 1em;
    width: 40%;
}

.tab .select {
    font-weight: bold;
    color: #333333;
}

.section_title__lv1 {
    font-weight: normal;
    line-height: 3em;
    border-bottom: 1px solid #848381;
    font-size: 120%;
}

.img_area_note {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    -webkit-justify-content: flex-end;
    /* Safari */
    justify-content: flex-end;
}

.img_area_note__item {
    padding-right: 1em;
    line-height: 2em;
}

.img_area_note__item a {
    text-decoration: underline;
}

.info_text_list {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    -webkit-justify-content: flex-start;
    /* Safari */
    justify-content: flex-start;
}

.info_list_date {
    width: 2em;
}

#shop_new {
    margin-bottom: 60px;
}

.tab {
    overflow: hidden;
}

.hide {
    display: none;
}

.search {
    position: relative;
}

.search__item {
    position: relative;
    padding-bottom: 3em;
}

.button_search {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 32px, 32px;
    width: 32px;
    height: 32px;
    background-image: url("../../shop/images/icn_search.png");
    padding: 0;
    position: absolute;
    top: 1px;
    left: 36%;
}

.mordal_button {
    border: 1px solid #848381;
    background-color: #f7f6f2;
    padding: 0.5em 0.5em 0 1em;
    width: 15em;
    position: absolute;
    margin-bottom: 0;
    top: 0;
    left: 30em;
}

/* ＋、－アイコン */
.accordion_icon,
.accordion_icon span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
}

.accordion_icon {
    position: relative;
    width: 40px;
    height: 24px;
    float: right;
    margin-top: 4px;
}

.accordion_icon span {
    position: absolute;
    left: 6px;
    width: 50%;
    height: 1px;
    background-color: #848381;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.accordion_icon span:nth-of-type(1) {
    top: 5px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.accordion_icon span:nth-of-type(2) {
    top: 5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/* ＋、－切り替え */
.accordion_icon.active span:nth-of-type(1) {
    display: none;
}

.accordion_icon.active span:nth-of-type(2) {
    top: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/* こだわり条件 */
.mordal_area {
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px;
}

.mordal_area td {
    vertical-align: top;
}

.section_title__lv2 {
    font-weight: normal;
    border-bottom: 1px solid #848381;
    font-size: 120%;
}

.list_type_check {
    line-height: 4em;
}

.list_type_check img {
    padding: 0 1em;
}

#shop_title {
    position: relative;
}

.flex_listarea {
    display: block;
    z-index: 555;
    position: absolute;
    top: 10%;
    right: 8px;
}

.flex_listarea__item {
    display: inline-block;
    padding: 0 0px 0 0;
}

.flex_listarea__item img {
    width: 25px;
}

.print_linkarea {
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url("../../shop/images/icn_print.png");
    padding: 0 30px 0 25px;
    position: absolute;
    top: 30%;
    right: 8%;
}

#shop_map {
    width: 47%;
    float: left;
    margin-left: 5%;
    margin-right: 2%;
    margin-bottom: 5%;
}

#shop_event {
    padding-bottom: 60px;
    clear: both;
    margin: 0 5%;
}

#shop_event .button {
    margin-left: 10%;
}

.list_table__title,
.list_table__item {
    vertical-align: top;
    padding-bottom: 20px;
    line-height: 2em;
    text-align: left;
}

.list_icon {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    -webkit-justify-content: flex-start;
    /* Safari */
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
}

.list_icon__item {
    padding-right: 10px;
}

#search_result {
    margin: 5% 10%;
    width: 80%;
}

.page_list {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    -webkit-justify-content: flex-start;
    /* Safari */
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
}

.page_list__item {
    text-align: center;
    width: 3em;
}

.list_table {
    text-align: left;
    border-collapse: separate;
    border-spacing: 15px;
}

.list_table__item {
    padding: 0;
}

.here {
    font-weight: bold;
}

/* 2016.09.11 穴澤追加 */
.sub_navigation {
    width: 250px;
    padding: 20px 40px 0 0;
    position: absolute;
}

.navi__ttl {
    display: none;
}

.list__navi li {
    line-height: 1.8;
}

.list__navi li a {
    display: block;
    padding: 15px 0 15px 25px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}

.list__navi li span {
    font-size: 12px;
}

.list__navi__item__title {
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid #e8e8e8;
    background: #f7f6f2;
}

/*
.sub_navigation .active>a{
  background:url("/common/images/menuDownArrow.png") no-repeat right;
  background-size:15px;
}
*/
.sub_navigation .active>a:after {
    content: " ";
    width: 15px;
    height: 15px;
    background: url("/common/images/menuDownArrow.png") no-repeat right;
    background-size: 15px;
    position: absolute;
    right: 5px;
    top: 20px;
    z-index: 10;
}

.sub_navigation .active>a.open:after {
    transform: rotate(180deg);
}

.sub_navigation li a {
    padding-right: 30px;
}

.sub_navigation .active li a {
    padding-left: 40px;
    position: relative;
}

.sub_navigation .hide {
    display: none;
}

.active .list__navi li:first-child {
    padding-top: 10px;
}

.active .list__navi li:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.active .list__navi li a {
    border-bottom: none;
    padding: 5px 0 5px 25px;
}

/*.hide{display:block !important;}*/
article.only_pane {
    margin: 0;
}

.form_list_only_pane {
    margin: 0 0 0 30px;
    max-width: 100%;
}

.item_top {
    background: #f7f6f2;
}

footer {
    clear: both;
}

#item__detail .js__pad_top {
    padding: 0;
}

.box_content__default.aside_column {
    padding: 40px;
    background: #f7f6f2;
    font-size: 12px;
}

.aside_column .common_title {
    font-size: 15px;
}

.aside_column>.column__left_box,
.aside_column>.column__right_box {
    width: 47%;
}

.aside_column .column__right_box .column__left_box,
.aside_column .column__right_box .column__right_box {
    width: 45%;
}

.aside_column .column__left_box .sprit_list li span,
.aside_column .column__right_box .sprit_list li span {
    text-align: right;
}

.box_content__default.aside_column {
    min-width: auto;
}

.only_pane .box_content__default.aside_column {
    padding-left: 20px;
}

.box_content__default {
    clear: both;
    overflow: hidden;
    margin: 0 auto 40px auto;
    max-width: 1100px;
    min-width: 800px;
    padding-left: 30px;
}

.fyt_contents {
    padding-right: 40px;
    text-align: center;
    font-size: 12px;
}

#item__detail .box_content__default {
    min-width: auto;
    padding-right: 40px;
}

#item__detail .aside_column {
    margin-right: 40px;
    max-width: 100%;
}

.bg_beige .box_content__default,
.bg_dark_beige .box_content__default {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 60px;
}

.bg_beige .box_content__long,
.bg_dark_beige .box_content__long,
.bg_beige~.box_content__long,
.bg_dark_beige~.box_content__long {
    padding: 60px 0 60px 0;
    max-width: 800px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.bg_beige .box_content__short,
.bg_dark_beige .box_content__short,
.bg_beige~.box_content__short,
.bg_dark_beige~.box_content__short {
    padding: 60px 0 60px 0;
    max-width: 680px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.box_content__long .box_content__long {
    margin-top: 20px;
    padding-bottom: 0;
}

.box_content__image_fit.bg_beige~.box_content__long {
    padding-top: 0;
}

.block__common_area .box_content__long {
    padding: 0;
}

.block__common_area .item_list {
    margin-bottom: 0;
}

.box_content__long {
    padding: 0 0 60px 0;
    max-width: 800px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.box_content__short {
    padding: 0 0 60px 0;
    max-width: 680px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.box_content__vertical_inner {
    padding: 20px 0;
    clear: both;
    overflow: hidden;
}

.box_content__flex {
    padding: 30px;
    clear: both;
    overflow: hidden;
    max-width: 1100px;
    margin: 0 auto;
}

.box_content__full_image {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.box_content__flex .item_list__text {
    font-size: 12px;
}

.box_content__full_image h2 {
    display: none;
}

.fyt_top {
    background: #f7f6f2;
}

.fyt_top .box_content__image_fit {
    margin: 30px auto 45px auto;
    max-width: 1100px;
}

.fyt_top .interview_list_content {
    padding-bottom: 15px;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
}

.fyt_top .newshop_list_content {
    padding-bottom: 25px;
}

.fyt_top .box_content__flex {
    padding-bottom: 45px;
}

.fyt_top .item_list {
    margin-bottom: 0;
}

.fyt_top .item_list li {
    margin-bottom: 0;
}

.item_top .box_content__long {
    padding: 60px 0;
    max-width: 800px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.item_top .box_content__short {
    padding: 60px 0;
    max-width: 680px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.item_top .box_content__vertical_inner {
    padding: 20px 0;
    clear: both;
    overflow: hidden;
}

.item_top .box_content__flex {
    padding: 30px;
    clear: both;
    overflow: hidden;
}

.only_pane .box_content__default {
    clear: both;
    overflow: hidden;
    margin: 0 auto 40px auto;
    padding-left: 0;
    padding-right: 0;
}

.box_content__image_fit {
    padding: 0;
    width: 92%;
    display: table;
    margin: 30px auto;
}

.full_width {
    margin: 0 auto !important;
    max-width: 1100px;
    width: 100%;
    padding-right: 0;
}

.bg_white {
    background: #fff;
}

.bg_beige {
    background: #fff;
}

.bg_dark_beige {
    background: #e2e0d6;
}

.box_content__image_fit .column__left_box {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.box_content__image_fit .column__right_box {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.box_content__image_fit .common__description {
    padding: 30px;
}

.box_content__image_fit .thumbnail__pic_image {
    width: 100%;
}

.box_content__fit .sp_hide {
    display: none;
}

.box_content__fit {
    width: 100%;
    margin: 0;
    clear: both;
    overflow: hidden;
}

.fit__left_box {
    display: block;
    width: 50%;
    float: left;
    vertical-align: middle;
    position: relative;
}

.fit__right_box {
    display: block;
    width: 50%;
    float: right;
    vertical-align: middle;
    position: relative;
}

.fit__right_box .common__description,
.fit__left_box .common__description {
    padding: 0 60px;
}

.round_title {
    font-size: 15px;
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    /*width:250px;*/
    padding: 10px 20px;
    z-index: 2;
    border-radius: 0 30px 30px 0;
    -o-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
}

.border_btm {
    border-bottom: 1px solid #000;
}

/*
.box_content__full_image h2{
  position: absolute;
  color:#fff;
  z-index:1;
  text-align: center;
  padding-top:50px;
  width:100%;
}*/
.item_top .js__pad_top .image_script img {
    width: 248px;
    padding-bottom: 10px;
}

.item_top .js__pad_top .common__description {
    padding: 0 0 27px 0;
}

.image_script {
    width: 400px;
    text-align: center;
    margin: 0 auto 7px auto;
}

.image_script img {
    width: 57%;
}

.font__script_title {
    font-weight: normal;
    font-size: 40px;
    /*font-family: 'Mr Dafoe', cursive, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',sans-serif;*/
}

article>section#anchor_favorite {
    max-width: 100%;
    width: 100%;
    padding-bottom: 30px;
}

#anchor_favorite p:not(.common__description) {
    font-size: 12px;
    padding-bottom: 0;
}

#anchor_favorite h2 {
    padding: 60px 0 30px 0;
}

#anchor_favorite .item_list {
    max-width: 1100px;
    margin: 0 auto;
}

#anchor_favorite .common_title {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 10px;
}

h4.font__serif_title {
    font-size: 20px;
}

.box_content__full_image .font__serif_title {
    font-size: 40px;
}

.font__serif_title {
    font-weight: normal;
    font-size: 26px;
    /*font-family: 'Libre Baskerville', serif, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',sans-serif;*/
    color: #332406;
}

.block__type_description {
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding-top: 0;
    margin-top: -15px;
    margin-bottom: 40px;
}

/*
.common_title_image{
  width:100%;
  position:absolute;
  z-index:0;
}
*/
.common_title_image img {
    width: 100%;
}

.column__left_box {
    width: 48.5%;
    float: left;
}

.column__right_box {
    width: 48.5%;
    float: right;
}

.column__image_box {
    width: 26%;
    float: left;
}

.column__text_box {
    width: 70%;
    float: left;
    margin: 0 2%;
}

.thumbnail__pic_image,
.thumbnail__pic_image img {
    width: 100%;
}

.common__description {
    clear: both;
    padding: 0 0 25px 0;
    font-size: 14px;
}

.item_list+.common__description {
    margin-top: -50px;
}

.first__description {
    margin-top: 20px;
}

.centering {
    text-align: center;
}

.text__rights {
    text-align: right;
}

.parent-button_width_arrange a:nth-child(2) button {
    margin-left: 5px;
}

.box_content__short .button_progress {
    width: 100%;
}

.parent-button_width_arrange .button_progress {
    display: inline-block;
    width: 48%;
    margin-bottom: 10px;
}

.button_progress.centering {
    margin: 0 auto;
}

.anchor_list {
    margin: 30px 0;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

.anchor_list li {
    display: table-cell;
}

.button_anchor {
    padding: 7px 30px 7px 5px;
    border: 1px solid #d1cdc8;
    background: #fff;
    position: relative;
    vertical-align: middle;
}

.button_anchor a {
    display: block;
    color: #999;
}

.button_anchor a:after {
    content: "▼";
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    color: #d1cdc8;
    padding: 10px 8px;
}

article .button_anchor a:hover:after {
    text-decoration: none;
}

.seasonal .font__script_title {
    margin-top: 40px;
}

.seasonal .button_anchor a:after {
    top: 0%;
}

.common_title {
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
}

.common_title__gray {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
}

.item_list {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
}

.item_list img {
    width: 100%;
}

.item_list .icon__new {
    position: absolute;
    top: 5px;
    right: 5px;
}

.item_list li {
    float: left;
    margin-right: 20px;
    position: relative;
    margin-bottom: 30px;
}

.item_list li p {
    padding: 5px 0 10px 0;
}

.list_col_6 li {
    width: 130px;
}

.list_col_5 li {
    width: 160px;
}

.list_col_4 li {
    width: 210px;
}

.list_col_3 li {
    width: 285px;
}

.list_col_2 li {
    width: 440px;
}

.box_content__long .list_col_5 li {
    width: 155px;
}

.box_content__long .item_list {
    margin-bottom: 0;
}

.box_content__long .item_list li {
    margin-bottom: 0;
}

h2 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
}

h1 {
    font-size: 19px;
    margin: 0;
    padding: 10px 0;
    font-weight: normal;
}

.icon__new {
    background: #df6c1b;
    color: #fff;
    display: inline-block;
    padding: 3px 5px;
    font-size: 12px;
}

.rank1,
.rank2,
.rank3 {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 80px;
    top: 20px;
    right: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
    padding-top: 8px;
    color: #fff;
    font-family: "Libre Baskerville", serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.rank1 {
    background: url("../../menu/images/rank1.png") no-repeat;
    background-size: contain;
}

.rank2 {
    background: url("../../menu/images/rank2.png") no-repeat;
    background-size: contain;
}

.rank3 {
    background: url("../../menu/images/rank3.png") no-repeat;
    background-size: contain;
}

.allergy__list>li {
    width: 23%;
    float: left;
    font-size: 12px;
    margin-right: 2%;
}

.allergy__disc_list {
    height: 130px;
}

.allergy__disc_list li {
    width: 33%;
    min-width: 60px;
    float: left;
}

.allergy__disc_list li:before {
    content: "・";
}

.allergy__list .button_progress {
    width: 100%;
}

.disc_list li {
    list-style-type: disc;
    margin-left: 40px;
    padding-bottom: 15px;
}

/**　allergy　*************************************/
.allergy_table {
    font-size: 12px;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.allergy_table thead {
    background: #f7f6f2;
}

.allergy_table th {
    font-weight: normal;
}

.allergy_table td,
.allergy_table th {
    border: 1px solid #ccc;
    text-align: center;
}

.allergy_table td.allergy_table__item_name {
    width: 300px;
    text-align: left;
}

.allergy_table td.allergy_table__item_icon {
    width: 30px;
}

.allergy_item7 {
    background: #f8e3dc;
}

.allergy_item20 {
    background: #f7f6f2;
}

.allergy_comment {
    padding-top: 10px;
    font-size: 14px;
}

.responsive_form label {
    display: inline-block;
    width: 180px;
    padding: 10px;
}

.responsive_form label input {
    margin-right: 10px;
}

.responsive_form label.allergy {
    width: 75px;
    height: 75px;
    text-align: center;
    padding: 0;
}

.icon__egg .icon__form {
    background: url("/common/images/allergy_icon_egg.png") no-repeat;
}

.icon__milk .icon__form {
    background: url("/common/images/allergy_icon_milk.png") no-repeat;
}

.icon__wheat .icon__form {
    background: url("/common/images/allergy_icon_wheat.png") no-repeat;
}

.icon__soba .icon__form {
    background: url("/common/images/allergy_icon_soba.png") no-repeat;
}

.icon__peanut .icon__form {
    background: url("/common/images/allergy_icon_peanut.png") no-repeat;
}

.icon__shrimp .icon__form {
    background: url("/common/images/allergy_icon_shrimp.png") no-repeat;
}

.icon__crab .icon__form {
    background: url("/common/images/allergy_icon_crab.png") no-repeat;
}

.allergy .icon__form {
    opacity: 0.5;
    display: inline-block;
    width: 75px;
    height: 75px;
    position: relative;
    vertical-align: middle;
    margin-bottom: 10px;
}

.allergy input:checked+.icon__form {
    opacity: 1;
}

.common_title__description {
    font-size: 14px;
    padding-left: 30px;
}

.common_title__button {
    float: right;
}

.responsive_form label.allergy input,
.checkbox input {
    display: none;
}

.checkbox input+.icon__form {
    position: relative;
    vertical-align: middle;
}

.checkbox input+.icon__form:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    content: " ";
    color: #ccc;
    font-size: 22px;
    margin-right: 10px;
    background-color: #fff;
}

.checkbox input:checked+.icon__form:before {
    content: " ";
    background: url("/common/images/check_on_icon.png") #fff no-repeat;
    background-size: contain;
}

section h2 {
    margin: 0 0 15px 0;
}

.interview__detail_header~.box_content__long h2:first-line {
    line-height: 1;
}

.cafekai__description>div {
    padding-top: 60px;
}

.cafekai__description {
    margin-top: 1px;
    margin-bottom: 40px;
}

.cafekai__description img {
    width: 100%;
}

.cafekai__description p {
    padding: 30px 0 0 0;
}

.grand_text__left {
    float: left;
    text-align: left;
}

.grand_text__right {
    text-align: right;
}

.cafekai_shop__table {
    width: 100%;
}

.cafekai_shop__table th {
    font-weight: normal;
    width: 10%;
    text-align: left;
    vertical-align: top;
}

.cafekai_shop__table td {
    padding-left: 15px;
}

.slider-wrapper {
    width: 100%;
    overflow: hidden;
    height: 39.5vw;
    opacity: 0;
}

.slider-wrapper .unit {
    margin: 0 auto;
    width: 80%;
    position: relative;
}

.slider-wrapper .unit.passive {
    float: none;
}

.slider {
    clear: both;
    overflow: hidden;
}

.slider div {
    float: left;
    width: 80%;
}

.slider div img {
    width: 100%;
}

article .slider-wrapper {
    width: 100%;
    height: 32vw;
}

article .slider div {
    float: left;
    /* width:750px; height:375px;*/
}

article .slider div img {
    width: 100%;
    /*width:750px; height:375px;*/
}

.form_list .slider-wrapper {
    width: 100%;
    /*height:375px;*/
}

.form_list .slider div {
    float: left;
    width: 750px;
    /*height:375px;*/
}

.form_list .slider div img {
    width: 750px;
    /*height:375px;*/
}

/*.slick-active{width:1000px !important;}*/
.list__navi li.active a {
    padding-right: 20px;
    position: relative;
}

.common__dl_list {
    width: 100%;
    display: table;
    border-bottom: 1px solid #DFDEDA;
    margin: 0;
    padding: 0;
}

.common__dl_list dt {
    display: table-cell;
    width: 20%;
    padding: 15px 0;
}

.common__dl_list dd {
    display: table-cell;
    width: 80%;
    padding: 15px 0;
}

.simple__dl_list {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    clear: both;
    overflow: hidden;
}

.simple__dl_list dt {
    float: left;
    width: 20%;
    padding: 0 0 5px 0;
    margin: 0;
}

.simple__dl_list dd {
    float: left;
    width: 80%;
    padding: 0 0 5px 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border__top_btm {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.newshop_list_content {
    clear: both;
    overflow: hidden;
    width: 850px;
    margin: 30px auto;
    padding: 20px 0;
}

.newshop_list_content .section h2 {
    line-height: 1;
}

.grand_menu {
    padding-right: 30px;
}

.grand_menu_list {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.grand_menu_list li {
    float: left;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 15px;
}

.grand_menu_list li:nth-child(odd) {
    margin-right: 0;
}

.grand_menu_list li:nth-child(1) {
    width: 50%;
    margin-right: 2%;
}

.grand_menu_list li img {
    width: 100%;
}

.icon__plus {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 10px 16px 15px 16px;
    line-height: 1;
    font-size: 20px;
    background: #fff;
    border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.modal_trigger {
    position: relative;
    display: block;
}

.sp_hide {
    display: block;
}

.pc_hide {
    display: none;
}

span.sp_hide {
    display: inline;
}

/*** CS *******************************************************************************************/
.annotation_txt {
    font-size: 12px;
}

div.inner {
    padding: 10px;
    border: 1px solid #eee;
    height: 8em;
    overflow: auto;
}

#Wrap {
    margin: 30px 0;
    width: 100%;
}

#main {
    padding: 0 30px 0 0;
}

.formArea {
    padding: 1em 0;
}

.formBtn {
    padding: 2em 0;
}

td.formTdA2 [id^=coffee_school_entries_form_],
#cancel_menber_change {
    border: 1px solid #848381;
    line-height: 1.3em;
    padding: 0.6em 5em 0.6em 1em;
}

.formTableA {
    width: 100%;
    margin-bottom: 30px;
}

td.formTdA1 {
    width: 30%;
}

td.formTdA2 {
    width: 70%;
    padding-left: 20px !important;
}

td.formTdA2,
td.formTdA1 {
    padding: 20px 0;
}

.formTableLineA {
    border-bottom: 0.5px dashed #bfbfbf;
}

#inquiry_submit {
    margin-bottom: 2em;
}

.school-outline {
    width: 100%;
    line-height: 2em;
    margin-bottom: 40px;
}

.school-outline th {
    text-align: left;
    width: 30%;
}

.formTableLine__solid {
    border-bottom: 1px solid #848381;
}

.school-agree {
    padding: 1em 1em;
    text-align: center;
}

.alert_txt {
    font-size: large;
    color: #cc0000;
}

.subject {
    font-size: large;
}

.cancel-select-inner {
    display: block;
}

.cancel-select-inner label {
    padding: 1em 0;
    display: block;
}

.f10 {
    padding: 1em 0;
}

#main>table,
#main>form>table {
    width: 100%;
}

font strong {
    padding: 0;
    margin: 0;
    display: block;
}

.formTdA2 label {
    padding-right: 30px;
}

#Wrap input[type=text],
#Wrap input[type=password],
#Wrap input[type=number],
#Wrap select,
#Wrap textarea {
    background: #f7f6f2;
}

.formBtn a {
    display: block;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    background: #301d0f;
    color: #fff;
    /* border: 1px solid #333333; */
    padding: 10px 0;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.formBtn {
    text-align: center;
}

#school_back,
#school_submit {
    display: inline-block;
    width: auto;
    text-align: center;
    background: #301d0f;
    color: #fff;
    /* border: 1px solid #333333; */
    padding: 10px 0;
    width: 40%;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.cancel-select-inner {
    padding: 10px 0;
}

.cancel-select-inner>p {
    padding: 10px 20px;
    background: #f7f6f2;
    margin: 0;
}

.formBtn .button_progress {
    width: 40% !important;
    display: inline-block;
}

#coffee_school_entries_form_email_confirm {
    margin-top: 10px;
}

/*TOP*/
.content {
    clear: both;
    overflow: hidden;
}

.col_liquid_2 li,
.col_liquid_2_1 li {
    display: inline-block;
    width: 48.5%;
    margin-right: 3% !important;
}

.col_liquid_3 li,
.col_liquid_3_1 li {
    display: inline-block;
    width: 31.3%;
    margin-right: 3% !important;
}

.col_liquid_4 li,
.col_liquid_4_1 li {
    display: inline-block;
    width: 22.7%;
    margin-right: 3% !important;
}

.col_liquid_5 li,
.col_liquid_5_1 li {
    display: inline-block;
    width: 18.4%;
    margin-right: 2% !important;
}

.col_liquid_6 li,
.col_liquid_6_1 li {
    display: inline-block;
    width: 14.6%;
    margin-right: 2% !important;
}

.image_title_content .col_liquid_5 li {
    display: inline-block;
    width: 18.3%;
    margin-right: 1.8% !important;
}

.col_liquid_2 li:nth-child(2),
.col_liquid_2_1 li:nth-child(2),
.col_liquid_3 li:nth-child(3),
.col_liquid_3_1 li:nth-child(3),
.col_liquid_4 li:nth-child(4),
.col_liquid_4_1 li:nth-child(4),
.col_liquid_5 li:nth-child(5),
.col_liquid_5_1 li:nth-child(5),
.col_liquid_6 li:nth-child(6),
.col_liquid_6_1 li:nth-child(6) {
    margin-right: 0 !important;
}

.col_liquid_2 li:nth-child(even),
.col_liquid_2_1 li:nth-child(even) {
    margin-right: 0 !important;
}

.item_list li .item_list li {
    margin-bottom: 0;
}

.item_list .item_list {
    margin-bottom: 0;
}

.main_course_list li,
.optional_course_list li {
    padding-bottom: 20px;
}

.main_course_list li p.item_list__title,
.optional_course_list li p.item_list__title {
    padding: 20px 10px 0 10px;
    height: auto;
}

.main_course_list li p.item_list__text,
.optional_course_list li p.item_list__text {
    padding: 10px 10px 15px 10px;
    height: auto;
}

.main_course_list a.button,
.optional_course_list a.button {
    width: 90%;
    margin: 0 auto 10px auto;
}

.optional_course_list li {
    display: inline-block;
    background: #fff;
    width: 49%;
    padding-right: 0;
    margin-right: 2%;
}

.optional_course_list li:nth-child(even) {
    margin-right: 0;
}

.main_course_list li {
    display: inline-block;
    width: 32%;
    background: #fff;
    padding-right: 0;
    margin-right: 2%;
}

.main_course_list li:nth-last-child(1) {
    margin-right: 0;
}

ul[class$=_course_list] a {
    margin: 1em 0;
}

.school_gift li {
    display: inline-block;
    width: 48%;
}

.school_gift li:nth-child(even) {
    margin-right: 0;
    float: right;
}

.border {
    padding-top: 1em;
    border-bottom: 1px dashed #000;
}

.apply_list__title {
    border-bottom: 1px solid #ccc;
}

.apply_list {
    padding: 20px;
    margin-bottom: 30px;
    background-color: #F7F6F2;
}

.bg_beige .apply_list {
    background-color: #e2e0d6;
}

.apply_list li {
    display: inline-block;
}

.apply_list__text {
    vertical-align: top;
    width: 30%;
}

.apply_list__text h4 {
    padding: 0 0 20px 0;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
}

.apply_list__img {
    vertical-align: middle;
    width: 2.5%;
    margin: 0.5%;
}

.apply_list__img img {
    width: 100%;
}

.apply_mail__text {
    margin-left: 1em;
    text-indent: -1em;
}

.apply_list .big_image {
    width: 200px;
}

.modal_link {
    border: 1px solid #838280;
    font-size: 10px;
    padding: 0.5em;
    margin-left: 0.5em;
}

.image_apply .apply_list__img {
    padding-top: 80px;
}

.image_apply .apply_list__text img {
    width: 100%;
}

.contact_list div {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-bottom: 2em;
}

.item_table__qanda__border {
    border-bottom: 1px solid #ccc;
}

.school_today li,
.school_cancel li {
    list-style-type: disc;
    margin-left: 1em;
}

/* モーダル用 */
#js-modalBox {
    background: #fff;
    padding: 30px;
    display: none;
}

#js-modalBox a {
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 40px;
    width: 200px;
    margin: 30px auto 0 auto;
}

.modal_wrapper #js-modalBox {
    display: block;
}

.modalBox {
    display: none;
}

.modalBox .modal-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    top: 0;
    left: 0;
}

.modalBox-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modalBox-outer .small {
    position: absolute;
    width: 30%;
    top: 35%;
    left: 35%;
    min-width: 360px;
    margin: 0 auto;
    background: #fff;
    max-height: 40%;
    min-height: 150px;
}

.modalBox-text-01 {
    margin: 25px;
    text-align: center;
}

/*コース詳細*/
.school_outline {
    clear: both;
    overflow: hidden;
}

.school_outline div {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 30px 0;
}

.school_outline__text {
    width: 60%;
}

.school_outline__detail {
    width: 38%;
    float: right;
}

.school_outline__detail__table {
    margin-bottom: 1em;
    width: 100%;
    border: 1px solid #DFDEDA;
    width: 100%;
}

.school_outline__detail__table th,
.school_outline__detail__table td {
    border: 1px solid #DFDEDA;
    background: #fff;
    text-align: center;
}

.school_outline__detail__table th {
    padding: 0.5em 1em;
    background-color: #F7F6F2;
}

.course_point td {
    vertical-align: middle;
}

.course_point__border {
    border-bottom: 1px solid #ccc;
}

.course_point__content {
    padding: 1em 0;
}

.course_point__text {
    width: 60%;
    float: left;
}

.course_point__img {
    width: 35%;
    float: right;
}

.course_point__img img {
    width: 100%;
}

.apply_area {
    background-color: #F7F6F2;
    padding: 1em;
    margin: 2em;
    text-align: center;
}

.apply_area__title {
    padding-bottom: 1em;
    border-bottom: 1px solid #DFDEDA;
}

.link_maincourse li,
.link_optionalcourse li {
    float: left;
    width: 23%;
    min-height: 220px;
    margin: 0 2.5% 20px 0;
}

.js__pad_bottom .link_optionalcourse li:nth-child(even) {
    margin: 0 0 20px 0;
}

.js__pad_bottom .link_optionalcourse li:nth-last-child(1) {
    margin: 0 0 20px 0;
}

.link_maincourse li img,
.link_optionalcourse li img {
    width: 100%;
}

/*申し込み一覧*/
.prefecture_list p,
.prefecture_list form {
    display: inline-block;
}

.prefecture_list select {
    background-color: #F7F6F2;
    border: 1px solid #DADBD7;
    padding: 0.5em;
}

.month_list li {
    display: inline-block;
    margin: 1em;
}

.course_table h2 {
    background-color: #F7F6F2;
    text-align: center;
    padding: 1em 0;
}

.block_table {
    width: 100%;
}

.block_table tr {
    border-bottom: 1px solid #E6E6E6;
}

.block_table th {
    text-align: left;
}

.block_table td {
    padding: 0.5em 0;
}

.pc_hide {
    display: none;
}

.course_table .block_table th:nth-child(1) {
    width: 300px;
}

.course_table .block_table th:nth-child(2) {
    width: 240px;
}

.course_table .block_table th:nth-child(3) {
    width: 120px;
}

.course_table .block_table th:nth-child(4) {
    width: 190px;
}

.course_table .block_table th:nth-child(5) {
    width: 170px;
}

.brand_item__top {
    margin: 2em auto;
}

.brand_item_guatemala,
.brand_item_costarica {
    background-color: #f7f6f2;
}

section[class^=brand_item_] span {
    font-size: 16px;
}

section[class^=brand_item_] p {
    clear: both;
}


.main_banner img {
    width: 100%;
}

.item_list .button {
    width: 100%;
}

.item_table__qanda {
    width: 100%;
    margin-bottom: 30px;
}

.item_table__qanda th {
    width: 40px;
    padding: 20px 0 10px 0;
    vertical-align: top;
}

.item_table__qanda td {
    padding: 10px;
}

.item_table__qanda th img {
    width: 100%;
}

.item_table__qanda tr:nth-child(even) th,
.item_table__qanda tr:nth-child(even) td {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 40px;
}

.item_table__qanda tr:nth-child(odd) th,
.item_table__qanda tr:nth-child(odd) td {
    padding-top: 40px;
}

.content {
    padding-left: 30px;
}

.apply_list__text img {
    width: 64px;
    margin-right: 10px;
}

.detail__table {
    width: 100%;
}

.detail__table th,
.detail__table td {
    padding: 10px;
    border: 1px solid #DFDEDA;
}

.detail__table th {
    background-color: #F7F6F2;
    font-weight: normal;
}

.list__table {
    width: 100%;
    margin-bottom: 30px;
}

.list__table th,
.list__table td {
    padding: 15px 0;
    border-bottom: 1px solid #DFDEDA;
}

.list__table th {
    font-weight: normal;
    width: 20%;
    text-align: left;
}

.list__table td {
    padding-left: 15px;
}

.centering__title {
    position: absolute;
    top: 27%;
    left: 0;
    z-index: 3;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.centering__title h2 {
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 8x;
}

.centering__title a {
    color: #fff;
    display: inline-block;
    /*
  padding-top:15px;
  min-width:300px;
  border-top:1px solid #fff;
  */
}

.centering__title h2 {
    margin-bottom: 8px;
    font-size: 19px;
}

/*
.gradient__layer{
  background: -moz-linear-gradient(top,  rgba(247,246,242,0) 30%, rgba(247,246,242,0.25) 45%, rgba(247,246,242,1) 90%);
  background: -webkit-linear-gradient(top,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(247,246,242,1) 90%);
  background: linear-gradient(to bottom,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(247,246,242,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f2', endColorstr='#f7f6f2',GradientType=0 );
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:2;
}
*/
/*
.gradient__layer.white{
  background: -moz-linear-gradient(top,  rgba(247,246,242,0) 30%, rgba(247,246,242,0.25) 45%, rgba(255,255,255,1) 90%);
  background: -webkit-linear-gradient(top,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(255,255,255,1) 90%);
  background: linear-gradient(to bottom,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f2', endColorstr='#ffffff',GradientType=0 );
}
*/
.community__list {
    padding: 0;
    clear: both;
    overflow: hidden;
}

.community__list li {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.community__list a {
    color: #fff;
}

.community__list li:nth-child(even) {
    margin-right: 0;
}

.community__image img {
    width: 100%;
}

.community__text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -85px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.community__text h3 {
    padding: 10px 10px 0 10px;
    margin: 0;
}

.community__text p {
    padding: 10px;
}

.community__text h3,
.community__text p,
.community__text p span,
.community__text p strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.modal_obj {
    width: 95%;
    margin: 30px auto;
}

.modal_layer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.step__list {
    width: 800px;
}

.step__list li {
    padding: 0 0 30px 0;
    position: relative;
}

.step__list dl {
    display: table;
    width: 100%;
}

.step__list dt {
    display: table-cell;
    width: 40%;
    padding: 10px;
    margin: 0;
    font-size: 20px;
}

.step__list dd {
    display: table-cell;
    width: 58%;
    padding: 10px;
    margin: 0;
}

.step__list h3 {
    padding: 0;
    margin: 0;
}

.step__list dl:after {
    position: absolute;
    bottom: 20px;
    right: 30%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #b6b5b5;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
}

.step__list li:last-of-type dl:after {
    display: none;
}

.step__list .centering {
    margin-left: -90px;
    font-size: 20px;
}

.contact_content {
    padding: 20px 30px 30px 30px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #DFDEDA;
    margin-bottom: 30px;
}

.item_detail.js__pad_bottom {
    padding-bottom: 0;
}

/** Company *******************************************************************************************/
.company_item_text {
    padding-top: 30px;
    padding-bottom: 30px;
}

.company_item_text__title {
    font-size: 28px;
}

.company_table {
    border-collapse: separate;
    border-spacing: 5px;
}

.company_table tr {
    width: 100%;
}

.company_table td {
    background-color: #EBEAE6;
    padding: 30px;
    width: 32%;
}

.company_table td img {
    width: 100%;
}

.company_table__title {
    text-align: center;
}

.button_progress {
    width: 100%;
}

.company_table__title {
    font-size: 16px;
}

.company_table__line {
    margin-top: 15px;
    /*padding-bottom: 15px;*/
    border-top: 1px solid #B0AFAC;
}

.company_table__text {
    height: 130px;
}

.company_item_press__title {
    border-bottom: 1px solid #6F6F6F;
    display: block;
    margin-top: -5px;
}

.company_item_press__link {
    float: right;
}

table.press_list {
    width: 98%;
    margin-left: 1%;
}

td.press__item__title {
    padding-left: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    text-decoration: underline;
    border: none;
    color: #1F62BB;
}

.press__item__date {
    border: none;
}

td.press__item__title a {
    vertical-align: middle;
}

a.press__item__pdf img {
    padding-left: 1em;
}

td.press__item__line {
    border-bottom: 1px solid #CFCFCF;
}

.press__content li.sns__list__item,
.press__content li.sns__list__item img {
    width: 19px;
}

.press__content {
    margin: 30 auto !important;
}

.prs__text img {
    margin-bottom: 20px;
}

.prs__title {
    font-size: 22px;
}

.prs__text {
    line-height: 1.6;
}

.contact_title {
    font-size: 18px;
}

.prs__foot {
    border-top: 1px solid #ddd;
    margin-top: 40px;
}

.interview_list_content {
    margin: 30px 0 70px;
    padding-top: 40px;
    width: 100%;
    clear: both;
    position: relative;
}

.interview_list_title {
    z-index: 888;
    position: absolute;
    top: 10px;
    width: 338px;
}

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

.interview_list {
    clear: both;
    overflow: hidden;
    /*width:400%;*/
}

.interview_list li {
    width: 200px;
    float: left;
}

.interview_list_image {
    background: #e2e0d6;
}

.interview_list_image img {
    width: 100%;
}

.interview_name {
    text-align: center;
}

.interview_list .interview_name {
    margin-top: 10px;
}

/***カルーセル***************************************/
.slick-prev,
.slick-next {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 777;
    display: inline-block;
    top: 25%;
    width: 100px;
    height: 100px;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-prev::before,
.slick-next::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 0px;
    border-top: solid 2px #301D0F;
    border-right: solid 2px #301D0F;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
}

.slick-prev {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 10px;
}

.slick-prev:focus,
.slick-next:focus {
    outline: 0;
    border: none;
}

.image_title_content {
    margin: -170px auto 0 auto;
    padding-left: 40px;
    z-index: 60;
    max-width: 1070px;
}

.image_title_content .item_list a {
    width: 100%;
}

.image_title_content .item_list__title {
    height: 60px;
    margin-bottom: 20px;
}

.image_title_content .item_list .item_list__title {
    height: auto;
    margin-bottom: 0;
}

.image_title_content .item_list .fake_table .item_list__title {
    display: table-cell;
    height: 45px;
    width: 100%;
    vertical-align: middle;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 1.1;
}

.fake_table {
    display: table;
    width: 100%;
}

.image_title_content .col_liquid_3 {
    max-width: 820px;
    min-width: 600px;
    margin: 0 auto 40px auto;
}

.image_title_content .col_liquid_2 {
    max-width: 680px;
    min-width: 600px;
    margin: 0 auto 40px auto;
}

.interview__detail_header {
    position: relative;
    /*height:500px;*/
    max-height: 600px;
    overflow: hidden;
    /*margin-bottom:45px;*/
    padding-right: 0;
    max-width: 100%;
}

.interview__detail_title {
    width: 355px;
    padding: 40px;
    background: #fff;
    position: absolute;
    /*top:20%;*/
    top: 80px;
    left: 60px;
    z-index: 2;
}

.interview__detail_title h2 {
    font-weight: bold;
    font-style: oblique;
    font-size: 19px;
    margin-bottom: 35px;
    line-height: 2;
}

.interview__detail_image_title {
    text-align: center;
    margin-bottom: 25px;
}

.interview__detail_image_title img {
    width: 50%;
}

.interview__detail_header .interview__name {
    text-align: center;
    font-size: 19px;
}

.interview__detail_header .interview__division {
    text-align: center;
}

.interview__division {
    font-size: 12px;
}

.interview__detail_header .image_title__image {
    min-width: 1000px;
}

.interview__thumbnail_title {
    font-size: 15px;
    padding: 10px 0;
    margin: 0;
    line-height: 1.5;
}

.interview__division {
    padding: 0 !important;
    margin: 0;
}

.interview__name {
    padding: 0 !important;
    margin: 0;
}

.interview__profile {
    display: table;
    position: relative;
    margin: 30px auto;
    max-width: 800px;
}

.interview__profile .column__left_box,
.interview__profile .column__right_box {
    display: table-cell;
    vertical-align: middle;
}

.interview__profile .column__left_box {
    width: 20%;
}

.interview__profile .column__right_box {
    width: 80%;
    padding: 20px;
}

.interview__profile h2 {
    margin: 0;
    padding: 10px 0;
}

.interview__profile h2 span {
    font-size: 13px;
}

.profile_title img {
    width: 100%;
}

.profile_title {
    position: absolute;
    top: -30px;
    right: 0;
    width: 150px;
}

.form_list {
    min-height: 400px;
}

/** Products **********************************************************/
.item_detail .js__pad_top {
    max-width: 100%;
}

.item_detail {
    padding-top: 60px;
}

.item_detail .icon__hot,
.item_detail .icon__cold {
    display: inline-block;
    padding: 5px 15px 4px;
    margin: 0 6px 10px 0;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
}

.icon__hot {
    background: #d35653;
}

.icon__cold {
    background: #59a0be;
    border: none;
}

.sprit_list li {
    padding: 3px 0;
    clear: both;
    overflow: hidden;
}

.sprit_list li strong {
    width: 48%;
    float: left;
    font-weight: normal;
}

.sprit_list li span {
    width: 50%;
    float: left;
    text-align: left;
}

.icon_list_horizontal {
    margin-top: 10px;
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
}

.icon_list_horizontal li {
    display: inline-block;
    text-align: center;
    width: 12.5%;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: -1px;
}

.icon_list_horizontal li {
    margin-right: 2px;
}

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

.icon_list_horizontal li img {
    width: 36px;
    text-align: left;
}

/*.contami_text{padding:10px 0 0 0;}*/
.contami_text a {
    text-decoration: underline;
}

.pairing_contents .image_script {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.pairing_contents .image_script img {
    width: 80%;
}

.pairing_contents .font__script_title {
    font-size: 1px;
}

.pairing_contents {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -40px;
    width: 175px;
    padding: 40px 25px 25px 25px;
    background: #e2e0d6;
    text-align: center;
    font-size: 12px;
}

.pairing_contents .list_col_6 li {
    width: 125px;
}

.pairing_contents .item_list li {
    margin-bottom: 16px;
}

article#item__detail {
    position: relative;
    padding-right: 170px;
}

.page_title .up_title~.flex_listarea {
    margin-top: 30px;
}

.page_title .flex_listarea {
    margin-top: 20px;
}

.page_title .flex_listarea__item {
    width: 19px;
    margin-right: 7px;
}

.page_title .flex_listarea__item img {
    width: 100%;
}

.icon__detail_set {
    font-size: 12px;
    color: #ff6e64;
    margin-left: 20px;
}

.icon__detail_new {
    font-size: 12px;
    color: #e36b16;
    margin-left: 20px;
}

.icon__detail_kids {
    font-size: 12px;
    color: #6cb416;
    margin-left: 20px;
}

.icon__detail_set:before {
    content: " ";
    background: url("/common/images/icon_set_check.png") no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 5px;
    display: inline-block;
}

.icon__detail_new:before {
    content: " ";
    background: url("/common/images/icon_new_check.png") no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 5px;
    display: inline-block;
}

.icon__detail_kids:before {
    content: " ";
    background: url("/common/images/icon_kids_check.png") no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 5px;
    display: inline-block;
}

select.local_navi_clone {
    background-color: #fff;
    border-right: none;
    border-left: none;
}

.beige_title {
    background: #f7f6f2;
    padding: 10px;
}

.card_positive_wrapper {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
}

.card_positive_item {
    width: 50%;
    min-height: 320px;
    float: left;
    padding: 5%;
    border-top: 1px solid #c6c3ba;
    border-bottom: 1px solid #c6c3ba;
}

.card_positive_item:nth-child(odd) {
    border-right: 1px solid #c6c3ba;
}

.card_positive_item:nth-child(1),
.card_positive_item:nth-child(2) {
    border-bottom: none;
}

.card_positive_item:nth-child(5) {
    border-right: none;
    border-top: none;
    width: 100%;
    text-align: center;
}

.icon__apos {
    margin-bottom: 30px;
    text-align: center;
}

.icon__apos img {
    width: 60px;
}

.clubtullys_login {
    max-width: 800px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 10px !important;
}

.clubtullys_logo {
    float: left;
    padding-top: 10px;
}

.clubtullys_logo img {
    width: 150px;
}

hr {
    border: none;
    border-top: 1px solid #333;
}

.price_list {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 20px 0;
    margin: 0 20px 20px 0;
}

.price_list span {
    text-align: right;
}

/** 1ペイン **********************************************/
.only_pane>section:not(.page_title, .image_title) {
    padding: 30px;
}

.only_pane>section.image_title {
    padding: 0;
}

.only_pane .image_title img {
    margin-top: 0;
}

.only_pane section.cp__detail {
    padding-top: 0;
}

.only_pane section.block__common_area {
    /*margin:0 0 0 0;*/
}

.community__description {
    border-top: 1px solid #333;
    padding-top: 40px;
}

.community__description>p {
    margin-bottom: 30px;
}

.block__common_area {
    margin: 30px auto 30px auto;
    clear: both;
    overflow: hidden;
    position: relative;
    max-width: 1100px;
}

.company_item_text,
.company_item_content {
    margin: 0 30px 0 0;
    clear: both;
    overflow: hidden;
    position: relative;
}

article#menu h2.common_title {
    border: none;
}

article#menu .item_list {
    margin-bottom: 0 !important;
}

article>section {
    padding-right: 30px;
    max-width: 1100px;
    margin: 0 auto;
}

article>section.page_title,
article>section.image_title {
    padding-right: 0;
}

article.seasonal {
    clear: both;
    overflow: hidden;
}

article.seasonal .box_content__default {
    padding: 0 0 0 30px;
}

article.seasonal .anchor_list {
    padding-left: 30px;
}

article.seasonal .page_title {
    margin-bottom: 60px;
}

.item_list li {
    margin-bottom: 30px;
}

article.seasonal .item_list li p {
    background: #fff;
    text-align: center;
    padding: 15px 10px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

article.seasonal .item_list {
    margin-bottom: 30px !important;
}

article.seasonal h2.common_title {
    border: none;
}

.concept_list {
    border-bottom: 1px solid #bfbfbf;
}

.concept_list li {
    padding: 10px 0;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #bfbfbf;
}

.concept_list li p,
.concept_list li a {
    display: inline-block;
    padding-right: 20px;
}

.concept_list li a {
    display: inline-block;
    padding-right: 20px;
    float: right;
}

.small_font {
    font-size: 14px;
}

.height_fix li {
    margin-bottom: 30px;
    /*min-height:500px;*/
}

.height_fix {
    margin-bottom: 0 !important;
}

.half_size {
    width: 30%;
}

.long_size {
    width: 68%;
}

.big_font__wrapper {
    font-size: 120%;
}

.logo_fyt {
    width: 260px;
    height: 70px;
    background: url("/common/images/fyt_logo_black.png") no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.fyt_contents .list_col_4 li {
    width: 22%;
}

.fyt_contents .list_col_4 li:last-of-type {
    margin-right: 0;
}

.press__year_title {
    padding: 20px 20px 0 20px;
    font-weight: bold;
    font-size: 16px;
}

.press__item__title img {
    width: 35px;
}

.col_liquid_4_1 li {
    position: relative;
}

.step_flow {
    width: 25px;
    position: absolute;
    top: 30%;
    right: -25px;
    z-index: 888;
}

.step_flow img {
    width: 100%;
}

.pairing_food {
    padding-top: 20px;
    clear: both;
}

.pairing_food .item_list,
.pairing_food .item_list li {
    margin-bottom: 0;
}

.pairing_food .common__description {
    text-align: center;
}

.pairing_food .common__description strong {
    font-size: 12px;
}

.js__pad_bottom .column__right_box h3 {
    padding-top: 0;
    margin-top: 0;
}

.only_pane section.box_content__full_image {
    padding: 0;
}

.only_pane .js__pad_bottom .text__rights {
    text-align: center;
    padding-top: 30px;
}

.only_pane .js__pad_bottom .text__rights a {
    text-align: center;
    width: 30px;
    padding: 0 5px;
}

.only_pane .js__pad_bottom .text__rights a img {
    width: 30px;
}

.aside_column .arrow_link {
    float: right;
    margin-top: 2px;
    font-size: 12px;
}

.arrow_link {
    font-size: 14px;
    text-align: right;
}

.arrow_link:after {
    content: "　";
    background: url("/common/images/alpha_arrow.png") no-repeat right;
    background-size: 8px;
    padding-left: 6px;
}

#anchor_autocharge>div {
    text-align: right;
    padding-top: 30px;
}

/** beans **************************/
.taste_column dt {
    float: left;
    width: 90px;
    margin: 0;
    padding: 0;
}

.taste_column dd {
    float: left;
    margin: 0;
    padding: 0;
}

.taste_column dl {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.taste_column .level_1,
.taste_column .level_2,
.taste_column .level_3,
.taste_column .level_4,
.taste_column .level_5,
.taste_column .level_6,
.taste_column .level_7,
.taste_column .level_8,
.taste_column .level_9,
.taste_column .level_10 {
    width: 110px;
    height: 18px;
    background-size: contain;
}

.level_1 {
    background: url("/common/images/beans_rate1.png") no-repeat;
}

.level_2 {
    background: url("/common/images/beans_rate2.png") no-repeat;
}

.level_3 {
    background: url("/common/images/beans_rate3.png") no-repeat;
}

.level_4 {
    background: url("/common/images/beans_rate4.png") no-repeat;
}

.level_5 {
    background: url("/common/images/beans_rate5.png") no-repeat;
}

.level_6 {
    background: url("/common/images/beans_rate6.png") no-repeat;
}

.level_7 {
    background: url("/common/images/beans_rate7.png") no-repeat;
}

.level_8 {
    background: url("/common/images/beans_rate8.png") no-repeat;
}

.level_9 {
    background: url("/common/images/beans_rate9.png") no-repeat;
}

.level_10 {
    background: url("/common/images/beans_rate10.png") no-repeat;
}

.link_text_map {
    margin-left: 2em;
    background-color: #E66A12;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    padding: 0.2em 1em;
}

.item_top .box_content__long .column__left_box {
    width: 400px;
}

.item_top .box_content__long .column__right_box {
    width: 350px;
}

.item_top .box_content__long .box_content__vertical_inner .column__left_box,
.item_top .box_content__long .box_content__vertical_inner .column__right_box {
    width: 48.5%;
}

.item_top .box_content__short .column__left_box {
    width: 290px;
}

.item_top .box_content__short .column__right_box {
    width: 350px;
}

.item_top .common_title {
    line-height: 1;
    margin-top: 20px;
}

.item_top .column__left_box .font__script_title {
    font-size: 20px;
}

.item_top .box_content__long>h2 {
    padding: 0;
    margin-top: 0;
}

.item_top .js__pad_top .image_script {
    padding-top: 20px;
}

.newshop_list_content .image_script img {
    width: 40%;
    padding-top: 25px;
}

.newshop_list_content .block__type_description {
    margin-top: -10px;
}

.box_content__flex {
    padding-top: 10px;
}

.box_content__flex.interview_link {
    padding: 40px 40px 0 40px;
    max-width: 100%;
}

.interview_link .item_list {
    max-width: 1100px;
    margin: 0 auto;
}

article>section.box_content__quality_image {
    padding-right: 0;
    max-width: 100%;
    margin: 0;
    padding-bottom: 0px !important;
}

.fit_list {
    clear: both;
    overflow: hidden;
}

.fit_list li {
    float: left;
    width: 33.3%;
    position: relative;
}

.fit_list li:nth-child(1) {
    float: left;
    width: 100%;
    position: relative;
}

.fit_inner {
    padding: 50px;
}

.company_item_text,
.company_item_content,
.company_item_press {
    max-width: 1100px;
    margin: 30px auto;
}

.list_qa {
    max-width: 1100px;
    margin: 40px auto 0 auto;
}

/** キャンペーン ******************************************************/
.cp__head {
    /*border-top: 1px solid #848381;*/
    margin-top: 10px;
}

div.cp__head__txt p {
    padding: 1.5em 2em 0 1.5em;
}

div.detail__item img {
    width: 100%;
}

div.detail__item {
    display: inline-block;
    /*padding: 2em;*/
    width: 31.5%;
    margin-right: 1.5%;
    vertical-align: top;
    text-align: center;
}

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

div.detail__item p {
    padding: 1em 0 2em 0;
    text-align: left;
}

.detail__card {
    margin: 20px 0;
}

.detail__card img {
    padding-bottom: 1em;
}

.detail__card a {
    margin: 0 auto;
    text-align: center;
}

.detail__card p {
    text-align: left;
    padding: 2em 2em;
    line-height: 1.5em;
}

.cp__head ul.sns__list {
    position: absolute;
    right: 1em;
    text-align: right;
    padding: 1em 0;
}

.cp__head li.sns__list__item {
    display: inline-block;
    padding: 0 0.5em;
}

/** コミュニティ ******************************************************/
.common__description strong {
    font-size: 16px;
    padding: 0.5em 0;
}

.link_text_shop a {
    color: #1882E1;
    text-decoration: underline;
}

/** 採用 ******************************************************/
.page__ttl {
    font-size: 20px;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #848381;
}

/* input,
select,
textarea[id^=recruit_entries_form_] {
    border: 1px solid #848381;
    line-height: 1.3em;
    padding: 0.4em 2em 0.4em 0.5em;
} */

.head_txt {
    font-weight: bold;
    font-size: 20px;
}

th.formThA1 {
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #848381;
}

.category__ttl {
    padding-top: 1em;
}

.link_text {
    text-decoration: underline;
}

/* input[type=text],
input[type=tel],
input[type=password],
input[type=number],
select,
textarea {
    background: #f7f6f2;
} */

#inquiry_back,
#inquiry_submit {
    display: inline-block;
    width: auto;
    text-align: center;
    background: #301d0f;
    color: #fff;
    /* border: 1px solid #333333; */
    padding: 10px 0;
    width: 40%;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

#inquiries_form_ table {
    margin-top: 10px;
}

select {
    margin-right: 10px;
}

#inquiries_form_email_confirm {
    margin-top: 10px;
}

.formTdA2 .button_progress {
    width: 120px !important;
    display: inline-block;
}

.formBtn .button_progress {
    width: 40% !important;
    display: inline-block;
}

.formBtn {
    text-align: center;
}

.formBtn #recruit_back,
.formBtn #recruit_submit {
    display: inline-block;
    width: auto;
    text-align: center;
    background: #301d0f;
    color: #fff;
    /* border: 1px solid #333333; */
    padding: 10px 0;
    width: 40% !important;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

#recruit_entries_form_birth_year {
    margin-right: 10px;
}

#inquiries_form_zipcode~.button_progress,
#recruit_entries_form_zipcode1~.button_progress,
#recruit_entries_form_zipcode~.button_progress {
    padding: 6px 0;
}

td .table_label {
    padding-right: 10px;
}

td .table_label:last-of-type {
    padding-left: 20px;
}

/** 問合せ *******************************************************************************************/
.page_text {
    margin: 30px 0;
}

.formComent {
    padding: 0 0 20px 0;
}

.subject {
    margin: 0;
    padding: 0;
    font-size: 20px;
    border-bottom: 1px solid #848381;
}

.contactMidashi {
    margin: 1em 0;
    padding: 0 0 1em 0;
    font-size: 20px;
    border-bottom: 1px solid #848381;
}

.formArea {
    padding: 1em 0;
}

.formBtn {
    padding: 2em 0;
}

.form_list_only_pane ul#tab,
.form_list ul#tab {
    display: block;
    border-bottom: 1px solid #848381;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}

.form_list_only_pane ul#tab li,
.form_list ul#tab li {
    display: block;
    float: left;
}

.form_list_only_pane ul#tab li.tab__item a,
.form_list ul#tab li.tab__item a {
    color: #000;
}

.form_list_only_pane ul#tab li.tab__item,
.form_list ul#tab li.tab__item {
    padding: 10px 20px;
    line-height: 1.5em;
    border-right: 1px solid #848381;
    border-top: 1px solid #848381;
    border-left: 1px solid #848381;
    margin: 0;
    color: #000;
    background: #f7f6f2;
}

.form_list_only_pane ul#tab li.tab__item:last-of-type,
.form_list ul#tab li.tab__item:last-of-type {
    border-right: 1px solid #848381;
    border-left: none;
}

.form_list_only_pane ul#tab li.tab__item:first-of-type,
.form_list ul#tab li.tab__item:first-of-type {
    padding: 10px 20px;
    border-right: none;
}

.form_list_only_pane ul#tab li.selected a,
.form_list ul#tab li.selected a {
    font-weight: bold;
    color: #fff;
}

.form_list_only_pane ul#tab li.selected,
.form_list ul#tab li.selected {
    font-weight: bold;
    color: #fff;
    background: #301d0f;
}

.form_list_only_pane ul#tab,
.form_list ul#tab {
    overflow: hidden;
}

td.formTdA2 [id^=inquiries_form_] {
    border: 1px solid #848381;
    line-height: 1.3em;
    padding: 0.4em 2em 0.4em 0.5em;
}

td.formTdA2,
td.formTdA1 {
    padding: 20px 0;
}

.formTableLineA {
    border-bottom: 1px solid #bfbfbf;
    padding: 0;
}

.margin_20_0 {
    width: 20%;
    margin: 30px auto;
}

.margin_top_10 {
    margin-top: 1.5em;
}

#inquiry_submit {
    margin-bottom: 2em;
}

.main dd,
.main dl {
    margin: 0;
}

.item_top .box_content__long .box_content__vertical_inner~a .button_progress {
    width: 350px;
}

.js__pad_top {
    padding-top: 60px;
}

.js__pad_bottom {
    padding-bottom: 60px;
}

/** インフォメーション ********************************************************************/
/*詳細画面*/
.infomation__content {
    margin: 2% 2%;
}

div[class^=pattern__] {
    clear: both;
    padding: 1em 0;
}

div[class^=pattern__] p {
    clear: both;
    padding-top: 1em;
}

div.txt__area {
    padding-left: 1.5em;
}

ul.puroduct li {
    display: inline-block;
}

/*パターン2,4の場合*/
div.pattern__2,
.pattern__4 {
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}

/*パターン3の場合*/
div.pattern__3 {
    width: 45%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
}

.hamburger {
    width: 25px;
    height: 23px;
    background: url("/common/images/hamburger.png") no-repeat;
    background-size: cover;
}

.fyt_top .item_list__title {
    font-size: 17px;
    line-height: 1.5;
}

.fyt_top .col_liquid_4 .item_list__title {
    font-size: 14px;
}

.fyt_top>.font__script_title>.image_script img {
    width: 240px;
}

.fyt_top>.font__script_title {
    padding: 27px 0 0 0;
}

.fyt_top .box_content__flex .item_list__title {
    margin: 20px 0 10px 0;
}

.fyt_top .box_content__flex .col_liquid_4 .item_list__title {
    margin: 10px 0 10px 0;
}

.box_content__long.dis_margin,
.box_content__short.dis_margin {
    margin-top: -30px;
}

.interview__thumbnail_title~.interview__name {
    font-size: 14px;
}

#content_brazil,
#content_costarica {
    padding-top: 60px;
}

#house .box_content__default {
    margin-bottom: 20px;
}

#coffee_chart>.column__right_box {
    margin-top: 31px;
}

/* #coffee_chart > .column__left_box .thumbnail__pic_image img{margin-left:-13px;} */
.inner_content__banner {
    clear: both;
    padding: 20px 0;
}

.inner_content__banner img {
    width: 100%;
}

input[name*=_name] {
    width: 30%;
}

.multilingual~.only_pane .centering a.button_inline {
    padding-right: 60px;
    padding-left: 60px;
}

.youtube_frame {
    width: 100%;
    height: 450px;
}

#content_goods {
    padding-top: 20px;
}

@media screen and (max-width: 1200px) {
    .fit_list li {
        float: left;
        width: 50%;
        position: relative;
    }

    .fit_list li:nth-child(1) {
        float: left;
        width: 50%;
        position: relative;
    }

    .footer_image_area {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 450px;
        background-image: url("/common/images/bgFooter.jpg");
    }

    .list_sns {
        top: 48%;
    }

    .fit_inner {
        padding: 16% 50px 0 50px;
    }

    .interview__detail_header {
        margin-left: 0;
    }

    footer .list_sns {
        width: auto;
        display: inline-block;
        left: 0;
        position: static;
    }
}

/** SP *******************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1080px) {

    .navi_global>li:nth-last-child(1),
    .navi_global>li:nth-last-child(2),
    .navi_global>li:nth-last-child(3) {
        display: none;
    }

    .multilingual .navi_global>li:nth-last-child(1),
    .multilingual .navi_global>li:nth-last-child(2),
    .multilingual .navi_global>li:nth-last-child(3) {
        display: block;
    }

    .multilingual .hamburger {
        display: none;
    }

    .multilingual .lang-switcher>a {
        display: inline;
    }

    .hamburger {
        display: block;
        position: absolute;
        top: 50px;
        right: 30px;
        font-size: 40px;
        cursor: pointer;
    }

    .sub_navigation {
        display: none;
        float: none;
        position: absolute;
        z-index: 999;
        background: #fff;
        right: 0px;
    }

    article,
    .form_list {
        margin-left: 0;
    }

    .tb__gn {
        display: block;
    }

    .tb__gn_list {
        border-bottom: 1px solid #000;
    }

    .tb__gn_list li.navi_global__item {
        padding: 15px 0 15px 25px;
        float: none;
        display: block;
    }

    .lang-switcher>a {
        display: none;
    }

    .tb__gn_list li.lang-switcher {
        width: 100%;
        float: none;
        font-size: 14px;
        padding: 0;
        border: none;
    }

    .tb__gn_list li.lang-switcher .navi_global_child {
        display: block;
        position: static;
        border: none;
        padding: 0;
    }

    .tb__gn_list li.lang-switcher .navi_global_child li {
        display: block;
        float: none;
        padding: 15px 0 15px 25px;
    }

    .tb__gn_list li .global_sub {
        width: 100%;
        float: none;
        font-size: 14px;
    }

    .tb__gn_list li .global_sub li {
        padding: 15px 0 15px 25px;
    }

    .tb__gn_list li.navi_global__item a {
        padding: 0;
    }

    .tb__gn_list li {
        border-bottom: 1px solid #e8e8e8;
    }

    .fit_list li {
        float: left;
        width: 50%;
        position: relative;
    }

    .fit_list li:nth-child(1) {
        float: left;
        width: 50%;
        position: relative;
    }

    .fit_inner {
        padding: 17% 50px 0 50px;
    }

    .box_content__default {
        padding-left: 30px;
    }

    .block__common_area {
        margin: 30px;
        padding-right: 0;
    }

    .company_item_text,
    .company_item_content,
    .company_item_press {
        padding: 30px;
    }

    .list_qa {
        padding-left: 30px;
    }

    article>section {
        margin-left: 30px;
    }

    .page_title,
    .image_title {
        margin-left: 0;
    }

    header,
    footer,
    article {
        min-width: 900px;
    }

    article>section#anchor_favorite {
        padding-left: 30px;
        padding-bottom: 0;
    }

    article>section#anchor_favorite,
    .box_content__full_image {
        margin-left: 0;
    }

    #content_guatemala,
    #content_brazil,
    #content_costarica {
        margin-left: 0;
    }

    #pickups .thumbnail_updown__multicolumn__item:nth-child(4) {
        display: none;
    }

    .item_detail {
        margin-left: 30px;
    }

    .form_list {
        margin-left: 30px;
    }

    #pickups .thumbnail_updown__multicolumn {
        margin-left: 28%;
    }

    #items,
    #items+.bg_beige,
    #fyt,
    #topics,
    #information,
    #links,
    #footer {
        min-width: 900px;
    }

    .topicsText {
        width: 140px;
    }

    #topics {
        padding: 80px 30px 30px 30px;
    }

    .only_pane .box_content__default {
        margin: 0 0 40px 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .community__list {
        padding: 0;
    }

    .community__list li {
        width: 49%;
    }

    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item {
        width: 22.5%;
    }

    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(1),
    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(2) {
        width: 48.5%;
        max-width: 480px;
    }

    #fyt .button_progress {
        width: 480px;
        margin: 30px auto 0 auto;
    }

    #fyt {
        padding-left: 30px;
        padding-right: 30px;
    }

    #fyt .thumbnail_updown__multicolumn {
        max-width: 100%;
    }

    #fyt .thumbnail_updown__multicolumn__item p {
        padding: 0;
        width: 100%;
    }

    .press__content {
        padding: 0 30px;
    }

    .form_list {
        padding-right: 30px;
        min-height: 1px;
    }
}

/** SP *******************************************************************************************/
@media screen and (max-width: 768px) {
    main.forcms_block{
        margin-top: 48px;
    }
    .thumbnail__pic_image~a {
        margin-top: 30px;
    }

    .fit_inner {
        padding: 50px;
    }

    .tb__gn {
        display: none;
    }

    .navi_global>li:nth-last-child(1),
    .navi_global>li:nth-last-child(2),
    .navi_global>li:nth-last-child(3) {
        display: block;
    }

    article>section {
        margin-left: 0;
    }

    .module_sample pre {
        display: none;
    }

    .only_pane>section:not(.page_title, .image_title) {
        padding: 20px;
    }

    h2 {
        font-size: 17px;
    }

    body {
        min-width: 320px;
        font-size: 13px;
    }

    /* header */
    header {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        text-align: center;
        background: #fff;
        position: relative;
        border-bottom: 1px solid #bfbfbf;
        z-index: 9999;
        height: 75px;
        padding: 0;
        font-size: 13px;
    }

    #sp_gnavi .navi_global_child {
        /*
      box-shadow:0 3px 3px rgba(0,0,0,0.3);
      -o-box-shadow:0 3px 3px rgba(0,0,0,0.3);
      -ms-box-shadow:0 3px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:0 3px 3px rgba(0,0,0,0.3);
      -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);
      */
    }

    .hamburger {
        display: block;
        position: absolute;
        top: 27px;
        right: 21px;
        cursor: pointer;
        /*
    background-color: #fff;
    border-radius: 0 0 0 10px;
    color: #333;
    content: "≡";
    display: block;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 100%;
    text-align: center;
    top: 15px;
    width: 30px;
    */
    }

    .image_title {
        position: relative;
        width: 100%;
        height: auto;
        /*
    height:225px;
    overflow:hidden;
    */
    }

    .image_title__image {
        /*position:absolute;*/
        top: 0;
        left: 0;
        z-index: 1;
    }

    .image_title__image img {
        /*width:250%;
    margin-left:-100%;*/
        width: 100%;
    }

    .image_title h1 {
        display: inline-block;
        width: 182px;
        height: 182px;
        padding-top: 70px;
        font-size: 140%;
        position: absolute;
        top: 21.5px;
        left: 21.5px;
        z-index: 999;
        color: #fff;
        border: 1px solid #fff;
        vertical-align: middle;
        text-align: center;
    }

    .box_content__full_image {
        position: relative;
        width: 100%;
        /*height:200px;
    overflow:hidden;*/
    }

    .box_content__full_image h2 {
        position: absolute;
        color: #fff;
        z-index: 1;
        text-align: center;
        padding-top: 0;
        width: 100%;
    }

    .font__script_title {
        font-weight: normal;
        font-size: 36px;
    }

    .block__type_description {
        display: block;
        font-size: 13px;
        font-weight: normal;
        padding-top: 10px;
    }

    .sp__small_image {
        width: 200px;
        margin: 0 auto;
    }

    /*
  .common_title_image{
    width:200%;
    left:-30%;
    position:absolute;
    z-index:0;
  }
  */
    .common_title_image img {
        width: 100%;
    }

    /*.navi{display:none;}*/
    header>a {
        display: block;
        margin: 0 auto;
        width: 35px;
    }

    .logo {
        position: static;
        width: 50px;
        height: 58px;
        background-size: 100%;
        margin: 9px 0 9px -8px;
        font-size: 10px;
        text-indent: 200%;
    }

    .navi {
        display: none;
    }

    .navi_global {
        display: block;
        height: auto;
        background: #fff;
        margin-left: 0;
        width: auto;
        position: absolute;
        top: 64px;
        right: 0;
        left: 30px;
        /*bottom:0;*/
        box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
        -o-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
        -ms-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
    }

    .navi_global li {
        display: block;
        background: #fff;
        color: #333;
        text-align: left;
    }

    .navi_global li a {
        display: block;
        color: #333;
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
    }

    .navi_global>li:last-of-type {
        max-width: 100%;
        width: 100%;
    }

    .navi_global>li .global_sub>li:last-of-type {
        max-width: 100%;
        width: 100%;
    }

    .global_sub {
        max-width: 100%;
        width: 100%;
    }

    .navi_global_child {
        display: none;
    }

    .lang-switcher {
        padding: 0;
        border: none;
    }

    .lang-switcher .navi_global_child a {
        padding: 10px;
    }

    .lang-switcher .navi_global_child {
        display: block;
        clear: both;
        overflow: hidden;
    }

    .lang-switcher .navi_global_child a {
        text-align: center;
    }

    .lang-switcher__item {
        display: block;
        float: left;
        width: 33%;
    }

    .lang-switcher a:before {
        display: none;
    }

    .lang-switcher__item {
        padding: 0;
    }

    .lang-switcher .navi_global_child {
        position: static;
        padding: 0;
        border: none;
    }

    .local_navi_clone {
        display: block;
        width: 100%;
        -webkit-appearance: none;
        padding: 15px 20px;
        background: url("/common/images/sankaku.jpg") no-repeat right;
        background-size: 35px;
    }

    .sub_navigation {
        display: none;
    }

    .clone_navi {
        display: block;
        border-top: 1px solid #ddd;
        /*margin-top:30px;*/
    }

    .clone_navi .sub_navigation {
        display: block;
        position: static;
        width: 100%;
        padding: 0;
    }

    article,
    .form_list {
        margin: 0;
    }

    .item_list li p.item_list__title {
        font-size: 16px;
    }

    .centering__title h2 {
        font-size: 16px;
    }

    .common__description {
        font-size: 13px;
    }

    /* footer */
    #footer {
        width: 100%;
        padding: 0 0 30px 0;
        text-align: center;
        position: relative;
    }

    .thumbnail_side__2column {
        display: block;
    }

    .thumbnail_side__thumbnail img {
        width: 100%;
    }

    .thumbnail_side__2column dd.thumbnail_side__details {
        padding: 20px;
        margin: 0;
    }

    .thumbnail_updown__multicolumn__item {
        width: 40%;
    }

    .thumbnail_updown__multicolumn__item img {
        width: 100%;
    }

    #pickups,
    #fyt {
        overflow: hidden;
    }

    #pickups {
        padding: 40px 0 0 0;
        min-width: 100%;
    }

    .title_pickup {
        background-size: 116px;
        width: 116px;
        height: 113px;
        position: static;
        margin: 0 auto;
        padding-top: 40px;
    }

    #pickups .thumbnail_updown__multicolumn {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 5px;
        margin: 0 auto;
        align-items: frex-start;
    }

    #pickups .thumbnail_updown__multicolumn__item p {
        /*padding-top:10px;*/
    }

    #pickups .thumbnail_updown__multicolumn li {
        float: none;
    }

    #fyt {
        background-position: top center;
        padding-bottom: 40px;
        background: url("..//common/images/top_sp_fyt.jpg") no-repeat #f7f6f2;
        background-size: 100%;
    }

    #fyt .thumbnail_updown__multicolumn {
        padding-top: 93px;
        display: block;
        width: 92%;
        margin: 45% 4% 0 4%;
    }

    #fyt .thumbnail_updown__multicolumn__item p {
        margin-bottom: 20px;
        line-height: 1.4;
    }

    #fyt .thumbnail_updown__multicolumn__item p {
        width: 100%;
    }

    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(1),
    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(2) {
        width: 100%;
        max-width: 100%;
    }

    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(1) p,
    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(2) p {
        width: 100%;
        max-width: 100%;
        padding: 12.5px 0;
    }

    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item {
        width: 47%;
        display: inline-block;
    }

    #fyt .thumbnail_updown__multicolumn__item p {
        background: #ffffff;
        padding: 0;
        text-align: center;
        max-height: 64px;
        overflow: hidden;
    }

    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item {
        margin-right: 5%;
    }

    #fyt .thumbnail_updown__multicolumn .thumbnail_updown__multicolumn__item:nth-child(even) {
        margin-right: 0;
    }

    #fyt .button {
        padding: 0 6%;
        margin-top: 10px;
    }

    #topics {
        padding: 30px 20px;
    }

    #topics .thumbnail_updown__3column__item .topicsThumbnail {
        padding: 0 10px 0 0;
    }

    #topics .thumbnail_updown__3column__item .topicsThumbnail {
        margin-right: 6px;
    }

    #topics .thumbnail_updown__3column {
        display: block;
    }

    #topics .thumbnail_updown__3column__item {
        width: 100%;
        clear: both;
        overflow: hidden;
        margin-bottom: 16px;
        padding: 0;
    }

    .topicsThumbnail {
        width: 30%;
        margin: 0 10px 0 0;
    }

    .topicsText {
        width: 60%;
    }

    #topics .thumbnail_updown__3column__item:nth-child(3),
    #topics .thumbnail_updown__3column__item:nth-child(6) {
        padding: 0;
        margin-bottom: 16px;
    }

    #topics .thumbnail_updown__3column__item .topicsText p {
        line-height: 1.6;
    }

    #topics .thumbnail_updown__3column__item:last-of-type {
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    #topics .thumbnail_updown__3column__item a {
        display: block;
        vertical-align: middle;
    }

    #information {
        border: none;
        padding: 0 20px;
        text-align: center;
        max-width: 100%;
        margin: 0 auto 40px auto;
    }

    #information .title-info {
        display: block;
        border: 1px solid #333;
        border-right: none;
        border-left: none;
        text-align: center;
        padding: 4px;
        margin-bottom: 20px;
        font-size: 17px;
    }

    #information .details-info {
        padding: 0;
        text-align: left;
        display: block;
    }

    #links {
        padding: 40px 30px 20px 30px;
        margin: 0;
    }

    #links .thumbnail_updown__multicolumn {
        display: block;
        clear: both;
        overflow: hidden;
    }

    #links .thumbnail_updown__multicolumn__item {
        float: left;
        width: 43.5%;
        margin-right: 13%;
        margin-bottom: 20px;
        padding: 0;
    }

    #links .thumbnail_updown__multicolumn__item:nth-child(even) {
        margin-right: 0;
    }

    #links .thumbnail_updown__multicolumn__item img {
        width: 100%;
    }

    .sp_slider_wrapper {
        display: block;
    }

    .slider-wrapper {
        display: none;
    }

    .sp_slider_wrapper .slider-wrapper {
        display: block;
        height: auto;
    }

    .sp_slider {
        width: 100%;
    }

    .sp_slider>div {
        width: 100%;
        float: left;
        overflow: hidden;
    }

    .sp_slider img {
        width: 100%;
    }

    /*
    .slider-wrapper{height:auto;}
    .slider div{width:320px; height:auto;}
    .slider div img{width:100%; height:auto;}
    .slider_lay{display:none;}
  */
    .sp_slider_lay {
        display: table;
        width: 100%;
        background: #fff;
        position: relative;
        height: 68px;
    }

    .sp_slider_lay>div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        /*padding:31px 10px;*/
    }

    .slider_arrow_l,
    .slider_arrow_r {
        position: relative;
        width: 30px;
    }

    .slider_arrow_l {
        background: url("/common/images/top_arrow_l.png") no-repeat center;
        background-size: 32px;
    }

    .slider_arrow_r {
        background: url("/common/images/top_arrow_r.png") no-repeat center;
        background-size: 32px;
    }

    .footer_image_area {
        width: 100%;
        height: 320px !important;
        min-height: 320px;
        background: url("/common/images/bgFooterSp.jpg") no-repeat center;
        background-size: cover;
        padding-top: 113px;
    }

    .footer_text_area>p {
        font-size: 10px;
    }

    .title_footer {
        background-repeat: no-repeat;
        background-size: 240px !important;
        width: 100%;
        height: 95px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        background: url("/common/images/logoFooterSp.png") no-repeat center;
    }

    footer .list_sns li {
        padding: 0 4px;
    }

    footer .list_sns li:nth-child(2) {
        padding: 0 0 0 4px;
    }

    footer .list_sns li:nth-child(3) {
        padding: 0;
    }

    footer .list_sns li:nth-child(4) {
        padding: 0 4px;
    }

    footer .list_sns li img {
        width: 40%;
    }

    footer .list_sns {
        margin-top: 25px;
    }

    .list_sns {
        display: inline-block;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 48%;
        left: 0;
    }

    .list_sns li {
        display: inline-block;
        padding: 0 10px;
        text-align: center;
    }

    .list_footer {
        display: block;
        padding-top: 30px;
        padding-left: 0%;
        padding-bottom: 25px;
        width: 100%;
    }

    .list_footer li {
        padding: 0 5px;
        display: inline-block;
    }

    .sp_gnavi_wrapper {
        display: block;
    }

    #sp_gnavi {
        display: block;
        padding: 7px 10px;
        background: #fff;
        margin-top: 0;
        border-bottom: 1px solid #333;
        position: relative;
    }

    #sp_gnavi li {
        display: inline-block;
        text-align: center;
    }

    #sp_gnavi li a {
        padding: 7px 5px;
    }

    #sp_gnavi>li>a:hover {
        border-bottom: 3px solid #333;
    }

    #sp_gnavi .navi_global_child {
        position: absolute;
        background: #fff;
        top: 33px;
        left: 0;
        right: 0;
        border-top: 1px solid #ddd;
    }

    #sp_gnavi .navi_global_child__item {
        float: left;
        width: 50%;
        border-bottom: 1px solid #ddd;
    }

    #sp_gnavi .navi_global_child__item:nth-child(odd) {
        border-right: 1px solid #ddd;
    }

    #sp_gnavi .navi_global_child__item a {
        display: block;
        padding: 25px 10px;
        text-align: left;
        background: url("/common/images/menuRightArrow.png") no-repeat 94% 50%;
        background-size: 7px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    #sp_gnavi .navi_global_child__item span {
        display: block;
        padding: 25px 10px;
        text-align: left;
    }

    .list_col_6 li {
        width: 46%;
        margin: 0 2% 30px 2%;
        padding: 0;
    }

    .list_col_5 li {
        width: 46%;
        margin: 0 2% 30px 2%;
        padding: 0;
    }

    .list_col_4 li {
        width: 46%;
        margin: 0 2% 30px 2%;
        padding: 0;
    }

    .list_col_3 li {
        width: 46%;
        margin: 0 2% 30px 2%;
        padding: 0;
    }

    .list_col_2 li {
        width: 46%;
        margin: 0 2% 30px 2%;
        padding: 0;
    }

    .list_col_2 img,
    .list_col_3 img,
    .list_col_4 img,
    .list_col_5 img,
    .list_col_6 img {
        width: 100%;
    }

    .list_col_2 li:nth-child(even),
    .list_col_3 li:nth-child(even),
    .list_col_4 li:nth-child(even),
    .list_col_5 li:nth-child(even),
    .list_col_6 li:nth-child(even) {
        margin: 0 0 30px 2%;
    }

    .content {
        margin: 20px;
        padding-left: 0;
    }

    .school_outline__text,
    .school_outline__detail {
        width: 100%;
        padding: 0;
    }

    .school_gift li {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        padding-right: 0;
    }

    .content .item_list li {
        padding-right: 0;
    }

    .item_list.col_liquid_3_1 li {
        padding-right: 0 !important;
    }

    .item_list.col_liquid_3_1 {
        margin: 10px 0 0 0;
    }

    .col_liquid_2 li,
    .col_liquid_3 li,
    .col_liquid_4 li,
    .col_liquid_5 li,
    .col_liquid_6 li {
        padding-right: 0;
    }

    .link_maincourse,
    .link_optionalcourse {
        /*clear:both; overflow:hidden;*/
    }

    .link_maincourse li,
    .link_optionalcourse li {
        float: left;
        width: 48%;
        margin: 0 4% 20px 0;
        min-height: 150px;
    }

    .link_maincourse li:nth-child(even),
    .link_optionalcourse li:nth-child(even) {
        margin: 0 0 0 0;
    }

    .link_maincourse li img,
    .link_optionalcourse li img {
        width: 100%;
    }

    .contact_list h4 {
        text-align: center;
    }

    .contact_list div {
        text-align: center;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-bottom: 2em;
    }

    .block_table thead {
        display: none;
    }

    .block_table,
    .block_table tbody,
    .block_table tr,
    .block_table th,
    .block_table td {
        display: block;
    }

    .block_table td {
        clear: both;
        overflow: hidden;
    }

    .block_table tr {
        padding: 20px 0;
    }

    .block_table td>div {
        width: 65%;
        float: left;
    }

    .block_table td>div.pc_hide {
        display: block;
        width: 30%;
    }

    .block_table td .button_progress,
    .disable_button {
        width: 100%;
        margin-left: 30%;
    }

    .course_table h2 {
        margin: 0;
    }

    .col_liquid_2 li,
    .col_liquid_3 li,
    .col_liquid_4 li,
    .col_liquid_5 li,
    .col_liquid_6 li {
        display: inline-block;
        width: 46%;
        margin: 0 2% 30px 2%;
    }

    .col_liquid_2 li:nth-child(even),
    .col_liquid_3 li:nth-child(even),
    .col_liquid_4 li:nth-child(even),
    .col_liquid_5 li:nth-child(even),
    .col_liquid_6 li:nth-child(even) {
        margin: 0 0 30px 0;
    }

    .col_liquid_2_1 li,
    .col_liquid_3_1 li,
    .col_liquid_4_1 li,
    .col_liquid_5_1 li,
    .col_liquid_6_1 li {
        display: inline-block;
        width: 100%;
        margin: 0 0 30px 0;
        padding-right: 0;
    }

    .main_course_list li {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .optional_course_list li {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .optional_course_list,
    .main_course_list {
        margin-bottom: 0;
    }

    .item_list li p.item_list__text {
        padding: 5px 0 10px 0;
        height: auto;
    }

    .box_content__default {
        clear: both;
        overflow: hidden;
        padding: 20px 20px;
        margin: 0 0 40px 0;
        min-width: 100%;
    }

    .box_content__long {
        padding: 20px 20px;
        max-width: 100%;
        margin: 0;
        clear: both;
        overflow: hidden;
    }

    .box_content__short {
        padding: 20px 20px;
        max-width: 100%;
        margin: 0;
        clear: both;
        overflow: hidden;
    }

    .item_top .box_content__long {
        padding: 20px 20px;
        max-width: 100%;
        margin: 0;
        clear: both;
        overflow: hidden;
    }

    .item_top .font__script_title {
        padding: 20px 0 10px 0;
    }

    .item_top .box_content__short {
        padding: 20px 20px;
        max-width: 100%;
        margin: 0;
        clear: both;
        overflow: hidden;
    }

    .allergy__list li {
        width: 48%;
        font-size: 14px;
    }

    .allergy__list>li>ul {
        min-height: 100px;
    }

    .allergy__list>li:nth-child(3)>ul {
        min-height: 130px;
    }

    .allergy__list>li:nth-child(4)>ul {
        min-height: 130px;
    }

    .allergy__list>li:nth-child(5)>ul {
        min-height: 200px;
    }

    .allergy__list>li:nth-child(6)>ul {
        min-height: 200px;
    }

    .allergy__list>li:last-of-type>ul {
        float: none;
    }

    .button_pdf {
        width: 100%;
    }

    /*********************/
    .allergy_table,
    .allergy_table thead,
    .allergy_table tbody,
    .allergy_table tr,
    .allergy_table th,
    .allergy_table td {
        display: block;
    }

    .allergy_table__item_name {
        width: 100%;
    }

    .allergy_table tbody td:not(.allergy_table__item_name) {
        display: none;
    }

    .allergy_table thead {
        display: none;
    }

    .allergy_table,
    .allergy_table tbody,
    .allergy_table tr,
    .allergy_table th {
        margin: 0;
        padding: 0;
        border: none;
    }

    .allergy_table td.allergy_table__item_name {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 20px 0;
        font-size: 20px;
    }

    .allergy_table__item_name span {
        display: inline-block;
        border: 1px solid #ddd;
        padding: 5px 10px;
        margin: 5px;
        font-size: 14px;
    }

    .allergy_table td.allergy_table__item_name {
        width: 100%;
    }

    .space_creator {
        height: 15px;
        width: 100%;
    }

    span.icon__hot {
        background: #d35653;
        color: #fff;
    }

    span.icon__ice {
        background: #59a0be;
        color: #fff;
        border: none;
    }

    .anchor_list {
        margin: 30px 0;
        width: 100%;
    }

    .anchor_list li {
        display: inline-block;
    }

    .button_anchor {
        width: 46%;
        padding: 7px 30px 7px 5px;
        margin: 0 10px 10px 0;
        border: 1px solid #d1cdc8;
        background: #fff;
        position: relative;
    }

    .button_anchor:nth-child(even) {
        margin-right: 0;
    }

    .button_anchor a {
        display: block;
    }

    .button_anchor a:after {
        content: "▼";
        font-size: 10px;
        position: absolute;
        top: 0;
        right: 0;
        color: #d1cdc8;
        padding: 10px 8px;
    }

    .common_title {
        text-align: center;
    }

    .only_pane .box_content__default {
        margin: 0;
        padding: 20px;
    }

    .anchor_list {
        border-spacing: 0;
    }

    .only_pane #allergy_lists {
        margin: 0 0 20px 0;
    }

    .only_pane .button_inline {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .only_pane .common_title__button {
        display: none;
    }

    .common_title__description {
        display: block;
        padding: 0;
    }

    /*** CheckBox ***************/
    label.checkbox {
        display: block;
        padding: 20px;
        background: #fff;
        width: auto;
        margin-bottom: 10px;
        border: 1px solid #333;
    }

    .responsive_form label.allergy {
        display: block;
        padding: 25px 40px 50px 80px;
        background: #fff;
        width: auto;
        margin-bottom: 10px;
        border: 1px solid #333;
        text-align: left;
        position: relative;
    }

    .allergy .icon__form {
        opacity: 0.5;
        display: inline-block;
        width: 75px;
        height: 75px;
        position: absolute;
        vertical-align: middle;
        margin-bottom: 10px;
        top: 0;
        left: 0;
    }

    .grand_menu {
        padding: 10px;
    }

    .grand_menu_list {
        clear: both;
        overflow: hidden;
    }

    .grand_menu_list li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px;
    }

    .grand_menu_list li:nth-child(odd) {
        margin-right: 0;
    }

    .grand_menu_list li:nth-child(1) {
        width: 100%;
        margin-right: 2%;
    }

    .grand_menu_list li img {
        width: 100%;
    }

    .community__list {
        padding: 0 10px;
        clear: both;
        overflow: hidden;
    }

    .community__list li {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        position: relative;
        overflow: static;
        padding-top: 35px;
    }

    .community__image img {
        width: 100%;
    }

    .community__text {
        position: static;
        left: 0;
        right: 0;
        bottom: 0 !important;
        background: none;
        color: #333;
    }

    .community__text h3 {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .community__text p {
        padding: 10px 0;
    }

    .community__text h3,
    .community__text p,
    .community__text p span,
    .community__text p strong {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sp_hide {
        display: none;
    }

    .pc_hide {
        display: block;
    }

    .step__list {
        width: 100%;
        text-align: center;
    }

    .step__list li {
        padding: 0 10px 30px 10px;
        position: relative;
    }

    .step__list dl {
        display: block;
        width: 100%;
    }

    .step__list dt {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 20px;
    }

    .step__list dd {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .step__list h3 {
        padding: 0;
        margin: 0;
    }

    .step__list dl:after {
        right: 40%;
    }

    .step__list li:last-of-type dl:after {
        display: none;
    }

    .step__list .centering {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 20px;
    }

    .apply_list__title {
        border-bottom: 1px solid #ccc;
    }

    .apply_list {
        padding: 20px;
        margin-bottom: 30px;
        background-color: #F7F6F2;
    }

    .apply_list li {
        display: inline-block;
    }

    .apply_list__text {
        vertical-align: top;
        width: 100%;
    }

    .apply_list__text h4 {
        padding: 0 0 20px 0;
        margin-top: 20px;
        border-bottom: 1px solid #ccc;
    }

    .apply_list__img {
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding-bottom: 40px;
    }

    .apply_list__img img {
        display: none;
    }

    .apply_list__img:after {
        position: absolute;
        bottom: 0;
        right: 40%;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid #b6b5b5;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
    }

    .column__left_box {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .column__right_box {
        width: 100%;
        float: none;
    }

    .column__image_box {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .column__text_box {
        width: 100%;
        float: none;
        margin: 0 2%;
    }

    .image_title.long_height {
        height: 150px;
    }

    .long_height .image_title__image {
        position: absolute;
        top: 0;
        left: 0;
    }

    .long_height .image_title__image img {
        min-width: auto;
        width: 100%;
        margin: 0;
    }

    .centering__title .title_image {
        text-align: center;
        max-width: 50%;
    }

    .box_content__image_fit {
        padding: 0;
        width: 90%;
        display: block;
        margin: 30px auto;
    }

    .bg_white {
        background: #fff;
    }

    .bg_beige {
        background: #f7f6f2;
    }

    .bg_dark_beige {
        background: #e2e0d6;
    }

    .block__common_area .column__left_box {
        margin-bottom: 20px;
    }

    .box_content__image_fit .column__left_box {
        display: block;
        float: none;
        vertical-align: middle;
    }

    .box_content__image_fit .column__right_box {
        display: block;
        float: none;
        vertical-align: middle;
    }

    .box_content__image_fit .common__description {
        padding: 20px;
    }

    .box_content__image_fit .thumbnail__pic_image {
        width: 100%;
    }

    .arrow_link_wrapper h2 {
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
        position: relative;
        text-align: left;
    }

    .arrow_link_wrapper h2:after {
        content: "　";
        width: 15px;
        height: 30px;
        background: url("/common/images/alpha_arrow.png") no-repeat right;
        background-size: 8px;
        position: absolute;
        right: 0;
        top: 15%;
    }

    .arrow_link_wrapper .box_content__image_fit h2:after {
        top: -3px;
    }

    .interview_list_content {
        margin: 30px 0;
        width: 100%;
        clear: both;
    }

    .interview_list_title {
        margin-bottom: -100px;
        top: 20px;
        background: #e2e0d6;
        padding-top: 10px;
        width: 100%;
    }

    .interview_list_title img {
        width: 300px;
    }

    .interview_list {
        clear: both;
        overflow: hidden;
    }

    .interview_list li {
        width: 320px;
        float: left;
    }

    .interview_list_image {
        background: #e2e0d6;
    }

    .interview_list_image img {
        width: 100%;
    }

    .interview_name {
        text-align: center;
    }

    .newshop_list_content {
        clear: both;
        overflow: hidden;
        width: 90%;
        margin: 0 auto;
        padding: 20px 0;
    }

    .newshop_list_content .section h2 {
        line-height: 1;
    }

    .simple__dl_list {
        border-bottom: 1px solid #000;
        padding: 10px 0;
    }

    .simple__dl_list dt,
    .simple__dl_list dd {
        display: block;
        margin: 0;
        padding: 0;
    }

    .sp_onecolumn.box_content__flex {
        padding: 0;
        background: #fff;
    }

    .sp_onecolumn .item_list li {
        width: 100%;
        padding: 0 0 20px 0;
        margin: 0;
    }

    .fyt_top .sp_onecolumn .item_list li {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0;
    }

    .fyt_top .sp_onecolumn .item_list li:last-of-type {
        width: 100%;
        padding: 0 0 0 0;
    }

    .sp_onecolumn .item_list li h2.item_list__title {
        margin: 15px 20px;
        padding-right: 20px;
    }

    .sp_onecolumn .item_list li p.item_list__text {
        margin: 0 20px 15px 20px;
    }

    .sp_onecolumn .item_list__title {
        margin: 15px 20px;
    }

    .sp_onecolumn .item_list__text {
        margin: 0 20px 20px 20px;
        text-align: left;
    }

    .sp_onecolumn__padding .item_list li {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .resize_image img {
        width: 100%;
        height: auto;
    }

    .resize_image {
        overflow: hidden;
        width: 100%;
        /*height:150px;*/
    }

    .interview__detail_header {
        position: relative;
        height: auto;
        overflow: visible;
        max-height: 100%;
    }

    .interview__detail_title {
        padding: 30px 30px 0px 30px;
        background: #fff;
        position: static;
        width: 100%;
    }

    .interview__detail_image_title {
        display: none;
    }

    .interview__detail_image_title img {
        width: 60%;
    }

    .interview__detail_header .interview__name {
        text-align: center;
        font-size: 15px;
    }

    .interview__detail_header .interview__division {
        text-align: center;
    }

    .interview__detail_header .image_title__image {
        width: 100%;
        min-width: auto;
        position: static;
    }

    .interview__detail_header .image_title__image {
        min-width: 100%;
    }

    .interview__detail_header .image_title__image img {
        width: 100%;
        margin-left: 0;
    }

    .interview__profile {
        display: block;
        position: relative;
        clear: both;
        overflow: hidden;
        margin: 30px 0;
        padding: 20px;
        max-width: 100%;
    }

    .interview__profile .column__left_box,
    .interview__profile .column__right_box {
        display: block;
        vertical-align: middle;
    }

    .interview__profile .column__left_box {
        width: 20%;
        float: left;
        padding-bottom: 10px;
    }

    .interview__profile .column__right_box {
        width: 70%;
        float: right;
        padding: 0;
    }

    .interview__profile h2 {
        margin: 0;
        padding: 10px 0;
    }

    .interview__profile h2 strong {
        display: block;
    }

    .interview__profile h2 span {
        display: block;
        padding: 10px 0;
    }

    .profile_title {
        display: none;
    }

    .interview__profile .column__right_box div {
        margin-left: -45%;
        margin-top: 8%;
    }

    /** FORM **/
    .page_title {
        line-height: 1.3;
        text-align: center;
        font-size: 17px;
    }

    #Wrap>tbody>tr>td {
        padding: 10px 0;
    }

    #Wrap>tbody>tr>td#main {
        padding: 0;
    }

    #main {
        padding: 0;
    }

    .formArea,
    .cancel-select,
    .f10 {
        padding: 0 20px;
    }

    .school-outline,
    .school-outline>tbody,
    .school-outline>tbody>tr,
    .school-outline>tbody>tr>td,
    .school-outline>tbody>tr>th {
        display: block;
    }

    .school-outline>tbody>tr>td {
        padding-bottom: 10px;
        width: 100%;
    }

    .school-outline>tbody>tr>th {
        padding-top: 10px;
        width: 100%;
    }

    .school-outline tr {
        clear: both;
        overflow: hidden;
    }

    .school-outline th,
    .school-outline td {
        float: left;
    }

    .formTableA,
    .formTableA>tbody,
    .formTableA>tbody>tr,
    .formTableA>tbody>tr>td,
    .formTableA>tbody>tr>th {
        display: block;
        width: 100% !important;
    }

    .formTableA>tbody>tr>td {
        padding: 10px 0;
    }

    .formTableA>tbody>tr>td.formTableLineA {
        padding: 0;
    }

    .formTableA tr {
        clear: both;
        overflow: hidden;
    }

    .formTableA th,
    .formTableA td {
        float: left;
    }

    .cancel_txt {
        padding: 0 20px;
    }

    .page_title {
        padding: 20px 0;
    }

    .formTdA2 input[type=text] {
        margin-bottom: 10px;
    }

    .formTdA2 input[type=text],
    .formTdA2 select,
    .formTdA2 textarea {
        width: 100%;
    }

    .formTdA2 input[type=text]:after {
        content: "\a";
        white-space: pre;
    }

    .form_list {
        min-height: 1px;
    }

    #pickups .thumbnail_updown__multicolumn {
        display: block;
        margin: 0 6%;
    }

    #pickups .thumbnail_updown__multicolumn__item {
        text-align: center;
        padding-bottom: 30px;
        width: 41%;
        display: inline-block;
        margin-right: 5%;
    }

    #pickups .thumbnail_updown__multicolumn__item a img {
        width: 100%;
    }

    .icon__detail_set:before,
    .icon__detail_new:before,
    .icon__detail_kids:before {
        content: " ";
        background: url("/common/images/icon_sp_check.png") no-repeat;
        background-size: cover;
        width: 15px;
        height: 15px;
        margin-bottom: -3px;
        margin-right: 5px;
        display: inline-block;
    }

    .item_detail {
        padding-top: 0;
    }

    .sprit_list li {
        padding: 0px 0;
        clear: both;
        overflow: hidden;
    }

    .sprit_list li strong {
        width: 48%;
        float: left;
        font-weight: normal;
    }

    .sprit_list li span {
        width: 50%;
        float: left;
        text-align: center;
    }

    .price_list li span {
        text-align: left;
    }

    .icon_list_horizontal {
        margin-top: 10px;
        clear: both;
        overflow: hidden;
    }

    .icon_list_horizontal li {
        display: inline-block;
        text-align: center;
        width: 16.5%;
        margin-bottom: 10px;
        font-size: 10px;
        margin-right: 2.5%;
    }

    .icon_list_horizontal li img {
        width: 100%;
    }

    .pairing_contents {
        position: static;
        width: 200px;
        margin: 0 auto 0 auto;
        padding: 0;
        background: #fff;
        text-align: center;
        font-size: 13px;
    }

    .pairing_contents .list_col_6 li {
        margin-bottom: 20px;
        width: 100%;
    }

    article#item__detail {
        position: relative;
        padding-right: 0;
    }

    #item__detail .flex_listarea {
        margin-top: 0;
        display: block;
        text-align: center;
        width: 100%;
        position: static;
        background: #fff;
        padding: 10px;
    }

    #item__detail .flex_listarea__item {
        width: 30px;
        margin-right: 5px;
        display: inline-block;
    }

    #item__detail .flex_listarea__item img {
        width: 100%;
    }

    #item__detail h1 .icon__detail_set,
    #item__detail h1 .icon__detail_new,
    #item__detail h1 .icon__detail_kids {
        display: none;
    }

    #item__detail .page_title .flex_listarea {
        display: none;
    }

    .icon__detail_set,
    .icon__detail_new,
    .icon__detail_kids {
        display: block;
        width: 100%;
        color: #fff;
        text-align: center;
        padding: 0;
    }

    p .icon__hot,
    p .icon__cold {
        margin: 20px 0;
    }

    .icon__detail_set {
        background: #ff6e64;
        margin-left: 0;
    }

    .icon__detail_new {
        background: #e36b16;
        margin-left: 0;
    }

    .icon__detail_kids {
        background: #6cb416;
        margin-left: 0;
    }

    .item_detail .aside_column {
        margin-bottom: 0;
        font-size: 10px;
    }

    .item_detail .aside_column .arrow_link {
        font-size: 10px;
    }

    .aside_column .common_title {
        font-size: 13px;
    }

    .item_detail .aside_column .column__right_box .column__left_box {
        width: 45%;
        float: left;
    }

    .item_detail .aside_column .column__right_box .column__right_box {
        width: 45%;
        float: right;
    }

    .item_detail .aside_column .icon__hot,
    .item_detail .aside_column .icon__cold {
        width: 100%;
        text-align: center;
    }

    .fyt_contents {
        background: #f7f6f2;
        margin-top: 0;
        padding: 45px 20px 0 20px;
        font-size: 10px;
    }

    .sp_sns_lists {
        display: block;
        margin-top: -35px;
    }

    .sp_sns_lists__common {
        display: block;
        position: relative;
        width: 100%;
        height: 50px;
        border-top: 1px solid #ddd;
        background: #fff;
    }

    .sp_sns_lists__common .flex_listarea {
        display: block;
        position: static;
        text-align: center;
        margin-top: 12px;
    }

    .sp_detail_icons {
        display: block;
    }

    .infomation__content img {
        width: 100%;
    }

    .half_size {
        width: 100%;
    }

    .long_size {
        width: 100%;
    }

    .big_font__wrapper {
        font-size: 90%;
    }

    .block__common_area {
        margin: 20px 20px 0 20px;
        /*padding:0 0px !important;*/
    }

    .item_detail .block__common_area {
        margin: -50px 20px 20px 20px;
    }

    article>section {
        padding: 0;
    }

    .card_positive_item {
        width: 100%;
        min-height: auto;
        float: left;
        padding: 0 0 20px 0;
        border-top: 1px solid #c6c3ba;
        border-bottom: none;
        min-height: 150px;
    }

    .card_positive_item:nth-child(odd) {
        border-right: none;
    }

    .card_positive_item:nth-child(1),
    .card_positive_item:nth-child(2) {
        border-bottom: none;
    }

    .card_positive_item:nth-child(5) {
        border-right: none;
        border-top: 1px solid #c6c3ba;
        border-bottom: 1px solid #c6c3ba;
        width: 100%;
        text-align: center;
    }

    .icon__apos {
        margin: 30px 0;
        text-align: center;
    }

    .icon__apos img {
        width: 60px;
    }

    .clubtullys_login {
        text-align: center;
        width: 100%;
        padding: 10px !important;
    }

    .clubtullys_logo {
        float: none;
        padding: 10px 0 20px 0;
    }

    .clubtullys_login .text__rights {
        text-align: center;
    }

    .clubtullys_login .text__rights a button.button_inline {
        width: 40%;
        display: inline-block;
    }

    .rank1,
    .rank2,
    .rank3 {
        width: 30px;
        height: 40px;
        top: 10px;
        right: 10px;
        font-size: 12px;
        padding-top: 8px;
    }

    .logo_fyt {
        width: 200px;
        height: 70px;
    }

    .fyt_contents .list_col_4 li {
        width: 47%;
    }

    .apply_list .big_image {
        width: 100%;
        margin: 10px 0;
    }

    .company_item_text {
        margin: 0;
    }

    .company_table {
        border-spacing: 0;
        display: block;
        margin-left: 0;
    }

    .company_item_text {
        margin: 0 20px;
    }

    .company_item_content {
        margin: 0 0px;
    }

    .cafekai__description~.company_item_content {
        margin: 20px;
    }

    .company_table tbody {
        display: block;
    }

    .company_table tr {
        width: 100%;
        display: block;
        clear: both;
        overflow: hidden;
    }

    .company_table td {
        background-color: #EBEAE6;
        padding: 1em;
        width: 100%;
        display: block;
        margin-bottom: 10px;
        float: left;
    }

    .company_table td a {
        margin-top: 15px;
    }

    .company_table td img {
        width: 100%;
    }

    .company_table__title {
        font-size: 16px;
    }

    .company_table__text {
        height: auto;
    }

    .company_item_press {
        margin: 20px;
    }

    .company_item_press__link {
        float: right;
        padding-right: 20px;
    }

    .press_list tr:last-of-type td {
        border-bottom: none;
    }

    section h2.company_item_press__title {
        margin-bottom: 0;
    }

    table.press_list {
        width: 98%;
        margin-left: 0;
    }

    td.press__item__title {
        padding-left: 2em;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-right: 2em;
        text-decoration: underline;
        border: none;
        color: #1F62BB;
    }

    .press__item__date {
        border: none;
    }

    td.press__item__title a {
        vertical-align: middle;
    }

    a.press__item__pdf img {
        padding-left: 1em;
    }

    td.press__item__line {
        border-bottom: 1px solid #CFCFCF;
    }

    .item_table__qanda th {
        padding-left: 10px;
    }

    .navi li.navi_global__item>a:hover {
        border-bottom: 1px solid #ddd;
    }

    .image_apply .apply_list__img {
        padding-top: 0px;
    }

    .centering__title {
        top: 0;
    }

    .fit__right_box {
        float: none;
        width: 100%;
    }

    .fit__left_box {
        float: none;
        width: 100%;
    }

    /*.fit__left_box .common__description{padding:10px 20px 30px 20px;}*/
    .round_title {
        top: 70%;
    }

    .fit__left_box .thumbnail__pic_image,
    .fit__right_box .thumbnail__pic_image {
        position: static;
    }

    #pane_height {
        display: none;
    }

    .bg_beige .box_content__default,
    .bg_dark_beige .box_content__default {
        margin: 0;
        padding-top: 30px;
    }

    .main_course_list li p.item_list__text,
    .optional_course_list li p.item_list__text {
        padding: 5px 0 10px 10px;
    }

    .col_liquid_4_1 li {
        position: relative;
    }

    .step_flow {
        width: 20%;
        margin: 0 auto;
        position: static;
    }

    .step_flow img {
        width: 100%;
    }

    .image_title_content {
        margin: 0 0 0 0;
        padding: 10px;
    }

    #anchor_wifi .thumbnail__pic_image {
        margin-top: 0;
    }

    .box_content__full_image .font__serif_title {
        font-size: 30px;
    }

    .course_point__text {
        margin-bottom: 10px;
    }

    .course_point__text,
    .course_point__img {
        float: none;
        width: 100%;
    }

    .common__dl_list {
        width: 100%;
        display: block;
        border-bottom: 1px solid #DFDEDA;
        margin: 0;
        padding: 0;
    }

    .common__dl_list dt {
        display: block;
        width: 100%;
        padding: 10px 0 5px 0;
    }

    .common__dl_list dd {
        display: block;
        width: 100%;
        padding: 0 0 10px 0;
        margin-left: 0;
    }

    /** press 調整用 ***********************************************/
    .pic-block,
    .text-block {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .prs__head {
        font-size: 11px;
    }

    .press__content {
        margin: 20px !important;
    }

    .prs__text img {
        margin-bottom: 20px;
        width: 100%;
        height: auto;
    }

    .prs__title {
        font-size: 22px;
    }

    .prs__text {
        line-height: 1.6;
    }

    .contact_title {
        font-size: 16px;
        line-height: 1.3;
    }

    .prs__foot {
        border-top: 1px solid #ddd;
        margin-top: 40px;
    }

    .prs__foot .contact_title {
        line-height: 1.6;
    }

    .thumbnail_updown__multicolumn__item {
        padding: 0 7px;
    }

    #fyt .button_progress {
        margin-top: 0;
    }

    .interview_link.bg_beige {
        background: #fff;
        padding: 0;
    }

    .interview_link li {
        clear: both;
        overflow: hidden;
        border-top: 1px solid #333;
        padding: 20px;
        margin: 0;
        position: relative;
    }

    .interview_link li img {
        width: 30%;
        float: left;
    }

    .interview_link li p {
        float: right;
        width: 65%;
        padding: 0;
    }

    .interview_link li p.interview__thumbnail_title {
        font-size: 10px;
        padding-bottom: 10px;
        line-height: 1.4;
        font-weight: bold;
    }

    .interview__name {
        font-size: 14px;
    }

    .interview_link a {
        display: block;
        padding-right: 40px;
    }

    .interview_link a:after {
        content: "";
        width: 10px;
        height: 10px;
        border: 0px;
        border-top: solid 2px #332;
        border-right: solid 2px #333;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 20px;
        top: 50%;
    }

    #fyt:before {
        width: 100%;
        height: 300px;
        position: absolute;
        top: 20px;
        background: none;
        background-size: 300px;
    }

    .pairing_contents .image_script {
        margin: 40px 0 10px 0;
    }

    .pairing_contents .image_script img {
        width: 88px;
    }

    .pairing_contents .font__script_title {
        margin-bottom: 30px;
    }

    .sub_navigation .active>a:after {
        right: 10px;
    }

    .concept_list li {
        padding: 10px;
    }

    .concept_list li a,
    .concept_list li p {
        float: none;
        display: block;
    }

    .line_list.item_list {
        margin: 0;
    }

    .line_list .column__left_box {
        float: left;
    }

    .line_list .column__right_box {
        float: right;
    }

    .line_list .half_size {
        width: 30%;
    }

    .line_list .long_size {
        width: 68%;
    }

    .line_list li p {
        padding: 0 0 10px 0;
    }

    .list__table,
    .list__table tbody,
    .list__table tr,
    .list__table th,
    .list__table td {
        display: block;
    }

    .list__table {
        width: 100%;
        margin-bottom: 30px;
    }

    .list__table th,
    .list__table td {
        padding: 10px 15px 15px 15px;
        float: left;
    }

    .list__table th {
        font-weight: normal;
        width: 100%;
        text-align: left;
        padding: 15px 15px 0 15px;
        border-bottom: none;
    }

    .list__table td {
        width: 100%;
        border-bottom: 1px solid #DFDEDA;
    }

    .list__table tr {
        clear: both;
        overflow: hidden;
    }

    .box_content__full_image .font__script_title {
        padding-top: 30px;
    }

    .item_top .box_content__long .column__left_box {
        width: 100%;
    }

    .item_top .box_content__long .column__right_box {
        width: 100%;
    }

    .item_top .box_content__long .box_content__vertical_inner .column__left_box,
    .item_top .box_content__long .box_content__vertical_inner .column__right_box {
        width: 100%;
    }

    .item_top .box_content__short .column__left_box {
        width: 100%;
    }

    .item_top .box_content__short .column__right_box {
        width: 100%;
    }

    .item_top .common_title {
        line-height: 1;
    }

    .item_top .column__left_box .font__script_title {
        font-size: 20px;
    }

    .item_top .box_content__long>h2 {
        padding: 0;
        margin-top: 0;
    }

    .image_script {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .image_script img {
        width: 70%;
    }

    .box_content__long .column__left_box .font__script_title .image_script img {
        width: 205px;
    }

    .box_content__full_image .image_script img {
        width: 40%;
    }

    .block__under_button {
        margin-top: 30px;
    }

    .block__under_button a {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .navi_global>li {
        float: none;
    }

    .navi_global>li:nth-last-child(1) {
        float: none;
        margin-right: 0;
        margin-top: 0;
    }

    .navi_global>li:nth-last-child(2) {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .navi_global__item {
        padding: 0 5px;
    }

    .navi_global__item:nth-child(1) {
        padding: 0 5px;
    }

    .fit_list {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .fit_list li {
        float: left;
        width: 100%;
        position: relative;
        padding: 20px 20px 10px 20px;
    }

    .fit_list li:last-of-type {
        float: left;
        width: 100%;
        position: relative;
        padding: 20px;
    }

    .fit_list li:nth-child(1) {
        float: left;
        width: 100%;
        position: relative;
        padding: 0;
    }

    .fit_inner {
        padding: 20px 20px 5px 20px;
    }

    .round_title {
        left: 20px;
        right: 20px;
        top: auto;
        bottom: 10px;
        width: auto;
        border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        text-align: center;
        font-size: 13px;
    }

    .list_qa {
        padding-left: 0;
        margin: 30px 0;
    }

    .common__description h2 {
        margin-top: 0;
    }

    .box_content__image_fit .column__left_box {
        margin-bottom: 0;
    }

    .bg_beige .box_content__long,
    .bg_dark_beige .box_content__long,
    .bg_beige~.box_content__long,
    .bg_dark_beige~.box_content__long {
        padding: 20px;
        max-width: 100%;
        margin: 0;
        clear: both;
        overflow: hidden;
    }

    .bg_beige .box_content__short,
    .bg_dark_beige .box_content__short,
    .bg_beige~.box_content__short,
    .bg_dark_beige~.box_content__short {
        padding: 20px;
        max-width: 100%;
        margin: 0 auto;
        clear: both;
        overflow: hidden;
    }

    .image_title_content~.bg_dark_beige {
        background: #fff;
        padding: 20px 0 0 0;
    }

    .cafekai__description>div {
        padding-top: 0;
    }

    .cafekai__description>p {
        padding: 20px;
    }

    .cafekai_shop__table,
    .cafekai_shop__table thead,
    .cafekai_shop__table tbody,
    .cafekai_shop__table tr,
    .cafekai_shop__table th,
    .cafekai_shop__table td {
        display: block;
    }

    .cafekai_shop__table th {
        width: 100%;
        float: left;
        padding-top: 10px;
    }

    .cafekai_shop__table td {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .cafekai_shop__table {
        padding-bottom: 30px;
    }

    .cafekai_shop__table tr {
        clear: both;
        overflow: hidden;
    }

    div.detail__item img {
        width: 100%;
    }

    div.detail__item {
        display: inline-block;
        width: 100%;
        margin-right: 0;
        vertical-align: top;
        text-align: center;
    }

    .page__txt,
    .f10 {
        padding: 10px 20px;
    }

    .page__ttl {
        font-size: 18px;
        padding: 10px 20px;
    }

    .main table,
    .main table>tbody,
    .main table>tbody>tr,
    .main table>tbody>tr>td,
    .main table>tbody>tr>th {
        display: block;
        width: 100% !important;
    }

    .main table>tbody>tr {
        clear: both;
        overflow: hidden;
    }

    .main table>tbody>tr>td,
    .main table>tbody>tr>th {
        float: left;
    }

    #anchor_favorite h2 {
        padding: 30px 0 10px 0;
    }

    #anchor_favorite .column__right_box {
        padding: 0 20px 0 20px;
    }

    .multilingual .sp_gnavi_wrapper .navi_global__item {
        width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .page_title p.side_title {
        display: block;
        margin: 0;
    }

    .community__description {
        padding: 40px 30px;
    }

    .fit__left_box .common__description,
    .fit__right_box .common__description {
        min-height: auto;
    }

    .fyt_top>.font__script_title>.image_script img {
        width: 188px;
    }

    .fyt_top>.font__script_title {
        padding: 10px 0 0 0;
    }

    .fyt_top .newshop_list_content .font__script_title img {
        width: 140px;
    }

    .newshop_list_content {
        padding: 0;
    }

    .font__script_title.pc_hide {
        font-size: 1px;
        margin: 0 0 15px 0;
        padding: 0;
    }

    .newshop_list_content .column__left_box {
        margin: 0;
    }

    .newshop_list_content .simple__dl_list {
        margin-top: 10px;
    }

    .newshop_list_content .simple__dl_list dt,
    .newshop_list_content .simple__dl_list dd {
        float: none;
        font-size: 13px;
    }

    .fyt_top .box_content__flex .item_list__title {
        margin: 15px 20px;
    }

    .box_content__flex {
        padding: 40px 20px;
    }

    .fyt_top .box_content__flex .col_liquid_4 .item_list__title {
        margin: 10px 0 20px 0;
    }

    .fyt_top .item_list__title {
        font-size: 16px;
    }

    #item__detail .box_content__default {
        padding: 0;
    }

    #item__detail .aside_column {
        margin-right: 0;
    }

    #item__detail .box_content__default .column__right_box {
        padding: 20px;
    }

    #item__detail .box_content__default.aside_column .column__right_box {
        padding: 0;
    }

    #item__detail .box_content__default .price_list {
        margin: 0 0 20px 0;
    }

    #item__detail .aside_column {
        padding: 40px 20px;
    }

    #item__detail .aside_column .common_title {
        text-align: left;
        padding-bottom: 6px;
    }

    #item__detail .aside_column .sprit_list li span {
        text-align: right;
    }

    #item__detail .list_col_6 {
        width: 200px;
        padding: 0;
    }

    #item__detail .list_col_6 li {
        margin: 0 0 30px 0;
        padding: 0;
    }

    .pairing_contents .item_list li p {
        padding: 10px 0 0 0;
    }

    aside.fyt_contents .col_liquid_5 li {
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
        margin-right: 0 !important;
    }

    aside.fyt_contents .col_liquid_5 li:nth-child(even) {
        float: right;
    }

    #item__detail h1 {
        font-size: 17px;
    }

    #item__detail .flex_listarea__item img {
        width: 25px;
    }

    #item__detail .flex_listarea__item {
        margin: 0 10px;
    }

    .item_top .box_content__long .box_content__vertical_inner~a .button_progress {
        width: 100%;
    }

    .item_top .box_content__vertical_inner .column__left_box {
        margin: 0 0 15px 0;
    }

    .item_top .box_content__vertical_inner {
        padding: 0 0 30px 0;
    }

    .item_top .column__left_box .common__description {
        padding: 0;
    }

    .item_detail .js__pad_top .column__left_box {
        margin-bottom: 0;
    }

    .item_list+.common__description {
        margin-top: -20px;
        padding-bottom: 0;
    }

    .interview__detail_title h2 {
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .box_content__long.dis_margin,
    .box_content__short.dis_margin {
        margin-top: -20px;
    }

    .box_content__long.dis_margin~.box_content__long h2 {
        margin: 30px 0 20px 0;
    }

    .js__pad_bottom {
        padding-bottom: 10px;
    }

    .pc_hide .image_title__image~h2.centering {
        padding: 10px 0;
        margin-bottom: 0;
        font-size: 13px;
    }

    .bg_beige .bg_dark_beige .box_content__long.js__pad_top .common_title {
        padding-top: 30px;
        font-size: 16px;
    }

    span.sp_hide {
        display: none;
    }

    .page_title h1 {
        padding: 0;
    }

    .pairing_contents .font__script_title {
        margin-bottom: 0;
    }

    .pairing_contents .item_list {
        margin-top: -20px;
    }

    .fyt_top .box_content__flex {
        padding-bottom: 0;
    }

    .slick-prev,
    .slick-next {
        top: 30%;
    }

    .image_title .centering__title h2 {
        font-size: 17px;
        margin-top: 20px;
    }

    .image_title_content .col_liquid_3 {
        width: auto;
    }

    .item_list li p.item_list__title {
        font-size: 13px;
    }

    .col_liquid_5 li:nth-child(5),
    .col_liquid_5_1 li:nth-child(5) {
        margin-right: 2% !important;
    }

    .navi_global li.lang-switcher>a {
        padding-left: 25px;
    }

    .fyt_top .col_liquid_4 .item_list__title {
        font-size: 13px;
    }

    #content_guatemala,
    #content_brazil,
    #content_costarica {
        padding: 20px 0;
    }

    .interview__detail_title h2 {
        font-size: 16px;
    }

    .interview__detail_header .interview__name {
        font-size: 13px;
    }

    .interview__division {
        font-size: 10px;
    }

    .interview__detail_header~.box_content__long h2 {
        font-size: 16px;
    }

    .interview__thumbnail_title~.interview__name {
        font-size: 10px;
    }

    .box_content__flex .item_list__text {
        font-size: 13px;
    }

    .cafekai__description,
    .grand_menu {
        margin-bottom: 0;
    }

    td .table_label {
        padding-right: 10px;
    }

    td .table_label:last-of-type {
        padding-left: 0;
    }

    .margin_20_0 {
        width: 100%;
    }

    .form_list_only_pane {
        margin: 0;
        padding: 0 20px;
    }

    .form_list_only_pane #tab,
    .form_list #tab {
        font-size: 12px;
    }

    .form_list_only_pane ul#tab li.tab__item,
    .form_list ul#tab li.tab__item {
        padding: 10px 5px;
    }

    .form_list_only_pane ul#tab li.tab__item:first-of-type,
    .form_list ul#tab li.tab__item:first-of-type {
        padding: 10px 5px;
    }

    td.formTdA1 {
        padding-bottom: 0;
    }

    .formTdA2 select,
    .formTdA2 input[type=text],
    .formTdA2 input[type=password],
    .formTdA2 textarea {
        width: 98%;
    }

    #inquiries_form_used_timeyear,
    #recruit_entries_form_birth_year {
        width: 80%;
        margin-bottom: 15px;
    }

    #inquiries_form_used_timemonth,
    #inquiries_form_used_timeday,
    #recruit_entries_form_birth_month,
    #recruit_entries_form_birth_day {
        width: 35%;
        margin-bottom: 15px;
    }

    #inquiries_form_used_timeyearhour,
    #inquiries_form_used_timeyearminute {
        width: 35%;
        margin-bottom: 15px;
    }

    #inquiries_form_zipcode,
    #recruit_entries_form_zipcode1 {
        width: 45%;
    }

    .formTdA2 label {
        display: inline-block;
        padding: 5px 0;
        width: 40%;
    }

    .formTdA2 label input {
        margin-right: 10px;
    }

    .subject {
        text-align: center;
    }

    #fyt .button_progress {
        width: 100%;
    }

    .sp__slider-wrapper {
        display: block;
    }

    .sp__slider>div {
        width: 100%;
        float: left;
    }

    .sp__slider>div img {
        width: 100%;
    }

    .thumbnail_side__2column {
        display: block;
    }

    .thumbnail_side__2column .thumbnail_side__thumbnail img {
        width: 100%;
    }

    .thumbnail_side__2column .thumbnail_side__thumbnail {
        display: block;
        width: 100%;
    }

    .thumbnail_side__2column .thumbnail_side__details {
        display: block;
        vertical-align: middle;
        padding: 0 40px;
        width: 100%;
    }

    .item_top h2.common_title {
        font-size: 16px;
    }

    .aside_column>.column__left_box,
    .aside_column>.column__right_box {
        width: 100%;
    }

    h1 {
        font-size: 17px;
    }

    h3 {
        margin-top: 0;
    }

    .column__right_box .col_liquid_2 li,
    .column__right_box .col_liquid_3 li,
    .column__right_box .col_liquid_4 li,
    .column__right_box .col_liquid_5 li,
    .column__right_box .col_liquid_6 li {
        margin-bottom: 0;
    }

    .box_content__default .item_list:last-of-type {
        margin-bottom: 0;
    }

    .box_content__default .col_liquid_2 li:last-of-type,
    .box_content__default .col_liquid_3 li:last-of-type,
    .box_content__default .col_liquid_4 li:last-of-type,
    .box_content__default .col_liquid_5 li:last-of-type,
    .box_content__default .col_liquid_6 li:last-of-type,
    .box_content__default .col_liquid_2_1 li:last-of-type,
    .box_content__default .col_liquid_3_1 li:last-of-type,
    .box_content__default .col_liquid_4_1 li:last-of-type,
    .box_content__default .col_liquid_5_1 li:last-of-type,
    .box_content__default .col_liquid_6_1 li:last-of-type {
        margin-bottom: 0;
    }

    .column__right_box .item_list li p.item_list__title {
        padding-top: 0;
    }

    .box_content__long .box_content__long {
        padding: 0;
    }

    .col_liquid_2 li:nth-last-child(1),
    .col_liquid_2_1 li:nth-last-child(1),
    .col_liquid_3 li:nth-last-child(1),
    .col_liquid_3_1 li:nth-last-child(1),
    .col_liquid_4 li:nth-last-child(1),
    .col_liquid_4_1 li:nth-last-child(1),
    .col_liquid_5 li:nth-last-child(1),
    .col_liquid_5_1 li:nth-last-child(1),
    .col_liquid_6 li:nth-last-child(1),
    .col_liquid_6_1 li:nth-last-child(1) {
        margin-bottom: 0 !important;
    }

    #anchor_favorite .col_liquid_2 li:nth-last-child(1),
    #anchor_favorite .col_liquid_2_1 li:nth-last-child(1) {
        margin-bottom: 20px !important;
    }

    article>section#anchor_favorite {
        padding-bottom: 0;
    }

    .community__list {
        padding: 0;
    }

    .box_content__long .item_list:nth-last-child(1) {
        margin-bottom: 0;
    }

    .prs__body img,
    .prs__body div,
    .prs__body p {
        float: none !important;
    }

    .prs__body img {
        margin: 0 !important;
    }

    .form_list {
        padding: 0 20px;
    }

    .formArea,
    .cancel-select,
    .f10 {
        padding: 0;
    }

    .image_title_content .col_liquid_5 li {
        display: inline-block;
        width: 45%;
        margin-right: 5% !important;
    }

    .image_title_content .col_liquid_5 li:nth-child(even) {
        margin-right: 0% !important;
    }

    #anchor_tullyscard h4 {
        margin-bottom: 0;
        margin-left: 20px;
    }

    #anchor_tullyscard .text__rights {
        padding: 0 20px 20px 20px;
    }

    .only_pane .box_content__short .anchor_list {
        margin: 0;
    }

    .image_title_content .col_liquid_2 {
        width: 100%;
    }

    .image_title+.box_content__default {
        margin: 0;
    }

    .box_content__long .item_list .button_progress {
        margin-bottom: 10px;
    }

    .only_pane .js__pad_bottom .text__rights {
        text-align: center;
    }

    .only_pane .js__pad_bottom .text__rights a {
        text-align: center;
        width: 20px;
        padding: 0 5px;
    }

    .only_pane .js__pad_bottom .text__rights a img {
        width: 20px;
    }

    .only_pane .box_content__long .list_col_5 li {
        width: 46%;
    }

    .youtube_frame {
        width: 100%;
        height: 225px;
    }

    .image_title_content .col_liquid_3 {
        min-width: 100%;
    }

    .image_title_content .col_liquid_2 {
        min-width: 100%;
    }

    .community__list a {
        color: #333;
    }

    article.seasonal .box_content__default {
        padding: 0 20px;
    }

    .infomation__content~.local_navi_clone {
        display: none;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1) {

    .button_pdf,
    .image_title h1,
    header,
    .lang-switcher .navi_global_child,
    .lang-switcher,
    #information,
    .tab li,
    .search__input,
    .section_title__lv1,
    .mordal_button,
    .section_title__lv2,
    .list__navi li a,
    .list__navi__item__title,
    .active .list__navi li:last-child,
    .border_btm,
    .button_anchor,
    .common_title,
    .allergy_table,
    .checkbox input+.icon__form:before,
    .common__dl_list,
    .border__top_btm,
    div.inner,
    #cancel_menber_change,
    .formTableLineA,
    .formTableLine__solid,
    .apply_list__title,
    .apply_list__text h4,
    .modal_link,
    .item_table__qanda__border,
    #js-modalBox a,
    .school_outline__detail__table,
    .course_point__border,
    .apply_area__title,
    .prefecture_list select,
    .block_table tr,
    .item_table__qanda tr:nth-child(even) td,
    .centering__title h2,
    .contact_content,
    .company_table__line,
    td.press__item__line,
    .card_positive_item,
    hr,
    .price_list,
    .community__description,
    .concept_list,
    .tb__gn_list,
    .tb__gn_list li,
    .navi_global li a,
    .clone_navi,
    #information .title-info,
    #sp_gnavi,
    #sp_gnavi .navi_global_child,
    #sp_gnavi .navi_global_child__item:nth-child(odd),
    .allergy_table td.allergy_table__item_name,
    .allergy_table__item_name span,
    label.checkbox,
    .responsive_form label.allergy,
    .apply_list__title,
    .apply_list__text h4,
    .arrow_link_wrapper h2,
    .simple__dl_list,
    .sp_sns_lists__common,
    .card_positive_item,
    .card_positive_item:nth-child(5),
    td.press__item__line,
    .common__dl_list,
    .prs__foot,
    .interview_link li,
    .list__table td {
        border-width: 1px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {

    .button_pdf,
    .image_title h1,
    header,
    .lang-switcher .navi_global_child,
    .lang-switcher,
    #information,
    .tab li,
    .search__input,
    .section_title__lv1,
    .mordal_button,
    .section_title__lv2,
    .list__navi li a,
    .list__navi__item__title,
    .active .list__navi li:last-child,
    .border_btm,
    .button_anchor,
    .common_title,
    .allergy_table,
    .checkbox input+.icon__form:before,
    .common__dl_list,
    .border__top_btm,
    div.inner,
    #cancel_menber_change,
    .formTableLineA,
    .formTableLine__solid,
    .apply_list__title,
    .apply_list__text h4,
    .modal_link,
    .item_table__qanda__border,
    #js-modalBox a,
    .school_outline__detail__table,
    .course_point__border,
    .apply_area__title,
    .prefecture_list select,
    .block_table tr,
    .item_table__qanda tr:nth-child(even) td,
    .centering__title h2,
    .contact_content,
    .company_table__line,
    td.press__item__line,
    .card_positive_item,
    hr,
    .price_list,
    .community__description,
    .concept_list,
    .tb__gn_list,
    .tb__gn_list li,
    .navi_global li a,
    .clone_navi,
    #information .title-info,
    #sp_gnavi,
    #sp_gnavi .navi_global_child,
    #sp_gnavi .navi_global_child__item:nth-child(odd),
    .allergy_table td.allergy_table__item_name,
    .allergy_table__item_name span,
    label.checkbox,
    .responsive_form label.allergy,
    .apply_list__title,
    .apply_list__text h4,
    .arrow_link_wrapper h2,
    .simple__dl_list,
    .sp_sns_lists__common,
    .card_positive_item,
    .card_positive_item:nth-child(5),
    td.press__item__line,
    .common__dl_list,
    .prs__foot,
    .interview_link li,
    .list__table td {
        border-width: 0.99px;
    }
}

@media print {

    header,
    footer {
        display: none;
    }

    #allergy_lists {
        display: block;
    }
}

@media screen and (max-width: 768px) {

    /* fork追記 */
    .tips_content {
        width: 90%;
        margin: auto auto;
    }

    .tips_content .sp_item_list_col2 {
        width: 100%;
        margin: 0;
    }

    .tips_content .sp_item_list_col2 li {
        margin-left: 0;
        margin-right: 0;
        margin-right: 10% !important;
    }
}

/*------------------------------------------------------------------------------- トップバナー------------------------------------------------------------------------------ */
@media print,
screen and (min-width: 769px) {
    .top-bnr_box {
        width: 93.0647840532%;
        margin: 0 auto;
        padding: 4.9833887043% 0 2%;
    }

    .top-bnr_box:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
}

.top-bnr_box_wrap {
    width: 100%;
    background: #f7f6f2;
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .top-bnr_box-right {
        float: right;
        width: 50.770638108%;
    }
}

@media only screen and (max-width: 768px) {
    .top-bnr_box .top-bnr_box-right {
        background: #fff;
    }
}

.top-bnr_box .youtube-bnr {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.top-bnr_box .youtube-bnr iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .youtube-link {
        text-align: right;
        margin-top: 1.489626556%;
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {
    .top-bnr_box .youtube-link {
        padding: 3.0303030303%;
        text-align: center;
    }
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .youtube-link a {
        display: block;
        position: relative;
        padding-right: 2.1576763485%;
    }

    .top-bnr_box .youtube-link a::after {
        content: "";
        width: 10px;
        height: 10px;
        border-right: 1px solid #181818;
        border-bottom: 1px solid #181818;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
    }

    .top-bnr_box .youtube-link a:hover {
        text-decoration: underline;
    }
}

@media only screen and (max-width: 768px) {
    .top-bnr_box .youtube-link a {
        display: inline-block;
    }

    .top-bnr_box .youtube-link a::after {
        display: inline-block;
        content: "";
        width: 10px;
        height: 10px;
        border-right: 1px solid #181818;
        border-bottom: 1px solid #181818;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .top-bnr_box-left {
        width: 45.1950022311%;
        float: left;
    }
}

@media only screen and (max-width: 768px) {
    .top-bnr_box .top-bnr_box-left {
        width: 84.8484848485%;
        margin: 0 auto;
        padding-top: 40px;
    }
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .top-bnr {
        margin-bottom: 4.132231405%;
        font-size: 0;
        display: table;
    }
}

@media only screen and (max-width: 768px) {
    .top-bnr_box .top-bnr {
        margin: 0;
        padding-bottom: 14.2857142857%;
    }
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .top-bnr_img {
        display: table-cell;
        width: 65.0826446281%;
        vertical-align: top;
        /*display: inline-block;*/
    }

    .top-bnr_box .top-bnr_img {
        width: 59%;
    }
}

.top-bnr_box .top-bnr_img img {
    width: 100%;
    display: block;
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .top-bnr_text {
        display: table-cell;
        padding-left: 20px;
        min-width: 189px;
        vertical-align: top;
        font-size: 12px;
        margin-left: 0;
        /*display: inline-block;*/
        /*margin-left: 3.099173553719008%;*/
        /*width: 30.785123966942145%;*/
    }
}

@media only screen and (max-width: 768px) {
    .top-bnr_box .top-bnr_text {
        margin: 0;
        margin-top: 5.3571428571%;
    }
}

/*.top-bnr_box .top-bnr_text span {
  border-bottom: .5px solid #000;
  font-size: 17px;
  text-align: left;
  display: block;
}*/
.top-bnr_box .top-bnr_text .top-bnr_title {
    border-bottom: 0.5px solid #000;
    font-size: 17px;
    text-align: left;
    display: block;
    line-height: 1.2;
}

@media print,
screen and (min-width: 769px) {
    .top-bnr_box .top-bnr_text span {
        padding-bottom: 5.1652892562%;
        margin-bottom: 5.1652892562%;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 768px) {
    .top-bnr_box .top-bnr_text span {
        padding-bottom: 3.5714285714%;
        margin-bottom: 3.5714285714%;
    }
}

/* 商品記事記事タイトル部分 */
@media print,
screen and (min-width: 769px) {
    #item__detail .title-text {
        display: inline-block;
        width: 63%;
        line-height: 1.6;
    }

    #item__detail .icon__detail_new {
        display: inline-block;
        vertical-align: top;
        margin-top: 6px;
    }
}

@media only screen and (max-width: 768px) {
    #item__detail .sp_detail_icons .title-text {
        display: none;
    }
}

/*----------------------------------------------------*/
/*コンタミネーション追加クラス*/
/*----------------------------------------------------*/
@media print,
screen and (min-width: 769px) {
    .block__set_note {
        margin-top: -30px;
    }
}

@media only screen and (max-width: 768px) {
    .block__set_note {
        margin: -20px 20px 20px;
    }
}

/*----------------------------------------------------*/
/*外国語ポケモン文言追加*/
/*----------------------------------------------------*/
@media screen and (min-width: 769px) {
    .poke-area {
        overflow: inherit !important;
    }

    .poke-lead {
        margin-top: 10px;
    }

    .poke-btn {
        text-align: center;
        text-decoration: underline !important;
        cursor: pointer;
    }

    .poke-note {
        position: relative;
    }

    .poke-note-box {
        width: 570px;
        background: #f7f6f2;
        position: absolute;
        top: -217px;
        left: 50%;
        /*z-index: 100000;*/
        margin-left: -265px;
        display: none;
    }

    .poke-note-box-en {
        top: -277px;
    }

    .poke-note-box.active {
        display: block;
    }

    .poke-note-box::after {
        content: "";
        position: absolute;
        margin: auto;
        bottom: -10px;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 10px solid #f7f6f2;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .poke-note-box-inner {
        width: 530px;
        margin: 0 auto;
        font-size: 0;
        padding: 20px 0;
    }

    .poke-img {
        width: 250px;
        display: inline-block;
        vertical-align: top;
    }

    .poke-img img {
        width: 100%;
    }

    .poke-text {
        width: 260px;
        font-size: 12px;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin-left: 20px;
    }

    .poke-close {
        display: block;
        margin-top: 30px;
        border: 0.5px solid #000;
        text-align: center;
        padding: 5px 0;
        font-size: 10px;
        cursor: pointer;
    }
}

@media only screen and (max-width: 768px) {
    .poke-area {
        overflow: inherit !important;
    }

    .poke-lead {
        margin-top: 10px;
    }

    .poke-btn {
        text-align: center;
        text-decoration: underline !important;
        cursor: pointer;
    }

    .poke-note {
        position: relative;
    }

    .poke-note-box {
        width: 90%;
        background: #f7f6f2;
        position: absolute;
        top: 30px;
        margin: auto;
        left: 0;
        right: 0;
        /*left: 50%;*/
        z-index: 2;
        display: none;
    }

    .poke-note-box.active {
        display: block;
    }

    .poke-note-box::after {
        content: "";
        position: absolute;
        margin: auto;
        top: -10px;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        border-bottom: 10px solid #f7f6f2;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .poke-note-box-inner {
        width: 80%;
        margin: 0 auto;
        padding: 20px 0;
    }

    .poke-img {
        width: 100%;
    }

    .poke-img img {
        width: 100%;
    }

    .poke-text {
        width: 100%;
        font-size: 12px;
        text-align: left;
        margin-top: 16px;
    }

    .poke-close {
        display: block;
        margin-top: 30px;
        border: 0.5px solid #000;
        text-align: center;
        padding: 5px 0;
        font-size: 10px;
        cursor: pointer;
    }
}

.restriction-note {
    color: #df6c1b;
    padding: 20px;
}

@media print,
screen and (min-width: 769px) {
    .restriction-note {
        width: 700px;
        margin: 0 auto;
    }
}

/*----------------------------------------------------*/
/*グロナビボーダーアニメーション*/
/*----------------------------------------------------*/
@media print,
screen and (min-width: 769px) {
    .navi .navi_global__item a {
        position: relative;
        padding-bottom: 10px;
    }

    .navi .navi_global__item.active a {
        border-bottom: 2px solid #333;
        padding-bottom: 8px;
    }

    .navi .navi_global__item a::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #333;
        height: 2px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .navi .navi_global__item.active a::before {
        content: none;
    }

    .navi .navi_global__item a:hover::before {
        left: 0;
        right: 0;
    }
}

/*----------------------------------------------------*/
/*リンクホバー*/
/*----------------------------------------------------*/
@media print,
screen and (min-width: 769px) {
    .thumbnail_updown__multicolumn__item a {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .top-bnr {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .top-bnr:hover {
        opacity: 0.6;
    }

    .thumbnail_updown__3column__item a {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .thumbnail_updown__3column__item a:hover {
        opacity: 0.6;
    }

    .button_progress {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .item_list a {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .item_list a:hover {
        opacity: 0.6;
    }

    .arrow_link_wrapper {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .arrow_link_wrapper:hover {
        opacity: 0.6;
    }

    .fyt a .box_content__fit {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .fyt a .box_content__fit:hover {
        opacity: 0.6;
    }

    .quality .fit_list a {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .quality .fit_list a:hover {
        opacity: 0.6;
    }

    .community__list li {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .community__list li:hover {
        opacity: 0.6;
    }

    .link_maincourse a {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .link_maincourse a:hover {
        opacity: 0.6;
    }

    .link_optionalcourse a {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: block;
    }

    .link_optionalcourse a:hover {
        opacity: 0.6;
    }

    .block__common_area .link_text {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .block__common_area .link_text:hover {
        opacity: 0.6;
    }
}

/*----------------------------------------------------*/
/*トピックス調整*/
/*----------------------------------------------------*/
@media print,
screen and (min-width: 769px) {
    .topicsText p {
        line-height: 1.6;
    }
}

/*----------------------------------------------------*/
/*menu調整*/
/*----------------------------------------------------*/
@media print,
screen and (min-width: 769px) {
    .item_list li p {
        padding-top: 10px;
    }
}

@media print,
screen and (min-width: 769px) {
    .column__left_box+p {
        line-height: 1;
    }

    .flex_listarea__item:last-child {
        margin-right: 13px;
    }

    #item__detail .menu_icon_box {
        display: block;
        position: absolute;
        top: 26px;
        right: 230px;
        margin: 0;
    }

    #item__detail .icon__detail_set {
        display: block;
        margin: 0;
        margin-top: 4px;
    }

    #item__detail .icon__detail_new {
        display: block;
        margin: 0;
    }

    #item__detail .icon__detail_kids {
        display: block;
        margin: 0;
        margin-top: 4px;
    }
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
    .block__set_note {
        margin-left: 30px;
        margin-right: 30px;
    }
}

/*----------------------------------------------------*/
/*コミュニティ調整*/
/*----------------------------------------------------*/
@media print,
screen and (min-width: 1201px) {
    .fit_inner {
        max-width: 1190px;
        margin-left: auto;
        margin-right: auto;
    }

    .fit_inner .common_title {
        width: 256px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 768px) {
    .quality .fit_list .round_title {
        position: static;
    }
}

/*----------------------------------------------------*/
/*インタビュー調整*/
/*----------------------------------------------------*/
@media print,
screen and (min-width: 769px) {
    .item_list li .interview__thumbnail_title {
        padding-top: 20px;
    }
}

/*----------------------------------------------------*/
/*商品ムービー追加*/
/*----------------------------------------------------*/
.menu-movie-link {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

.item_top .box_content__long .menu-movie {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}

.item_top .box_content__long .menu-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media print,
screen and (min-width: 769px) {
    .item_top .box_content__long .menu-movie-area {
        width: 540px;
        max-width: 540px;
        float: none;
        display: table-cell;
        vertical-align: top;
        padding-top: 10px;
    }

    .item_top .menu-movie-wrap .column__left_box {
        float: none;
        display: table-cell;
        vertical-align: top;
        padding-right: 35px;
    }

    .menu-movie-link {
        text-align: right;
    }

    .item_top .menu-movie-wrap {
        width: 86%;
        max-width: 900px;
    }

    .item_top .menu-movie-wrap .column__left_box {
        width: 42%;
        min-width: 340px;
    }

    .item_top .js__pad_top .image_script {
        width: auto;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .item_top .js__pad_top .common__description {
        padding-bottom: 36px;
    }
}

/*@media screen and (max-width: 1280px){
  .item_top .box_content__long .menu-movie-area{
    width: 52%;
    max-width: 600px;
    float: none;
    margin-left: 7%;
  }
}*/
@media only screen and (max-width: 768px) {
    article.seasonal .page_title {
        margin-bottom: 20px;
    }

    .menu-movie-link {
        text-align: center;
        font-size: 13px;
    }

    .item_top .box_content__long .menu-movie {
        position: relative;
        padding-bottom: 56%;
        height: 0;
        overflow: hidden;
    }
}

/* ドロップダウン */
@media only screen and (max-width: 768px) {
    .navi-drop-wrap {
        display: none;
    }
}

@media print,
screen and (min-width: 769px) {
    .navi-drop-wrap {
        display: none;
        position: relative;
    }

    .navi-drop-wrap.active {
        display: block;
    }

    .navi-drop-inner-list {
        visibility: hidden;
        width: 100%;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        padding: 50px 50px 12px;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .navi-drop-inner-list.active {
        /*display: block;*/
        opacity: 1;
        /*overflow: hidden;
    width: 100%;*/
        visibility: visible;
    }

    .navi-drop-list-title {
        border-bottom: 1px solid #fff;
        padding-bottom: 28px;
        width: 100%;
        margin: 0 auto;
        line-height: 1;
    }

    .navi-drop-list-wrap {
        width: 100%;
        margin: 26px auto 0;
    }

    .navi-drop-list-wrap::after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .navi-drop-list {
        margin-bottom: 32px;
        float: left;
        width: 20%;
    }

    .navi-drop-list-f-box .navi-drop-list {
        /*width: 25%;*/
    }

    .navi-drop-link {
        color: #fff;
        display: block;
        width: 100%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .navi-drop-link:hover {
        /*opacity: 0.6;*/
        text-decoration: underline;
    }

    .navi-drop-link:hover img {
        opacity: 0.6;
    }

    .navi-drop-list-menu {
        background: url("/common/images/drop_bg_menu.jpg") no-repeat center center, #301c0f;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .navi-drop-list-fyt {
        background: url("/common/images/drop_bg_fyt.jpg") no-repeat center center, #301c0f;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .navi-drop-list-quality {
        background: url("/common/images/drop_bg_quality.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .navi-drop-list-recruit {
        background: url("/common/images/drop_bg_recruit.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .navi-drop-list-school {
        background: url("/common/images/drop_bg_school.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .navi-drop-list-f-box {
        width: 100%;
        margin: 0 auto;
    }

    .navi-drop-list-f-box:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-list {
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

    .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-list:last-child {
        margin-bottom: 38px;
    }

    .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-list img {
        width: 65px;
        margin-right: 10px;
        position: relative;
        z-index: 1;
    }

    .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-link::before {
        background: #ffffff;
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 65px;
        height: 65px;
        z-index: 0;
    }

    /*.navi-drop-list-fyt.active{
    height: 400px;
  }
  .navi-drop-list-menu.active{
    height: 400px;
  }
  .navi-drop-list-quality.active{
    height: 300px;
  }
  .navi-drop-list-recruit.active{
    height: 300px;
  }
  .navi-drop-list-school.active{
    height: 300px;
  }*/
    /*打ち消し*/
    .hamburger {
        display: none;
    }

    /*  header{
      padding-top: 17px;
    }*/
    .navi_global>li:nth-last-child(1),
    .navi_global>li:nth-last-child(2),
    .navi_global>li:nth-last-child(3) {
        display: block;
    }

    .navi_global {
        margin-left: 110px;
    }

    .navi_global__item {
        padding: 50px 10px 50px 10px;
    }

    .navi-drop-list-right-box {
        display: none;
    }
}

@media screen and (max-width: 1400px) and (min-width: 769px) {
    .navi-drop-list {
        width: 25%;
    }

    /*.navi-drop-list-f-box .navi-drop-list{
    width: 33%;
  }
  .navi-drop-list-fyt .navi-drop-list-wrap{
    width: 75%;
  }*/
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
    .navi_global>li:nth-last-child(3) {
        display: none;
    }

    .lang-switcher a {
        display: block;
        /*padding: 50px 30px 53px 15px;*/
    }

    .navi-drop-list-right-box {
        display: block;
    }

    /* .navi-drop-list-fyt .navi-drop-list-wrap{
    float: left;
    width: 80%;
  }

  .navi-drop-list-fyt .navi-drop-list-right-box{
    float: left;
    width: 20%;
    margin-top: 30px;
  } */
    .lang-switcher>a:before {
        position: absolute;
        top: 46.5%;
        right: 10%;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 8px solid #333;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }

    /* .navi-drop-list-f-box .navi-drop-list{
    width: 33%;
  } */
}

/*@media screen and (min-width:768px) and ( max-width:1080px){
  .navi-drop-list{
    width: 25%;
  }
}*/
/*fytutil*/
.glay-panel {
    background: #eeeeee;
    padding: 1em;
}

.common__description_link {
    display: block;
    margin-top: 10px;
}

@media print,
screen and (min-width: 769px) {
    .pcmb80 {
        margin-bottom: 80px;
    }

    .apply_area2 {
        background-color: #F7F6F2;
        padding: 1em;
        margin: 0 auto 40px auto;
        text-align: center;
        max-width: 1100px;
        min-width: 800px;
    }

    .glay-panel {
        margin: 0 auto 40px auto;
        max-width: 1100px;
        min-width: 800px;
    }
}

@media print,
screen and (max-width: 768px) {
    .apply_area2 {
        margin: 2em 0 2em 0;
        background-color: #F7F6F2;
        padding: 1em;
        text-align: center;
    }

    .glay-panel {
        margin: 2em 0 2em 0;
    }

    .common__description {
        word-break: break-all;
    }
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
    .apply_area2 {
        margin: 0 30px 40px 30px;
    }

    .glay-panel {
        margin: 0 30px 40px 30px;
    }
}

/*20170705maplink*/
.maplink-company::after {
    content: "";
    background: url("/common/images/maplink_image.png") no-repeat left top;
    width: 30px;
    height: 16px;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.maplink-company img {
    width: 100%;
}

/*20170731opening*/
@media print,
screen and (min-width: 769px) {
    .opening-renew::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background: url("/company/recruit/staff/images/opening_renew.png") no-repeat left top;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        width: 100px;
        height: 18px;
    }
}

@media print,
screen and (max-width: 768px) {
    .opening-renew::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background: url("/company/recruit/staff/images/opening_renew.png") no-repeat left top;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        width: 100px;
        height: 18px;
    }
}

/*20170810spmenu*/
@media print,
screen and (min-width: 769px) {
    .nav-btn {
        display: none;
    }

    .sp-navi {
        display: none;
    }
}

@media print,
screen and (max-width: 768px) {
    body {
        /* padding-top: 60px; */
    }

    header {
        height: 60px;
    }

    header.active {
        /* position: fixed !important; */
        width: 100%;
        left: 0;
        top: 0;
        overflow: scroll;
        z-index: 20;
        border-bottom: none;
    }

    .header-bg.active {
        height: 10000px;
        background: #FFF;
        position: fixed;
        z-index: 19;
        width: 100%;
    }

    .logo {
        height: 46px;
        width: 40px;
        margin: 7px 0 7px -8px;
    }

    .nav-btn {
        width: 25px;
        height: 20px;
        position: absolute;
        top: 19px;
        right: 20px;
        margin: 0;
        cursor: pointer;
    }

    .nav-btn-before,
    .nav-btn-center,
    .nav-btn-after {
        width: 25px;
        height: 1.5px;
        background: #333;
        position: absolute;
        top: 0;
        -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
        transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
        transition: transform 0.5s ease-out, opacity 0.5s ease-out;
        transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
        display: block;
    }

    .nav-btn-before.active {
        top: 10px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .nav-btn-center {
        top: 9px;
    }

    .nav-btn-center.active {
        opacity: 0;
    }

    .nav-btn-after {
        top: 19px;
    }

    .nav-btn-after.active {
        top: 10px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navi_global {
        left: 0;
    }

    .sp-navi {
        background: #fff;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        border-top: 1px solid #bfbfbf;
        /*margin-top: -1px;*/
    }

    .sp-navi-list {
        position: relative;
    }

    .sp-navi-list-title {
        font-size: 13px;
        color: #301d0f;
        display: block;
        padding: 11px 20px;
        border-bottom: 1px solid #bfbfbf;
    }

    .sp-navi-child-box {
        display: none;
    }

    /*.sp-navi-child-box{
    display: block;
  }*/
    .sp-navi-child-wrap {
        background: #4b3c34;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sp-navi-child-menu {
        background: url("/common/images/sp_menu_gb01.jpg") no-repeat left top;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sp-navi-child-recruit {
        background: url("/common/images/sp_menu_gb02.jpg") no-repeat left top;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sp-navi-child-fyt {
        background: url("/common/images/sp_menu_gb03.jpg") no-repeat left top;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sp-navi-child-quality {
        background: url("/common/images/sp_menu_gb04.jpg") no-repeat left top;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sp-navi-child-school {
        background: url("/common/images/sp_menu_gb05.jpg") no-repeat left top;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sp-navi-child {
        width: 50%;
        border-bottom: 1px solid #bfbfbf;
    }

    .bbn {
        border-bottom: none;
    }

    .sp-navi-child:nth-child(odd) {
        border-right: 1px solid #bfbfbf;
    }

    .sp-navi-child-link {
        padding: 11px 14px;
        width: 100%;
        font-size: 10px;
        color: #fff;
        display: block;
    }

    .sp-navi-child-link.active {
        background: #37271e;
    }

    .sp-lang-list-wrap {
        padding: 20px 0;
        display: flex;
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .sp-lang-link {
        font-size: 11px;
        color: #301d0f;
    }

    .sp-lang-list:first-child::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #301d0f;
        height: 13px;
        width: 1px;
        padding: 0 20px;
    }

    .sp-lang-list:nth-child(2) {
        margin-left: 20px;
    }

    .sp-lang-list:nth-child(2)::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #301d0f;
        height: 13px;
        width: 1px;
        padding: 0 20px;
    }

    .sp-lang-list:last-child {
        margin-left: 20px;
    }

    .sp-navi-list:last-child .sp-navi-list-title {
        /* width: 50%; */
        /* display: inline-block; */
    }

    .sp-navi-list:last-child .sp-navi-list-title:last-child {
        /* border-left: 1px solid #bfbfbf; */
    }

    .sp-navi-list-title-link {
        display: block;
    }

    .sp-navi-child-open {
        width: 15px;
        height: 15px;
        position: absolute;
        top: 15px;
        right: 20px;
    }

    .sp-navi-child-open::before {
        content: "";
        display: block;
        position: absolute;
        width: 2px;
        height: 15px;
        top: 0;
        left: 6px;
        background: #301d0f;
    }

    .sp-navi-child-open.active::before {
        content: none;
    }

    .sp-navi-child-open::after {
        content: "";
        display: block;
        position: absolute;
        width: 15px;
        height: 2px;
        top: 6px;
        left: 0;
        background: #301d0f;
    }
}

/*20170808obon*/
.pl0 {
    padding-left: 0;
}

/*20170821cardmaintenance*/
.card-maintenance {
    background: #ebeae6;
    padding: 20px 0;
    margin: 30px auto;
}

.card-maintenance-title {
    text-align: center;
}

.card-maintenance-btn {
    text-decoration: underline;
    cursor: pointer;
}

.card-maintenance-modal {
    display: none;
}

.card-maintenance-modalbg {
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
    background: #fff;
}

.card-maintenance-modal-inner {
    position: absolute;
    z-index: 15000;
    top: 0;
    max-width: 600px;
    width: 92%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block;
    background: #fff;
    box-sizing: border-box;
    border: 5px solid #e2dad1;
}

.card-maintenance-modal-inner dl {
    width: 89.5652173913%;
    margin: 60px auto 0;
}

.card-maintenance-modal-inner dt {
    font-size: 125%;
    font-weight: bold;
    text-align: center;
}

.card-maintenance-modal-inner dd {
    font-size: 14px;
    margin: 0;
    margin-top: 1.9417475728%;
    line-height: 1.6;
    padding-bottom: 7.6051779935%;
}

.card-maintenance-modal-inner dd span {
    display: block;
    font-size: 88%;
}

.card-maintenance-modal-inner dd a {
    text-decoration: underline;
}

.card-maintenance-modal-inner dd a:hover {
    text-decoration: none;
}

.card-maintenance-modal-inner dd .indent {
    font-size: 100%;
    text-indent: -1em;
    margin-left: 1em;
}

.card-maintenance-modal-inner .card-maintenance-modal-close {
    width: 7.9710144928%;
    cursor: pointer;
    position: absolute;
    top: 2.7508090615%;
    right: 5.9870550162%;
}

.card-maintenance-modal-inner .card-maintenance-modal-close img {
    width: 100%;
    display: block;
}

.mt0 {
    margin-top: 0;
}

@media print,
screen and (min-width: 769px) {
    .card-maintenance {
        width: 800px;
        /*margin: 0 auto;*/
        max-width: 100%;
    }

    .card-maintenance-inner {
        width: 600px;
        margin: 0 auto;
    }

    .card-maintenance-modal-inner .card-maintenance-modal-close {
        width: 5%;
        /*right: 10%;*/
    }

    .card-maintenance-modal-inner {
        position: absolute;
        z-index: 15000;
        top: 0;
        max-width: 600px;
        width: 92%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block;
        background: #fff;
        box-sizing: border-box;
        border: 5px solid #e2dad1;
    }
}

@media print,
screen and (max-width: 768px) {
    .card-maintenance {
        padding: 20px;
        margin: 0;
    }
}

/*20170829community_movie*/
@media print,
screen and (min-width: 769px) {
    .community_movie {
        position: relative;
        padding-bottom: 450px;
        height: 0;
        overflow: hidden;
        width: 800px;
        margin: 0 auto 30px;
    }

    .community_movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media print,
screen and (max-width: 768px) {
    .community_movie {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        width: 100%;
        margin: 0 auto 30px;
    }

    .community_movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/*20170920school_note*/
.step-list-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
}

.school-note-box-title {
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}

.school-note-box-text-red {
    color: #ff0000;
    font-weight: bold;
}

@media print,
screen and (min-width: 769px) {
    .step-wrap {
        max-width: 1069px;
        margin: 50px auto 0;
        width: 82%;
    }

    .step-list {
        font-size: 16px;
        color: #b5b5b5;
        border-bottom: 2px solid #c1c1c1;
        width: 21%;
        position: relative;
        font-weight: bold;
    }

    .step-list.active {
        color: #333333;
        border-bottom: 2px solid #333333;
    }

    .step-list::after {
        content: "";
        display: block;
        width: 9px;
        height: 33px;
        background: url("/common/images/school_arrow.png") no-repeat left top;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        position: absolute;
        bottom: 3px;
        right: -17%;
    }

    .step-list:last-child::after {
        content: none;
    }

    .step-list-sub {
        font-size: 20px;
        display: block;
        font-weight: normal;
    }

    .school-note-box-wrap {
        max-width: 1069px;
        margin: 50px auto 0;
        width: 82%;
    }

    .school-note-box-title {
        font-size: 22px;
    }

    .school-note-box {
        width: 690px;
        border: 4px solid #ffa1a1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        text-align: center;
        padding: 28px 0;
    }

    .school-note-box-text {
        font-size: 22px;
        color: #333333;
    }

    .school-note-box-text-sub {
        font-size: 18px;
        display: block;
    }

    .school-note-box-text-red {
        font-size: 22px;
        margin-top: 25px;
    }

    .school-note-box-text-red-sub {
        font-size: 18px;
        display: block;
        font-weight: normal;
    }

    .school-tmp-text-wrap {
        width: 690px;
        margin: 40px auto 0;
    }

    .school-tmp-text-title {
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 14px;
    }

    .school-tmp-text {
        margin: 20px 0 0;
        font-size: 14px;
    }

    .form_list .subject {
        padding-top: 1em;
    }
}

@media print,
screen and (max-width: 768px) {
    .step-wrap {
        padding: 0 20px;
        margin-top: 30px;
    }

    .step-list {
        font-size: 11px;
        color: #b5b5b5;
        border-bottom: 2px solid #c1c1c1;
        position: relative;
        width: 23%;
        padding-bottom: 20px;
        font-weight: bold;
    }

    .step-list.active {
        color: #333333;
        border-bottom: 2px solid #333333;
    }

    .step-list::after {
        content: "";
        display: block;
        width: 5px;
        height: 21px;
        background: url("/common/images/school_arrow.png") no-repeat left top;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        position: absolute;
        bottom: 20px;
        right: -9%;
    }

    .step-list:last-child::after {
        content: none;
    }

    .step-list-sub {
        font-size: 12px;
        display: block;
        font-weight: normal;
    }

    .school-note-box-wrap {
        padding: 0 20px;
        margin-top: 30px;
    }

    .school-note-box-title {
        font-size: 17px;
    }

    .school-note-box {
        border: 4px solid #ffa1a1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding: 25px 0;
    }

    .school-note-box-text {
        font-size: 17px;
        color: #333333;
    }

    .school-note-box-text-sub {
        font-size: 15px;
        display: block;
    }

    .school-note-box-text-red {
        font-size: 17px;
        margin-top: 20px;
    }

    .school-note-box-text-red-sub {
        font-size: 15px;
        display: block;
        font-weight: normal;
    }

    .school-tmp-text-wrap {
        padding: 0 20px;
        margin: 30px auto 0;
        padding-bottom: 40px;
    }

    .school-tmp-text-title {
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 13px;
    }

    .school-tmp-text {
        margin: 14px 0 0;
        font-size: 13px;
    }
}

.prs-sub-title {
    display: block;
    font-size: 18px;
}

/* coffee_day0928 */
@media print,
screen and (max-width: 768px) {
    .coffee_day .item_list.col_liquid_3 li {
        display: block;
        width: 100%;
    }

    .coffee_day .block__common_area {
        overflow: inherit;
    }

    .coffee_day .item_list {
        overflow: inherit;
    }

    .coffee_day .apply_section {
        margin: 2em 0 0 0;
        padding: 1em 0 0;
    }

    .sppt20 {
        padding-top: 20px;
    }
}

@media print,
screen and (min-width: 769px) {
    .pcmt40 {
        margin-top: 40px;
    }
}

/*11/09school*/
.features-table {
    margin: 0;
}

.features-table-detail {
    margin: 0;
}

.features-table-img img {
    width: 100%;
}

.features-table-detail-full {
    margin: 0;
}

.tasting-lead,
.tasting-list {
    color: #fff;
}

@media print,
screen and (min-width: 769px) {
    .pcOnly {
        display: block;
    }

    .spOnly {
        display: none;
    }

    .features-area {
        margin: 80px auto 60px;
        width: 100%;
        max-width: 1040px;
    }

    .features-title {
        width: 100%;
        max-width: 1040px;
    }

    .features-title img {
        width: 100%;
    }

    .features-box01 {
        position: relative;
        max-width: 970px;
        width: 100%;
        margin: 80px 0 0 4%;
        border: 6px solid #f9f5e7;
        box-shadow: 3px 3px 0px 0px #e5e5e5;
        -moz-box-shadow: 3px 3px 0px 0px #e5e5e5;
        -webkit-box-shadow: 3px 3px 0px 0px #e5e5e5;
    }

    .features-box-inner {
        background: #fbf9f1;
        margin: 1px;
        padding: 40px 0;
    }

    .features-box01 .features-box-title {
        position: absolute;
        top: -20px;
        left: -50px;
    }

    .features-box01 .features-table {
        margin-left: 228px;
        max-width: 655px;
        width: 67.5%;
    }

    .features-table-title {
        font-size: 20px;
        color: #cf4a16;
        font-weight: normal;
        border-bottom: 1px solid #000000;
    }

    .features-table-detail {
        display: flex;
        margin-top: 30px;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .features-table-detail-full {
        display: block;
        margin-top: 30px;
    }

    .features-table-img {
        margin-left: 24px;
        display: block;
        width: 303px;
    }

    .features-table-text {
        width: 328px;
        display: block;
    }

    .features-table-text-full {
        width: 90%;
        display: block;
    }

    .features-box02 {
        position: relative;
        max-width: 970px;
        width: 100%;
        margin: 80px 0 0 0;
        border: 6px solid #f9f5e7;
        box-shadow: 3px 3px 0px 0px #e5e5e5;
        -moz-box-shadow: 3px 3px 0px 0px #e5e5e5;
        -webkit-box-shadow: 3px 3px 0px 0px #e5e5e5;
    }

    .features-box02 .features-box-title {
        position: absolute;
        top: -20px;
        right: -50px;
    }

    .features-box02 .features-table {
        margin-left: 77px;
        max-width: 655px;
        width: 67.5%;
    }

    .features-box03 {
        position: relative;
        max-width: 970px;
        width: 100%;
        margin: 80px 0 0 4%;
        border: 6px solid #f9f5e7;
        box-shadow: 3px 3px 0px 0px #e5e5e5;
        -moz-box-shadow: 3px 3px 0px 0px #e5e5e5;
        -webkit-box-shadow: 3px 3px 0px 0px #e5e5e5;
    }

    .features-box03 .features-box-title {
        position: absolute;
        top: -20px;
        left: -50px;
    }

    .features-box03 .features-table {
        margin-left: 228px;
        max-width: 655px;
        width: 67.5%;
    }

    .tasting-area {
        background: url("/school/images/tasting_bg_pc.jpg") center center no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 1020px;
        width: 100%;
        margin-top: 58px;
        padding-bottom: 40px;
    }

    .tasting-title {
        max-width: 860px;
        width: 84.3%;
        margin: 0 auto;
        text-align: center;
        padding-top: 24px;
        border-bottom: 1px solid #fff;
        padding-bottom: 15px;
    }

    .tasting-title .pcOnly {
        text-align: center;
        display: inline;
    }

    .tasting-area-inner {
        max-width: 860px;
        width: 84.3%;
        margin: 40px auto 0;
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .tasting-graph {
        margin: 0;
        width: 390px;
        margin-right: 40px;
    }

    .tasting-graph img {
        width: 100%;
    }

    .tasting-detail {
        width: 430px;
    }

    .tasting-list-wrap {
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-top: 24px;
    }

    .tasting-list {
        text-indent: -20px;
        margin-left: 20px;
    }

    .tasting-list:last-child {
        margin-left: 50px;
    }
}

@media screen and (max-width: 768px) {
    .pcOnly {
        display: none;
    }

    .spOnly {
        display: block;
    }

    .features-area {
        background: #fff;
        padding: 40px 0;
    }

    .features-area img {
        width: 100%;
    }

    .features-box01 {
        position: relative;
        margin: 50px auto 0;
        border: 3px solid #f9f5e7;
        box-shadow: 2px 2px 0px 0px #e5e5e5;
        -moz-box-shadow: 2px 2px 0px 0px #e5e5e5;
        -webkit-box-shadow: 2px 2px 0px 0px #e5e5e5;
        width: 89.333%;
    }

    .features-box02 {
        position: relative;
        margin: 40px auto 0;
        border: 3px solid #f9f5e7;
        box-shadow: 2px 2px 0px 0px #e5e5e5;
        -moz-box-shadow: 2px 2px 0px 0px #e5e5e5;
        -webkit-box-shadow: 2px 2px 0px 0px #e5e5e5;
        width: 89.333%;
    }

    .features-box03 {
        position: relative;
        margin: 40px auto 0;
        border: 3px solid #f9f5e7;
        box-shadow: 2px 2px 0px 0px #e5e5e5;
        -moz-box-shadow: 2px 2px 0px 0px #e5e5e5;
        -webkit-box-shadow: 2px 2px 0px 0px #e5e5e5;
        width: 89.333%;
    }

    .features-box01 .features-box-inner {
        background: #fbf9f1;
        margin: 1px;
        padding: 17% 25px 30px;
    }

    .features-box02 .features-box-inner {
        background: #fbf9f1;
        margin: 1px;
        padding: 10.45% 25px 30px;
    }

    .features-box03 .features-box-inner {
        background: #fbf9f1;
        margin: 1px;
        padding: 10.45% 25px 30px;
    }

    .features-box01 .features-box-title {
        position: absolute;
        top: -20px;
        left: -10px;
        width: 38%;
        max-width: 180px;
    }

    .features-box02 .features-box-title {
        position: absolute;
        top: -20px;
        right: -10px;
        width: 38%;
        max-width: 180px;
    }

    .features-box03 .features-box-title {
        position: absolute;
        top: -20px;
        left: -10px;
        width: 38%;
        max-width: 180px;
    }

    .features-table-title {
        width: 60%;
        font-size: 14px;
        color: #FFF;
        color: #cf4a16;
        font-weight: normal;
        border-bottom: 1px solid #000000;
        padding-bottom: 10px;
    }

    .features-box01 .features-table-title {
        margin-left: auto;
    }

    .features-box03 .features-table-title {
        margin-left: auto;
    }

    .features-table-detail,
    .features-table-detail-full {
        margin-top: 9.1%;
    }

    .features-table-detail-hawaii {
        margin-top: 14.1%;
    }

    .features-table-img {
        margin-top: 20px;
        display: block;
    }

    .tasting-area {
        background: url("/school/images/tasting_bg_sp.jpg") center center no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        margin-top: 40px;
        padding-bottom: 35px;
    }

    .tasting-title {
        border-bottom: 1px solid #fff;
        padding-top: 20px;
        padding-bottom: 12px;
    }

    .tasting-title img {
        width: 24.5%;
        margin: 0 auto;
    }

    .tasting-area-inner {
        width: 88%;
        margin: 0 auto;
    }

    .tasting-list-wrap {
        margin-top: 24px;
    }

    .tasting-list {
        text-indent: -20px;
        margin-left: 20px;
        font-size: 12px;
    }

    .tasting-list:last-child {
        margin-top: 10px;
    }

    .tasting-graph {
        width: 83%;
        margin: 30px auto 0;
    }

    .tasting-lead {
        font-size: 12px;
    }
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
    .features-area {
        padding: 40px 30px;
    }

    .features-box01,
    .features-box02,
    .features-box03 {
        width: 96%;
    }
}

@media screen and (max-width: 768px) and (min-width: 700px) {
    .features-table-title {
        width: 74%;
    }

    .features-box02 .features-box-inner {
        padding: 17% 25px 30px;
    }

    .features-box03 .features-box-inner {
        padding: 17% 25px 30px;
    }
}

/* 11/30bearful_sleeve.html */
@media print,
screen and (min-width: 769px) {
    .sec-info {
        width: 900px;
        margin: 0 auto;
        padding: 80px 0 200px;
    }

    .sleeve-title {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }

    .sleeve-note {
        text-align: right;
        margin-bottom: 80px;
    }

    .sleeve-text {
        margin-top: 30px;
    }

    .spOnly {
        display: none;
    }

    #information {
        display: flex;
    }

    #information .title-info {
        margin-left: 286px;
    }

    #information .details-info-box .details-info {
        display: block;
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .sec-info {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 100px;
    }

    .sleeve-title {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
    }

    .sleeve-note {
        text-align: right;
        margin-bottom: 40px;
    }

    .sleeve-text {
        margin-top: 15px;
    }

    .pcOnly {
        display: none;
    }
}

/*12/1spbanner*/
.sp-banner-wrap {
    width: 100%;
    border-bottom: 1px solid #bfbfbf;
}

.sp-banner-wrap a {
    display: block;
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
}

.sp-banner-wrap img {
    width: 100%;
    display: block;
}

/*2018/1/29*/
@media print,
screen and (min-width: 769px) {
    .navi-drop-link img {
        width: 22px;
        display: inline-block;
        padding-left: 10px;
        vertical-align: base-line;
    }

    .navi-drop-list:nth-last-child(2) .navi-drop-link img {
        padding-left: 0;
    }

    .navi-drop-list:last-child .navi-drop-link img {
        padding-left: 0;
    }

    .list__navi__item img {
        width: 22px;
        display: inline-block;
        padding-left: 10px;
        vertical-align: base-line;
    }

    .link_text img {
        width: 22px;
        display: inline-block;
        padding-left: 10px;
        vertical-align: base-line;
    }
}

@media screen and (max-width: 768px) {
    .sp-navi-child-link img {
        width: 16px;
        display: inline-block;
        padding-left: 6px;
        vertical-align: base-line;
    }

    .list__navi__item img {
        width: 16px;
        display: inline-block;
        padding-left: 6px;
        vertical-align: base-line;
    }

    .link_text img {
        width: 16px;
        display: inline-block;
        padding-left: 6px;
        vertical-align: base-line;
    }
}

/*2018/1/29 pushnotification page*/
/* STEP
--------------------------- */
/* Step wrapper */
.ps_list-wrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-around;
}

.ps_list-wrap li:last-child .ps_item::after {
    display: none;
}

/* Step wrapper - PC */
@media print,
screen and (min-width: 769px) {
    .ps_list-wrap {
        max-width: 809px;
        margin: 0 auto;
    }

    .ps_list-wrap li {
        max-width: 239px;
    }
}

/* Step wrapper - SP */
@media screen and (max-width: 768px) {
    .ps_list-wrap {
        flex-direction: column;
    }

    .ps_list-wrap li {
        flex-direction: column;
        margin-bottom: 45px;
    }

    .ps_list-wrap li:last-child {
        margin-bottom: 0;
    }
}

/* Step */
.ps_item {
    position: relative;
}

.ps_item span {
    display: block;
    width: 100%;
}

.ps_item,
.ps_item dd {
    margin: 0;
}

.ps_item dt {
    position: relative;
}

/* Step - SP */
@media screen and (max-width: 768px) {
    .ps_item dt span {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .ps_item dt .step-list-sub {
        font-size: 20px;
        padding-bottom: 0;
    }
}

/* Arrow */
.ps_item::after {
    content: "";
    display: block;
    position: absolute;
    background: url("/common/images/school_arrow-black.png") no-repeat left top;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

/* Arrow - PC */
@media print,
screen and (min-width: 769px) {
    .ps_item::after {
        width: 33px;
        height: 9px;
        top: 33px;
        right: -14%;
        transform: rotate(-90deg);
    }
}

/* Arrow - SP */
@media screen and (max-width: 768px) {
    .ps_item::after {
        width: 33px;
        height: 9px;
        left: 50%;
        transform: translateX(-50%);
        bottom: -30px;
    }
}

/* Text */
.ps_item dd {
    text-align: left;
}

/* Text - PC */
@media print,
screen and (min-width: 769px) {
    .ps_item dd {
        margin-top: 34px;
    }
}

/* Text - SP */
@media screen and (max-width: 768px) {
    .ps_item dd {
        margin-top: 1em;
    }
}

/* NOTES
--------------------------- */
.ps_notes {
    background: #f7f6f3;
    margin: 0 auto;
}

.ps_notes li {
    text-indent: -1em;
}

/* notes - PC */
@media print,
screen and (min-width: 769px) {
    .ps_notes {
        padding: 42px 70px;
        max-width: 809px;
        margin-bottom: 100px;
    }
}

/* notes - SP */
@media screen and (max-width: 768px) {
    .ps_notes {
        padding: 40px 8.8%;
    }
}

/* SCHOOL COURSE BRAZIL
--------------------------- */
@media print,
screen and (min-width: 769px) {
    .tasting-area-bzl {
        margin: 30px auto 100px;
    }
}

@media screen and (max-width: 768px) {
    .tasting-area-bzl {
        margin: 20px auto 80px;
    }

    .features-box-bzl .features-box-inner {
        padding: 10.45% 25px 30px;
    }
}

/*4/27リクルート*/
@media screen and (max-width: 768px) {
    #limited_worker label {
        vertical-align: top;
    }
}

/*7/3フランチャイズ*/
#top_links_bnr {
    background: #f7f6f2;
}

#top_links_bnr a {
    display: block;
}

#top_links_bnr img {
    width: 100%;
    display: block;
}

.franchise-nav li a {
    display: block;
    background: #301d0f;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.franchise-nav li a:hover {
    text-decoration: none;
}

.franchise-img-logo img {
    width: 100%;
    display: block;
}

@media print,
screen and (min-width: 769px) {
    #top_links_bnr {
        padding: 50px 0;
    }

    #top_links_bnr ul {
        display: flex;
        width: 990px;
        margin: 0 auto;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    #top_links_bnr li {
        width: 480px;
    }

    #top_links_bnr a {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    #top_links_bnr a:hover {
        opacity: 0.8;
    }

    .franchise-nav ul {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .franchise-nav li {
        width: 24%;
    }

    .franchise-nav li a:hover {
        background: #533a27;
    }

    .franchise-img-logo {
        width: 120px;
        margin-left: 120px;
    }

    .pcmt0 {
        margin-top: 0;
    }

    .pcmb0 {
        margin-bottom: 0;
    }

    .pcml0 {
        margin-left: 0;
    }

    .franchise_flow_img img {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #top_links_bnr {
        padding: 30px 0 37px;
    }

    #top_links_bnr ul {
        width: 89.3%;
        margin: 0 auto;
    }

    #top_links_bnr li:last-child {
        margin-top: 20px;
    }

    .franchise-nav {
        margin-bottom: 60px;
    }

    .franchise-nav li {
        margin-top: 20px;
    }

    .franchise-nav li:first-child {
        margin-top: 0;
    }

    .franchise_flow_img img {
        width: 100%;
    }

    .franchise-img-logo {
        width: 120px;
    }

    .franchise-img-logo {
        width: 44.5%;
        margin: 0 auto;
    }

    .spmt0 {
        margin-top: 0;
    }
}

/*8/1interview*/
@media print,
screen and (min-width: 769px) {
    .interview__detail_title_right {
        left: auto;
        right: 60px;
    }

    .interview_item_list li:nth-child(6) {
        margin-right: 0 !important;
    }

    .symposium-mv-list {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-top: 40px;
    }

    .symposium-mv-list li {
        width: 30%;
    }

    .symposium-mv-list img {
        width: 100%;
        display: block;
    }

    .symposium-link {
        font-weight: bold;
        display: block;
        margin-top: 40px;
        text-decoration: underline;
    }

    .symposium-link:hover {
        text-decoration: none;
    }

    .symposium-wrap p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .interview_item_list li:nth-child(3) {
        margin: 0 2% 30px 2% !important;
    }

    .symposium-mv-list {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-top: 20px;
    }

    .symposium-mv-list li {
        width: 30%;
    }

    .symposium-mv-list img {
        width: 100%;
        display: block;
    }

    .symposium-link {
        font-weight: bold;
        display: block;
        margin-top: 20px;
        text-decoration: underline;
    }
}

/*2018/10/19*/
@media print,
screen and (min-width: 769px) {
    .main_course_flex {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .main_course_flex li {
        float: none;
    }
}

.mb0 {
    margin-bottom: 0 !important;
}

/*2018/11/30*/
.club-lead-title {
    font-weight: bold;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    text-indent: -18px;
    margin-left: 18px;
}

.club-lead-maru {
    color: #d86b30;
}

@media screen and (max-width: 768px) {
    .club-lead-title {
        font-size: 16px;
    }
}

/* 20181210 */
@media print,
screen and (min-width: 769px) {
    .company .newgraduate_bnr {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .company .newgraduate_bnr {
        margin-bottom: 0;
    }
}

/*2018/12/18*/
.box-note {
    border: 2px solid #301d0f;
    color: #301d0f;
}

.link_under {
    text-decoration: underline;
}

.link_under:hover {
    text-decoration: none;
}

@media print,
screen and (min-width: 769px) {
    .box-note {
        max-width: 800px;
        margin: 30px auto 0;
        padding: 30px;
    }

    .info_card_wrap {
        max-width: 800px;
        margin: 30px auto;
    }

    .box-note p {
        margin: 10px 0;
    }

    .box-note .bold {
        font-weight: bold;
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .box-note {
        margin-bottom: 0;
        padding: 20px;
        margin: 20px;
    }

    .box-note p {
        margin: 10px 0;
    }

    .box-note .bold {
        font-weight: bold;
        font-size: 16px;
    }
}

/*20190131*/
.school_outline__detail__app-text {
    text-align: center;
    margin: 20px 0 10px;
}

@media print,
screen and (min-width: 769px) {
    .school-anchor-btn-warp {
        /* display: none; */
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 900px;
        margin: 0 auto;
    }

    .apply_area__text {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .school-anchor-btn {
        display: block;
        background: #301d0f;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 0;
        width: 200px;
        margin-top: 20px;
        font-size: 14px;
        text-decoration: none;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .school-anchor-btn:hover {
        text-decoration: none;
        opacity: 0.6;
    }

    .apply_area2019 {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 768px) {
    .school-anchor-btn-warp {
        margin: -20px 20px 20px 20px;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .school-anchor-btn {
        display: block;
        background: #301d0f;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 0;
        width: 48%;
        margin-top: 20px;
        font-size: 12px;
        text-decoration: none;
    }

    .apply_area2019 {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        margin-bottom: 60px;
    }

    .apply_area__text {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

.school-implementedstores-link {
    text-decoration: underline;
}

.school-implementedstores-link:hover {
    text-decoration: none;
}

@media print,
screen and (min-width: 769px) {
    .school-implementedstores-link {
        display: inline-block;
        padding-right: 14px;
    }

    .schoolsearch-note {
        text-align: center;
    }

    .schoolsearch-form-wrap {
        /* display: none; */
    }

    .schoolsearch-select-wrap {
        display: flex;
        align-items: center;
        margin-top: 30px;
    }

    .schoolsearch-select-wrap label {
        display: block;
        font-size: 18px;
        width: 200px;
        /* font-weight: bold; */
    }

    .schoolsearch-select-wrap select {
        width: 500px;
        padding: 10px;
        cursor: pointer;
    }

    .schoolsearch-radio-wrap {
        display: flex;
        align-items: center;
        margin-top: 30px;
    }

    .schoolsearch-radio-wrap h3 {
        font-weight: normal;
        font-size: 18px;
        margin: 0;
        width: 200px;
    }

    .schoolsearch-radio {
        width: 200px;
    }

    .schoolsearch-radio-wrap input {
        cursor: pointer;
    }

    .schoolsearch-radio-wrap label {
        font-size: 18px;
        cursor: pointer;
    }

    .schoolsearch-button-wrap button {
        background: #301d0f;
        color: #fff;
        font-size: 18px;
        padding: 12px 0;
        width: 500px;
        margin: 30px auto 30px;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .schoolsearch-note {
        /* text-align: center; */
    }

    .schoolsearch-select-wrap {
        display: flex;
        align-items: center;
        margin-top: 30px;
    }

    .schoolsearch-select-wrap label {
        display: block;
        font-size: 16px;
        width: 30%;
        /* font-weight: bold; */
    }

    .schoolsearch-select-wrap select {
        width: 70%;
        padding: 10px;
        cursor: pointer;
    }

    .schoolsearch-radio-wrap {
        display: flex;
        align-items: center;
        margin-top: 30px;
    }

    .schoolsearch-radio-wrap h3 {
        font-weight: normal;
        font-size: 16px;
        margin: 0;
        width: 30%;
    }

    .schoolsearch-radio {
        width: 40%;
    }

    .schoolsearch-radio-wrap input {
        cursor: pointer;
    }

    .schoolsearch-radio-wrap label {
        font-size: 16px;
        cursor: pointer;
    }

    .schoolsearch-button-wrap button {
        background: #301d0f;
        color: #fff;
        font-size: 16px;
        padding: 12px 0;
        width: 100%;
        margin: 30px auto 30px;
        display: block;
    }
}

/* 2/1スクール */
.hawaii_kona_bnr-img img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

@media print,
screen and (min-width: 769px) {
    .hawaii_kona_bnr-area {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        width: 65%;
        margin: 30px auto 0;
        max-width: 1040px;
        border: 2px solid #006680;
        padding: 20px 30px;
    }

    .hawaii_kona_bnr-img {
        width: 30%;
    }

    .hawaii_kona_bnr-text {
        width: 68%;
    }

    .hawaii_kona_bnr-area .button {
        width: 400px;
        margin: 20px 0 0;
        background: #87cef2;
    }

    .hawaii_kona_bnr-area .button:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 768px) {
    .hawaii_kona_bnr-area {
        background: #fff;
        width: 88%;
        margin: 0 auto 50px;
        padding: 20px 0;
        border: 2px solid #006680;
    }

    .hawaii_kona_bnr-img {
        width: 88%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .hawaii_kona_bnr-text {
        width: 88%;
        margin: 0 auto;
    }

    .hawaii_kona_bnr-area .button {
        /* width: 300px; */
        margin: 20px auto 0;
        background: #87cef2;
    }
}

/* トップメッセージ */
.tp2019-list-el img {
    width: 100%;
    display: block;
}

.tp2019-list-el .item_list__text {
    text-align: center;
}

@media print,
screen and (min-width: 769px) {
    .tp2019 {
        display: flex;
        justify-content: space-between;
    }

    .tp2019-text {
        width: 50%;
    }

    .tp2019-list {
        width: 48%;
        display: flex;
        justify-content: space-between;
    }

    .tp2019-list-el {
        width: 50%;
        margin: 0 10px;
    }
}

@media screen and (max-width: 768px) {
    .tp2019-text {
        margin-bottom: 20px;
    }

    .tp2019-list-el {
        margin-bottom: 20px;
    }

    .tp2019-list {
        display: flex;
        justify-content: space-between;
    }

    .tp2019-list-el {
        width: 50%;
        margin: 0 10px;
    }
}

/*2019/03card*/
@media print,
screen and (min-width: 769px) {
    .card-anchor-list {
        display: flex;
        width: 765px;
        margin: 30px auto 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-anchor-el {
        width: 120px;
        background: #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .card-anchor-link {
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        line-height: 1.4;
        font-size: 12px;
    }

    .card-anchor-link img {
        display: inline-block;
        width: 12px;
        margin-left: 6px;
    }

    .card-anchor-el:hover,
    .card-anchor-link:hover {
        opacity: 0.8;
        text-decoration: none;
    }

    .card-anchor-el:nth-child(3) .card-anchor-link {
        margin-top: 9px;
    }

    .card-anchor-el:nth-child(4) .card-anchor-link {
        margin-top: 9px;
    }

    .card-anchor2-list {
        display: flex;
        width: 765px;
        margin: 30px auto 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-anchor2-el {
        width: 48%;
        background: #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .card-anchor2-link {
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        line-height: 1.4;
        font-size: 12px;
    }

    .card-anchor2-link img {
        display: inline-block;
        width: 12px;
        margin-left: 6px;
    }

    .card-anchor2-el:hover,
    .card-anchor2-link:hover {
        opacity: 0.8;
        text-decoration: none;
    }

    .card-lead-area {
        background: #1e5799;
        /* Old browsers */
        background: -moz-linear-gradient(top, #1e5799 0%, #f7f6f2 0%, #ffffff 100%, #7db9e8 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #1e5799 0%, #f7f6f2 0%, #ffffff 100%, #7db9e8 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #1e5799 0%, #f7f6f2 0%, #ffffff 100%, #7db9e8 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding: 60px 0 140px;
        margin-top: 80px;
    }

    .card-lead-area-inner {
        width: 800px;
        margin: 0 auto;
    }

    .card-lead-title {
        width: 314px;
        margin: 0 auto;
    }

    .card-lead {
        width: 513px;
        margin: 40px auto 0;
    }

    .card-lead-note {
        text-align: center;
        margin-top: 16px;
    }

    .card-lead-img {
        display: flex;
        margin-top: 30px;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-lead-img-list {
        width: 390px;
    }

    .card-lead-img-list img {
        width: 100%;
    }

    .card-lead-text {
        font-size: 14px;
        text-align: center;
        margin-top: 26px;
        line-height: 3.2;
    }

    .card-point-title-area {
        border-top: 1px solid #938982;
        border-bottom: 1px solid #938982;
    }

    .card-point-title {
        text-align: center;
        background: #f7f6f2;
        margin: 5px 0;
        font-size: 28px;
        padding: 26px 0 24px;
    }

    .card-point-item {
        width: 38px;
        margin: 14px auto 0;
        display: block;
    }

    .card-point-item img {
        width: 100%;
        display: block;
    }

    .card-flow-wrap {
        width: 800px;
        margin: 30px auto 80px;
    }

    .card-flow-tabbtn-list {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-flow-tabbtn {
        font-size: 17px;
        text-align: center;
        color: #301d0f;
        border: 1px solid #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 395px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 0;
        cursor: pointer;
    }

    .card-flow-tabbtn:hover {
        opacity: 0.6;
    }

    .card-flow-tabbtn.active {
        background: #301d0f;
        color: #fff;
        position: relative;
    }

    .card-flow-tabbtn.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #301d0f;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
    }

    .card-flow-tabbox-list {
        display: none;
    }

    .card-flow-tabbox-list.active {
        display: block;
        margin-top: 20px;
    }

    .card-flow-table {
        border: 1px solid #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 15px;
    }

    .card-flow-table-title {
        padding: 20px 30px;
        cursor: pointer;
        position: relative;
    }

    .card-flow-table-title:hover {
        opacity: 0.6;
    }

    .card-flow-table-title::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #301d0f;
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 36px;
    }

    .card-flow-table-title.active {
        background: #f7f6f2;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        font-weight: bold;
    }

    .card-flow-table-title.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #301d0f;
        border-top: none;
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 36px;
    }

    .card-flow-table-title-text {
        font-size: 17px;
    }

    .card-flow-detail {
        display: none;
        margin: 0;
    }

    .card-flow-detail.active {
        display: block;
    }

    .card-flow-detail-close {
        text-align: center;
        font-size: 17px;
        padding: 20px 0;
        background: #f7f6f2;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        cursor: pointer;
    }

    .card-flow-detail-close:hover {
        opacity: 0.6;
    }

    .card-flow-detail-list {
        padding: 0;
        margin: 0 auto 30px;
        width: 740px;
    }

    .card-flow-detail-el {
        padding: 0;
        margin: 0;
        list-style: none;
        margin-top: 33px;
    }

    .card-flow-detail-title {
        margin: 0;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-flow-detail-title-icon {
        font-size: 20px;
        color: #fff;
        background: #d76c2f;
        padding: 7px 11px;
        line-height: 1;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        display: block;
        width: 33px;
        height: 33px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .card-flow-detail-title-text {
        font-size: 17px;
        font-weight: normal;
        display: block;
        border-bottom: 1px solid #301d0f;
        width: 697px;
    }

    .card-flow-detail-box {
        margin-top: 20px;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-flow-img {
        margin: 0;
        width: 442px;
    }

    .card-flow-img img {
        width: 100%;
        /*display: block;*/
    }

    .card-flow-detail-text {
        width: 280px;
        margin-top: 18px;
    }

    .card-flow-detail-link {
        color: #883026;
        text-decoration: underline;
    }

    .card-flow-detail-link:hover {
        text-decoration: none;
    }

    .card-flow-detail-link-blank::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url("/cpn/tullyscard/images/icon_blank.png") no-repeat top left;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

    .card-flow-detail-note {
        display: block;
        font-size: 12px;
    }

    .card-qa-wrap {
        width: 800px;
        margin: 30px auto 80px;
    }

    .card-qa-tabbtn-list {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-qa-tabbtn {
        font-size: 17px;
        text-align: center;
        color: #301d0f;
        border: 1px solid #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 395px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 0;
        cursor: pointer;
    }

    .card-qa-tabbtn:hover {
        opacity: 0.6;
    }

    .card-qa-tabbtn.active {
        background: #301d0f;
        color: #fff;
        position: relative;
    }

    .card-qa-tabbtn.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #301d0f;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
    }

    .card-qa-tabbox-list {
        display: none;
    }

    .card-qa-tabbox-list.active {
        display: block;
        margin-top: 20px;
    }

    .card-qa-table {
        border: 1px solid #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 15px;
    }

    .card-qa-table-title {
        padding: 0 60px 0 0;
        cursor: pointer;
        position: relative;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .card-qa-table-title:hover {
        opacity: 0.6;
    }

    .card-qa-table-title::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #301d0f;
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 36px;
    }

    .card-qa-table-title.active {
        background: #f7f6f2;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        font-weight: bold;
    }

    .card-qa-table-title.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #301d0f;
        border-top: none;
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 36px;
    }

    .card-qa-table-title-icon {
        background: #301d0f;
        color: #fff;
        font-size: 20px;
        width: 56px;
        text-align: center;
        display: block;
        position: relative;
    }

    .card-qa-table-title-icon-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .card-qa-table-title-text {
        font-size: 17px;
        width: 630px;
        display: block;
        padding: 20px 0;
        margin-left: 20px;
    }

    .card-qa-detail {
        display: none;
        margin: 0;
    }

    .card-qa-detail.active {
        display: block;
    }

    .card-qa-detail-list {
        padding: 0;
        margin: 0 auto 30px;
        width: 740px;
    }

    .card-qa-detail-el {
        padding: 0;
        margin: 0;
        list-style: none;
        margin-top: 33px;
    }

    .card-qa-detail-title {
        margin: 0;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-qa-detail-title-icon {
        font-size: 20px;
        color: #fff;
        background: #d76c2f;
        padding: 7px 11px;
        line-height: 1;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        display: block;
        width: 33px;
        height: 33px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .card-qa-detail-title-text {
        font-size: 17px;
        font-weight: normal;
        display: block;
        border-bottom: 1px solid #301d0f;
        width: 697px;
    }

    .card-qa-detail-box {
        margin-top: 20px;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-qa-img {
        margin: 0;
        width: 442px;
    }

    .card-qa-detail-text {
        width: 720px;
        margin: 18px auto 18px;
    }

    .card-qa-detail-link {
        color: #883026;
        text-decoration: underline;
    }

    .card-qa-detail-link:hover {
        text-decoration: none;
    }

    .card-qa-detail-link-blank::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url("/cpn/tullyscard/images/icon_blank.png") no-repeat top left;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

    .card-qa-detail-note {
        display: block;
        font-size: 12px;
    }

    .card-qa-detail-img {
        width: 400px;
        margin: 30px auto;
    }

    .card-qa-detail-img img {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .card-anchor-list {
        display: flex;
        width: 76.2%;
        margin: 20px auto 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .card-anchor-el {
        width: 48.2%;
        background: #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .card-anchor-link {
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        line-height: 1.4;
    }

    .card-anchor-link img {
        display: inline-block;
        width: 10px;
        margin-left: 6px;
    }

    .card-anchor-el:hover,
    .card-anchor-link:hover {
        /*opacity: 0.8;*/
        text-decoration: none;
    }

    .card-anchor-el:nth-child(3) .card-anchor-link {
        padding: 16px 0;
    }

    .card-anchor-el:nth-child(4) .card-anchor-link {
        padding: 16px 0;
    }

    .card-anchor2-list {
        display: flex;
        width: 76.2%;
        margin: 20px auto 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .card-anchor2-el {
        width: 100%;
        background: #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .card-anchor2-link {
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        line-height: 1.4;
    }

    .card-anchor2-link img {
        width: 10px;
        margin-left: 6px;
        display: inline-block;
    }

    .card-anchor2-el:hover,
    .card-anchor2-link:hover {
        /*opacity: 0.8;*/
        text-decoration: none;
    }

    .card-lead-area {
        background: #1e5799;
        /* Old browsers */
        background: -moz-linear-gradient(top, #1e5799 0%, #f7f6f2 0%, #ffffff 100%, #7db9e8 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #1e5799 0%, #f7f6f2 0%, #ffffff 100%, #7db9e8 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #1e5799 0%, #f7f6f2 0%, #ffffff 100%, #7db9e8 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding: 35px 0 140px;
        margin-top: 20px;
    }

    .card-lead-area img {
        width: 100%;
    }

    .card-lead-area-inner {
        width: 90%;
        margin: 0 auto;
    }

    .card-lead-title {
        width: 61.7%;
        margin: 0 auto;
    }

    .card-lead {
        width: 98%;
        margin: 25px auto 0;
    }

    .card-lead-note {
        text-align: center;
        margin-top: 10px;
        font-size: 11px;
    }

    .card-lead-img {
        margin-top: 27px;
    }

    .card-lead-img-list {
        margin-top: 15px;
    }

    .card-lead-text {
        font-size: 11px;
        text-align: center;
        margin-top: 15px;
        line-height: 2.4;
    }

    .card-point-title-area {
        border-top: 1px solid #938982;
        border-bottom: 1px solid #938982;
    }

    .card-point-title {
        text-align: center;
        background: #f7f6f2;
        margin: 5px 0;
        font-size: 19px;
        padding: 20px 0 20px;
    }

    .card-point-item {
        width: 9.33%;
        margin: 7px auto 0;
        display: block;
    }

    .card-point-item img {
        width: 100%;
        display: block;
    }

    .card_positive_item .font__serif_title {
        margin: 30px 0 0;
    }

    .icon__apos {
        margin-bottom: 10px;
    }

    .card-flow-wrap {
        width: 90%;
        margin: 25px auto 50px;
    }

    .card-flow-tabbtn-list {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .card-flow-tabbtn {
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
        color: #301d0f;
        border: 1px solid #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 49.2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 0;
        cursor: pointer;
    }

    .card-flow-tabbtn.active {
        background: #301d0f;
        color: #fff;
        position: relative;
    }

    .card-flow-tabbtn.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #301d0f;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
    }

    .card-flow-tabbox-list {
        display: none;
    }

    .card-flow-tabbox-list.active {
        display: block;
        margin-top: 20px;
    }

    .card-flow-table {
        border: 1px solid #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 15px;
    }

    .card-flow-table-title {
        padding: 16px 17px;
        cursor: pointer;
        position: relative;
    }

    .card-flow-table-title::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #301d0f;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 20px;
    }

    .card-flow-table-title.active {
        background: #f7f6f2;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        font-weight: bold;
    }

    .card-flow-table-title.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #301d0f;
        border-top: none;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 20px;
    }

    .card-flow-table-title-text {
        font-size: 12px;
    }

    .card-flow-detail {
        display: none;
        margin: 0;
        padding-bottom: 23px;
    }

    .card-flow-detail.active {
        display: block;
    }

    .card-flow-detail img {
        width: 100%;
    }

    .card-flow-detail-close {
        display: none;
    }

    .card-flow-detail-list {
        padding: 0;
        margin: 0 auto;
        width: 88%;
    }

    .card-flow-detail-el {
        padding: 0;
        margin: 0;
        list-style: none;
        margin-top: 25px;
    }

    .card-flow-detail-title {
        margin: 0;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }

    .card-flow-detail-title-icon {
        font-size: 13px;
        color: #fff;
        background: #d76c2f;
        padding: 5px 8px;
        line-height: 1;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        display: block;
        width: 23px;
        height: 23px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .card-flow-detail-title-text {
        font-size: 17px;
        font-weight: normal;
        display: block;
        border-bottom: 1px solid #301d0f;
        width: 91.3%;
    }

    .card-flow-detail-box {
        margin-top: 14px;
    }

    .card-flow-img {
        margin: 0;
        /*width: 442px;*/
    }

    .card-flow-detail-text {
        /*width: 280px;*/
        margin-top: 14px;
    }

    .card-flow-detail-link {
        color: #883026;
        text-decoration: underline;
    }

    .card-flow-detail-link:hover {
        text-decoration: none;
    }

    .card-flow-detail-link-blank::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url("/cpn/tullyscard/images/icon_blank.png") no-repeat top left;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

    .card-flow-detail-note {
        display: block;
        font-size: 12px;
    }

    .card-qa-wrap {
        width: 90%;
        margin: 25px auto 50px;
    }

    .card-qa-table {
        border: 1px solid #301d0f;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 15px;
    }

    .card-qa-table-title {
        padding: 0 17px 0 0;
        cursor: pointer;
        position: relative;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .card-qa-table-title::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #301d0f;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 20px;
    }

    .card-qa-table-title.active {
        background: #f7f6f2;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        font-weight: bold;
    }

    .card-qa-table-title.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #301d0f;
        border-top: none;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 20px;
    }

    .card-qa-table-title-icon {
        background: #301d0f;
        color: #fff;
        font-size: 14px;
        width: 11%;
        text-align: center;
        display: block;
        position: relative;
    }

    .card-qa-table-title-icon-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .card-qa-table-title-text {
        font-size: 11px;
        width: 72%;
        display: block;
        padding: 16px 0;
        margin-left: 20px;
    }

    .card-qa-detail {
        display: none;
        margin: 0 auto;
        padding-bottom: 23px;
        width: 88%;
    }

    .card-qa-detail.active {
        display: block;
    }

    .card-qa-detail img {
        width: 100%;
    }

    .card-qa-detail-list {
        padding: 0;
        margin: 0 auto;
        width: 88%;
    }

    .card-qa-detail-el {
        padding: 0;
        margin: 0;
        list-style: none;
        margin-top: 25px;
    }

    .card-qa-detail-title {
        margin: 0;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }

    .card-qa-detail-title-icon {
        font-size: 13px;
        color: #fff;
        background: #d76c2f;
        padding: 5px 8px;
        line-height: 1;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        display: block;
        width: 23px;
        height: 23px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .card-qa-detail-title-text {
        font-size: 17px;
        font-weight: normal;
        display: block;
        border-bottom: 1px solid #301d0f;
        width: 91.3%;
    }

    .card-qa-detail-box {
        margin-top: 14px;
    }

    .card-qa-img {
        margin: 0;
        /*width: 442px;*/
    }

    .card-qa-detail-text {
        /*width: 280px;*/
        margin-top: 14px;
    }

    .card-qa-detail-link {
        color: #883026;
        text-decoration: underline;
    }

    .card-qa-detail-link:hover {
        text-decoration: none;
    }

    .card-qa-detail-link-blank::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url("/cpn/tullyscard/images/icon_blank.png") no-repeat top left;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

    .card-qa-detail-note {
        display: block;
        font-size: 12px;
    }

    .card-qa-detail-img {
        width: 72%;
        margin: 30px auto;
    }

    .card-qa-detail-img img {
        width: 100%;
    }
}

.image-double img {
    height: auto;
}

@media print,
screen and (min-width: 769px) {
    .image-double {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .image-double figure {
        width: 48%;
        margin: 20px 0;
    }

    .image-double img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .image-double figcaption {
        margin-top: 10px;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .image-double figure {
        width: 100%;
        margin: 20px 0;
    }

    .image-double img {
        width: 100%;
        display: block;
    }

    .image-double figcaption {
        margin-top: 10px;
        font-size: 14px;
    }
}

@media print,
screen and (min-width: 769px) {
    .prs__body h6 {
        line-height: 1.2;
        font-weight: normal;
        font-size: 10px;
        margin: 10px 0;
    }
}

@media screen and (max-width: 768px) {
    .prs__body h6 {
        line-height: 1.2;
        font-weight: normal;
        font-size: 10px;
        margin: 10px 0;
    }
}

/*20190729sns*/
@media print,
screen and (min-width: 769px) {
    .sns-lead-area {
        background: #f7f6f2;
        padding: 50px 0 60px;
    }

    .sns-lead-icon {
        width: 44px;
        margin: 0 auto;
    }

    .sns-lead-icon img {
        width: 100%;
    }

    .sns-lead-text {
        text-align: center;
        line-height: 1.8;
        margin-top: 28px;
    }

    .sns-tw-title {
        width: 100%;
        margin: 0;
        height: 250px;
        background: url(/fyt/images/sns/tw_mv_pc.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sns-tw-title img {
        width: 100%;
    }

    .pcOnly {
        display: block;
    }

    .spOnly {
        display: none;
    }

    .sns-tw-box {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 800px;
        margin: 0 auto;
    }

    .sns-tw-box-left {
        width: 440px;
    }

    .sns-tw-lead {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 50px;
    }

    .sns-tw-icon {
        width: 70px;
    }

    .sns-tw-icon img {
        width: 100%;
    }

    .sns-tw-name-area {
        width: 350px;
    }

    .sns-tw-name {
        font-weight: bold;
        font-size: 18px;
    }

    .sns-tw-link {
        display: block;
        color: #2497dd;
    }

    .sns-tw-follow {
        width: 350px;
        margin-left: auto;
        margin-top: 10px;
    }

    .sns-tw-follow-btn {
        background: #301D0F;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        width: 100%;
        display: block;
        padding: 12px 0;
    }

    .sns-tw-follow-btn:hover {
        text-decoration: none;
    }

    .sns-tw-qr-box {
        background: #f7f6f2;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 20px 20px 20px 35px;
        margin-top: 40px;
        position: relative;
    }

    .sns-tw-qr-icon {
        position: absolute;
        top: -8px;
        left: -28px;
    }

    .sns-tw-qr-text {
        font-size: 16px;
        width: 190px;
    }

    .sns-tw-qr {
        width: 104px;
    }

    .sns-tw-box-right {
        width: 330px;
        margin-top: -232px;
    }

    .sns-tw-title-pc {
        width: 141px;
        margin: 0 auto;
    }

    .sns-tw-timeline {
        margin-top: 18px;
        height: 523px;
        overflow-y: scroll;
    }

    .sns-inst-area {
        margin-top: 100px;
    }

    .sns-inst-timeline {
        margin-top: 18px;
    }

    .sns-fb-timeline {
        margin-top: 18px;
        height: 534px;
    }

    .sns-inst-name::after {
        content: "";
        display: inline-block;
        background: url("/fyt/images/sns/icon_emoji.png") no-repeat top left;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        width: 22px;
        height: 18px;
        vertical-align: middle;
        margin-left: 4px;
    }

    .sns-inst-title {
        width: 100%;
        margin: 0;
        height: 250px;
        background: url(/fyt/images/sns/inst_mv_pc.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sns-fb-title {
        width: 100%;
        margin: 0;
        height: 250px;
        background: url(/fyt/images/sns/fb_mv_pc.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media screen and (max-width: 768px) {
    .sns-lead-area {
        background: #f7f6f2;
        padding: 25px 0 36px;
    }

    .sns-lead-icon {
        width: 11.7vw;
        margin: 0 auto;
    }

    .sns-lead-icon img {
        width: 100%;
    }

    .sns-lead-text {
        text-align: center;
        margin-top: 20px;
        font-size: 12px;
    }

    .sns-tw-title,
    .sns-inst-title,
    .sns-fb-title {
        margin: 0;
    }

    .sns-tw-title img,
    .sns-inst-title img,
    .sns-fb-title img {
        width: 100%;
    }

    .pcOnly {
        display: none;
    }

    .spOnly {
        display: block;
    }

    .sns-tw-box {
        width: 89.3vw;
        margin: 20px auto 0;
    }

    .sns-tw-lead {
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .sns-tw-icon {
        width: 12vw;
    }

    .sns-tw-icon img {
        width: 100%;
    }

    .sns-tw-name-area {
        width: 73vw;
    }

    .sns-tw-name {
        font-weight: bold;
        position: relative;
    }

    .sns-tw-link {
        display: block;
        color: #2497dd;
    }

    .sns-tw-follow {
        width: 100%;
        margin-left: auto;
        margin-top: 20px;
    }

    .sns-tw-follow-btn {
        background: #301D0F;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        width: 100%;
        display: block;
        padding: 12px 0;
    }

    .sns-tw-follow-btn:hover {
        text-decoration: none;
    }

    .sns-tw-qr-box {
        display: none;
    }

    .sns-tw-box-right {
        margin-top: 20px;
    }

    .sns-tw-title-pc {
        display: none;
    }

    .sns-tw-timeline {
        height: 350px;
        overflow: scroll;
    }

    .sns-tw-timeline img {
        width: 100%;
    }

    .sns-inst-area {
        margin-top: 50px;
    }

    .sns-inst-name::after {
        content: "";
        display: inline-block;
        background: url("/fyt/images/sns/icon_emoji.png") no-repeat top left;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        width: 14px;
        height: 11px;
        vertical-align: middle;
        margin-left: 4px;
    }

    .sns-inst-timeline {
        margin-top: 50px;
    }

    .sns-inst-timeline img {
        width: 100%;
    }

    .sns-fb-timeline {
        margin-top: 50px;
        height: 350px;
    }
}

/* 20190930 */
#item__detail .tax_text {
    display: inline-block;
    margin-left: 6px;
    float: none;
    width: auto;
}

@media print,
screen and (min-width: 769px) {
    #item__detail .tax_text {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    #item__detail .tax_text {
        font-size: 11px;
    }
}

.tax_text {
    display: inline-block;
    margin-left: 6px;
    float: none;
    width: auto;
}

@media print,
screen and (min-width: 769px) {
    .tax_text {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .tax_text {
        font-size: 11px;
    }
}

/* 20191003 */
@media print,
screen and (min-width: 769px) {
    .tasting-title-sub {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
}

@media screen and (max-width: 768px) {
    .tasting-title-sub {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }

    .tasting-area .mtsp20 {
        margin-top: 20px;
    }
}

@media print,
screen and (min-width: 769px) {
    .mynav-bnr2021 {
        width: 195px;
        display: flex;
        justify-content: space-between;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .mynav-bnr2021 {
        width: 200px;
        margin: auto;
    }

    .mtsp20 {
        margin-top: 40px;
    }
}

/* 20191031 */
.ebis_bnr {
    text-align: center;
}

.ebis_bnr a {
    display: block;
}

.ebis_bnr img {
    width: 100%;
}

@media print,
screen and (min-width: 769px) {
    .ebis_bnr {
        width: 250px;
        margin: 0 0 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .ebis_bnr {
        width: 40%;
        margin: 0 0 0 auto;
    }
}

#editor-input-content {
    padding-top: 20px;
}

/* 191224 */
@media print,
screen and (min-width: 769px) {
    .school-top-youtube-lead {
        text-align: center;
        margin-top: 50px;
        font-size: 18px;
    }

    .school-top-youtube-lead br {
        display: none;
    }

    .school-top-youtube {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .school-top-youtube-el-wrap {
        width: 46%;
    }

    .school-top-youtube-el {
        position: relative;
        border: none;
        padding-top: 56.25%;
        width: 100%;
    }

    .school-top-youtube-child {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .school_outline .school-detail-youtube {
        /* display: flex; */
        /* justify-content: space-between; */
        /* margin-top: 50px; */
        /* margin-bottom: 30px; */
        display: block;
        margin-top: 30px;
    }

    .school_outline .school-detail-youtube-el {
        position: relative;
        border: none;
        padding-top: 50.25%;
        width: 100%;
        margin: 0 auto;
    }

    .school_outline .school-detail-youtube-child {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .school-detail-youtube.spOnly {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .school-top-youtube-lead {
        text-align: center;
        margin-top: 30px;
        font-size: 16px;
    }

    .school-top-youtube-el-wrap {
        margin-top: 30px;
    }

    .school-top-youtube-el {
        position: relative;
        border: none;
        padding-top: 56.25%;
        width: 100%;
    }

    .school-top-youtube-child {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .school-detail-youtube {
        display: block;
        padding: 0;
    }

    .school_outline .school-detail-youtube.pcOnly {
        display: none;
    }

    .school-detail-youtube-el {
        position: relative;
        border: none;
        padding: 56.25% 0 0 0;
        width: 100%;
        /* margin-top: 30px; */
        margin-bottom: 30px;
        display: block;
    }

    .school-detail-youtube-child {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
}

@media print,
screen and (min-width: 769px) {
    #pickups {
        margin-top: -50px;
    }

    .corona_info {
        position: relative;
        z-index: 2;
        /* border-bottom: 2px solid #301d0f; */
        /* margin-bottom: 40px; */
        width: 510px;
        /* padding: 10px 0 10px;  */
        margin: 50px auto 0;
        /* border-top: 2px solid #301d0f; */
        /* display: flex;
    justify-content: flex-start;
    align-items: center; */
    }

    .corona_info.spOnly {
        display: none;
    }

    .corona_infoinner {
        width: 600px;
        margin: 0 auto;
    }

    .corona_info h2 {
        /* color: #fff; */
        font-weight: bold;
        /* text-align: center; */
        margin: 0 auto;
        /* background: #301d0f; */
        width: 200px;
        /* border-bottom: 2px solid #301d0f; */
        padding: 10px 0;
        /* margin-bottom: 10px; */
    }

    .corona_infoinner a {
        display: inline-block;
        /* margin-bottom: 10px; */
    }

    .corona_info a:hover {
        opacity: 0.8;
    }

    .top-bnr_box {
        padding-top: 40px;
    }

    #pickups .thumbnail_updown__multicolumn {
        padding-top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .corona_info {
        /* border: 2px solid #301d0f; */
        /* margin-bottom: 40px; */
        padding: 20px 0 40px;
    }

    .corona_info {
        /* width: 500px; */
        width: 90%;
        margin: 0 auto;
    }

    .corona_info img {
        width: 100%;
    }

    .corona_infoinner a {
        display: inline-block;
        margin-bottom: 10px;
    }

    .corona_infoinner a:hover {
        text-decoration: underline;
    }

    .top-bnr_box {
        padding-top: 40px;
    }
}

.appealLink img {
    width: 100%;
}

.appeal {
    display: none;
}

#appeal {
    display: none;
}

.modaal-wrapper {
    z-index: 10001 !important;
}

.modaal-overlay {
    z-index: 10000 !important;
}

.modaal-container {
    background: none !important;
}

.modaal-close {
    position: absolute !important;
}

.modaal-content-container {
    padding: 0 !important;
}

@media print,
screen and (min-width: 769px) {
    article.seasonal .page_title {
        margin-bottom: 0;
    }

    article.seasonal .image_title {
        margin-bottom: 60px;
    }

    .appealLink {
        display: block;
        margin: 0 auto;
        width: 800px;
    }

    .modaal-container {
        width: 800px !important;
    }

    .modaal-close {
        right: 0 !important;
        top: -50px !important;
    }
}

@media screen and (max-width: 768px) {
    article.seasonal .page_title {
        margin-bottom: 0;
    }

    article.seasonal .image_title {
        margin-bottom: 20px;
    }

    .appealLink {
        display: block;
        margin: 0 auto;
        width: 98%;
    }

    .modaal-content-container {
        padding: 0 !important;
    }

    .modaal-close {
        right: 0 !important;
        top: -50px !important;
    }

    .modaal-inner-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* 20200613 */
.measures-mv-img img {
    width: 100%;
}

.measures-mv {
    position: relative;
}

.measures-page {
    margin: 0 auto;
    clear: none;
}

.measures-mv-title {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.measures-mv-img {
    margin: 0;
}

.measures-lead {
    background: #f7f6f2;
}

.measures-lead-text {
    color: #113c3d;
    font-weight: bold;
}

.measures-list-wrap {
    background: url(/measures/images/bg.png) repeat left top;
}

.measures-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.measures-list-img {
    margin: 0;
}

.measures-list-text {
    color: #fff;
}

.measures-detail {
    background: #f7f6f2;
    width: 100%;
}

.measures-detail-box {
    background: #fff;
    border-radius: 10px;
}

.measures-detail-title {
    font-weight: bold;
}

@media print,
screen and (min-width: 769px) {
    .measures-mv-title {
        font-size: 40px;
        line-height: 1.5;
    }

    .measures-lead {
        padding: 50px 0;
    }

    .measures-lead-text {
        margin-top: 0;
        font-size: 18px;
        line-height: 2;
        text-align: center;
    }

    .measures-list {
        width: 800px;
        margin: 0 auto;
        padding: 80px 0;
    }

    .measures-list-el {
        width: 226px;
    }

    .measures-list-text {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 16px;
        text-align: center;
    }

    .measures-list-el:nth-child(4) {
        margin-top: 70px;
    }

    .measures-list-el:nth-child(5) {
        margin-top: 70px;
    }

    .measures-list-el:nth-child(6) {
        margin-top: 70px;
    }

    .measures-detail {
        padding: 60px 0;
    }

    .measures-detail-box {
        width: 800px;
        margin: 0 auto;
        padding: 60px 0 50px;
    }

    .measures-detail-inner {
        width: 530px;
        margin: 0 auto;
    }

    .measures-detail-title {
        text-align: center;
        font-size: 20px;
        line-height: 1.4;
    }

    .measures-detail-list {
        border-top: 2px solid #607877;
        border-bottom: 2px solid #607877;
        padding: 30px 0;
    }

    .measures-detail-list-el {
        font-size: 13px;
        line-height: 1.6;
        margin-top: 24px;
        position: relative;
        padding-left: 30px;
    }

    .measures-detail-list-el:nth-child(1) {
        margin-top: 0;
    }

    .measures-detail-list-el::before {
        content: "";
        display: block;
        background: url(/measures/images/icon_check.png) no-repeat left top;
        background-size: contain;
        width: 14px;
        height: 12px;
        position: absolute;
        left: 0;
        top: 4px;
    }

    .measures-detail-text {
        font-size: 13px;
        line-height: 1.6;
        margin-top: 24px;
    }

    .measures-detail-btn {
        display: block;
        text-align: center;
        background: #113c3d;
        width: 400px;
        margin: 36px auto 0;
        color: #fff;
        padding: 16px 0;
        font-weight: bold;
        font-size: 13px;
    }

    .measures-detail-btn:hover {
        text-decoration: none;
        opacity: 0.8;
    }
}

@media screen and (max-width: 768px) {
    .measures-mv-title {
        font-size: 5.3vw;
        line-height: 1.5;
    }

    .measures-lead-text {
        font-size: 3.7vw;
        line-height: 2;
        width: 89.33vw;
        margin: 0 auto;
        padding: 8.8vw 0;
    }

    .measures-list {
        margin: 0 auto;
        width: 89.33vw;
        padding: 10.66vw 0;
    }

    .measures-list-el {
        width: 40.66vw;
        margin-top: 11.73vw;
    }

    .measures-list-el:nth-child(1) {
        margin-top: 0;
    }

    .measures-list-el:nth-child(2) {
        margin-top: 0;
    }

    .measures-list-img img {
        width: 100%;
    }

    .measures-list-text {
        font-size: 2.66vw;
        margin-top: 3.6vw;
        line-height: 1.5;
    }

    .measures-detail {
        padding: 10.66vw 0;
    }

    .measures-detail-box {
        width: 89.33vw;
        margin: 0 auto;
        padding: 10.66vw 0;
    }

    .measures-detail-inner {
        width: 81.33vw;
        margin: 0 auto;
    }

    .measures-detail-title {
        text-align: center;
        font-size: 5.6vw;
        line-height: 1.5;
    }

    .measures-detail-list {
        border-top: 2px solid #607877;
        border-bottom: 2px solid #607877;
        padding: 5.33vw 0;
    }

    .measures-detail-list-el {
        font-size: 3.2vw;
        line-height: 2;
        margin-top: 5.33vw;
        position: relative;
        padding-left: 6.66vw;
    }

    .measures-detail-list-el:nth-child(1) {
        margin-top: 0;
    }

    .measures-detail-list-el::before {
        content: "";
        display: block;
        background: url(/measures/images/icon_check.png) no-repeat left top;
        background-size: contain;
        width: 4vw;
        height: 3.2vw;
        position: absolute;
        left: 0;
        top: 1vw;
    }

    .measures-detail-text {
        font-size: 3.2vw;
        line-height: 2;
        margin-top: 5.33vw;
    }

    .measures-detail-btn {
        display: block;
        text-align: center;
        background: #113c3d;
        width: 100%;
        margin: 5.33vw auto 0;
        color: #fff;
        padding: 4.53vw 0;
        font-weight: bold;
        font-size: 2.93vw;
    }

    .measures-detail-btn:hover {
        text-decoration: none;
    }
}

/* 20/7/10 */
.js-schooltext {
    display: block;
    background: #301d0f;
    color: #fff;
    /* border: 1px solid #333333; */
    padding: 12px 20px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    /* width: 80%; */
    border-radius: 5px;
    text-align: center;
}

.js-schooltext:hover {
    opacity: 0.6;
    text-decoration: none;
    color: #fff;
}

#js-schooltext {
    display: none;
}

.js-schooltextbox {
    background: #fff;
}

.js-schooltextbox h2 {
    text-align: center;
    font-weight: bold;
}

.js-schooltextbox .js-schooltexthead {
    display: flex;
    justify-content: space-between;
}

.js-schooltex_note {
    font-weight: bold;
    text-align: center;
}

@media print,
screen and (min-width: 769px) {
    .js-schooltextbox {
        padding: 30px 0;
    }

    .js-schooltextbox h2 {
        font-size: 20px;
    }

    .js-schooltextbox p {
        width: 700px;
        margin: 30px auto;
        font-size: 16px;
    }

    .js-schooltextbox p span {
        display: block;
        margin-left: 20px;
        text-indent: -20px;
    }

    .js-schooltext {
        width: 300px;
        margin: 0 auto 20px;
    }

    .js-schooltextbox a {
        width: 510px;
        margin: 0 auto;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .js-schooltextbox {
        padding: 30px 0;
    }

    .js-schooltextbox h2 {
        font-size: 16px;
    }

    .js-schooltextbox p {
        width: 80%;
        margin: 30px auto;
        font-size: 12px;
    }

    .js-schooltextbox p span {
        display: block;
        margin-left: 16px;
        text-indent: -16px;
    }

    .js-schooltext {
        margin-bottom: 20px;
    }

    .js-schooltextbox a {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .js-schooltextbox a img {
        width: 100%;
    }
}

@media print,
screen and (min-width: 769px) {
    .restriction-note2-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .restriction-note2-title {
        font-size: 16px;
    }
}

.restriction-note2-title {
    font-weight: bold;
    text-align: center;
    display: block;
}

.restriction-note2 {
    margin: 30px auto 30px;
    border: 2px solid #000;
}

.restriction-note2 {
    color: #000;
    padding: 20px;
}

.school-anchor-btn {
    position: relative;
}

.school-anchor-btn.new::before {
    content: "";
    position: absolute;
    background: url(/school/images/icon_new.png) no-repeat left top;
    background-size: contain;
}

.school-seasonal-img {
    margin: 0;
}

.school-seasonal-img img {
    width: 100%;
}

@media print,
screen and (min-width: 769px) {
    .school-anchor-btn.new::before {
        width: 40px;
        height: 40px;
        left: -20px;
        top: -20px;
    }

    .school-seasonal {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 124px;
    }

    .school-seasonal-img {
        max-width: 524px;
    }

    .school-seasonal-detail {
        max-width: 506px;
        margin-left: 40px;
    }

    .school-seasonal-lead {
        font-size: 12px;
        margin-bottom: 40px;
    }

    .school-seasonal-btn {
        width: 300px;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .school-anchor-btn.new::before {
        width: 35px;
        height: 35px;
        left: -20px;
        top: -20px;
    }

    .school-seasonal {
        background: #fff;
        padding-bottom: 30px;
        margin-bottom: 70px;
    }

    .school-seasonal-detail {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .school-seasonal-lead {
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 45px;
    }
}

/* 20220711 */
.customize_area {
    margin: 60px auto;
}

.customize_area_title {
    font-weight: normal;
    font-size: 14px;
    /* width: 230px; */
    display: flex;
    /* margin: 0 auto 20px; */
    /* align-items: center; */
}

.customize_area_title img {
    width: 230px;
    /* display: inline; */
}

.customize_area_title span {
    font-weight: bold;
    padding-left: 20px;
    font-size: 16px;
    padding-top: 13px;
    /* display: inline; */
}

.customize_area_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
}

.customize_area_list_el {
    width: 72px;
    margin-right: 20px;
    text-align: center;
    margin-top: 10px;
}

.customize_area_list_el figure {
    margin: 0;
}

.customize_area_list_el figcaption {
    font-size: 10px;
}

.customize_area_list_el img {
    display: block;
    width: 100%;
}

.customize_area_bnr {
    background: #eee;
    margin-top: 20px;
    padding: 20px 0;
    border-radius: 6px;
}

.customize_area_bnr_inner {
    margin: 0 auto;
    width: 90%;
}

.customize_area_bnr_text {
    font-size: 12px;
}

.customize_area_bnr_btn {
    display: block;
    width: 100%;
    background: #301d0f;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 12px;
}

.customize_area_bnr_btn:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media print,
screen and (min-width: 769px) {
    .customize_area_list {
        width: 48.5%;
    }

    .customize_area_bnr {
        width: 48.5%;
    }

    .customize_area_inner {
        display: flex;
        align-items: start;
    }

    .customize_area_bnr_inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .customize_area_bnr_text {
        width: 48.5%;
    }

    .customize_area_bnr_btn {
        width: 48.5%;
    }
}

@media screen and (max-width: 768px) {
    .customize_area_title {
        /* width: 50vw; */
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .customize_area_title img {
        width: 50vw;
        margin: 0 auto;
    }

    .customize_area_title span {
        display: block;
        padding-left: 0;
    }

    .customize_area {
        padding: 20px;
    }

    .customize_area_list_el {
        width: 19.3vw;
        margin-right: 4vw;
    }

    .customize_area_list_el:nth-child(4n+4) {
        margin-right: 0;
    }
}

#franchise_form .hissu,
#email_input .hissu,
#noreply_input .hissu,
#tel_input .hissu,
#franchise_input {
    color: #ff0000;
}

@media screen and (max-width: 768px) {
    .formTdA2.form_tel input[type=text] {
        width: 30%;
    }
}

@media print,
screen and (min-width: 769px) {
    #franchise_form #inquiries_form_tel input[type=text] {
        width: 16%;
    }

    #franchise_form #inquiries_form_zipcode1,
    #franchise_form #inquiries_form_zipcode2 {
        width: 100px;
    }
}

.customize_area_bnr_school img {
    width: 100%;
    border-radius: 10px;
}

.customize_area_left .customize_area_title span {
    color: #403c3b;
    font-weight: normal;
}

@media screen and (max-width: 768px) {
    .customize_area_bnr_school {
        /* width: 48.5%; */
        margin-top: 70px;
    }

    .customize_area_left .customize_area_title span {
        font-size: 14px;
    }
}

@media print,
screen and (min-width: 769px) {
    .customize_area_bnr_school {
        width: 48.5%;
    }

    .customize_area_left {
        width: 48.5%;
    }

    .customize_area_left .customize_area_list {
        width: 100%;
    }

    .customize_area_left .customize_area_title span {
        font-size: 16px;
        padding-top: 0;
        line-height: 1.2;
        color: #403c3b;
        font-weight: normal;
    }
}

@media print,
screen and (min-width: 769px) {
    .contact_url_tab {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        width: 92%;
        margin: 0 auto;
    }

    .contact_url_tab_item {
        width: 50%;
        text-align: center;
        opacity: 0.6;
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
        cursor: pointer;
        position: relative;
    }

    .contact_url_tab_item::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 15px;
        border-color: transparent transparent transparent #000;
        position: relative;
        top: 2px;
        margin-right: 10px;
    }

    .contact_url_tab_item:hover {
        opacity: 1;
    }

    .contact_url_tab_item.active {
        opacity: 1;
        border-bottom: 4px solid #000;
    }
}

.formComent_normal {
    display: none;
}

.formComent_app {
    display: none;
}

.formComent_normal.active {
    display: block;
}

.formComent_app.active {
    display: block;
}

@media screen and (max-width: 768px) {
    .contact_url_tab_item {
        /* width: 50%; */
        /* text-align: center; */
        opacity: 0.6;
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
        /* cursor: pointer; */
        position: relative;
        margin-bottom: 30px;
        text-indent: -16px;
        padding-left: 16px;
    }

    .contact_url_tab_item::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 10px;
        border-color: transparent transparent transparent #000;
        position: relative;
        /* top: 2px; */
        margin-right: 4px;
    }

    .contact_url_tab_item.active {
        opacity: 1;
        border-bottom: 4px solid #000;
    }
}

.school-fellow {
    position: relative;
    background: #F4EAE1;
    width: 100%;
    box-sizing: border-box;
}

.school-fellow-title {
    font-weight: bold;
    border-bottom: 1px solid #805122;
    display: inline-block;
}

.school-fellow-img {
    position: absolute;
}

.school-fellow-img img {
    width: 100%;
}

.indent-coffee-school {
    text-indent: -1em;
    padding-left: 1em;
}

@media print,
screen and (min-width: 769px) {
    .school-fellow {
        padding: 30px 160px 30px 30px;
        margin-top: 30px;
    }

    .school-fellow-title {
        font-size: 14px;
    }

    .school-fellow-text {
        font-size: 14px;
    }

    .school-fellow-img {
        width: 95px;
        bottom: 7px;
        right: 25px;
    }
}

@media screen and (max-width: 768px) {
    .school-fellow {
        padding: 10px 12px 45px;
        margin-top: 30px;
    }

    .school-fellow-title {
        font-size: 13px;
    }

    .school-fellow-text {
        font-size: 13px;
    }

    .school-fellow-img {
        width: 13.4328358209%;
        bottom: 3px;
        right: 12px;
    }
}

@media print,
screen and (min-width: 769px) {
    .mynav-bnr2024 {
        width: 500px;
        display: flex;
        justify-content: space-between;
        margin: auto;
    }

    .mynav-btn {
        width: 320px;
        margin: auto;
        display: block;
    }

    .mynav-btn-wrap {
        display: flex;
        width: 700px;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .mynav-bnr2024 {
        width: 250px;
        margin: auto;
    }

    .mynav-btn {
        width: 250px;
        margin: auto;
        display: block;
        margin-top: 20px;
    }
}

.fyt_top_links#links .thumbnail_updown__multicolumn__item a {
    text-decoration: none;
    border: none;
}

@media print,
screen and (min-width: 769px) {
    .fyt_top_links#links .thumbnail_updown__multicolumn__item {
        width: 440px;
    }
}

@media screen and (max-width: 768px) {
    .fyt_top_links#links .thumbnail_updown__multicolumn__item {
        width: 100%;
    }
}

/* 1040px以下  */
@media screen and (max-width: 1040px) {
    .l_wrap {
        width: 100%;
        padding: 0 32px;
    }

    .l_common {
        background-color: #f7f6f2;
        padding-top: 2.14vw;
        padding-bottom: 2.14vw;
        padding-left: 1.43vw;
    }

    .l_page {
        padding-top: 3.57vw;
    }

    .b_common_ttl {
        font-size: 100%;
    }
}

/* 768px以下  */
@media screen and (max-width: 767.98px) {
    .l_wrap {
        width: 100%;
        padding: 0 5.33vw;
    }

    .l_common {
        padding-top: 5.33vw;
        padding-bottom: 5.33vw;
        padding-left: 0;
        text-align: center;
    }

    .l_page {
        padding-top: 13.33vw;
    }

    .b_common_ttl {
        font-size: large;
    }
}
main{
    margin: 0 0 113px;
}