@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; }

.font_s { font-size: 0.85rem !important; }

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

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

.font_2l { font-size: 1.5rem !important; }

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

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

.t_main { color: #58abe0 !important; }

.t_white { color: #ffffff !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; }

.bg_main { background-color: #58abe0; }

.bg_white { background-color: #ffffff; }

.bg_gray_def { background-color: #F5F5F5; }

.bg_gray { background-color: #f8f9fa; }

.bg_black { background-color: #000000; }

.bg_yellow { background-color: #f9e664; }

p.pc, br.pc, img.pc, li.pc, div.pc, td.pc, ul.pc, h3.pc, nav.pc { display: block; }

p.sp, br.sp, img.sp, li.sp, div.sp, td.sp, ul.sp, h3.sp, nav.sp { display: none; }

html, body { height: 100%; font-size: 18px; color: #707070; line-height: 2.2; }

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

body .ming { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }

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

body .mv { position: relative; }

body .mv .ttl { position: absolute; top: 13%; left: 7%; font-size: 2.3rem; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.5); }

body .mv .txt { background: rgba(255, 255, 255, 0.8); width: 44%; position: absolute; top: 38%; left: 7%; font-size: 0.8rem; border-radius: 20px; }

@media screen and (min-width: 1024px) { body .mv .ttl { font-size: 4.2vw; }
		body .mv .txt { font-size: 1.4vw; } }

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

body .content_wrap .sention_item .inner h3 { color: #58abe0; font-size: 1.6rem; line-height: 1.6; }

body .content_wrap .sention_item .inner .text-box { width: 50%; font-size: 0.8rem; margin-left: 20px; margin-bottom: -200px; }

body .content_wrap .sention_item .inner .text-box02 { background: #58abe0; color: #ffffff; border-radius: 20px; }

body .content_wrap .sention_item .inner li { font-size: 0.9rem; margin-left: 20px; list-style: disc; }

body .content_wrap .sention_item .inner .row-step .col h4 { color: #58abe0; line-height: 1.6; }

body .content_wrap .sention_item .inner .row-step .col .embed-responsive { width: 70%; margin: 0 auto; }

body .content_wrap .sention_item .inner .row-experience .col { flex-wrap: wrap; min-width: 30% !important; margin: 2% 1.6%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border-radius: 5px; }

body .content_wrap .sention_item .inner .row-experience .col h4 { color: #58abe0; }