@charset "UTF-8";
/*********************************************/
/*********************************************/
.w_10 { width: 10%  !important; }

.w_20 { width: 20%  !important; }

.w_30 { width: 30%  !important; }

.w_40 { width: 40%  !important; }

.w_50 { width: 50%  !important; }

.w_60 { width: 60%  !important; }

.w_70 { width: 70%  !important; }

.w_80 { width: 80%  !important; }

.w_90 { width: 90%  !important; }

.w_100 { width: 100% !important; }

/*********************************************/
/*********************************************/
.font_xs { font-size: 0.7rem !important; }

.font_06 { font-size: 0.6rem !important; }

.font_07 { font-size: 0.7rem !important; }

.font_08 { font-size: 0.8rem !important; }

.font_09 { font-size: 0.9rem !important; }

.font_10 { font-size: 1rem   !important; }

.font_11 { font-size: 1.1rem !important; }

.font_12 { font-size: 1.2rem !important; }

.font_14 { font-size: 1.4rem !important; }

.font_16 { font-size: 1.6rem !important; }

.font_18 { font-size: 1.8rem !important; }

.font_20 { font-size: 2rem   !important; }

.font_22 { font-size: 2.2rem !important; }

.font_25 { font-size: 2.5rem !important; }

.font_30 { font-size: 3rem   !important; }

.font_35 { font-size: 3.5rem !important; }

.font_40 { font-size: 4rem   !important; }

/*********************************************/
/*********************************************/
.bg_main { background-color: #ea5417 !important; }

.bg_sub { background-color: #FEF6E8 !important; }

.bg_white { background-color: #ffffff  !important; }

.bg_gray { background-color: #F0F0F0  !important; }

.bg_black { background-color: #000000  !important; }

.bg_blue { background-color: #F0F9FE  !important; }

.bg_main_transparent { background-color: rgba(15, 18, 84, 0.7) !important; }

.bg_beige { background: #FCE4C0 !important; }

.bg_brown { background: #f5f1e6 !important; }

.tbl-green { background: #a9c392; }

.tbl-green-2 { background: #f1f5ed; }

.tbl-gray { background: #f9f9f9; }

/*********************************************/
/*********************************************/
.t_main { color: #ea5417 !important; }

.t_sub { color: #FEF6E8 !important; }

.t_white { color: #ffffff !important; }

.t_black { color: #000000 !important; }

.t_gray { color: #D6D1C3 !important; }

.t_red { color: #f00     !important; }

.t_yellow { color: #AC883F !important; }

.t_beige { color: #FCE4C0     !important; }

/*********************************************/
/*********************************************/
.lh_10 { line-height: 1   !important; }

.lh_12 { line-height: 1.2 !important; }

.lh_14 { line-height: 1.4 !important; }

.lh_16 { line-height: 1.6 !important; }

.lh_18 { line-height: 1.8 !important; }

.lh_20 { line-height: 2   !important; }

.lh_25 { line-height: 2.5   !important; }

.lh_30 { line-height: 3   !important; }

/*********************************************/
/*********************************************/
.ls_01 { letter-spacing: 0.1rem !important; }

.ls_02 { letter-spacing: 0.2rem !important; }

.ls_03 { letter-spacing: 0.3rem !important; }

.ls_04 { letter-spacing: 0.4rem !important; }

.ls_05 { letter-spacing: 0.5rem !important; }

.ls_06 { letter-spacing: 0.6rem !important; }

.ls_07 { letter-spacing: 0.7rem !important; }

.ls_08 { letter-spacing: 0.8rem !important; }

.ls_09 { letter-spacing: 0.9rem !important; }

.ls_10 { letter-spacing: 1rem   !important; }

/*********************************************/
/*********************************************/
.zi_d1 { z-index: -1  !important; }

.zi_0 { z-index: 0   !important; }

.zi_u1 { z-index: 1   !important; }

.zi_u2 { z-index: 2   !important; }

.zi_u5 { z-index: 5   !important; }

.zi_u10 { z-index: 10  !important; }

.zi_u50 { z-index: 50  !important; }

.zi_u100 { z-index: 100 !important; }

.zi_u500 { z-index: 500 !important; }

.zi_u999 { z-index: 999 !important; }

.pc { display: block !important; }

.sp { display: none !important; }

.pc-inline { display: inline !important; }

.sp-inline { display: none !important; }

html, body { font-size: 18px; }

@media (max-width: 940px) { html, body { font-size: 1.8vw; } }

body { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif; line-height: 1.8; }

body .ming { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif; }

body .gothic { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; }

body .noto { font-family: 'Noto Sans JP', sans-serif; }

body .hannari { font-family: "Hannari" ,serif; }

body .lato { font-family: 'Lato', sans-serif; }

body .mont { font-family: 'Montserrat', sans-serif; }

body .mv { overflow: hidden; position: relative; }

body .mv h1 { display: none; position: absolute; top: 7%; left: 16%; font-size: 6.2vw; line-height: 1.8; letter-spacing: -.1rem; font-weight: normal !important; animation: slide-right 1s ease-out 0.01s forwards; color: #ea5417; opacity: .9; }

body .mv h2 { display: none; position: absolute; top: 24%; left: 32%; font-size: 6.2vw; font-weight: lighter !important; animation: slide-right 1s ease-out 0.01s forwards; color: #ea5417; opacity: .9; letter-spacing: .5rem; }

body .mv h2 span { font-weight: 500; font-size: 8vw; }

body .mv .anime { display: none; position: absolute; }

body .mv .anime img { width: 100%; }

body .mv .anime.anime01 { width: 23%; top: -15%; left: -6%; animation: rotate_right 45s linear infinite; }

body .mv .anime.anime02 { width: 20%; top: -14%; left: 15%; animation: rotate_left 50s linear infinite; }

body .mv .anime.anime03 { width: 15%; top: -7%; left: 38%; animation: rotate_right 30s linear infinite; }

body .mv .anime.anime04 { width: 11%; top: -4%; left: 30%; animation: rotate_left 10s linear infinite; }

body .mv .anime.anime05 { width: 19%; top: -3%; left: 50%; animation: rotate_left 30s linear infinite; }

body .mv .anime.anime06 { width: 10%; top: -5%; left: 51%; animation: rotate_right 10s linear infinite; }

body .mv .anime.anime07 { width: 36%; top: -22%; left: 64%; animation: rotate_left 60s linear infinite; }

body .mv .anime.anime08 { width: 20%; top: 35%; left: -5%; animation: rotate_left 60s linear infinite; }

body .mv .anime.anime09 { width: 11%; top: 11%; left: -1%; animation: rotate_left 20s linear infinite; }

body .mv .anime.anime10 { width: 9%; top: 26%; left: -2%; animation: rotate_right 8s linear infinite; }

body .mv .anime.anime11 { width: 7%; top: 3%; left: 12%; animation: rotate_right 8s linear infinite; }

body .mv .anime.anime12 { width: 11%; top: 35%; left: 84%; animation: rotate_left 10s linear infinite; }

body .mv .anime.anime13 { width: 22%; top: 12%; left: 85%; animation: rotate_right 60s linear infinite; }

body .mv .anime.anime14 { width: 19%; top: 57%; left: 88%; animation: rotate_left 60s linear infinite; }

body .mv .anime.anime15 { width: 11%; top: 47%; left: 81%; animation: rotate_right 40s linear infinite; }

body .mv .anime.anime16 { width: 11%; top: 40%; left: 92%; animation: rotate_right 30s linear infinite; }

body .content_wrap .sention_item { padding: 4rem 0; }

body .content_wrap .sention_item .inner { max-width: 1040px; margin: 0 auto; }

body .content_wrap .sention_item .inner .contents_wide { max-width: 660px; margin: 0 auto; }

body .content_wrap .sention_item .inner .contents_wide_l { max-width: 940px; margin: 0 auto; }

body .content_wrap .sention_item .inner h1.block_title.block_title_01, body .content_wrap .sention_item .inner h2.block_title.block_title_01, body .content_wrap .sention_item .inner h3.block_title.block_title_01, body .content_wrap .sention_item .inner h4.block_title.block_title_01, body .content_wrap .sention_item .inner h5.block_title.block_title_01, body .content_wrap .sention_item .inner h6.block_title.block_title_01 { font-family: adobe-garamond-pro, serif; font-style: normal; font-size: 4em; margin-bottom: 1rem; }

body .content_wrap .sention_item .inner h1.block_title.block_title_02, body .content_wrap .sention_item .inner h2.block_title.block_title_02, body .content_wrap .sention_item .inner h3.block_title.block_title_02, body .content_wrap .sention_item .inner h4.block_title.block_title_02, body .content_wrap .sention_item .inner h5.block_title.block_title_02, body .content_wrap .sention_item .inner h6.block_title.block_title_02 { font-size: 1.6em; line-height: 1.4; padding-bottom: 1.8rem; }

body .content_wrap .sention_item .inner h1.block_title.block_title_03, body .content_wrap .sention_item .inner h2.block_title.block_title_03, body .content_wrap .sention_item .inner h3.block_title.block_title_03, body .content_wrap .sention_item .inner h4.block_title.block_title_03, body .content_wrap .sention_item .inner h5.block_title.block_title_03, body .content_wrap .sention_item .inner h6.block_title.block_title_03 { font-size: 1.4em; line-height: 1.4; }

body .content_wrap .sention_item .inner h1.modal-title, body .content_wrap .sention_item .inner h2.modal-title, body .content_wrap .sention_item .inner h3.modal-title, body .content_wrap .sention_item .inner h4.modal-title, body .content_wrap .sention_item .inner h5.modal-title, body .content_wrap .sention_item .inner h6.modal-title { font-size: 1.6em; line-height: 1.4; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif; }

body .content_wrap .sention_item .inner .border_box { border: solid 8px #FEF6E8; padding: 2rem; }

body .content_wrap .sention_item_movie { padding-top: 0; }

body .content_wrap .sention_item_movie .embed-responsive { width: 660px; margin: 0 auto; }

body .content_wrap .sention_item_discription { position: relative; padding-bottom: 240px; }

body .content_wrap .sention_item_discription .wrap { position: relative; }

body .content_wrap .sention_item_discription .wrap .ttl { opacity: .9; width: 66%; margin: 0 auto; font-size: 3.6rem; line-height: 1.5; padding: 0 3rem 3.5rem 3rem; }

body .content_wrap .sention_item_discription .wrap .ttl .block { display: block; }

body .content_wrap .sention_item_discription .wrap .ttl .block .scale { font-size: 2.2rem; }

body .content_wrap .sention_item_discription .wrap .image { margin-bottom: 4rem; }

body .content_wrap .sention_item_discription .wrap .flo { position: absolute; display: none; opacity: .6; }

body .content_wrap .sention_item_discription .wrap .flo img { width: 100%; }

body .content_wrap .sention_item_discription .wrap .flo.f_l_01 { width: 10%; top: -24%; left: 15%; animation: rotate_left 10s linear infinite; }

body .content_wrap .sention_item_discription .wrap .flo.f_l_02 { width: 12%; top: 52%; left: 0%; animation: rotate_left 15s linear infinite; }

body .content_wrap .sention_item_discription .wrap .flo.f_l_03 { width: 20%; top: -9%; left: 0%; animation: rotate_right 30s linear infinite; }

body .content_wrap .sention_item_discription .wrap .flo.f_l_04 { width: 16%; top: 82%; left: -4%; animation: clowd 3s ease-out infinite; }

body .content_wrap .sention_item_discription .wrap .flo.f_l_05 { width: 15%; top: 77%; right: -4%; animation: clowd 4s ease-out infinite; }

body .content_wrap .sention_item_discription .contents_wide_l h4 { font-size: 1.6rem; margin-bottom: 2rem; }

body .content_wrap .sention_item_discription .contents_wide_l .text { font-size: 1.1rem; line-height: 2.5; }

body .content_wrap .sention_item_discription .contents_wide_l .d-box { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: flex-start; border: solid 1px #818282; padding: 1.5rem; margin-top: 3rem; }

body .content_wrap .sention_item_discription .contents_wide_l .d-box .thm { width: 18%; }

body .content_wrap .sention_item_discription .contents_wide_l .d-box .content { width: 82%; padding-left: 2rem; }

body .content_wrap .sention_item_discription .contents_wide_l .d-box .content .company_name { margin-bottom: .5rem; }

body .content_wrap .sention_item_discription .contents_wide_l .d-box .content .text-uppercase { font-size: .8rem; }

body .content_wrap .sention_item_course .row { position: relative; margin-top: -210px; justify-content: center; }

body .content_wrap .sention_item_course .row .col { max-width: 470px; padding: 0; }

body .content_wrap .sention_item_course .row .flo { position: absolute; }

body .content_wrap .sention_item_course .row .flo.f_l_04 { width: 16%; top: 41%; left: -4%; animation: clowd 3s ease-out infinite; }

body .content_wrap .sention_item_course .row .flo.f_l_05 { width: 15%; top: 31%; right: -4%; animation: clowd 4s ease-out infinite; }

body .content_wrap .sention_item_course .course_info .ttl { font-size: 2.9rem; line-height: 1.2; margin-bottom: 2rem; }

body .content_wrap .sention_item_course .course_info .ttl span { font-size: 2.5rem; }

body .content_wrap .sention_item_feature { overflow: hidden; }

body .content_wrap .sention_item_feature .wrap { position: relative; }

body .content_wrap .sention_item_feature .wrap .ttl { opacity: 0.9; position: relative; padding-bottom: 2rem; text-align: center; }

body .content_wrap .sention_item_feature .wrap .ttl span { display: block; line-height: 1.6; }

body .content_wrap .sention_item_feature .wrap .ttl span.s01 { display: inline-block; margin-bottom: 1.5rem; padding-left: 0; }

body .content_wrap .sention_item_feature .wrap .ttl span.s02 { text-align: center; font-size: 1.5rem; }

body .content_wrap .sention_item_feature .wrap .ttl span.s03 { text-align: center; font-size: 4rem; }

body .content_wrap .sention_item_feature .wrap .flo { position: absolute; display: none; opacity: .8; }

body .content_wrap .sention_item_feature .wrap .flo img { width: 100%; }

body .content_wrap .sention_item_feature .wrap .flo.f_l_01 { width: 28%; top: -53%; left: -18%; animation: rotate_right 30s linear infinite; }

body .content_wrap .sention_item_feature .wrap .flo.f_l_02 { width: 30%; top: 6%; left: -15%; animation: rotate_left 50s linear infinite; }

body .content_wrap .sention_item_feature .wrap .flo.f_l_03 { width: 20%; top: -26%; left: 0%; animation: rotate_left 15s linear infinite; }

body .content_wrap .sention_item_feature .wrap .flo.f_r_01 { width: 14%; top: -23%; right: 19%; animation: rotate_right 30s linear infinite; }

body .content_wrap .sention_item_feature .wrap .flo.f_r_02 { width: 40%; top: -50%; right: -19%; animation: rotate_left 50s linear infinite; }

body .content_wrap .sention_item_feature .wrap .flo.f_r_03 { width: 20%; top: 31%; right: -7%; animation: rotate_right 30s linear infinite; }

body .content_wrap .sention_item_feature .article_list .article_item { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: flex-start; margin-bottom: 4rem; }

body .content_wrap .sention_item_feature .article_list .article_item .article_num { position: relative; font-size: 5rem; line-height: 1.4; opacity: 0.9; }

body .content_wrap .sention_item_feature .article_list .article_item .article_num::after { position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; content: ''; background: #ea5417; }

body .content_wrap .sention_item_feature .article_list .article_item .article_num span { position: relative; background: #fff; z-index: 100; }

body .content_wrap .sention_item_feature .article_list .article_item .thm { position: relative; height: auto; width: 52%; }

body .content_wrap .sention_item_feature .article_list .article_item .thm img { width: 100%; }

body .content_wrap .sention_item_feature .article_list .article_item .thm .slick-dots { position: absolute !important; top: 340px; }

body .content_wrap .sention_item_feature .article_list .article_item .article { width: 48%; padding: 0 2rem; }

body .content_wrap .sention_item_feature .article_list .article_item .article .ttl { font-size: 1.6em; line-height: 1.4; opacity: .9; }

body .content_wrap .sention_item_feature .article_list .article_item .article .text_wrap { background: #FEF6E8; padding: 1.2rem; }

body .content_wrap .sention_item_feature .article_list .article_item:nth-child(odd) .article_num { text-align: right; }

body .content_wrap .sention_item_feature .article_list .article_item:nth-child(odd) .article_num span { padding-left: .5rem; }

body .content_wrap .sention_item_feature .article_list .article_item:nth-child(even) { flex-direction: row-reverse; }

body .content_wrap .sention_item_feature .article_list .article_item:last-child { margin-bottom: 0 !important; }

body .content_wrap .sention_item_feature .article_list .article_item .article_flo { width: 28%; position: absolute; top: 61%; left: 26%; opacity: .8; animation: clowd2 3s ease-out infinite; }

body .content_wrap .sention_item_feature .article_list .article_item .article_flo img { width: 100%; }

body .content_wrap .sention_item_voice .border_box { padding: 0 !important; position: relative; overflow: hidden; }

body .content_wrap .sention_item_voice .border_box .happyvoice_wrap .flo_1 { position: absolute; width: 40%; top: 0; left: 0; opacity: .8; animation: clowd2 3s ease-out infinite; }

body .content_wrap .sention_item_voice .border_box .happyvoice_wrap .flo_2 { position: absolute; width: 36%; top: 11rem; right: 0; opacity: .8; animation: clowd2 4s ease-out infinite; }

body .content_wrap .sention_item_voice .border_box .happyvoice_wrap .happyvoice_title { position: absolute; display: inline-block; font-size: 3.6rem; top: 4rem; right: 3rem; line-height: 1.4; opacity: .9; }

body .content_wrap .sention_item_voice .border_box .happyvoice_wrap .happyvoice_title_image { position: absolute; width: 20%; top: 7rem; left: 5rem; }

body .content_wrap .sention_item_voice .border_box .happyvoice { padding-bottom: 4rem; }

body .content_wrap .sention_item_voice .border_box .happyvoice .article { border: solid 8px #FEF6E8; }

body .content_wrap .sention_item_voice .border_box .happyvoice .article iframe { width: 100%; height: 340px; }

body .content_wrap .sention_item_measures { margin-bottom: 5rem; padding-top: 0; }

body .content_wrap .sention_item_measures #text-wrap { background-color: #fffdfa; box-shadow: 2px 0px 9px -2px rgba(166, 161, 161, 0.8); padding: 2.5rem; }

body .content_wrap .sention_item_measures #text-wrap h5 { font-size: 1.2rem; color: #c42736; }

body .content_wrap .sention_item_measures #text-wrap .hide-text { display: none; }

body .content_wrap .sention_item_measures #text-wrap button.readmore { position: relative; height: 80px; width: 220px; margin: 15px auto; display: block; background-color: transparent; color: #666; padding-bottom: 40px; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; }

body .content_wrap .sention_item_measures #text-wrap button.readmore::after { content: " "; position: absolute; width: 30px; height: 30px; border-top: solid 3px #666; border-right: solid 3px #666; transform: rotate(135deg); -webkit-transform: rotate(135deg); right: 95px; top: 25px; transition: .5s; -erbkit-transition: .5s; }

body .content_wrap .sention_item_measures #text-wrap button.readmore:hover::after { top: 40px; }

body .content_wrap .sention_item_measures #text-wrap .on-click { color: transparent !important; }

body .content_wrap .sention_item_measures #text-wrap .on-click { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

body .content_wrap .sention_item_measures #text-wrap .youtube-infection { width: 100%; padding-bottom: 56.25%; height: 0px; position: relative; }

body .content_wrap .sention_item_measures #text-wrap .youtube-infection iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

body .content_wrap .sention_item_technique { padding-bottom: 240px; }

body .content_wrap .sention_item_technique .wrap { position: relative; }

body .content_wrap .sention_item_technique .wrap .ttl { position: relative; font-size: 3.5rem; line-height: 1.4; margin-bottom: 1.5rem; opacity: .9; }

body .content_wrap .sention_item_technique .wrap .subttl { position: relative; border-top: solid 1px #ea5417; border-bottom: solid 1px #ea5417; font-size: 1.6rem; padding: 1.2rem 0; margin-bottom: 2.5rem; opacity: .9; }

body .content_wrap .sention_item_technique .wrap .flo { position: absolute; display: none; }

body .content_wrap .sention_item_technique .wrap .flo.f_l_01 { top: -57%; left: -28%; animation: rotate_left 50s linear infinite; }

body .content_wrap .sention_item_technique .wrap .flo.f_l_02 { top: -60%; left: -1%; animation: rotate_right 20s linear infinite; }

body .content_wrap .sention_item_technique .wrap .flo.f_l_03 { top: 8%; left: -26%; animation: rotate_right 30s linear infinite; }

body .content_wrap .sention_item_technique .wrap .flo.f_r_01 { top: -33%; right: -36%; animation: rotate_left 50s linear infinite; }

body .content_wrap .sention_item_technique .wrap .flo.f_r_02 { top: -70%; right: -32%; animation: rotate_right 30s linear infinite; }

body .content_wrap .sention_item_technique .wrap .flo.f_r_03 { top: -60%; right: -7%; animation: rotate_left 20s linear infinite; }

body .content_wrap .sention_item_technique .works-image { text-align: center; margin-bottom: 5rem; /*選択するサムネイル画像の設定*/ }

body .content_wrap .sention_item_technique .works-image img { height: auto; vertical-align: bottom; /*画像の下にできる余白を削除*/ }

body .content_wrap .sention_item_technique .works-image .gallery { /*矢印の設定*/ /*戻る、次へ矢印の位置*/ }

body .content_wrap .sention_item_technique .works-image .gallery li p { padding-top: 1.5rem; padding-bottom: .5rem; line-height: 1.6; }

body .content_wrap .sention_item_technique .works-image .gallery li img { width: 100%; margin: 0 auto; }

body .content_wrap .sention_item_technique .works-image .gallery .slick-prev, body .content_wrap .sention_item_technique .works-image .gallery .slick-next { position: absolute; /*絶対配置にする*/ z-index: 3; top: 40%; cursor: pointer; /*マウスカーソルを指マークに*/ outline: none; /*クリックをしたら出てくる枠線を消す*/ border-top: 5px solid #ffffff; /*矢印の色*/ border-right: 5px solid #ffffff; /*矢印の色*/ height: 25px; width: 25px; }

body .content_wrap .sention_item_technique .works-image .gallery .slick-prev:before, body .content_wrap .sention_item_technique .works-image .gallery .slick-next:before { display: none; }

body .content_wrap .sention_item_technique .works-image .gallery .slick-prev { /*戻る矢印の位置と形状*/ left: 2%; transform: rotate(-135deg); }

body .content_wrap .sention_item_technique .works-image .gallery .slick-next { /*次へ矢印の位置と形状*/ right: 2%; transform: rotate(45deg); }

body .content_wrap .sention_item_technique .works-image .choice-btn .slick-track { width: 100% !important; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; }

body .content_wrap .sention_item_technique .works-image .choice-btn li { cursor: pointer; outline: none; background: #333; width: 23.5% !important; float: none !important; margin-left: 2%; margin-bottom: 2%; }

body .content_wrap .sention_item_technique .works-image .choice-btn li:first-of-type { margin-left: 0; }

body .content_wrap .sention_item_technique .works-image .choice-btn li:nth-child(4n+1) { margin-left: 0; }

body .content_wrap .sention_item_technique .works-image .choice-btn li img { opacity: 0.4; /*選択されていないものは透過40%*/ }

body .content_wrap .sention_item_technique .works-image .choice-btn li.slick-current img { opacity: 1; /*選択されているものは透過しない*/ }

body .content_wrap .sention_item_technique .t-box { border: solid 10px #FEF6E8; padding: 5rem 0; }

body .content_wrap .sention_item_technique .t-box .ttl { position: relative; font-size: 1.8em; line-height: 1.4; }

body .content_wrap .sention_item_technique .t-box .txt { position: relative; padding-right: 18%; }

body .content_wrap .sention_item_technique .t-box .image { margin-top: -26%; }

body .content_wrap .sention_item_technique .t-box .d-box { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: flex-start; border: solid 1px #C6BAAD; padding: 1.5rem; margin-top: 2rem; }

body .content_wrap .sention_item_technique .t-box .d-box .thm { width: 18%; }

body .content_wrap .sention_item_technique .t-box .d-box .content { width: 82%; padding-left: 2rem; }

body .content_wrap .sention_item_technique .t-box .d-box .content .company_name { margin-bottom: .5rem; }

body .content_wrap .sention_item_technique .t-box .d-box .content .text-uppercase { font-size: .8rem; }

body .content_wrap .sention_item_qa .qa .ttl { font-size: 1.2em; }

body .content_wrap .sention_item_qa .qa .txt { position: relative; margin: 2em 0; padding: 1.5rem 2rem; background: #FCE4C0; border-radius: 10px; }

body .content_wrap .sention_item_qa .qa .txt:before { content: ""; position: absolute; top: -30px; left: 50%; margin-left: -15px; border: 15px solid transparent; border-bottom: 15px solid #FCE4C0; }

body .content_wrap .sention_item_shop .inner { max-width: 100%; }

body .content_wrap .sention_item_shop .inner h4 { font-size: 3.8em; line-height: 1; }

body .content_wrap .sention_item_shop .inner .shop_slide .shop_slide_item { margin: 0 0.6% 0.2% 0.6%; }

body .content_wrap .sention_item_shop .inner .shop_slide .slick-arrow { position: absolute; top: 0; bottom: 0; margin: auto; width: 3.8%; }

body .content_wrap .sention_item_shop .inner .shop_slide .slick-arrow:hover { cursor: pointer; }

body .content_wrap .sention_item_shop .inner .shop_slide .prev-arrow { left: 18%; z-index: 100; }

body .content_wrap .sention_item_shop .inner .shop_slide .next-arrow { right: 18%; }

body .content_wrap .sention_item_shop .inner .shop_slide .slick-slide img { width: 100%; }

body .content_wrap .sention_item_shop .inner .shop_detail { width: 660px; margin: 0 auto; }

body .content_wrap .sention_item_shop .inner .shop_detail .tail { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; }

body .content_wrap .sention_item_shop .inner .shop_detail .name { font-size: 2.2em; line-height: 1.4; margin-bottom: 1rem; }

body .content_wrap .sention_item_shop .inner .shop_detail .ttl { font-size: 1.3em; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; border-top: solid 1px #e5e2da; padding: 1rem 0; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list:last-child { border-bottom: solid 1px #e5e2da; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.ttl { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif; width: 100px; margin-right: 40px; background: #e7ddcc; text-align: center; font-size: .95rem; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 520px; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list p { width: 170px; font-size: .95rem; cursor: pointer; margin-bottom: .5rem; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list .modal-content .modal-header { background: #e7ddcc; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list .modal-content .modal-body ul li { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; border-top: solid 1px #e5e2da; padding: 5% 0; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list .modal-content .modal-body ul li:last-child { border-bottom: solid 1px #e5e2da; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list .modal-content .modal-body ul li .ttl { width: 20%; height: auto; background: #e7ddcc; text-align: center; font-size: 0.85em; padding: 1% 0; margin-right: 4%; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list .modal-content .modal-body ul li .txt { width: 76%; font-size: 0.85em; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list .modal-content .modal-body .add_btn { display: block; background: #685847; width: 60%; margin: 0 auto; padding: 2%; text-align: center; color: #ffffff; border-radius: 10px; transition: 0.3s; }

body .content_wrap .sention_item_shop .inner .shop_detail ul.shop_list li.list .modal-content .modal-body .add_btn:hover { opacity: 0.8; }

body footer { padding: 5rem 3rem 10rem 3rem; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; }

body footer .logo { width: 28%; }

body footer .copy small { font-size: 0.7em !important; }

body .page_top { position: fixed; bottom: 70px; right: 30px; z-index: 50000; height: 58px; width: 58px; }

body .page_top:hover { cursor: pointer; }

body .page_top a { border: 2px solid #292929; color: #292929; display: block; font-size: 26px; height: 38px; line-height: 29px; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 38px; }

body .page_top a:hover { color: #ffffff; background: #292929; }

body .page_top a:hover i { color: #ffffff; }

body .page_top i { font-size: 0.7em; vertical-align: middle; transform: rotate(-45deg); transition: 0.3s; }

body .maker.maker_yellow { background: linear-gradient(transparent 60%, #ff6 60%); }

@keyframes rotate_right { 0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); } }

@keyframes rotate_left { 0% { transform: rotate(0deg); }
		100% { transform: rotate(-360deg); } }

@keyframes clowd { 0% { transform: scale(1); }
		50% { transform: scale(1.1); }
		100% { transform: scale(1); } }

@keyframes clowd2 { 0% { transform: scale(1); }
		50% { transform: scale(1.05); }
		100% { transform: scale(1); } }

@keyframes slide-right { 0% { transform: translateX(-50px); }
		100% { transform: translateX(0); } }

@keyframes slide-left { 0% { transform: translateX(50px); }
		100% { transform: translateX(0); } }