@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/**************************************

初期設定

**************************************/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, li, ul, dl, dt, dd { -webkit-text-size-adjust: 100%; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-size: 12px; line-height: 1.6; color: #333; font-family: 'Noto Sans Mono CJK JP', 'Noto Sans Japanese', 'Noto Sans', 'Noto Sans CJK JP', 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif; }

#pc-menu { display: none; }
#header .pc-inner { display: none; }
#gl-menu-pc { display: none; }
.inner { width: 90%; max-width: 1040px; padding: 40px 0; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.inner_page{margin: 0 auto 0; padding: 40px 0 80px; width: 94%; max-width: 768px; }
.clearfix { zoom: 1; /*for IE 5.5-7*/ }
.clearfix:after { /*for modern browser*/ content: "."; display: block; height: 0px; clear: both; line-height: 0; visibility: hidden; }

* html .clearfix { display: inline-table; display: block; vertical-align: bottom; }

img { max-width: 100%; height: auto; vertical-align: bottom; }
a { color: #3893c6; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
a:hover { text-decoration: underline; }
a:hover img { text-decoration: none; }
a[href^="tel:"]{color: #000;}

@media screen and (min-width: 769px) { .-ico_txt_g:before { height: 16px; width: 16px; padding-top: 2px; top: 4px; } a[href^="tel:"] {pointer-events: none;}}

/*その他*/
.txt_center { text-align: center; }
.txt_blue{ color: #2b7198; }
.txt_lblue{color:#3893c6;}

/*margin*/
.mb60{margin-bottom: 60px;}

/* ボタン　設定*/
.btn_link { display:inline-block; text-align: center; padding:20px 30px; background-color: #3ea3db; box-shadow: 0px 3px 0px #1d8ac5; position: relative; color: #fff;}
.btn_link::after{content:" "; background:url(../img/common/icon_arrow.svg) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle;}
@media screen and (min-width: 769px) {
.btn_link::after{width:18px; height:18px; margin-left:10px;}
.btn_link:hover{ text-decoration: none; background: #1d8ac5; box-shadow:none;}
.pc-disp { display: none !important; }
}
@media screen and (max-width: 768px) {
.btn_link{width: 100%; font-size:14px; padding:10px 15px;}
.btn_link::after{width:9px; height:9px; margin-left:10px;}
/*margin*/
.mb60{margin-bottom: 30px;}
.sp_disp { display: none !important; }
}

/**************************************

レイアウトcommon設定

**************************************/
.container { width: 90%; margin: 0 auto; padding: 0 0 1px;}

/*float menu*/
.float-menu { display: none; }

.sec-title {background: url(../img/common/ico_titi_wave.svg) no-repeat center bottom; text-align:center; letter-spacing: 0.1rem;}
@media (max-width: 768px) {
.container { width: 86%;}
.sec-title{ font-size: 28px; margin-bottom: 30px; padding-bottom: 20px;}
}
@media (min-width: 769px) {
.sec-title{ font-size: 40px; margin-bottom: 40px; padding-bottom: 40px;}
}


/* hero */
.hero { position: relative; }
.hero .page-ttl {font-weight: bold; text-align: center;}
.hero .container {background: url(../img/common/bg_page_tit.png) no-repeat top center;
    background-size: cover; display: flex; width: 100%; max-width: 100%; flex-direction: column; justify-content: center; align-items: center;}
.hero .page-ttl {background: url(../img/common/ico_page_tit.png) no-repeat center right; width: 98%;    max-width: 1000px; margin: 0 auto;}
@media (max-width: 768px) {
.hero .container {padding: 25px 0 40px;}
.hero .page-ttl {font-size: 28px; background-size:100px; background-position:98% 90%;}
}
@media (min-width: 769px) {
.hero .container {padding: 80px 0 100px;}
.hero .page-ttl {font-size: 40px;}
}

/* パンくずリスト */
.breadcrumbs{max-width: 1000px; width: 90%;}
.breadcrumbs li { display: inline-block;}
.breadcrumbs li a{color: #3893c6;}
.breadcrumbs li::after { content: "｜";  color:#9b9b9b;}
.breadcrumbs li:last-child::after{display:none;}
@media (max-width: 768px) {
.breadcrumbs{margin: 10px auto 25px; width:86%;}
.breadcrumbs li{ font-size:10px; margin-bottom:5px;}
.breadcrumbs li::after {font-size: 10px; margin: 0 3px; vertical-align:middle;}
}
@media (min-width: 769px) {
.breadcrumbs{margin: 10px auto 50px;}
.breadcrumbs li {font-size: 14px;}
.breadcrumbs li::after {font-size: 16px; margin: 0 10px;}
}

/**************************************

header

**************************************/
#header { width: 100%; }
.header-tel { text-align: right; padding: 0; }
.header-tel a { background: #88b738; background-size: 18px; display: inline-block; color: #88b738; height: 50px; width: 50px; box-sizing: border-box; font-weight: bold; font-size: 15px; padding: 10px 16px;}
.header-tel img{-moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg);}
@media (max-width: 768px) {
/*ドロワーメニュー */
.gl-table{display:table; height:60px; width: 100%;}
.gl-table .gl-logo,
.gl-table .gl-info,
.gl-table .gl-btn{display:table-cell; vertical-align:middle;}
.gl-table .gl-info{line-height:1.4;}
.gl-logo{min-width:168px; padding:10px;}
.gl-logo img{max-width:150px;}
.gl-info{background: #ffe74c; padding:2% 2px; text-align:center; max-width:200px;}
.gl-info a:hover{text-decoration:none;}
.gl-table .gl-btn{width:60px;}
.gl-info .-tel{font-size:13px; font-weight: bold; color: #2b7299; font-family:Arial; margin:0 5px;}
.gl-info .-tel img{vertical-align:middle; width:9px;}
.gl-info .-txt{font-size:8px; display:block;}
.gl-info .tel-ac-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 67px;
    background: #ffe74c;
    padding: 20px;
    z-index: 100;
    font-size: 1.4rem;
}
.gl-info .tel-ac-body img {
    width: 24px;
    margin-left: 10px;
}
#gl-menu-smp { padding-top: 60px; width: 100%; display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:0;}

#gl-menu-smp li {width:50%;border-bottom: 1px solid #e6e6e6;font-size:14px;text-align:center;}
#gl-menu-smp li:nth-child(1),
#gl-menu-smp li:nth-child(2) {border-top: 1px solid #e6e6e6;}
#gl-menu-smp li a { display: block; color: #3893c6; position: relative; padding:6% 0;}
#gl-menu-smp li:nth-child(odd){border-right:1px solid #e6e6e6;}
#gl-menu-smp li:last-child a{padding: 10% 0;}
.sub-menu02{margin:8%;}
.sub-menu02 li{margin-bottom:15px;}
.sub-menu02 li a {display: block;padding: 10px; color: #fff;font-size: 16px; text-align: center; position: relative;}
.sub-menu02 li a::after{
    content: "";
    position: absolute;
    border: transparent solid;
    border-left-color: #fff;
    border-width: 6px 8px;
    right: 10px;
    top: 50%;
    margin-top: -4px;
}
.sub-menu02 li:nth-child(1) a { background-color: #0f68bc; box-shadow: 0 3px 0px #094e8f;}
.sub-menu02 li:nth-child(2) a { background-color: #76b041; box-shadow: 0 3px 0px #5a9226;}
.sub-menu02 li:nth-child(3) a{ background-color: #f79824; box-shadow: 0 3px 0px #c7791a;}
}
@media (min-width: 769px) {
#header { position: relative; z-index:3;}
#header .pc-inner { display: block; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
#header h1, #logo-area {margin-top: 5px; display: inline-block; vertical-align: middle; font-weight: normal; width: 400px; font-size: 11px;}
#header h1 { margin-bottom: 5px; }
#header h1 a, #logo-area a{color: #333;}
#pc-logo { float: left; width: 30%;}
#pc-logo img{max-width: 250px; margin-top: 5px;}
#header .sub-menu { line-height: 1.4; float: right; text-align: right;  width: 70%;}
#header .sub-menu .-title { font-size: 11px; margin-top: -10px; margin-bottom: 10px; }
#header .sub-menu ul{display: flex; justify-content: flex-end;  align-items: center;}
#header .sub-menu li { font-size: 13px;}
.header-tel {position: relative;display: block;background: #ffe74c;font-size: 10px;text-align: center;height: 64px;padding: 5px 30px;box-shadow: 0 4px 0 #cfb92a;}
.header-tel .-tel {
    font-size: 16px;
    color: #2b7299;
    line-height: 1;
    margin: 4px 0 0;
}
.header-tel .-tel span {
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;
}

.header-tel .-tel img{vertical-align: middle; display: inline-block; width: 16px;}
#header .sub-menu .header-time { margin-top: 0; padding-right: 0; }
#header .sub-menu .header-faq { text-align: right; margin: 0 20px 0 0; font-weight: bold;}
#header .sub-menu .header-faq::before{
    content: " ";
    border: 5px solid transparent;
    border-left: 8px solid #3893c6;
    height: 0;
    width: 0;
    display: inline-block;
}
#header .sub-menu .header-faq a { position: relative; display: inline-block;  color: #3893c6;}
#header .sub-menu .header-faq a:before, #header .sub-menu .header-faq a:after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: " "; display: block; vertical-align: middle; }
#header .sub-menu .btn-sub:nth-child(3) {border-left: 1px solid #78bfe6; border-right: 1px solid #78bfe6;}
#header .sub-menu .btn-sub a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    padding: 5px;
    line-height: 1.4;
    font-weight: normal;
    background-color: #3ea3db;
    height: 64px;
    width: 104px;
    box-shadow: 0 4px 0 #2b7299;
}
#header .sub-menu .btn-sub a:hover{background-color: #3292ed; box-shadow:none; text-decoration: none;}
#gl-menu-pc { display: table; width: 100%; margin-bottom: 10px; }
#gl-menu-pc ul { max-width: 1000px; margin: 0 auto; width: 100%; display: table; table-layout: fixed;}
#gl-menu-pc li {font-size: 14px; display: table-cell; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; position: relative; }
#gl-menu-pc li:after { content: " "; width: 1px; height: 54%; border-left: 1px solid #dddddd; position: absolute; right: 0; top: 30%; }
#gl-menu-pc li:first-child:before { content: " "; width: 1px; height:54%; border-left: 1px solid #dddddd; position: absolute; left: 0; top: 30%; }
#gl-menu-pc li a { display: block; color: #3893c6; font-weight: 500; line-height: 1.4; padding: 15px 0 5px; overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; white-space: nowrap; }
#gl-menu-pc li a:hover { text-decoration: none; color:#333;}
.drawer-hamburger { display: none; }
}

/**************************************

footer

**************************************/
/*footer　コンタクト*/
.foot-contact {background: url(../img/common/bg_st.png) repeat;height: 100%;position: relative;}
.foot-contact::after{content: " "; background:#FFF; display: block; position: absolute; bottom: 0; left: 0; width: 100%;}
.foot-cont-list { margin-bottom: 10px; }
.foot-cont-list-item { text-align: center; background: #FFF;}
.foot-cont-list-item p {font-weight: bold; line-height: 1.7;}
.foot-cont-list-item .btn_link{padding: 10px ;}
.foot-cont-list-item:nth-child(1) .btn_link { background-color: #0f68bc; box-shadow: 0 3px 0px #094e8f;}
.foot-cont-list-item:nth-child(2) .btn_link { background-color: #76b041; box-shadow: 0 3px 0px #5a9226;}
.foot-cont-list-item:nth-child(3) .btn_link { background-color: #f79824; box-shadow: 0 3px 0px #c7791a;}
.foot-contact-tel {text-align: center; margin-bottom: 50px; background: #3ea3db; position: relative; z-index: 1;}
.foot-contact-tel .-tel-box {display: flex;justify-content: center;}
.foot-contact-tel .-tel span { font-size: 24px;}
.foot-contact-tel .-tel { font-family: Arial !important; font-weight: bold; position: relative; z-index: 2;}
.foot-contact-tel .-tel a{background:#ffe74c; box-shadow: 0 5px 0px #cfb92a; color: #2b7299; display: inline-block;}
.foot-contact-tel .-txt{border: 1px solid #FFF; color: #FFF;}
.foot-contact-tel .-tel a{margin: 0 auto;display: block;align-items: center;max-width: 500px;}

.foot-contact-line {text-align: center;margin-bottom: 50px;background: #00b900;position: relative;z-index: 1;}
.foot-contact-line .-line { font-family: Arial !important; font-weight: bold; position: relative; z-index: 2;}
.foot-contact-line .-line-box {
    display: flex;
    justify-content: center;
}

.foot-contact-line .-line-box .-line {
    margin: 0 30px;
    background: none;
}

.foot-contact-line .-line-box .-line-name {
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 2.5;
}
.foot-contact-line .-line a{display: inline-block;}
.foot-contact-line .-txt{border: 1px solid #FFF; color: #FFF;}
.foot-contact-line .-line a{margin: 0 auto; display: flex; align-items: center; max-width: 500px;}

/*footer　ネットワーク*/
.foot-network { height: 100%; }
/*footer　ナビ*/
#footer-nav { background-color: #f2f3f4; padding: 0 27.5px; height: 100%; }
.foot-logo { width: 78.6%; margin: 0 auto; padding-top: 46px; margin-bottom: 30px; }
.foot-logo img{max-width: 250px;}
.fnav-list-item { margin-bottom: 15px; }
.foot-contact h3 span{background: #FFF;color: #3ea3db;display:inline-block;position:relative;}
.foot-contact h3 b{color: #FFF;}
.fnav-list-item a { color: #3893c6;}
.fnav-list-item a::before{content:" "; display:inline-block; background:url(../img/common/ico_arrow_b.svg) no-repeat center center; background-size:100%;}
.fsub-menu-item .btn_link{padding:15px 10px;}
.fsub-menu-item:nth-child(1) .btn_link { background-color: #0f68bc; box-shadow: 0 3px 0px #094e8f;}
.fsub-menu-item:nth-child(2) .btn_link { background-color: #76b041; box-shadow: 0 3px 0px #5a9226;}
.fsub-menu-item:nth-child(3) .btn_link { background-color: #f79824; box-shadow: 0 3px 0px #c7791a;}
.fsub-menu-item:nth-child(1) .btn_link:hover{background-color: #3292ed; box-shadow:none;}
.fsub-menu-item:nth-child(2) .btn_link:hover{background-color: #88d046; box-shadow:none;}
.fsub-menu-item:nth-child(3) .btn_link:hover{background-color: #f8a642; box-shadow:none;}
/* flow */
.flow-list-item { margin-bottom: 20px; color: #FFF; box-sizing: border-box;}
.flow-list-item .image {display: block; border-radius: 50%; overflow: hidden;}
.flow-list-item .photo{position: relative; line-height: 0.7;}
.flow-list-item .photo img{max-width: initial; width: auto;}
.flow-list-item .photo .num{position: absolute; bottom: 0; font-family: arial !important;}
.flow-list-item .-title { font-weight: bold;}
.flow-list-item a { color: #b74738; text-decoration: underline; }
/* copyright*/
#copyright { text-align: center; padding: 0 0px 10px; margin: 0 -27.5px; font-size: 10px; background-color: #123041; }
#copyright:before { content: ""; display: block; border-top: 1px solid #dadbdc; width: 100%; margin-bottom: 15px; }
#copyright a{color: #FFF;}

@media (max-width: 768px) {
.page_top{position:absolute; right: 2%; top: -30px; z-index:3;}
.page_top a{display: block; width: 60px; height: 60px; border-radius: 50%; text-align: center; 
background:linear-gradient(135deg,#3bc2db 0%,#2fa2db 100%); color: #FFF; padding: 10px 0 0 0; box-sizing: border-box;}
.page_top a:hover{background:linear-gradient(135deg,#3bc2db 0%,#3bc2db 100%); text-decoration: none;}
.page_top a span{font-size: 14px;}
.flow{margin-top:70px;}
/*footer　コンタクト*/
.foot-contact{background-size:10px; padding:50px 2% 0;}
.foot-contact::after{height:80px;}
.foot-cont-list-item{padding:1px 30px 20px; margin-top:60px;}
.foot-cont-list-item p{font-size:16px; margin-bottom:15px;}
.foot-cont-list-item br{display:none;}
.foot-cont-list-item .thumb{margin:-35px auto 10px;}
.foot-contact h3 span{padding:2px 10px;}
.foot-contact h3 span::after{content: " "; border: 5px solid transparent; border-top: 10px solid #FFF; height:0; width:0; display: block; position: absolute; right:22px; bottom:-14px;}
.foot-contact h3 b{font-size:20px; display:block; margin-top:15px;}
.foot-contact-tel .-tel-box {
    display: block;
}
.foot-contact-tel{padding:25px 25px 10px; margin-top:30px;}
.foot-contact-tel .-txt{font-size: 12px; padding: 5px 15px; display: inline-block; margin: 15px auto;}
.foot-contact-tel .-tel span {font-size: 20px;}
.foot-contact-tel .-tel { font-size:26px; }
.foot-contact-tel .-tel a{padding: 5px 10px; margin: 0 auto 20px; justify-content:center;}
.foot-contact-tel .-tel img{width: 16px; vertical-align: middle; margin-right:5px;}
.foot-contact-line{padding:25px 15px; margin-top:30px;}
.foot-contact-line .-txt{font-size: 12px; padding: 5px 15px; display: inline-block; margin: 15px auto;}
.foot-contact-line .-line-box .-line {
    font-size: 30px;
    display: block;
    margin: auto;
    max-width: 40vw;
    width: 45%;
}
.foot-contact-line .-line-box .-line-name {
    line-height: 1.4;
    font-size: 16px;
}
.foot-contact-line .-line a{padding: 0;margin-bottom: -90px;justify-content:center;display: block;}
.foot-contact-line .-line img{width: 100%;vertical-align: middle;border: 1px solid #ccc;}

/*footer　ネットワーク*/
.foot-network .container{padding:50px 2%;}
.foot-network h2{font-size:20px; margin-bottom:15px;}
.foot-network .btn_link {margin-top:25px;}
.foot-network .-txtbox{margin-bottom:25px;}
/*footer　ナビ*/
#footer-nav{position:relative; background:#ebf5fb; padding-bottom: 73px;}
.fsub-menu-item {font-size:14px; margin-bottom:15px; }
.fsub-menu {margin-bottom:60px;}
.fnav-list {display: flex; flex-wrap:wrap; padding:60px 0 10px;}
.fnav-list li{width:100%;}
/* .fnav-list li:nth-child(1){order:1;}
.fnav-list li:nth-child(2){order:4;}
.fnav-list li:nth-child(3){order:7;}
.fnav-list li:nth-child(4){order:2;}
.fnav-list li:nth-child(5){order:5;}
.fnav-list li:nth-child(6){order:8;}
.fnav-list li:nth-child(7){order:3;}
.fnav-list li:nth-child(8){order:6;}
.fnav-list li:nth-child(9){display:none;} */
.fnav-list-item a::before{width:8px; height:8px; margin-right:10px;}
/* flow */
.pc_flow{display:none;}
.flow .container{ width:80%; margin: 0 auto; }
.flow-list-item{display:flex; justify-content:space-between; align-items:center; }
.flow-list-item .image { width:90px; height:90px;}
.flow-list-item .right{padding: 20px; margin-right:auto;}
.flow-list-item:nth-child(1) {background:linear-gradient(90deg,#FFF 0%,#FFF 10%,#69b7e3 10%,#69b7e3 100%);}
.flow-list-item:nth-child(1) .photo .num{color:#69b7e3;}
.flow-list-item:nth-child(2) {background:linear-gradient(90deg,#FFF 0%,#FFF 10%,#53addf 10%,#53addf 100%);}
.flow-list-item:nth-child(2) .photo .num{color:#53addf;}
.flow-list-item:nth-child(3) {background:linear-gradient(90deg,#FFF 0%,#FFF 10%,#3ea3db 10%,#3ea3db 100%);}
.flow-list-item:nth-child(3) .photo .num{color:#3ea3db;}
.flow-list-item:nth-child(4) {background:linear-gradient(90deg,#FFF 0%,#FFF 10%,#2999d7 10%,#2999d7 100%);}
.flow-list-item:nth-child(4) .photo .num{color:#2999d7;}
.flow-list-item:nth-child(5) {background:linear-gradient(90deg,#FFF 0%,#FFF 10%,#248ac2 10%,#248ac2 100%);}
.flow-list-item:nth-child(5) .photo .num{color:#248ac2;}
.flow-list-item .right p.-title{font-size:16px; margin-bottom:5px;}
.flow-list-item .right p{font-size:12px;}
.flow-list-item .photo img{height: 90px;}
.flow-list-item .photo .num{font-size:30px; left:0;}
}

@media (min-width: 769px) {
footer { background: #FFF; }
.page_top{position: fixed; right: 2%; bottom: 5%; z-index:3;}
.page_top a{display: block; width: 80px; height: 80px; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
background:linear-gradient(135deg,#3bc2db 0%,#2fa2db 100%); color: #FFF; padding: 10px 0 0 0; box-sizing: border-box;}
.page_top a:hover{background:linear-gradient(135deg,#3bc2db 0%,#3bc2db 100%); text-decoration: none;}
.page_top a span{font-size: 14px;}
/*footer　コンタクト*/
.foot-contact{padding: 100px 0 40px;}
.foot-contact::after{height:100px;}
.foot-cont-list { display: flex; justify-content: space-between; max-width: 1000px; margin: 0 auto; }
.foot-cont-list-item {width: 32%; font-size: 18px; padding: 30px; position: relative; margin-top: 30px;}
.foot-cont-list-item .thumb{margin: -70px auto 10px;}
.foot-cont-list-item .btn_link{width:100%;}
.foot-cont-list-item:nth-child(1) .btn_link:hover{background-color: #3292ed; box-shadow:none;}
.foot-cont-list-item:nth-child(2) .btn_link:hover{background-color: #88d046; box-shadow:none;}
.foot-cont-list-item:nth-child(3) .btn_link:hover{background-color: #f8a642; box-shadow:none;}
.foot-cont-list-item p{font-size:24px; margin-bottom: 27px;}
.foot-contact h3{margin: 40px 0 0;}
.foot-contact h3 b{font-size: 32px; }
.foot-contact h3 span{padding:1px 10px; line-height: 1.2; margin-right: 20px;}
.foot-contact h3 span::after{content: " "; border: 10px solid transparent; border-left: 15px solid #FFF; height:0; width:0; display: block; position: absolute; right: -20px; top:8px;}
.foot-contact-tel{font-size: 28px;margin: 45px auto 150px;padding: 1px 0;width: 90%;max-width: 900px;height: 220px;}
.foot-contact-tel::after{content: " ";width: 100%;height: 40px;position: absolute;bottom: 0;left: 0;/* background: #FFF; */}
.foot-contact-tel .-txt{font-size: 20px; padding: 5px 15px; display: inline-block; margin: 15px auto 25px;}
.foot-contact-tel .-tel {font-size: 44px;margin: 0;font-size: 40px;line-height: 1.4;}
.foot-contact-tel .-tel a{padding: 10px 60px;margin: 0 10px;}
.foot-contact-tel .-tel img{width: 28px; vertical-align: middle;margin-right: 10px;}
.foot-contact-line{font-size: 28px;margin: 45px auto 100px;padding: 1px 0;width: 90%;max-width: 900px;height: 300px;background: #00b900;}
.foot-contact-line::after{content: " ";width: 100%;height: 40px;position: absolute;bottom: 0;left: 0;/* background: #FFF; */}
.foot-contact-line h3 span{color: #00b900;}
.foot-contact-line .-txt{font-size: 20px; padding: 5px 15px; display: inline-block; margin: 15px auto 25px;}
.foot-contact-line .-line { font-size: 44px; }

.foot-contact-line .-line-box {
    display: flex;
    justify-content: center;
}

.foot-contact-line .-line-box .-line {
    margin: 0 30px;
    background: none;
}

.foot-contact-line .-line-box .-line-name {
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 2.5;
}
.foot-contact-line .-line a{padding: 0;background: none;box-shadow: none;width: 180px;display: inline-block;}
.foot-contact-line .-line a:hover{
    opacity: 0.6;
}
.foot-contact-line .-line img{width: auto;vertical-align: middle;margin: auto;}
.foot-cont-list-item .ico_arrow{display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 0;}
.foot-cont-list-item .ico_arrow img{vertical-align: middle;}
/*footer　ネットワーク*/
.foot-network { overflow: hidden; padding-top: 130px; }
.foot-network .container { height: 100%; margin-bottom: 90px; overflow: hidden;}
.foot-network h2{font-size: 32px; margin-bottom: 45px;}
.foot-network .-img { display: inline-block; width: 55%; float: right;}
.foot-network .-txtbox { display: inline-block; width: 40%; vertical-align: top; padding:1px 0; float: left; }
.foot-network .-txtbox .sec-title { text-align-last: left; padding-top: 0; }
.foot-network .-txtbox .sec-title:after { margin-left: 0; }
.foot-network .-txtbox p { line-height: 2.2; }
.foot-network .btn_link {margin-top: 50px; border: none; padding:20px; width:100%;}
/*footer　ナビ*/
#footer-nav { background-color: #ebf5fb; padding-top: 90px; }
#footer-nav .-wrap { display: inline-block; width: 40%; margin-top: 80px;}
.foot-logo { margin-left: 0; padding: 0;}
.foot-logo img{max-width: 400px;}
.fnav-list {display: flex; justify-content: space-around; flex-wrap:wrap; width: 100%; margin: 0 auto 40px;}
.fnav-list-item{width: 30%; font-size: 16px;}
.fnav-list-item::before{width: 16px; height: 16px; margin-right: 10px;}
.fnav-list-item a { position: relative;}
.fnav-list-item a::before{width:16px; height:16px; margin-right:10px;}
.fsub-menu { width: 100%; margin: 0 auto 100px; font-size: 16px; display:flex; justify-content:space-between; margin-bottom:60px;}
.fsub-menu-item {width: 32%; padding: 0; font-size: 18px; line-height: 18px; text-align:center;}
.fsub-menu-item .btn_link{width:96%; min-width:initial;}
#copyright { background-color: #123041; padding: 15px 0; color: #FFF; font-size: 12px; }
#copyright:before { content: none; }
/*flow*/
.sp_flow.flow-list{display:none;}
.flow{margin-top: 100px;}
.flow .container { width: 98%; max-width: 1000px; }
.flow-list { margin-bottom: 70px; display: flex; justify-content: space-between;}
.flow-list-item .image { width:150px; height:150px; margin:0 auto 20px;}
.flow-list-item{width: 23%; max-width: 180px; vertical-align: top;  padding: 15px;}
.flow-list-item:nth-child(1) {background:linear-gradient(0deg,#69b7e3 0%,#69b7e3 70%,#FFF 70%,#FFF 100%);}
.flow-list-item:nth-child(2) {background:linear-gradient(0deg,#53addf 0%,#53addf 70%,#FFF 70%,#FFF 100%);}
.flow-list-item:nth-child(3) {background:linear-gradient(0deg,#3ea3db 0%,#3ea3db 70%,#FFF 70%,#FFF 100%);}
.flow-list-item:nth-child(4) {background:linear-gradient(0deg,#2999d7 0%,#2999d7 70%,#FFF 70%,#FFF 100%);}
.flow-list-item:nth-child(5) {background:linear-gradient(0deg,#248ac2 0%,#248ac2 70%,#FFF 70%,#FFF 100%);}
.flow-list-item:last-of-type { margin-right: 0; }
.flow-list-item .-title { font-size: 24px; margin-bottom: 10px; text-align: center; color: #3893c6;}
.flow-list-item .photo .num{font-size:40px; left:5px;}
.flow-list-item .photo img{height: 150px;}
}
.float-menu li a:before { content: ""; display: block; background-size: contain !important; }
.float-menu li:nth-child(1) a {background-color: #0f68bc; box-shadow: 0 3px 0px #094e8f;}
.float-menu li:nth-child(1) a::before {background: url(../img/common/foot_ico_01.svg) no-repeat; }
.float-menu li:nth-child(1) a:hover{background-color: #3292ed; box-shadow:none;}
.float-menu li:nth-child(2) a { background-color: #76b041; box-shadow: 0 3px 0 #5a9226;}
.float-menu li:nth-child(2) a::before { background: url(../img/common/foot_ico_02.svg) no-repeat; }
.float-menu li:nth-child(2) a:hover{background-color: #88d046; box-shadow:none;}
@media (max-width: 768px) {
.float-menu{position:fixed; bottom:0; left:0; z-index:5; display:flex; justify-content:space-between; width:100%;}
.float-menu li{width:50%;}
.float-menu li a{display:block; font-size:15px; text-align:center; color:#FFF; padding:5px 0 10px;}
.float-menu li a:before {margin:10px auto 5px; width: 28px; height: 20px; }
}
@media (min-width: 769px) {
   /**************************************

レイアウトcommon設定

**************************************/
body { font-size: 16px; }
.container, .pc-inner {width: 98%;max-width: 1000px;margin: 0 auto;}
.inner { margin: 0 auto 0; padding: 100px 0; width: 100%; }
.inner_page{margin: 0 auto 0; padding: 20px 0 80px; width: 90%; max-width: 1000px; }
/* float menu */
.float-menu { top: 80px; width: 50px;  right: 0; display: block; position: fixed; z-index: 5;}
.float-menu li { width: 100%; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 1; display: block; margin-bottom: 10px;}
.float-menu li a {position:relative; display: block; color: #FFF; padding: 70px 20px 30px 20px; font-size: 22px; -webkit-transition: all .3s; transition: all .3s;}
.float-menu li a:before {position:absolute; top:40px; left:18px; width: 28px; height: 20px; }
.float-menu li a:hover { text-decoration: none;}

#smp-gl-menu { display: none; }

.list-flow li { margin-bottom: 10px; }
.list-flow li:before { width: 40px; height: 40px; top: 0px; left: 70px; }
.list-flow li:after { width: 40px; height: 40px; top: 0px; left: 70px; font-size: 24px; }
.list-flow li .photo { width: 100%; }
/*footer　ナビ*/
.gl-menu02 { width: 240px; display: inline-block; vertical-align: top; }
.gl-menu02 li { border-bottom: none; padding: 5px 0px 0px 0px; font-weight: bold; vertical-align: middle; }
.gl-menu02 li:after { left: 1px; }
.gl-menu02 li a { position: relative; }
.gl-menu02 li a:hover { text-decoration: underline; }
.gl-menu02 a:after { left: 4px; width: 8px; height: 8px; }
}



   /**************************************

レイアウトcommon設定

**************************************/

article.re-work section {
    width: 100%;
}

article.re-work section .inner {
    width: 1000px;
    margin: auto;
    padding: 50px 0;
}

article.re-work h2 span {
    font-size: 60px;
    letter-spacing: 2px;
    font-family: 'Oswald', 'Noto Sans JP', sans-serif;
}

article.re-work h2 span.ja {
    font-size: 44px;
}

article.re-work section.main-vis {
    width: 100%;
    margin: 40px auto 0;
    background: linear-gradient(90deg,#e5f6fc 0%,#99cfeb 100%);
    max-width: 1420px;
    padding: 40px 0 0;
    text-align: center;
    position: relative;
}
article.re-work section.main-vis .inner{
    padding: 0;
}
article.re-work section.main-vis .main-vis__title {
    font-size: 32px;
    background: none;
    margin: 0 auto 20px;
    padding: 0;
    text-shadow: 1px 1px 1px #fff,
        -1px -1px 1px #fff,
        -1px 1px 1px #fff,
        1px -1px 1px #fff,
        2px 1px 1px #fff,
        -2px -1px 1px #fff,
        -2px 1px 1px #fff,
        2px -1px 1px #fff,
        1px 2px 1px #fff,
        -1px -2px 1px #fff,
        -1px 2px 1px #fff,
        1px -2px 1px #fff,
        2px 2px 1px #fff,
        -2px -2px 1px #fff,
        -2px 2px 1px #fff,
        2px -2px 1px #fff,
        3px 1px 1px #fff,
        -3px -1px 1px #fff,
        -3px 1px 1px #fff,
        3px -1px 1px #fff,
        3px 2px 1px #fff,
        -3px -2px 1px #fff,
        -3px 2px 1px #fff,
        3px -2px 1px #fff,
        1px 3px 1px #fff,
        -1px -3px 1px #fff,
        -1px 3px 1px #fff,
        1px -3px 1px #fff,
        2px 3px 1px #fff,
        -2px -3px 1px #fff,
        -2px 3px 1px #fff,
        2px -3px 1px #fff,
        3px 3px 1px #fff,
        -3px -3px 1px #fff,
        -3px 3px 1px #fff,
        3px -3px 1px #fff;
}

article.re-work section.main-vis .main-vis__title span {
    font-size: 44px;
    color: #0f68bc;
}

article.re-work section.main-vis .baloon {
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

article.re-work section.main-vis .main-vis__box {
    text-align: center;
    position: relative;
    padding-top: 30px;
}

article.re-work section.main-vis .baloon-1 {
    background: url(../img/re-work/bg_baloon1.png) no-repeat center;
    left: 120px;
    top: 0;
    padding: 64px 50px;
}

article.re-work section.main-vis .baloon-2 {
    background: url(../img/re-work/bg_baloon2.png) no-repeat center;
    right: 60px;
    top: 20px;
    padding: 82px 60px;
}

article.re-work section.main-vis .baloon-3 {
    background: url(../img/re-work/bg_baloon3.png) no-repeat center;
    background-size: 100% auto;
    left: 50px;
    bottom: 130px;
    padding: 92px 60px;
}

article.re-work section.main-vis .baloon-4 {
    background: url(../img/re-work/bg_baloon4.png) no-repeat center;
    right: 80px;
    bottom: 110px;
    padding: 54px 40px;
}

article.re-work section.main-vis p.lead {
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 2px 1px 1px #fff, -2px -1px 1px #fff, -2px 1px 1px #fff, 2px -1px 1px #fff, 1px 2px 1px #fff, -1px -2px 1px #fff, -1px 2px 1px #fff, 1px -2px 1px #fff, 2px 2px 1px #fff, -2px -2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, 3px 1px 1px #fff, -3px -1px 1px #fff, -3px 1px 1px #fff, 3px -1px 1px #fff, 3px 2px 1px #fff, -3px -2px 1px #fff, -3px 2px 1px #fff, 3px -2px 1px #fff, 1px 3px 1px #fff, -1px -3px 1px #fff, -1px 3px 1px #fff, 1px -3px 1px #fff, 2px 3px 1px #fff, -2px -3px 1px #fff, -2px 3px 1px #fff, 2px -3px 1px #fff, 3px 3px 1px #fff, -3px -3px 1px #fff, -3px 3px 1px #fff, 3px -3px 1px #fff;
}

article.re-work section.main-vis p.lead span {
    font-size: 42px;
    color: #0f68bc;
}

article.re-work .reliefs-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

article.re-work .reliefs-boxes .reliefs-box {
    width: 300px;
    text-align: center;
    border: 3px solid #0f68bc;
    border-radius: 10px;
    margin: 0 0 56px;
    padding: 20px;
    font-weight: bold;
}

article.re-work .reliefs-boxes .reliefs-box:nth-child(1) {
    border-color: #42bed6;
}
article.re-work .reliefs-boxes .reliefs-box:nth-child(2) {
    border-color: #4caacc;
}

article.re-work .reliefs-boxes .reliefs-box:nth-child(3) {
    border-color: #4c93cc;
}

article.re-work .reliefs-boxes .reliefs-box:nth-child(4) {
    border-color: #5b83b2;
}

article.re-work .reliefs-boxes .reliefs-box:nth-child(5) {
    border-color: #3869a2;
}

article.re-work .reliefs-boxes .reliefs-box:nth-child(6) {
    border-color: #104f98;
}


article.re-work .reliefs-box__title {
    font-size: 24px;
    font-weight: bold;
    font-family: 'Oswald', 'Noto Sans JP', sans-serif;
    color: #0f68bc;
    background: linear-gradient(transparent 70%, #ffe74c 70%);
    line-height: 1;
    margin: 0 0 10px;
    display: inline-block;
}

article.re-work .reliefs-box__title span {
    font-size: 40px;
}


article.re-work .reliefs-detail {
    border: 3px solid #0f68bc;
    border-radius: 10px;
    margin: 0 0 40px;
}

article.re-work .reliefs-detail:nth-child(1) {
    border-color: #42bed6;
}
article.re-work .reliefs-detail:nth-child(2) {
    border-color: #4caacc;
}

article.re-work .reliefs-detail:nth-child(3) {
    border-color: #4c93cc;
}

article.re-work .reliefs-detail:nth-child(4) {
    border-color: #5b83b2;
}

article.re-work .reliefs-detail:nth-child(5) {
    border-color: #3869a2;
}

article.re-work .reliefs-detail:nth-child(6) {
    border-color: #104f98;
}

article.re-work .reliefs-detail__title {
    padding: 20px 40px 30px;
    background: #f0f5f8;
    border-radius: 10px 10px 0 0;
}

article.re-work .reliefs-detail__body {
    padding: 20px 40px;
    display: flex;
    flex-wrap: wrap;
}

article.re-work .reliefs-detail__img-box {
    width: 300px;
    margin-right: 30px;
}
article.re-work .reliefs-detail__img-box img{
    border-radius: 10px;
}
article.re-work .reliefs-detail__txt-box {
    width: calc(100% - 330px);
}

article.re-work .reliefs-detail__title {
    font-size: 24px;
    font-weight: bold;
}

article.re-work .reliefs-detail__title .reason {
    margin-right: 10px;
    font-family: 'Oswald', 'Noto Sans JP', sans-serif;
    color: #0f68bc;
    background: linear-gradient(transparent 60%, #ffe74c 60%);
}
article.re-work .reliefs-detail:nth-child(1) .reliefs-detail__title .reason {
    color: #42bed6;
    line-height: 1;
}
article.re-work .reliefs-detail:nth-child(2) .reliefs-detail__title .reason {
    color: #4caacc;
}

article.re-work .reliefs-detail:nth-child(3) .reliefs-detail__title .reason {
    color: #4c93cc;
}

article.re-work .reliefs-detail:nth-child(4) .reliefs-detail__title .reason {
    color: #5b83b2;
}

article.re-work .reliefs-detail:nth-child(5) .reliefs-detail__title .reason {
    color: #3869a2;
}

article.re-work .reliefs-detail:nth-child(6) .reliefs-detail__title .reason {
    color: #104f98;
}

article.re-work .reliefs-detail__title .reason span {
    font-size: 40px;
}



article.re-work .reliefs-detail .e-larning {
    background: #f0f5f8;
    margin: 20px 0;
    padding: 20px 15px;
}

article.re-work .reliefs-detail .e-larning__title {
    font-size: 21px;
    font-weight: bold;
    color: #0f68bc;
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
    width: 100%;
}

article.re-work .reliefs-detail .e-larning__title span.small {
    font-size: 14px;
}

article.re-work .reliefs-detail .e-larning__title .free {
    display: block;
    float: left;
    background: #ffe74c;
    color: #094e8f;
    line-height: 1.2;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding-top: 4px;
    margin: auto;
    top: -5px;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
}

article.re-work .reliefs-detail .e-larning ul li {
    background: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px 10px;
    padding: 2px 10px;
    display: inline-block;
}

article.re-work .reliefs-detail .e-larning ul {
    margin: 0;
}

article.re-work .reliefs-detail .e-larning ul li::before {
    display: none;
}

article.re-work .reliefs-detail .e-larning__title .free::after {
    content: "";
    position: absolute;
    border: transparent solid;
    border-width: 4px 8px;
    border-left-color: #ffe74c;
    right: -15px;
    top: 50%;
    margin-top: -4px;
}





article.re-work section.re-work-program {
    background: #f0f5f8;
}

article.re-work section.re-work-program .program-boxes {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
}

article.re-work section.re-work-program .program-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
}

article.re-work section.re-work-program .program-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

article.re-work section.re-work-program .program-img {
    width: 300px;
    margin: 0 20px 20px 0;
}
article.re-work section.re-work-program .program-img img{
    border-radius: 10px;
}
article.re-work section.re-work-program .program-txt {
    width: calc(100% - 320px);
}

article.re-work section.re-work-program .program-txt .program-txt__title {
    background: none;
    margin: 0 0 10px;
    padding: 0;
    font-size: 24px;
    color: #0f68bc;
}

article.re-work section.re-work-program .program-txt__catch {
    font-weight: bold;
}

article.re-work section.re-work-program .program-sample {
    border: 1px solid #0f68bc;
    width: 100%;
}

article.re-work section.re-work-program .program-sample p {
    margin: 20px;
}

article.re-work section.re-work-program .program-sample.orange {
    border: 1px solid #ffe74c;
    margin: 20px 0 0;
}

article.re-work section.re-work-program .program-sample.orange .program-sample__title {
    background: #fffce6;
    color: #f39800;
}

article.re-work section.re-work-program .program-sample__title {
    padding: 12px;
    background: #f0f5f8;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #0f68bc;
}

article.re-work section.re-work-program .program-sample ul {
    margin: 20px;
}

article.re-work section.re-work-program .program-sample ul li {
    display: inline-block;
    padding: 0;
}

article.re-work section.re-work-program .program-sample ul li::before {
    content: "・";
    position: relative;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    transform: none;
    background: none;
}

article.re-work section.re-work-program .e-larning {
    background: #f0f5f8;
    margin: 20px;
    padding: 20px 15px;
}

article.re-work section.re-work-program .e-larning__title {
    font-size: 21px;
    font-weight: bold;
    color: #0f68bc;
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
    width: 100%;
}

article.re-work section.re-work-program .e-larning__title span.small {
    font-size: 14px;
}

article.re-work section.re-work-program .e-larning__title .free {
    display: block;
    float: left;
    background: #ffe74c;
    color: #094e8f;
    line-height: 1.2;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding-top: 4px;
    margin: auto;
    top: -5px;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
}

article.re-work section.re-work-program .program-sample .e-larning ul li {
    background: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px 10px;
    padding: 2px 10px;
    display: inline-block;
}

article.re-work section.re-work-program .program-sample .e-larning ul {
    margin: 0;
}

article.re-work section.re-work-program .program-sample .e-larning ul li::before {
    display: none;
}

article.re-work section.re-work-program .e-larning__title .free::after {
    content: "";
    position: absolute;
    border: transparent solid;
    border-width: 4px 8px;
    border-left-color: #ffe74c;
    right: -15px;
    top: 50%;
    margin-top: -4px;
}


article.re-work section.re-work-program .lunch-box {
    margin: 40px auto;
    padding: 40px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

article.re-work section.re-work-program .lunch-box__txt-box {
    width: 420px;
}
article.re-work section.re-work-program .lunch-box__txt-box p{
   margin-bottom: 1em;
}

article.re-work section.re-work-program .lunch-box__img-box {
    width: 450px;
    position: relative;
}

article.re-work section.re-work-program .lunch-box__title {
    font-size: 24px;
    font-weight: bold;
    color: #0f68bc;
}

article.re-work section.qa .qa-q {
    color: #0f68bc;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-left: 56px;
    background: url(../img/re-work/icon_Q.svg) no-repeat left center;
    background-size: 42px auto;
}

article.re-work section.qa .qa-a {
    padding-left: 56px;
    background: url(../img/re-work/icon_A.svg) no-repeat left 0;
    background-size: 42px auto;
    margin: 20px 0 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #faf9f7;
}

article.re-work section.qa .qa-a a {
    color: #0400ff;
    font-weight: bold;
    border-bottom: 1px solid #0400ff;
}

article.re-work section.qa .qa-a:last-child {
    border-bottom: 0;
}

article.re-work-users section .inner {
    border: 2px solid #0f68bc;
    padding: 40px;
}

article.re-work-users section .inner .re-work-users__title {
    font-size: 24px;
    color: #0f68bc;
    background: none;
    padding: 0;
    margin: 0 0 40px;
}

article.re-work-users section .inner .re-work-users__title span {
    font-size: 18px;
}

article.re-work-users section .inner ol {
    margin: 40px auto 0;
    list-style: decimal;
}

article.re-work-users section .inner ol li {
    margin-left: 36px;
}

article.re-work-users section .inner ol li::before {
    background: #fff;
    color: #000;
    border: 1px solid #555;
}


@media (max-width: 768px) {
    article.re-work section .inner {
        width: auto;
        padding: 15px;
    }
article.re-work section.main-vis .inner{
        padding: 15px;    
}
    article.re-work h2 span.ja {
        font-size: 28px;
    }

    article.re-work h2 span {
        font-size: 36px;
    }

    article.re-work section.main-vis .main-vis__title {
        font-size: 18px;
        line-height: 1.6;
    }

    article.re-work section.main-vis .main-vis__title span {
        font-size: 24px;
    }


    article.re-work section.main-vis .main-vis__box {
        padding: 0 20px;
    }

    article.re-work section.main-vis .main-vis__box img {
        width: 200px;
    }

    article.re-work section.main-vis .baloon {
        font-size: 4vw;
        padding: 40px;
        background-size: contain;
    }

    article.re-work section.main-vis .baloon-1 {
        left: 0;
        padding: 7vw;
    }

    article.re-work section.main-vis .baloon-2 {
        right: 0vw;
        top: auto;
        bottom: 20px;
        padding: 12vw;
        font-size: 3.6vw;
    }

    article.re-work section.main-vis .baloon-3 {
        left: 4vw;
        bottom: 30px;
        padding: 7vw;
    }

    article.re-work section.main-vis .baloon-4 {
        padding: 6vw;
        right: 1vw;
        top: 0;
        bottom: auto;
    }

    article.re-work section.main-vis p.lead {
        font-size: 18px;
        padding: 0 20px;
        position: relative;
    }

    article.re-work section.main-vis p.lead span {
        font-size: 28px;
    }

    article.re-work .reliefs-boxes .reliefs-box {
        width: calc(50% - 6px);
        padding: 10px;
        margin: 0 0 12px;
    }

    article.re-work .reliefs-boxes .reliefs-box .reliefs-box__title {
        font-size: 18px;
    }

    article.re-work .reliefs-boxes .reliefs-box .reliefs-box__title span {
        font-size: 24px;
    }

    article.re-work .reliefs-boxes .reliefs-box p {
        margin: 10px auto 0;
    }

    article.re-work .reliefs-detail__title {
        padding: 20px;
        font-size: 20px;
    }

    article.re-work .reliefs-detail .reliefs-detail__title .reason {
        display: block;
        font-size: 18px;
    }

    article.re-work .reliefs-detail .reliefs-detail__title .reason span {
        font-size: 25px;
    }

    article.re-work .reliefs-detail__body {
        padding: 20px;
    }

    article.re-work .reliefs-detail__img-box {
        width: auto;
        max-width: 100%;
        margin: auto;
    }

    article.re-work .reliefs-detail__txt-box {
        width: auto;
    }


    article.re-work .reliefs-detail .e-larning {
        margin-top: 60px;
    }

    article.re-work .reliefs-detail .e-larning__title {
        padding: 30px 0 0;
        font-size: 18px;
    }

    article.re-work .reliefs-detail .e-larning__title .free {
        top: -60px;
        bottom: auto;
        left: 0;
        right: 0;
        width: 80px;
        height: 80px;
        font-size: 14px;
    }

    article.re-work .reliefs-detail .e-larning__title .free::after {
        border-left-color: transparent;
        border-top-color: #f39800;
        border-width: 6px 6px;
        right: auto;
        left: 50%;
        margin: auto;
        bottom: -11px;
        top: auto;
        margin-left: -6px;
    }



    article.re-work section.re-work-program .program-boxes {
        padding: 20px;
    }

    article.re-work section.re-work-program .program-img {
        width: auto;
        margin: 0 auto 20px;
    }

    article.re-work section.re-work-program .program-txt {
        width: auto;
    }

    article.re-work section.re-work-program .program-txt .program-txt__title {
        font-size: 20px;
    }

    article.re-work section.re-work-program .program-sample__title {
        font-size: 16px;
        padding: 10px;
    }

    article.re-work section.re-work-program .e-larning {
        margin-top: 60px;
    }

    article.re-work section.re-work-program .e-larning__title {
        padding: 30px 0 0;
        font-size: 18px;
    }

    article.re-work section.re-work-program .e-larning__title .free {
        top: -60px;
        bottom: auto;
        left: 0;
        right: 0;
        width: 80px;
        height: 80px;
        font-size: 14px;
    }

    article.re-work section.re-work-program .e-larning__title .free::after {
        border-left-color: transparent;
        border-top-color: #ffe74c;
        border-width: 6px 6px;
        right: auto;
        left: 50%;
        margin: auto;
        bottom: -11px;
        top: auto;
        margin-left: -6px;
    }

    article.re-work section.re-work-program .lunch-box {
        padding: 20px;
    }

    article.re-work section.re-work-program .lunch-box__title {
        font-size: 20px;
    }

    article.re-work section.qa .qa-q {
        font-size: 18px;
        background-size: 34px auto;
        padding-left: 42px;
    }

    article.re-work section.qa .qa-a {
        background-size: 34px auto;
        padding-left: 42px;
    }

    article.re-work-users section .inner {
        padding: 20px;
    }

    article.re-work-users section .inner .re-work-users__title {
        font-size: 24px;
        margin: 0 0 20px;
    }

    article.re-work-users section .inner .re-work-users__title span {
        font-size: 16px;
        line-height: 1.6;
        display: inline-block;
    }

    article.re-work-users section .inner ol {
        margin: 20px 0;
    }
    article.re-work-users section .inner ol li{
        margin: 0 0 0 18px;
    }

    article.re-work-users section .inner ol li::before {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0 1px 1px;
    }
}