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

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

html, body { height: 100%; font-size: 3vw; line-height: 2; }

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

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 header .navbar { padding: 3% 0; }

body header .navbar .navbar-brand { width: 32%; }

body header .navbar .navbar-brand img { width: 100%; }

body .mv { padding-bottom: 10%; position: relative; background: url(../img/mv_main_sp.jpg) top center no-repeat; background-size: 100%; }

body .mv .ttl { position: static; font-size: 1.8rem; padding: 6% 0 0 4%; }

body .mv .txt { position: static; margin: 4% 0 0 4%; width: 52%; font-size: 0.8rem; }

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

body .content_wrap .sention_item .inner h3 { font-size: 1.5rem; }

body .content_wrap .sention_item .inner .text-box { width: 56%; margin-left: 0; margin-bottom: -30%; }

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

body .content_wrap .sention_item .inner li { margin-left: 4%; padding-bottom: 4%; }

body .content_wrap .sention_item .inner li:last-child { padding-bottom: 0; }

body .content_wrap .sention_item .inner .row-step .col .embed-responsive { width: 100%; }

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

body footer .logo { width: 32%; margin: 0 auto; }