@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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%;
}
body {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic';

}

.pc_only{display:none;}
#pc-menu{display:none;}
#header .pc-inner{display:none;}
#gl-menu-pc{display:none;}

.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;/**/}
img{max-width:100%; height: auto;}
a{color: #000; text-decoration: none;}
a:hover{text-decoration: underline;}
a:hover img{text-decoration: none;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.txt-orange{color:#ffa630 !important;}

.btn-link{
  display:inline-block;
  padding:10px 40px;
  font-weight:bold;
  color:#FFF;
  background-color:#48d1cc;
  position:relative;
  text-align:center;
  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;
  z-index:1;
}

.btn-link.btn-link--white{
  color: #48d1cc;
  background-color:#fff;
  border: 2px solid #48d1cc;
}

.btn-link:before{
  content: ' ';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: 50%;
  left: -10px;
  margin-top: -4px;
  display:inline-block;
}

.btn-link.btn-link--white:before{
  border-top: solid 2px #48d1cc;
  border-right: solid 2px #48d1cc;
}
.btn-link:hover {
  background-color: #14aba3;
}
.btn-link.btn-link--white:hover {
  background-color: #fff;
  opacity: 0.7;
}
.txt_line{display:inline-block; line-height:1; background:linear-gradient(transparent 60%, #ffe66d 60%);}
.bg_line{
  display:inline-block;
  background:url(../img/top/bg_text-line2.png) no-repeat center bottom; 
  padding:0px 10px 20px;
}

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

レイアウトcommon設定

**************************************/
#wrap{width:100%;}
#content{width:100%;}
.section{padding:15px; position:relative;}
.page-section{position:relative; padding-bottom:70px;}

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

header

**************************************/
#header{width:100%; }
#smp-gl-menu{background:#FFF; width:100%; height:67px; box-sizing:border-box; position:relative; z-index:2000;}
#smp-gl-menu .logo-box{float: left;padding: 18px 0 18px 10px;display: flex;width: calc(100% - 70px);flex-wrap: wrap;}
#smp-gl-menu .logo-box a{
    display: block;
    margin-top: 0;
    width: 32%;
}
#smp-gl-menu .logo-box a.large{
    width: 36%;
}
#smp-gl-menu .logo-box img{width: calc(100% - 10px);margin-right: 10px;}
#smp-gl-menu .logo-box img.large{width: calc(100% - 10px);}
#gl-menu-smp{padding-top:67px; border-bottom:1px solid #FFF;}
#gl-menu-smp li{
  border-top:1px solid #FFF;
  padding:15px 0px;
  font-size:13px;
  position:relative;
  vertical-align:middle;
  text-align:center;
}
#gl-menu-smp li a{display:block; color:#FFF;}
#smp-gl-menu .sub-menu02{ padding:20px 0 40px; text-align:center;}
#smp-gl-menu .sub-menu02 li{display:block; margin:10px; font-size:12px; font-weight:bold;}
#smp-gl-menu .sub-menu02 li a{
  color:#48d1cc;
  background:#FFF;
  padding:10px 0;
  width:80%;
  display:block;
  margin:0 auto;
}
#smp-gl-menu .sub-menu02 li img{margin-right:10px; vertical-align:middle;}
#smp-gl-menu .sub-menu02 li:nth-child(1) img {width:14px;}
#smp-gl-menu .sub-menu02 li:nth-child(2) img {width:14px;}
#smp-gl-menu .sub-menu02 li:nth-child(3) img {width:18px;}

.breadcrumbs{font-size:10px; text-align:left; padding:10px;}
.breadcrumbs li{display:inline-block;}
.breadcrumbs .home:after{content:" >";}
.breadcrumbs a{text-decoration:underline;}
.breadcrumbs a:hover{text-decoration:none;}

.page-title{background:url(../img/page/bg_page-header-smp.png) repeat-x; padding:0px; background-size:100%;}
.page-title h1{
  font-size:22px;
  line-height:46px;
  color:#016fb9;
  display:block;
  padding:20px 5px 40px;
  position:relative;
  background:url(../img/page/bg_page-title1.png) no-repeat 2% center,
  url(../img/page/bg_page-title2.png) no-repeat 98% center;
  background-size:50px,70px;
}
.page-title h1::before{
  content:" ";
  display:block;
  background:url(../img/page/ico_tit-fin.png) no-repeat center center;
  width:43px;
  height:28px;
  background-size:100%;
  margin:0px auto;
}
.page-title .pc-inner{ 
  text-align:center;
}


 /* ホバーメニュー */
#gl-menu-pc ul .hover_menu{
  position: relative;
}

#gl-menu-pc ul .hover_menu_content {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 59px;
  display: flex;
  flex-direction: column;
  z-index: 10;
  background: #fff;
  border: 2px solid #1a535c;
  transition: 0.2s;
  padding: 0;
  border-radius: 10px;
  width: fit-content;
  padding: 20px;
  white-space: nowrap;
  pointer-events: none;
}

#gl-menu-pc ul .hover_menu:hover .hover_menu_content{
  opacity: 1;
  pointer-events: initial;
}
#gl-menu-pc ul .hover_menu > a{
  transition: 0.2s;   
  z-index: 10;
}
#gl-menu-pc ul .hover_menu:hover > a {
  opacity: 1;
  color: #fff;
}

#gl-menu-pc ul .hover_menu_content li a {
  width: 100%;
  text-align: left;
  padding: 15px 15px 15px 34px;
  border-bottom: 1px dashed #1a535c;
  line-height: 1;
  justify-content: flex-start;
  color: #1a535c;
}
#gl-menu-pc ul .hover_menu_content li a:hover {
  background-color: initial;
  opacity: 0.7;
}
#page-users #gl-menu-pc  ul .hover_menu_content li a {
  background: initial;
}
#gl-menu-pc ul .hover_menu_content li:last-child a{
  border-bottom: none;    
}
#gl-menu-pc ul .hover_menu_content li {
  width: 100%;
}

#gl-menu-pc ul .hover_menu_content li a::before {
  content: "";
  position: absolute;
  border: solid transparent;
  border-width: 8px 12px;
  border-left-color: #1a535c;
  left: 14px;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
  background: none;
  height: initial;
  bottom: initial;
}


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

footer

**************************************/
#pagetop a{
  display:block;
  display:none;
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#pagetop a img{width:62px; height:69px;}

#pagetop a:hover{opacity:0.7;}

#flow{padding:10px 0 40px;}
#flow h3{text-align:center; font-size:24px; margin:30px 0}
.list-flow{margin:0px 20px;}
.list-flow li{position:relative; margin-bottom:20px; display:table; border:2px solid #EEE; width:100%;}
.list-flow .photo, .list-flow .txt{display:table-cell; vertical-align:top;}
.list-flow p{font-size:12px; line-height:1.5;}
.list-flow .tit-flow{color:#2bd9fe; font-weight:bold; font-size:18px; margin:10px 0px; padding-left:20px;}
.list-flow .photo{
  margin:0;
  padding:0;
  line-height:0;
  text-align:center;
  overflow:hidden;
  width:140px;
  position:relative;
}
.list-flow .photo img{width:150%; max-width:200px; margin:0;}
.list-flow .txt{padding:5px 15px 12px; background-size:45px !important;}
.list-flow li:nth-child(1) .txt{background:url(../img/common/bg_flow01.png) no-repeat 10px 10px;}
.list-flow li:nth-child(2) .txt{background:url(../img/common/bg_flow02.png) no-repeat 10px 10px;}
.list-flow li:nth-child(3) .txt{background:url(../img/common/bg_flow03.png) no-repeat 10px 10px;}
.list-flow li:nth-child(4) .txt{background:url(../img/common/bg_flow04.png) no-repeat 10px 10px;}
.list-flow li:nth-child(5) .txt{background:url(../img/common/bg_flow05.png) no-repeat 10px 10px;}
.list-flow li:after {
    position: absolute;
    content: " ";
    background: url(../img/common/ico_fllow-arrow2.png) no-repeat left center;
    width: 30px;
    height: 14px;
    display: block;
    right: 50%;
    bottom: -16px;
    margin-right: -15px;
}
.list-flow li:nth-child(5):after {display:none;}

/*footer　コンタクト*/
#foot-contact{padding:10px 15px; background:url(../img/top/bg_line-smp.png); }

.list-foot-contact li{width:100%; text-align:center; display:block; margin:20px 0;}
.list-foot-contact li a{display:block; width:100%;}
.list-foot-contact li a:hover{text-decoration:none; }
.list-foot-contact li .thumb{width:66%; padding:15px 0; font-size:14px; color:#FFF; font-weight:bold;}
.list-foot-contact li .thumb img{width:26px; vertical-align:middle; margin-right:10px;}
.list-foot-contact li .txt{
  background:#FFF; border-radius:4px;
  font-size:11px;
  line-height:1.4;
  float:right;
  font-weight:bold;
  padding:5px 10px;
  margin-top:5px;
  position:relative;
  width:36%;
}
.list-foot-contact li .txt:after{
  content:" ";
  width:6px;
  height:6px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display:block;
  margin:-3px auto 0;
  z-index:15;
  background:#FFF;
  position:absolute;
  top:50%;
  left:-5px;
}
.list-foot-contact li .btn-link{padding:5px 0px;}
.list-foot-contact li:nth-child(1) .txt{border:2px solid #0fa39d; color:#0fa39d;}
.list-foot-contact li:nth-child(1) .txt:after{border-bottom:2px solid #0fa39d; border-left:2px solid #0fa39d;}
.list-foot-contact li:nth-child(1) .thumb{background:#48d1cc;}

.list-foot-contact li:nth-child(2) .txt{border:2px solid #07859f; color:#07859f;}
.list-foot-contact li:nth-child(2) .txt:after{border-bottom:2px solid #07859f; border-left:2px solid #07859f;}
.list-foot-contact li:nth-child(2) .thumb{background:#49b8cf;}

.list-foot-contact li:nth-child(3) .txt{border:2px solid #0a57a5; color:#0a57a5;}
.list-foot-contact li:nth-child(3) .txt:after{border-bottom:2px solid #0a57a5; border-left:2px solid #0a57a5;}
.list-foot-contact li:nth-child(3) .thumb{background:#4b8ccd;}

#foot-tel{padding-bottom:20px; text-align:center; border-top:4px solid #eeeeee; padding-top:10px; margin-top:30px;}
#foot-contact .tit{font-weight:bold; text-align:center; font-size:18px; margin-bottom:20px;}
.tel-info .time{background:#eeeeee; padding:5px 10px; display:inline-block;}
#foot-tel .tel img{width:18px; margin-right:10px; vertical-align:middle;}
#foot-tel .tel{border:3px solid #ffa630; color:#ffa630; font-weight:bold; margin-top:20px; padding:5px 60px;}
#foot-tel .tel .office {
    font-size: 20px;
}
#foot-tel .tel a{color:#ffa630; font-size:18px;}
#foot-tel .tel .tel-pc{display:none;}
#foot-tel .tel a.btn-link {
    display: block;
    margin: 10px;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
}
#foot-tel .tel a.btn-link:hover{
  text-decoration: none;
}
/*footer　ネットワーク*/
#foot-network{padding:10px;}
#foot-network .tit{font-weight:bold; font-size:20px; text-align:left;}
#foot-network p{margin-bottom:10px; font-size:14px;}


/*footer　ナビ*/
#foot-nav{padding:0px; background:url(../img/common/bg_footer.png) repeat-x #48d1cc; background-size:200%;}
.gl-menu03{padding:40px 10px 20px;}
.gl-menu03 li{
  border-bottom:none;
  padding:5px 0px 5px 15px;
  margin-top:10px;
  font-weight:bold;
  position:relative;
  font-size:12px;
  vertical-align:middle;
  width:49%; display:inline-block; vertical-align:top;
}
.gl-menu03 li:after{left:1px;}
.gl-menu03 li a{color:#FFF;}
.gl-menu03 li a span{display:block;}
.gl-menu03 li a:hover{text-decoration:none;}
.gl-menu03 li:before{
  content:" "; 
  width:8px;
  height:8px;
  position:absolute;
  top:14px;
  left:0;
  margin-top:-4px;
  display:inline-block; 
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(1350deg);
  transform: rotate(135deg);
  border-top:2px solid #FFF;
  border-left:2px solid #FFF;
}
#foot-nav .sub-menu02{ padding-bottom:40px; text-align:center;}
#foot-nav .sub-menu02 li{display:block; margin:10px; font-size:16px;}
#foot-nav .sub-menu02 li a{
  color:#1a535c;
  text-align:center;
  font-weight:bold;
  border:1px solid #1a535c;
  background:#FFF;
  padding:10px 0;
  width:100%;
  display:block;
  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;
}
#foot-nav .sub-menu02 li img{margin-right:5px;}
#foot-nav .sub-menu02 li:nth-child(1) img {width:14px;}
#foot-nav .sub-menu02 li:nth-child(2) img {width:14px;}
#foot-nav .sub-menu02 li:nth-child(3) img {width:18px;}
#copyright{text-align:center; padding:10px 0px; font-weight:bold; font-size:12px; background:#1a535c;}
#copyright a{color:#FFF;}

@media (min-width: 768px) {
#header .pc-inner{display:block;}
#smp-gl-menu{display:none;}
.pc_only{display:block;}
.smp_only{display:none;}
.btn-link{max-width:400px; font-size:16px;}
.tel-link{display:none;}
.page-section h2{font-size:36px; line-height:46px;}
#quality h2:before{
  background: url(../img/page/ico_quality.png) no-repeat center 20px,
  url(../img/common/bg_pa03.png) repeat 6px 10px;
  background-size: 34%, 6%;
}
#flow h2:before{background-size:50%;}
.page-title{background:url(../img/page/bg_page-header.png) repeat-x; padding:0px;}
.page-title h1{
  font-size:34px;
  line-height:46px;
  color:#016fb9;
  display:inline-block;
  padding:10px 20px;
  position:relative;
  background:url(../img/page/bg_page-title1.png) no-repeat center left,
  url(../img/page/bg_page-title2.png) no-repeat center right;
}
.page-title h1::before{
  content:" ";
  display:block;
  background:url(../img/page/ico_tit-fin.png) no-repeat center center;
  width:86px;
  height:56px;
  background-size:100%;
  margin:10px auto;
}
.page-title .pc-inner{ 
  max-width:1000px;
  margin:0 auto;
  padding:15px 0px 1px;
  background:url(../img/page/bg_page-title01-pc.png) no-repeat left center;
  height:280px;
  box-sizing:border-box;
  position:relative;
  text-align:center;
}
#page-advantage #gl-menu-pc li.btn-advantage a{background:#14aba3;}
#page-users #gl-menu-pc li.btn-users a{background:#14aba3;}
#page-office #gl-menu-pc li.btn-office a{background:#14aba3;}
#page-access #gl-menu-pc li.btn-access a{background:#14aba3;}
#page-service #gl-menu-pc li.btn-service a{background:#14aba3;}
#page-blog #gl-menu-pc li.btn-blog a{background:#14aba3;}
#page-schedule #gl-menu-pc li.btn-schedule a{background:#14aba3;}
#page-handi #gl-menu-pc li.btn-handi a{background:#14aba3;}
.blog-style{background:url(../img/page/bg_line2.png);}


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

header

**************************************/
#pc-menu{display:block;}
#header{ position:relative;}
#header .pc-inner{max-width:1000px;margin:0 auto;padding:15px 0;overflow:hidden;display: flex;justify-content: space-between;align-items: center;}
#header h1 ,#logo-area{display:inline-block; vertical-align:middle;}
#header h1{font-size:12px;}
#logo-area{width: auto;margin-right: 0px;}
#logo-area #logo a:hover {opacity: 0.6; color: #fff;}
#pc-logo{
    width: 600px;
}
#logo-area img{width: 160px;margin-right: 10px;}
#logo-area img.large{width: 186px;}

#header .sub-menu{margin:0px 0px 0px;font-size:12px;line-height:1.4;display: flex;justify-content: flex-end;align-items: center;width: 430px;}
#header .sub-menu li{display:inline-block; vertical-align:middle;}
#header .sub-menu li a{color:#48d1cc; font-weight:bold;}
#header .sub-menu li ul li {display: block;}
#header .sub-menu .btn-sub{margin-right:0; margin-left:10px; }
#header .sub-menu .btn-sub a {display:block; text-align:center; width:100px; height:60px; border:1px solid #48d1cc;}
#header .sub-menu .btn-sub a:before{content:" "; display:block; margin:0 auto;}
#header .sub-menu #sub-shiryo a{
  background-image:url(../img/common/ico_siryo.svg) ;
  background-position:center 10px;
  background-size:14px;
}
#header .sub-menu #sub-shiryo a{padding:34px 0 5px;}
#header .sub-menu #sub-shiryo a::after {padding:34px 5px 8px;}
#header .sub-menu #sub-soudan a{
  background-image:url(../img/common/ico_soudan.svg) ;
  background-position:center 8px;
  background-size:14px;
}
#header .sub-menu #sub-soudan a{padding:24px 0 5px;}
#header .sub-menu #sub-soudan a::after {padding:24px 15px 8px;}
#header .sub-menu #sub-program a{
  background-image:url(../img/common/ico_program.svg) ;
  background-size:19px;
  background-position:center 8px;
}
#header .sub-menu #sub-program a{padding:24px 0 5px;}
#header .sub-menu #sub-program a::after {padding:24px 5px 5px;}

#header .sub-menu .btn-sub a {
  overflow: hidden;
  padding: 0;
  -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;
}
#header .sub-menu .btn-sub a::after {
  content: attr(data-text);
  position: absolute;
  width: 100px;
  height: 60px;
  top: 0;
  left: 0;
  opacity: 0;
  color: #48d1cc;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
  display:block;
}
#header .sub-menu .btn-sub a > span {display: block;}
#header .sub-menu .btn-sub a::after,
#header .sub-menu .btn-sub a > span {
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 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);
}
#header .sub-menu .btn-sub a:hover {background-color: #cefffd;}
#header .sub-menu .btn-sub a:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#header .sub-menu .btn-sub a:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

#gl-menu-pc{display:table; width:100%; background:#48d1cc;}
#gl-menu-pc ul{max-width:1000px; margin:0 auto;}
#gl-menu-pc li{
  display:table-cell;
  width:143px;
  text-align:center;
  box-sizing:border-box;
  font-weight:bold;
  border-left:1px solid #FFF;
  vertical-align:middle;
  font-size:14px;
}

#gl-menu-pc li a{display:block; color:#FFF; line-height:1.4; padding:10px 0;}
#gl-menu-pc li:last-child{border-right:1px solid #FFF;}

#gl-menu-pc li a {
  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;
}
#gl-menu-pc li a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: #FFF;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
  display:block;
  padding:10px 13px;
}
#gl-menu-pc li.btn-advantage a::after {padding:10px 5px;}
#gl-menu-pc li.btn-users a::after {padding:10px 13px;}
#gl-menu-pc li.btn-schedule a::after {padding:10px 7px;}
#gl-menu-pc li.btn-blog a::after {padding:10px 30px;}
#gl-menu-pc li.btn-access a::after {padding:10px 21px;}
#gl-menu-pc li.btn-handi a::after {padding:10px 0px;}
#gl-menu-pc li a > span {display: block;}
#gl-menu-pc li a::after,
#gl-menu-pc li a > span {
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 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);
}
#gl-menu-pc li a:hover {background-color: #14aba3; color:#fff; text-decoration: none;}
#gl-menu-pc li a:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#gl-menu-pc li a:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

.drawer-hamburger{display:none;}
.breadcrumbs{font-size:12px;}


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

footer

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

#pagetop a img{width:125px; height:138px;}

#foot-network .tit{text-align:center;}
#foot-tel dd .tel-pc{display:inline-block;}
.pc-inner{width:96%; margin:0 auto 0; padding-top:40px;}

/*footer　ナビ*/
.gl-menu02{width:240px; display:inline-block; vertical-align:top;}
.gl-menu02 li{border-bottom:none; padding:5px 0px 5px 0px; font-weight:bold; position:relative; vertical-align:middle;}
.gl-menu02 li:after{left:1px;}
.gl-menu02 li a{padding-left: 18px;text-decoration:underline;color:#FFF;display: block;}
.gl-menu02 li a span{display:block;}
.gl-menu02 li a:hover{text-decoration:none;}
.gl-menu02 li:before{
  content:" ";
  width:8px;
  height:8px;
  position:absolute;
  top: 16px;
  left:0;
  margin-top:-4px;
  display:inline-block;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(1350deg);
  transform: rotate(135deg);
  border-top:2px solid #FFF;
  border-left:2px solid #FFF;
}
footer{background:#FFF;}

@media (min-width: 940px) {
.page-title h1{ padding:10px 180px;}
#gl-menu-pc li{
  font-size:14px;
}
#gl-menu-pc li small{
  font-size:13px;
}

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

footer

**************************************/
footer{background:#FFF;}
#flow{padding-bottom:40px; background:#FFF;}
.list-flow{max-width:1000px; margin:0 auto;}
.list-flow li:last-child{margin-right:0px;}
.list-flow .txt{min-height:180px;}
.list-flow .photo{ height:145px; width:176px;}
.list-flow .photo img{max-width:160%; width:100%; margin:0;}
.list-flow li{margin:10px 10px 20px 0px; width:180px; display:inline-block; vertical-align:top; border:2px solid #dddddd; position:relative;}
.list-flow li:after{
  position:absolute;
  content:" ";
  background:url(../img/common/ico_fllow-arrow.png) no-repeat left center;
  width:14px;
  height:30px;
  display:block;
  right:-1px;
  top:50%;
  margin-top:-7px;
}
.list-flow li:last-child:after{display:none;}
.list-flow .tit-flow{padding:10px 0; margin:0; text-align:center;}
.list-flow .photo, .list-flow .txt{display:block;}

/*footer　コンタクト*/
#foot-contact{padding:60px 15px 30px; background: url(../img/top/bg_line.png);}
#foot-contact .tit{font-size:28px; line-height:38px; margin:20px auto;}

.list-foot-contact{text-align:center;}
.list-foot-contact li{width:300px; display:inline-block; margin:20px; vertical-align:top;}
.list-foot-contact li .thumb{width:100%; margin:-20px auto 10px; padding:40px 0 20px; color:#FFF; font-weight:bold; font-size:18px;}
.list-foot-contact li .thumb img{width:46px; vertical-align:middle; margin-right:10px;}
.list-foot-contact li .txt{border-radius:4px; font-size:15px; width:90%; margin:0 auto; padding:10px 10px 15px; float:none;}
.list-foot-contact li .txt:after{
  content:" ";
  width:12px;
  height:12px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top:95%;
  left:50%;
  margin-left:-6px;
}
.list-foot-contact li:nth-child(1) .txt{border:2px solid #0fa39d; color:#0fa39d;}
.list-foot-contact li:nth-child(1) .txt:after{border-bottom:2px solid #0fa39d; border-left:2px solid #0fa39d;}
.list-foot-contact li:nth-child(1):hover .thumb{background:#0fa39d;}
.list-foot-contact li:nth-child(2) .txt{border:2px solid #07859f; color:#07859f;}
.list-foot-contact li:nth-child(2) .txt:after{border-bottom:2px solid #07859f; border-left:2px solid #07859f;}
.list-foot-contact li:nth-child(2):hover .thumb{background:#07859f;}
.list-foot-contact li:nth-child(3) .txt{border:2px solid #0a57a5; color:#0a57a5;}
.list-foot-contact li:nth-child(3) .txt:after{border-bottom:2px solid #0a57a5; border-left:2px solid #0a57a5;}
.list-foot-contact li:nth-child(3):hover .thumb{background:#0a57a5;}
.list-foot-contact li .btn-link{padding:10px 0px; font-size:16px;}
.list-foot-contact li a:hover{text-decoration:none;}

#foot-tel .tit{font-size:24px; line-height:28px;}
#foot-tel li{display:inline-block; width:380px; border-radius:12px;}
#foot-tel li:nth-child(2){margin-left:30px;}
#foot-tel dt{font-size:18px;}
#foot-tel dd{width:100%; border:2px dotted #27ad3a; border-radius:24px;}
#foot-tel dd a{display:none !important;}
#foot-tel{width:100%;max-width: 1000px;margin:30px auto;text-align:center;}
#foot-tel .tel{border:3px solid #ffa630;color:#ffa630;font-size: 30px;font-weight:bold;display:inline-block;margin: 30px 8px 0;padding: 5px 10px;line-height: 1.2;}
#foot-tel .tel img{width:24px;margin-right: 0;}
.tel-info .time{font-size:16px; padding:5px 30px;}
.tel-info p{display:inline-block; vertical-align:middle;}
.tel-pc{display:inline-block !important;}

/*footer　ネットワーク*/
#foot-network{padding:40px 0px; display:table; max-width:1000px; margin:0 auto;}
#foot-network .txt ,#foot-network .map{display:table-cell; vertical-align:top;}
#foot-network .txt{padding:20px 40px 0px 0px;}
#foot-network .map{width:55%;}
#foot-network .tit{font-size:28px; line-height:38px; }
#foot-network .btn-link{width: 100%; }
#foot-network .btn-link::before{display: none; }
#foot-network .btn-link span {
  position: relative;
  display: block;
}
#foot-network .btn-link span::before{
  content: ' ';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  display: inline-block;
}
#foot-network .btn-link.btn-link--white span::before{
  border-top: solid 2px #48d1cc;
  border-right: solid 2px #48d1cc;
}

/*footer　ナビ*/
#foot-nav{padding:0px; background:url(../img/common/bg_footer.png) repeat-x; background-size: cover;}
#foot-nav .pc-inner{max-width:1000px; margin:0 auto; padding:120px 0 40px;}
.gl-menu02{width:320px;}
#foot-nav .sub-menu02{margin:40px 0 0;}
#foot-nav .sub-menu02 li{display:inline-block; width:300px; font-size:16px; margin:0;}
#foot-nav .sub-menu02 li:nth-child(2){margin:0 44px;}
#foot-nav .sub-menu02 li a{
  color:#1a535c;
  text-align:center;
  font-weight:bold;
  border:2px solid #1a535c;
  background:#FFF;
  padding:10px 0;
  width:100%;
  display:block;
  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;
}
#foot-nav .sub-menu02 li a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: #1a535c;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
  display:block;
    padding:11px 0px 0px 30px;
  width:100%;
}
#foot-nav .sub-menu02 li a > span {
  display: block;
}
#foot-nav .sub-menu02 li a::after,
#foot-nav .sub-menu02 li a > span {
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 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);
}
#foot-nav .sub-menu02 li a:hover {
  background-color: #cefffd;
  color: #cefffd;
}
#foot-nav .sub-menu02 li a:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#foot-nav .sub-menu02 li a:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

#foot-nav .sub-menu02 li img{vertical-align:bottom; margin-right:10px;}
#foot-nav .sub-menu02 li:nth-child(1) img {width:21px;}
#foot-nav .sub-menu02 li:nth-child(2) img {width:20px;}
#foot-nav .sub-menu02 li:nth-child(3) img {width:28px;}

}
  
  }
  .page-content.common p {
    margin-bottom: 1em;
}
.page-content.common{
  margin-bottom: 50px;
}

.page-content.common h2 {
    color: #016fb9;
    font-size: 24px;
    margin: 2em 0;
    text-align: center;
}
.page-content.common h3 {
    border-left: 6px solid #016fb9;
    padding-left: 10px;
    margin: 40px 0 20px;
}

.page-content.common h4 {
    margin: 30px auto 10px;
    color: #016fb9;
}

.page-content.common table {
    width: 100%;
    margin: 50px 0;
}

.page-content.common table th {
    background: #ceeef6;
}

.page-content.common table th,
.page-content.common table td {
    text-align: center;
    padding: 5px;
    border: 1px solid #efefef;
}

.page-content.common ul{
    list-style: disc;
    padding: 0;
    margin: 20px 0 20px 1.5em;
   
}

.page-content.common .boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page-content.common .col2.boxes > .box {
    width: 50%;
}
.page-content.common .boxes > .box.achievement {
    text-align: center;
}

.page-content.common .boxes > .box.achievement .amount {
    font-size: 20px;
}

.page-content.common .boxes > .box.achievement .amount span {
    font-size: 48px;
    color: #48d1cc;
    font-weight: bold;
}

.page-content.common .boxes > .box.achievement .term {
    font-size: 14px;
    color: #777;
}

.page-content.common .sheet{
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0;
}

.page-content.common dl.enquiry {
    margin: 0 0 1em;
}

.page-content.common dl.enquiry dt {
    display: inline-block;
    width: 4%;
    margin: .5em 0;
    font-weight: bold;
    color: #016fb9;
}
.page-content.common a{
    text-decoration: underline;    
    color: #016fb9
}

.page-content.common dl.enquiry dd {
    display: inline-block;
    width: 95%;
    margin: .5em 0;
}

.page-content.common dl.enquiry::after {
    content: "";
    clear: both;
    display: block;
}
.page-content.common hr {
    border: 1px solid #efefef;
    margin: 50px auto;
}
@media (max-width: 940px) {

    .page-content.common dl.enquiry {
        margin: 0 0 1em;
    }
    .page-content.common dl.enquiry dt {
        width: 20%;
    }
    .page-content.common dl.enquiry dd {
        width: 80%;
    }
  .sp-inner{
    margin: 0 20px;
  }

.page-content.common .col2.boxes > .box {
    width: auto;
    margin: 0 0 40px;
}

.page-content.common .boxes > .box.achievement .amount span {
    display: block;
}

}

.grecaptcha-badge {
    visibility: hidden;
}