@charset "utf-8";

/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td {
  /*margin: 0;*/
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  /*list-style:none;*/
  /*color: #FFF;*/
}
html {
  background-color: #FFF;
  line-height: 26px;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body{
  font-size: 14px;
  font-family : "Yu Gothic", YuGothic, sans-serif !important;
  line-height: 2.2em;
  background-color: #f8f8f8;
}
h1{
  font-size: 32px;
  font-weight: 500;
}

.lead {
font-weight: 300;
}

.jumbotron p {
font-weight: 200;
}


.news_box_detail ul {
	margin-left: 2em;
	margin-right: 1em;
}
.news_box_detail ul li {
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	padding-top: 5px;
	list-style-type: none;
}
a:hover img.over{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.mt_10 {
	margin-top: 10px;
}
.column {
	background-color: #d9effd;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
}


@media screen and (max-width: 750px){
  h1 {
    font-size: 22px;
  }
}
h2{
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 4px;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px){
  h2 {
    font-size: 20px;
  }
}
h3{
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 750px){
  h3 {
    font-size: 18px;
  }
}
h4{
  font-size: 20px;
}
@media screen and (max-width: 750px){
  h4 {
    font-size: 16px;
  }
}
h5{
  font-size: 16px;
}
/*#bodybox {
  color: #FFF;
  font-size: 13px;
  line-height: 26px;
  background-color: #000;
  background-position: top;
  background-image: url(../img/sitebg_small.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}*/
a, a:link {
  color: #008cd6;
  font-weight: 100;
  text-decoration: none;
}
a:hover, a:visited, a:active {
  text-decoration: none;
  color: #008cd6;
}
.clear {
  clear: both;
  line-height: 0
}
img {
  background: none!important;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: none!important;
}
.list_image {
  cursor: pointer;
  overflow: hidden;
}

@font-face {
    font-family: 'SIMPLIFICA';
    src: url('../font/simplifica-webfont.eot');
    src: url('../font/simplifica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/simplifica-webfont.woff2') format('woff2'),
         url('../font/simplifica-webfont.woff') format('woff'),
         url('../font/simplifica-webfont.ttf') format('truetype'),
         url('../font/simplifica-webfont.svg#SIMPLIFICA') format('svg');
    font-weight: normal;
    font-style: normal;

		/*
		*SIMPLIFICA licensed under K A I W A Font License
		*https://www.behance.net/gallery/14209843/SIMPLIFICA-Typeface-Free
		*/
}

.box_link {
	position:relative;
}
.box_link a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
.box_link a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.fair_btn {
	color: #fff;
	text-align: center;
	background-color: #038CD5;
	padding: 10px;
	width: 90%;
	margin: 20px auto 20px auto;
	box-shadow: 0 0 8px gray;
}
/* modal
-----------------------------------------------*/
.bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.bg_onetime_popup.js_active {
    opacity: 1;
    visibility: visible;
}

.onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50%;
    max-width: 800px;
    background-color: #fff;
    cursor: pointer;
}

.onetime_popup_title {
    position: relative;
    padding: 10px 50px;
    margin: 0px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
}
.onetime_popup_title:before,
.onetime_popup_title:after {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 30px;
    height: 4px;
    background-color: #000;
    content: "";
}
.onetime_popup_title:before {
    transform: rotate(45deg);
}
.onetime_popup_title:after {
    transform: rotate(-45deg);
}

.onetime_popup_content {
    padding: 5px 20px 20px;
    text-align: center;
}
.line_flex {
	display: flex;
    justify-content: space-between;
	margin: auto auto 30px;
	width: 350px;
}
.line_logo {
	width: 60px;
}
.line_logo img {
	width: 60px !important;
}
.line_title {
	text-align: left;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: bold;
	width: 350px;
	margin-left: 20px;
}
	.present_title {
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
		margin-bottom:20px;
}
.pc {
	display: block;
}
.mob {
	display: none;
}

@media (max-width: 640px) {
	.onetime_popup {
    width: 96%;
}
		.line_title {
	width: 80%;
}
	.pc {
	display: none;
	}
	.mob {
	display: block;
	}
}

/****************************************
		2. Basic Layout 
*****************************************/

#wrapaper {
  width: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  max-width: 1200px;
}
.main {
  min-height: 100%;
  position: relative;
  background-color: #FFF;
}

.mauto {
  margin-left: auto;
  margin-right: auto;
}

.p0 {
  padding: 0;
}

.tcenter {
   text-align: center;
}

.tleft {
   text-align: left;
}

.tright {
   text-align: right;
}

.vmiddle {
  vertical-align: middle !important;
}


.contents_box {
  margin-top: 45px;
}

.fontcolor_blue {
  color: #008cd6;
}

.fontcolor_blue2 {
  color: #00ACD3;
}

.fontcolor_red1 {
    color: #C33;
    font-weight: bold;
}

.fontcolor_white {
  color: #FFF;
}

.font90persent {
  font-size: 90%;
}

.font_bluebox {
  background-color: #008cd6;
  color: #FFF;
  padding: 7px;
  margin-right: 5px;
}

.font_bluebox_step {
  background-color: #008cd6;
  color: #FFF;
  padding: 7px 2em 7px 2px;
  margin-right: 5px;
}

.fontweight {
  font-weight: bold;
}

p.no_margin_p {
    margin: 0;
}

.text_link_underline > a {
  text-decoration: underline;
}
/****************************************
		3.  Header, Footer, sidebar, tab Menu
*****************************************/

#jnavi>ul>li>a {
  color: #000;
  font-size: 15px;
  font-weight: 100;
  padding: 25px 0;
}
@media screen and (max-width: 750px){
  #jnavi>ul>li>a{
    color: #000;
    font-size: 15px;
    font-weight: 100;
    padding: 10px 15px;
  }
}

.nav>li.active>a, .nav>li.active>a:focus, .nav>li.active>a:hover, .nav>li>a:hover {
  background-color: #f0f0f0;
}
.nav>li>a:focus, .nav>li>a:hover {
  color: #008cd6 !important;
}
.navbar-collapse {
  padding: 0px;
}
.navbar {
  border-radius: 0px;
  min-height: initial;
  min-height: auto;
  margin-bottom: 0px;
  /*background-color: #FFF;*/
}

.navbar .nav li a{
  font-weight: bold;
  text-align: center;
}
.navbar .nav li a p{
  margin: 0 0;
  border-right: 1px solid #e7e7e7;
}
.navbar .nav li:nth-last-child(3) a p{
  border-right: 0;
}
@media screen and (max-width: 750px){
  .navbar .nav li a p{
    border-right: none;
  }
  .navbar .nav li a{
    border-right: none;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0;
  }
  .navbar .nav li:last-child a{
    border-bottom: 0;
  }
  .navbar-collapse {
    border: 1px solid #1977BB !important;
  }
}

/*SP用ハンバーガー*/
.navbar-toggle {
    position: relative;
    float: right; 
    padding: 9px 10px;
    margin-top:8px; 
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #FFF;
    border-radius: 4px;
}
.navbar-default .navbar-toggle {
    border-color: #FFF;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
     background-color: #00acd3; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}


#sidenavi ul li a {
  color: #000;
  font-size: 15px;
  font-weight: 100;
  padding-top: 20px;
  padding-bottom: 16px;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  /*max-width: 1170px;*/
  width: 100%;
  z-index: 10;
}

#returnbox {
  position: fixed;
  bottom: 80px;
  right: 10px;
  z-index: 10;
}
@media screen and (max-width: 750px){
  #returnbox {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 10;
  }
}
#returnbox a:visited img, a:active img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
}

.tabfixed>li {
    display: table-cell;
    width: 1%;
    padding-bottom: 0;
}

#seattle_tab.active>a, #seattle_tab.active>a:focus, #seattle_tab.active>a:hover, #seattle_tab>a:hover {
    background-color: #EB6D9C;
    color: #FFF !important;
    border: none;
}
#sandiego_tab.active>a, #sandiego_tab.active>a:focus, #sandiego_tab.active>a:hover, #sandiego_tab>a:hover {
    background-color: #11BC70;
    color: #FFF !important;
    border: none;
}


#interviews_tab.active>a, #interviews_tab.active>a:focus, #interviews_tab.active>a:hover, #interviews_tab>a:hover {
    background-color: #EB6D9C;
    color: #FFF !important;
    border: none;
}
#reports_tab.active>a, #reports_tab.active>a:focus, #reports_tab.active>a:hover, #reports_tab>a:hover {
    background-color: #11BC70;
    color: #FFF !important;
    border: none;
}

#interview #interviews_tab a {
	background-color: #EB6D9C;
    color: #FFF !important;
    border: none;
}
#report #reports_tab a {
	background-color: #11BC70;
    color: #FFF !important;
    border: none;
}

.tabfixed>li>a {
    border-bottom: none;
    padding: 18px 0px;
    background-color: #F6F6F6;
    color: #000;
}
@media screen and (max-width: 750px){
  .tabfixed>li>a {
    border-bottom: none;
    padding: 10px 15px;
    background-color: #F6F6F6;
    color: #000;
  }
}
.tabfixed>li>a.focus,.tabfixed>li>a:focus, {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}
.tabfixed>li>a:hover {
    color: #fff !important;
    background-color: #286090;
    border-color: #204d74
}
.nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #00ACD3;
    border-radius: 18px 18px 0 0;
}

#headbox {
  background-position: top;
  background-image: url(/aip/img/aip_top_header_bg.jpg);
  background-repeat: repeat-x;
  display: block;
}
.headerbox_link {
  color: #FFF;
  height: 90px;
  position: relative;
}
.headerbox_link p {
  position: absolute;
  color: #FFF;
  top: 50%;
  -webkit-transform: translate(0, -50%);
}
a.header_link:hover div p, a.header_link:active div p {
    text-decoration: underline;
}

#footerbox {
  background-color: #313131;
  padding : 20px 0 10px 0;
  color: #FFF;
}

.footer_site_link {
    clear: both;
    text-align: center;
    margin: 10px 0;
}
.footer_site_link li {
    display: inline;
    float: none;
    border-right: solid 1px #666;
    padding-right: 5px;
    margin: 0 6px 5px 0;
    font-size: 100%;
    line-height: 2.3;
}
.footer_site_link li a {
    color: #3b3b3b;
}
.footer_site_link li a:hover, a:visited, a:active {
    text-decoration: none;
    color: #008cd6;
}
.last {
    border: none !important;
    padding: 0 !important;
    background: none!important;
}

#page_title_box {
  background-position: top;
  background-image: url(/aip/img/page/page_titlebg.jpg);
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size:100% auto;
  background-repeat: no-repeat;
  display: block;
  padding-top:21%;
  text-align: center;
  position: relative;
  color: #FFF;
}
@media screen and (max-width: 750px){
  #page_title_box h1 {
    font-size: 22px;
  }
}

/****************************************
		4.  Main
*****************************************/


/*box sliderの枠消し*/
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none; 
    box-shadow: none; 
    border: none; 
    left: 0; 
    background: #fff;
}
/*box-sliderの黒丸位置や色調整*/
.bx-wrapper .bx-pager {
    padding-top: 0; 
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 15px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #008cd6;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
}
/*box-sliderレイアウト修正*/
.bx-wrapper {
    margin: 0 auto 0;
}


.page_title{
  color: #008cd6;
  text-align: center;
}

.page_title_2{
  color: #00acd3;
  text-align: center;
}

.page_title_3{
  color: #000;
}

.page_title_4{
  color: #FF0000;
}


.text_box {
  text-align: left;
  padding: 10px 20px;
}

.text_box2 {
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.text_box_inline {
  text-align: left;
  padding: 0 20px 10px 20px;
}


.news_box_category {
  text-align: center;
}
.news_box_detail {
  text-align: left;
  padding: 13px 10px;
}
.bg_blue {
  background-color: #008cd6;
}
.bg_gray {
  background-color: #dedede;
}
.bg_gray2 {
  background-color: #EFEFEF;
}
.bg_gray3 {
  background-color: #F6F6F6;
}

.btn-primary {
    color: #fff;
    background-color: #008cd6;
    font-size: 16px;
    border: none;
}
.btn-app {
    color: #fff;
    background-color: #AFBDC6;
    font-size: 16px;
    border: none;
}
.border_dot {
  border-right: medium dotted #A1A4A6;
}


a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}


@media screen and (max-width: 750px){
  .border_dot {
    border: none;
    margin-bottom: 30px;
  }
}

.border_dot_bottom {
  border-bottom: 1px dotted #A1A4A6;
}

.border_bottom {
  border-bottom: medium dotted #A1A4A6;
}

.border_surround {
  border: 1px solid #A1A4A6;
}

.border_surround_madblue {
  border: 1px solid #1977BB;
}

.border_bottom_solid {
  border-bottom: 1px solid #A1A4A6;
}

.border_bottom_solid_blue {
  border-bottom: 1px solid #00acd3;
}

.pagestitle_ct_box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
}


.caption_area {
  font-size: 90%;
}
@media screen and (max-width: 750px){
  .caption_area {
    font-size: 90%;
    padding-bottom: 20px;
  }
}


.circle_icon {
    background-image: url('https://www.iccworld.co.jp/aip/img/contents/midashi2_icon.gif');
    background-repeat: no-repeat;
    text-indent: 18px;
    text-align: left;
    background-position: 3px;
    margin-bottom: 8px;
}

.crown_icon_green {
    background-image: url('https://www.iccworld.co.jp/aip/img/page/icon_crown_green.png');
    background-repeat: no-repeat;
    text-indent: 25px;
    text-align: left;
    background-position: 3px;
    margin-bottom: 8px;
}

.undeline_headingtext {
    background-image: url('https://www.iccworld.co.jp/aip/img/contents/midashi2_line.gif');
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: 0px 34px;
    height: 40px;
}

.undeline_headingtext_h3 {
    background-image: url('https://www.iccworld.co.jp/aip/img/contents/midashi2_line.gif');
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: 0px 100%;
    height: 50px;
}

.undeline_headingtext_borderbottom {
    border-bottom: 2px solid #CCC;
    margin-bottom: 10px;
}

.undeline_headingtext_borderbottom2 {
    border-bottom: 2px solid #CCC;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #00ACD3;
}
.table>tbody>tr>th {
	vertical-align: middle;
	font-weight: normal;
	border-right: none !important;
	width: 150px !important;
}

.tableth_blue_col1 {
  background-color: #008cd6;
  color: #FFF;
  text-align: center;
}

.tableprogram>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ccc !important;
}
.tableprogram-bordered>tbody>tr>td, .tableprogram-bordered>tbody>tr>th, .tableprogram-bordered>tfoot>tr>td, .tableprogram-bordered>tfoot>tr>th, .tableprogram-bordered>thead>tr>td, .tableprogram-bordered>thead>tr>th {
    border-right: 5px solid #FFF;
	border-bottom: 1px solid #ccc !important;
}
.table>tbody>tr.red1>td, .table>tbody>tr.red1>th, .table>tbody>tr>td.red1, .table>tbody>tr>th.red1, .table>tfoot>tr.red1>td, .table>tfoot>tr.red1>th, .table>tfoot>tr>td.red1, .table>tfoot>tr>th.red1, .table>thead>tr.red1>td, .table>thead>tr.red1>th, .table>thead>tr>td.red1, .table>thead>tr>th.red1 {
    background-color: #f2dede;
}
.new td {
	background-color: #F5F5F5;
	color: #277FCA;
	text-align: center;
	font-size: 2em;
}
.new td span {
	font-size: .5em;
}

.tdcolor_red1 {
  background-color: #BF1942;
}
.tdcolor_red2 {
  background-color: #F1CBC7;
}
.tdcolor_red3 {
  background-color: #FCEEF5;
}
.tdcolor_green1 {
  background-color: #44B364;
}
.tdcolor_green2 {
  background-color: #9CD3A5;
}
.tdcolor_green3 {
  background-color: #CFE9D2;
}
.tdcolor_gray1 {
  background-color: #818386;
}
.tdcolor_blue1 {
  background-color: #277FCA;
}

div.outerscroll{
    width: 100%;
    overflow-x: scroll;
}
div.outerscroll::-webkit-scrollbar {
height: 10px;
}
 
div.outerscroll::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
div.outerscroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}

.line_title h3 {
    color: #000;
    line-height: 160%;
    border-bottom: 2px solid #00ACD3;
}

 .q_and_a p.p_q {
    font-weight: bold;
    text-indent: -2em;
    margin-bottom: 3px;
    padding-left: 2em;
}
.q_and_a p.p_a {
    text-indent: -2em;
    margin-bottom: 8px;
    padding-left: 2em;
}
.q_and_a_imgstyle {
  padding:0 0;
  margin:0 0 0 15px;
}
.q_and_a2 p.p_q {
   font-weight: bold;
   text-indent: -2em;
   margin-bottom: 20px;
   padding-left: 2em;
}
.q_and_a2 p.p_a {
   text-indent: -2em;
   margin-bottom: 20px;
   padding-left: 2em;
}

.q_and_a p.p_report_h {
	font-size: 18px;
    font-weight: bold;
	color: #000;
    line-height: 160%;
    border-bottom: 2px solid #00ACD3;
    margin-bottom: 10px;
}
.q_and_a p.p_report_a {
    margin-bottom: 20px;
}


p.indent1 {
    text-indent: -1em;
    padding-left: 1em;
}

.contactus_iconbox {
  height: 100px;
  text-align: center;
}

.lengthways_text{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
  text-align: center;
}

@media screen and (min-width:768px){
.contact-overlay {
    height: 85px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
    padding: 0 20px;
    opacity: .9;
    right: 0;
    margin: auto;
    width: 540px;
    -webkit-transform: translateX(290px);
    transform: translateX(290px)
  }

  .contact-overlay:hover {
    opacity: 1
  }

  .contact-overlay-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
  }

  .contact-overlay-menu.is-disabled {
    opacity: 0;
    pointer-events: none;
    background-color: transparent
  }

  .contact-overlay-menu>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 85px;
    font-size: 2rem;
    font-weight: 700;
    border: solid 1px #cecece;
    cursor: pointer
  }

  .contact-overlay-menu>a {
    position: relative
  }

  .contact-overlay-menu>a:after {
    content: '>';
    -webkit-transform: scaleX(.6);
    transform: scaleX(.6);
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-weight: 700;
    height: 18px
  }

  .contact-overlay-menu>a:after {
    color: #003894;
    right: 3px
  }

  .contact-overlay-menu>div {
    background-color: #f4a14a;
    color: #fff
  }

  .contact-overlay-menu>div span {
    font-weight: 700;
    font-size: 2.6rem;
    margin-left: 10px;
    width: 10px
  }

  .contact-overlay-body {
    background-color: #fff
  }

  .contact-overlay-body__tel {
    text-align: center;
    padding: 10px 0
  }

  .contact-overlay-body__tel img {
    width: 200px
  }

  .contact-overlay-body-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .contact-overlay-body-contact img {
    width: 100%;
    height: auto
  }

  .contact-overlay__close {
    position: absolute;
    right: 30px;
    top: 97px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    cursor: pointer
  }

  .contact-overlay__close img {
    width: 20px
  }

}

@media screen and (max-width: 750px){
 .contact-overlay {
    height: 50px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
    padding: 0 20px;
    opacity: .9;
	 width: 100%;

  }

  .contact-overlay-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
  }

  .contact-overlay-menu.is-disabled {
    opacity: 0;
    pointer-events: none;
    background-color: transparent
  }

  .contact-overlay-menu>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    border: solid 1px #cecece
  }

  .contact-overlay-menu>a {
    position: relative
  }

  .contact-overlay-menu>a:after {
    content: '>';
    -webkit-transform: scaleX(.6);
    transform: scaleX(.6);
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-weight: 700;
    height: 18px
  }

  .contact-overlay-menu>a:after {
    color: #003894;
    right: 3px
  }

  .contact-overlay-menu>div {
    background-color: #f4a14a;
    color: #fff;
  }

  .contact-overlay-menu>div span {
    font-weight: 700;
    font-size: 2rem;
    margin-left: 10px;
  }

  .contact-overlay-body {
    background-color: #fff;
		
  }

  .contact-overlay-body__tel {
    text-align: center;
    padding: 10px 0;
  }

  .contact-overlay-body__tel img {
    width: 200px;
  }

  .contact-overlay-body-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
	.contact-overlay-body-contact img {
		width: 100%;
	}

  .contact-overlay__close {
    position: absolute;
    right: 30px;
    top: 62px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px
  }

  .contact-overlay__close img {
    width: 12px
  }
}

.contact-overlay-menu>.individual:after { color: #fff; }
.contact-overlay-menu>a { color: #333; }
.contact-overlay-menu>a:after { right: 8px; font-size: 14px; height: 24px; }


.line_box {
	position: fixed;
	z-index: 10;
	bottom: 0;
	right: 0;
	padding: 15px 20px;
	background-color: #fff;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
	display: grid;
	grid-template-columns:50px 1fr;
	grid-gap: 10px;
	align-items: center;
}
.line_box .logo {
	width: 100%;
	max-width: 50px !important;
}
.line_box .logo img {
	width: 100%;
	max-width: 50px !important;
}


@media screen and (max-width:767px) {
  .contact-overlay-menu>.individual { line-height: 1.3; }
}


.m-panel-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px;-ms-flex-preferred-size:55%;flex-basis:55%}.m-panel-box>a{width:calc(50% - 10px);margin:5px;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:2rem;font-weight:700;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;min-height:250px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.m-panel-box>a span{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;font-size:3rem}.m-panel-box>a .m-panel-box__sup{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;font-size:1.4rem}.m-panel-box>a.\--arrow-r:after{-webkit-transform:scale(1,1.6);transform:scale(1,1.6);top:auto;bottom:10px;right:20px}.m-panel-box>a:hover{opacity:1;-webkit-transform:scale(1.03);transform:scale(1.03)}.m-panel-box>a:hover:after{text-decoration:none}.m-panel-box.\--side{margin:0 -5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-panel-box.\--side>a{width:calc(25% - 10px)}.m-panel-box.\--side .m-panel-box__bg div{width:100%}.m-panel-box.\--side .m-panel-box__bg div:first-child{margin-top:50px}.m-panel-box.\--side .m-panel-box__bg img{height:40px;width:auto}.m-panel-box.\--2col>a{min-height:200px}.m-panel-program.m-panel:before{width:100%;height:440px;top:0;bottom:0;left:0;margin:auto}.m-panel-program .m-panel-lead{-ms-flex-preferred-size:40%;flex-basis:40%;min-width:40%}.m-panel-program .m-panel-box{-ms-flex-preferred-size:60%;flex-basis:60%}.m-panel-program .m-panel-lead-inner{margin-top:420px}.m-panel-box,.m-panel-stairs-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-panel-box>a,.m-panel-stairs-box>a{width:calc(50% - 10px);margin:5px;background-size:cover;height:130px;display:block;position:relative;color:#fff}.m-panel-box>a.\--arrow-r:after,.m-panel-stairs-box>a.\--arrow-r:after{-webkit-transform:scale(1,1.6);transform:scale(1,1.6);top:auto;bottom:10px;right:10px}.m-panel-box__bg,.m-panel-stairs-box__bg{height:100%;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}

.c-middle-heading{font-weight:700}.c-middle-heading.\--lv1{font-size:3rem}.c-middle-heading.\--lv2{font-size:2rem}.c-middle-heading.\--line{position:relative;font-weight:700}.c-middle-heading.\--line>span{background:#fff;padding-right:15px;position:relative;z-index:1}.c-middle-heading.\--line:before{content:'';display:block;width:100%;height:2px;background:#333;position:absolute;left:0;top:0;bottom:0;margin:auto}.c-middle-heading.\--color-gray{color:#008CD6}.c-middle-heading.\--color-gray.\--line:before{background:#008CD6}

.m-profile{display:table;width:100%; margin: 10px auto 30px;}.m-profile__img{min-width:300px;width:300px;height:190px;overflow:hidden;display:table-cell}.m-profile-info{display:table-cell;vertical-align:middle;padding:0 15px}.m-profile-info__name{width:100%;font-size:2rem;font-weight:700}.m-profile-info__title{width:100%;margin-top:10px}.m-profile-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-profile-list .m-profile{width:50%}.m-profile-list .m-profile__img{width:230px;height:170px}

.c-btn-submit{background-color:#ff9700;color:#fff;padding:10px;width:280px;text-align:center;display:inline-block}.c-btn-submit:hover{opacity:1;background-color:#ffac33;color:#fff;text-decoration:none}


@media screen and (max-width:767px){
.m-panel-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-60px 20px}.m-panel-box>a{width:calc(50% - 10px);margin:5px;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:2rem;font-weight:700;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.m-panel-box>a span{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;font-size:1.6rem}.m-panel-box>a .m-panel-box__sup{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;font-size:1.4rem}.m-panel-box>a.\--arrow-r:after{-webkit-transform:scale(1,1.6);transform:scale(1,1.6);top:auto;bottom:10px;right:20px}.m-panel-box>a:hover{opacity:1;-webkit-transform:scale(1.03);transform:scale(1.03)}.m-panel-box>a:hover:after{text-decoration:none}.m-panel-box.\--side{margin:0 -5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-panel-box.\--side>a{width:calc(50% - 10px)}.m-panel-box.\--side .m-panel-box__bg div{width:100%}.m-panel-box.\--side .m-panel-box__bg div:first-child{margin-top:50px}.m-panel-box.\--side .m-panel-box__bg img{height:20px;width:auto}.m-panel-box.\--2col{display:block;margin:0}.m-panel-box.\--2col>a{min-height:140px;width:100%;margin:5px 0}.m-panel-program.m-panel:before{width:100%;height:440px;top:0;bottom:0;left:0;margin:auto}.m-panel-program .m-panel-lead{-ms-flex-preferred-size:40%;flex-basis:40%;min-width:40%}.m-panel-program .m-panel-box{-ms-flex-preferred-size:60%;flex-basis:60%}.m-panel-program .m-panel-lead-inner{margin-top:420px}.m-panel-box,.m-panel-stairs-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-panel-box>a,.m-panel-stairs-box>a{width:calc(50% - 10px);margin:5px;background-size:cover;height:130px;display:block;position:relative;color:#fff}.m-panel-box>a.\--arrow-r:after,.m-panel-stairs-box>a.\--arrow-r:after{-webkit-transform:scale(1,1.6);transform:scale(1,1.6);top:auto;bottom:10px;right:10px}.m-panel-box__bg,.m-panel-stairs-box__bg{height:100%;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}
	
.c-middle-heading{font-weight:700}.c-middle-heading.\--lv1{font-size:2.2rem}.c-middle-heading.\--lv2{font-size:1.6rem}.c-middle-heading.\--line{position:relative;font-weight:700}.c-middle-heading.\--line>span{background:#fff;padding-right:15px;position:relative;z-index:1}.c-middle-heading.\--line:before{content:'';display:block;width:100%;height:2px;background:#333;position:absolute;left:0;top:0;bottom:0;margin:auto}.c-middle-heading.\--color-gray{color:#008CD6}.c-middle-heading.\--color-gray.\--line:before{background:#008CD6}
	
.m-profile{display:table;width:100%}
.m-profile__img{display:block; text-align: center; margin: auto}
.m-profile-info{display: block;}
.m-profile-info__name{width:100%;font-size:2rem;font-weight:700}.m-profile-info__title{width:100%;margin-top:5px;font-size:1.2rem}.m-profile-list .m-profile{width:100%;margin-bottom:10px}.m-profile-list .m-profile__img{width:50%}
/*
.m-profile__img{min-width:150px;width:50%;height:85px;overflow:hidden;display:table-cell}
.m-profile-info{display:table-cell;vertical-align:middle;padding-left:10px}	
	*/
.c-btn-submit{background-color:#ff9700;color:#fff;padding:10px;width:280px;text-align:center;display:inline-block}.c-btn-submit:hover{opacity:1;background-color:#ffac33;color:#fff;text-decoration:none}
}