@charset "utf-8";
/* ------------------------------------------------------------ common */

/*.signal { padding: 0 0 20px!important;display: table-cell; margin: 5% 0 5% 0; background: #fff; text-align: center; height: auto!important; vertical-align: middle;}*/

.signal { padding: 0!important; vertical-align: middle;background: none!important;}
.signal img { height: auto; float:left; }
.signal p { width: 70%;
    float: left;
    padding: 35px 0 0!important;}
.signal:after{
    content: "";
    clear: both;
    display: block;
}

br.lp_none { display:  block; }

/*
#firstview { margin: 0 auto; position: relative;left: 50%;width: 3000px;margin-left: -1500px;}
#firstview img { width: 100%; height: auto;}
#firstview ul.bxslider li { height: 370px !important; overflow: hidden;background-size: cover;} 
#firstview ul.bxslider li.fv1 { background: url(../images/index/fv_00.jpg) no-repeat center center; background-size: cover; }
#firstview ul.bxslider li.fv2 { background: url(../images/index/fv_01.jpg) no-repeat center center; background-size: cover; }
#firstview ul.bxslider li.fv3 { background: url(../images/index/fv_02.jpg) no-repeat center center; background-size: cover; }
#firstview ul.bxslider li.fv4 { background: url(../images/index/fv_04.jpg?var=170908) no-repeat center center; background-size: cover; }


#firstview ul.bxslider li a:hover img{
    transform: scale(1.1, 1.1));
}
*/

a .img{    width: 100%;overflow: hidden; margin: 0;}
.bx-wrapper .bx-viewport:before{
	right: 100%;
    left: -100%;
}
.bx-wrapper .bx-viewport:after{
	left: 100%;
    right: -100%;
}
.bx-wrapper .bx-viewport:before, .bx-viewport:before, .bx-wrapper .bx-viewport:before, .bx-viewport:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    background-color: rgba(0,20,56,0.4);
    z-index: 1;
}

.bxslider li a:hover img {
    transform: scale(1.01, 1.01);
}

.bx-wrapper .bx-prev {
    left: 50%!important;
    margin-left: -480px;
}
.bx-wrapper .bx-next {
	right: 50%!important;
    margin-right: -480px;
}

.bxslider3 {
	overflow: hidden;
  background: #f8f8f8;
}
.bxslider3 .bxslider {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}
.bxslider3 ul li figure{
  margin:0;
}
.bxslider3 ul li img {
	width: 100%;
	height: auto;
}
.bxslider3 ul li.active {
	opacity: 1;
}
.bxslider3 .bx-viewport {
	overflow: visible !important;
}

.js-menu__item__link1,.js-menu__item__link2,.js-menu__item__link3,.js-menu__item__link4 {color: #fff!important; font-size: 18px;font-weight: bold;display: block;width: 100%;}

.js-menu__item__link1:after,.js-menu__item__link2:after,.js-menu__item__link3:after,.js-menu__item__link4:after {
  content: "";
  transition: all 0.2s ease-in-out;
  display: table-cell;
  width: 15px;
    height: 15px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(135deg);
  float: right;
  margin: 3px 15px;
}
.js-menu__item__link1.open:after,.js-menu__item__link2.open:after,.js-menu__item__link3.open:after {
  transform: rotate(-45deg);
  margin: 12px 15px 0 0;
}

/*
#free_consult { clear: both;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:2%!important;margin: 0 0 30px;color:#fff;background-color:#ff999a;border-radius:30px;height: auto!important;}
#free_consult p{font-size:24px!important;}
#free_consult .consult_tel {color: #efff00; font-weight: bold;float: left;padding: 0 1%;}
#free_consult .consult_num a {color: #fff;padding: 0 1% 0 0;}
#free_consult .consult_notice {font-size: 14px!important;color: #2f2f2f;clear: both;}
#free_consult .consult_mail { font-weight: bold;float: left;padding: 1.8% 1%;font-size: 18px!important;}
#free_consult .consult_address a {font-size: 18px!important; color: #fff; vertical-align: middle;}
#free_consult .consult_address i {padding: 2% 1%; vertical-align: middle;}
*/
#free_consult { clear: both;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:2%!important;margin: 0 0 30px;color:#fff;background-color:#ff999a;border-radius:30px;height: auto!important;}

#free_consult table.main_content {width: 100%;vertical-align: middle;font-size: 18px;color: #fff;text-align: left;}
#free_consult table.main_content tr td:first-child{width: 245px;padding: 0 1%;}
#free_consult table.main_content tr:nth-child(3){height: 60px;}

#free_consult .consult_tel {color: #efff00; font-weight: bold;font-size: 24px;}
#free_consult .consult_num {font-size: 24px;}
#free_consult .consult_num a {color: #fff;font-size: 24px;}
#free_consult .consult_notice {font-size: 14px!important; text-align: center;color: #2f2f2f;}
#free_consult .consult_notice span {font-weight: bold;text-decoration: underline;}
#free_consult .consult_mail { font-weight: bold;font-size: 18px!important;}
#free_consult .consult_address a {font-size: 18px!important;  color: #fff; padding-left: 5px;}
#free_consult .consult_address i {font-size: 24px!important;vertical-align: middle;}

#free_consult table.eigyo {font-size: 14px;width: 100%;color: #fff;text-align: left;vertical-align: middle;}
#free_consult table.eigyo tr td:first-child{width: 70px;padding: 0 0 0 1%;}
/*
#consultation p { font-size: 16px;}
#consultation p a { clear:both;display: block; width: 260px; height: 38px; color: #fff; font-size: 14px; background: url(../images/index/btn_00.png) no-repeat; line-height: 38px; text-align: center; margin: 0 auto 20px auto; }
*/
#view {  }
#view h2 { padding: 40px 0; line-height: 120%; text-align: left; width: 950px;}
#view h2 small { font-size: 18px; display: block; font-weight: normal; color: #0e618e; }

#calender div { padding: 3% 5%; }
#calender div div { padding: 0;}
#calender table { border-left: 1px solid #9fcee7; border-top: 1px solid #9fcee7; width: 567px; margin: 0 auto 30px; }
#calender th { background: #0073bf; color:#fff; border-bottom: 1px solid #9fcee7; border-right: 1px solid #9fcee7; font-size: 16px; font-weight: bold; padding: 10px 0;}
#calender th.date { width: 152px; }
#calender th.day { width:　140px ; color: #ffffff; background: #002060;border-bottom: 1px solid #9fcee7;border-right: 1px solid #ffffff;}
#calender th.day:last-child { width:　141px ;border-right: 1px solid #9fcee7;}
#calender th.seminar { width: 415px; }
#calender td { border-bottom: 1px solid #9fcee7; border-right: 1px solid #9fcee7; font-size: 16px; padding: 10px; }
#calender td.dates { background: #ccebff;text-align: right;}
#calender td span { color: #ea0610; }
#calender td a { text-decoration: underline ; }
#calender h4 { font-size: 16px; padding: 0 0 30px;}
#calender p { font-size: 16px; }
#calender p.center { text-align: center; }
#calender p.center img {width:60%;}

#seminar{ table-layout: fixed;}
#seminar td{ text-align: center;}
/*
#index_top div{ padding: 5%; height: 500px;clear: both;}

#index {  padding: 0!important;height: auto!important }
#index span.left{ font-size: 25px;
    padding: 15px 10px 15px 10px;
    float: left;}
#index span.right{ width: 80%;padding-top: 7px;float: left;text-align: left;font-weight: bold;}
#index span.right_single{ width: 80%;padding-top: 18px;float: left; text-align: left;font-weight: bold;}
#index p {float: left; width:33%;margin: 10px auto;}
#index p a { display: block; width: 260px; height: 58px; color: #0073bf; font-size: 14px;  text-align: center; margin: 0 auto 20px auto; font-weight:bold; vertical-align: middle;
    text-decoration:none;
    padding:8px 0 10px;
    background-color:#ccebff;
    border-radius:5px;
    box-shadow:4px 4px #1a6ea0;}
*/
#index:after{content: "";clear: both;display: block;}
#index_top div{ padding: 5% 5% 4%; clear: both;}
#index {  padding: 0!important;height: auto!important }
#index span.left{     display: table-cell;vertical-align: middle;font-size: 25px;padding: 0 10px;}
#index span.right{ display: table-cell;vertical-align: middle;text-align: left;font-weight: bold;}
#index p {float: left; width:33%;text-align: center;}
#index p a { display: inline-table; width: 260px; height: 68px; color: #0073bf; font-size: 14px;  text-align: center; margin: 0 auto 20px auto; font-weight:bold; vertical-align: middle;
    text-decoration:none;
    background-color:#ccebff;
    border-radius:5px;
    box-shadow:4px 4px #1a6ea0;}

div.submenu1,div.submenu2,div.submenu3,div.submenu4 { display: none;}

#telfin {  }
#telfin div { padding: 3% 5%;
    margin-bottom: 3%;
    background-color: #eafdea;
    background-image: url("../images/index/telfin_02.png");
    background-position: right top;
    background-repeat: no-repeat;}
#telfin div.arrow-right {background:none!important;padding: 0% 5% 3%;margin: 0;}
#telfin div div {margin: 0;}
#telfin h4 { font-size: 16px; font-weight: bold;}
#telfin h4 .red b {font-size: 48px;line-height: 130%;}
#telfin h4 .red {font-size: 32px;}
#telfin p {font-size: 18px;}
#telfin div.arrow-right > p:first-child {padding-bottom: 32px!important;}
#telfin .arrow-right p.red { font-size: 16px; font-weight:normal; }
#telfin .red {font-size: 22px;font-weight:bold;}
#telfin .arrow-right p a {
    width: 400px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 102, 0);
    border-radius: 3rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    padding: 5px 15px;
    text-decoration: none;
}
#telfin .arrow-right p a.mail{background-color: rgb(0, 176, 80);}
#telfin .arrow-right p a.zoom{background-color: #a6a6a6;}
#telfin .arrow-right p a.normal {
    color: #5480d7;
    background-color: unset;
    width: auto;
    font-size: 16px;
    margin: 0;
    font-weight: normal;
}


#telfin div span.right {
    width: 350px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
}
#telfin div span.right span {font-size: 18px;}
#telfin div span.left {
    display: table-cell;
    vertical-align: middle;
    font-size: 32px;
    padding: 10px 0px;
}
#telfin div span.left i{
    color: rgb(255 102 0);
    background-color: rgb(255 255 255);
    border-radius: 25px;
    padding: 5px;
    font-size: 20px;
}
#workshop {  }
#workshop div { padding: 3% 5%;}
#workshop h4 { font-size: 16px; font-weight: bold;}
#workshop p {font-size: 16px;}
#workshop p a { display: block; width: 260px; height: 38px; color: #fff; font-size: 14px; background: url(../images/index/btn_00.png) no-repeat; line-height: 38px; text-align: center; margin: 0 auto; }

#apply { clear:both; }
#apply div { padding: 3% 5%; }
#apply div div { padding: 0; }
#apply h4 { font-size: 16px; font-weight: bold;padding: 0 0 30px; text-align: center;}
#apply p { font-size: 16px;padding: 0 0 30px;}

#top { background: #fff; padding: 30px; border: 1px #d2d2d2 solid;}
#top h3 { font-size:28px; border-bottom: 5px solid #ececec;}
#top p { font-size: 16px; padding: 20px 0 0 0;}

#about ul { padding: 10px; }
#about ul li { background: #f8f8f8 url(../images/common/icn_04.png) no-repeat 10px 16px; border: 1px solid #cbcbcb; padding: 10px 10px 10px 35px; font-size: 14px;}
#about ul li:first-child { margin: 0 0 10px 0; }
#about ul li h4 { color: #0085ce; font-weight: bold; font-size: 18px; padding: 0 0 5px; }
#about ul li h4 a { color: #0085ce; font-weight: bold; font-size: 18px; padding: 0 0 5px; }
#about ul li h4 a:hover { color: #efb842; }

#theme ul { padding: 10px 0 20px 10px; }
#theme ul li { width: 186px; height: 127px; float: left; margin: 8px;}
#theme ul a { display: block; width: 186px; height: 117px; padding: 10px 0 0 0; text-align: center; background: url(../images/index/pat.gif) repeat; border: 2px solid #9fcee7; border-radius: 10px; }
#theme ul a span { display: block; font-size: 16px; color: #007abd; font-weight: bold; line-height: 120%; padding: 10px 0 0 ; }

#news { padding: 0 0 20px; }
#news dl { width: 570px; margin: 0 auto; }
#news dl dt { background: url(../images/common/icn_05.gif) no-repeat 0 25px; padding: 20px 0 0 13px; width: 142px; float: left; font-size: 14px; } 
#news dl dd { padding: 20px 0 20px 155px; background: url(../images/common/dot.gif) bottom no-repeat; font-size: 14px; }
#news dl dd a { font-size: 14px; text-decoration: underline; }
#news dl .red { color: #ff0000; font-size: 16px; display: inline-block; }
#news dl .blue {font-size: 12px; display: inline-block; color: #fff; background: #5480d7; padding: 0 5px; border-radius: 6px;   }
#news dl .through { text-decoration: line-through; }

#auxiliary .cfx { padding: 30px; }
#auxiliary div div {width:  33.3%; float: left;margin: 10px auto;text-align: center;}
#auxiliary ul {background: #fff;
    border: 1px solid #cbcbcb;padding: 5px 10px;
    text-align: center;
    margin-bottom: 10px;}
#auxiliary ul li{ padding: 8px 0;}

.blackb { color: #000; font-weight: bold;font-size: 16px;} 
.blue_bold { color: #007abd; font-weight:  bold;} 
.red { color: #ff0000;}
.orange { color: #ff6014;}
.small { font-size: 12px; }
.middle { font-size: 18px; }
.big { font-size: 20px; }
.bold { font-weight: bold; }

/* ------------------------------------------------------------ questionnaire */

#consultation div { padding: 3% 5% 3% 5%; }
#consultation div div { padding: 0; }
#consultation div p {font-size: 16px;padding: 0 0 30px;}

#questionnaire { padding: 0!important; margin: 5% 0 0 0; border: 1px solid #cbcbcb;}
#questionnaire h3 { display: block;font-size: 18px; font-weight: bold; color: #fff; background: url(../images/common/bg_04.gif) repeat-x; height: 48px; line-height: 48px; padding: 0 0 0 20px;}
#questionnaire div { padding: 0; }
#questionnaire table { width:94%; margin: 20px auto; text-align: left; }
#questionnaire table tr { border-bottom: 1px solid #dadada; }
#questionnaire table tr th,
#questionnaire table tr td { font-size: 14px; text-align: left;  }
#questionnaire table tr td { padding: 12px 10px; width: 40%; }
#questionnaire table tr th { font-weight: bold; width: 55%; /*padding: 12px 0px; */}
#questionnaire table tr th.no { width: 5%; }
#questionnaire table tr td input[type="text"] { border: none; background: #f1f1f1; padding: 5px; box-sizing: border-box; width: 100%;
	border-radius: 0; 
	appearance: none; -webkit-appearance: none;
}
#questionnaire table tr td label { line-height: 17px; height: 17px; display: inline-block; }
#questionnaire table tr td label input { vertical-align: top; }
#questionnaire p.btn { padding: 10px 0 40px; text-align: center; }
#questionnaire p.btn a,
#questionnaire p.btn span { overflow: hidden; width: 42%; background: #4F81BD; vertical-align: top; margin: 0 5px; color: #fff; font-size: 17px; height: 45px; line-height: 45px;
	display: inline-block; cursor: pointer;
} 
#questionnaire table tr td select { max-width: 122px; }
#questionnaire span.red { font-size: 13px; padding: 3px 0 0; display: block; }

/* ------------------------------------------------------------ slowgun */

/* ------------------------------------------------------------ media query */

@media only screen and (max-width:640px){

.signal p { float:none; padding: 30px 0 0!important; width: 100%;}
.signal img { width:  25%; display: block;height: auto; float:none; padding-top: 30px;margin: 0 auto;}
.signal img.sp_none,br.sp_none { display:  none; }

br.lp_none { display:  none; }

#index_top div {height: auto!important;}

.bx-wrapper .bx-prev {
    left: 50%!important;
    margin-left: -50%;
}
.bx-wrapper .bx-next {
	right: 50%!important;
    margin-right: -50%;
}
.bxslider3 .bx-viewport {
	overflow: hidden !important;
}

#free_consult {padding: 0!important;}
#free_consult table.main_content {width: 90%; margin: 2% auto 3%; text-align: center;}
#free_consult table.main_content tr td { display: block; width: 100%;text-align: center;}
#free_consult table.main_content tr td:first-child { width: auto; padding: 3% 0 0 0;}

#free_consult p {font-size: 20px!important;}
#free_consult .consult_tel{ }
#free_consult .consult_num{font-weight: bold;}
#free_consult .consult_notice{font-size: 12px!important;}
#free_consult .consult_notice_2{font-size: 12px!important;}
#free_consult .consult_mail{}
#free_consult .consult_address {}

#free_consult table.eigyo {width: 90%; margin: 0 auto 5%; }
#free_consult table.eigyo tr td { text-align: left;}
#free_consult table.eigyo tr td:first-child { text-decoration: underline;}


#index div {height: auto;}
#index p {width: 50%;margin: 0;}
#index p a { width:95%;margin: 0 auto 10px;}
#index span.right {    padding-right: 10px;}

/*
#index p a { display: contents;font-size: 16px;text-decoration: none;text-align:left; width: 100%;height: auto; background:none; box-shadow: none; border-radius: none; color: #000;padding: 0;}
#index span.left { width: 8%;vertical-align: top;font-size:14px; display: inline-block;height: auto; float: none;color: #0674bc;}
#index span.right { width: 82%; display: inline-block; float: none;    font-weight: normal;padding-top: 9px;text-decoration: underline;}
#index span.right_single { width: 82%; display: inline-block; float: none; font-weight: normal;padding-top: 9px;text-decoration: underline;}
*/


br.br_index{display: none;}

ul.cp_list {
	list-style: none;
	font-size: 15px;
}
ul.cp_list li {
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	margin-bottom:5px;
	border-bottom: 1px solid rgba(255,143,0,1);
}
ul.cp_list li:after,
ul.cp_list li:before {
	content:'';
	position: absolute;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.7em;
	left: 0.2em;
	width: 12px;
	height: 12px;
	border:2px solid rgba(255,143,0,1);
}
ul.cp_list li:after {
	top: 0.9em;
	left: 0.7em;
	width: 14px;
	height: 14px;
	background: rgba(255,143,0,0.5);
	transform: rotate(60deg);
}

#view { background: url(../images/common/bg_00.jpg) no-repeat center center #00020e; background-size: cover; height: 170px; }
#view h2 { line-height: 24px; padding: 0px 5%; text-align: left; width: 90%; }
#view h2 small { font-size: 14px; }


#theme ul { padding: 3%; }
#theme ul li { width: 48%; height: 100px; float: left; padding: 1%; margin: 0;}
#theme ul a { display: block; width: 100%; height: 100px; padding: 10px 0 0 0; text-align: center; background: url(../images/index/pat.gif) repeat; border: 2px solid #9fcee7; border-radius: 10px; box-sizing: border-box;}
#theme ul a img { width: 50px; height: auto; }
#theme ul a span { display: block; font-size: 14px; color: #007abd; font-weight: bold; line-height: 120%; padding: 10px 0 0 ; }

#calender div { padding: 35px 0; }
#calender table { border-left: 1px solid #9fcee7; border-top: 1px solid #9fcee7; width: 96%; margin: 0 auto 30px; }
#calender th { font-size: 14px; }
#calender th.date { width: 130px; }
#calender th.seminar { width: inherit; }
#calender td { border-bottom: 1px solid #9fcee7; border-right: 1px solid #9fcee7; font-size: 14px; padding: 10px; }
#calender td span { color: #ea0610; }
#calender td a { text-decoration: underline ; }
#calender p.center img {width:90%;}

#top { padding: 30px 5%; }
#top h3 { font-size: 26px; }

#news dl { width: 90%; font-size: 14px; padding: 0 5%; }
#news dl dt { background: url(../images/common/icn_05.gif) no-repeat 0 25px; padding: 20px 0 0 13px; width: auto; float: none; } 
#news dl dd { padding: 0; }
#news dl dd a { color: #5480d7; font-size: 16px; text-decoration: underline;}


#auxiliary .cfx { padding: 10% 3%; }
#auxiliary a { display: block; width: 100%; float: inherit; text-align: center; padding: 0 0 20px;}
#auxiliary a img { height: auto; }
#auxiliary div div {padding: 0 2%;width: 96%;margin: 0;}
#auxiliary div div:first-child {padding-top: 0;}

#questionnaire table tr th.no { display: table-cell; width: 10%; vertical-align: top; }
#questionnaire table tr th { display: block; width: 100%; padding: 10px 0 0; }
#questionnaire table tr td { display: block; width: 100%; box-sizing: border-box; padding: 12px 0; }
#questionnaire p.btn{padding: 10px 0 20px;}
#questionnaire p.btn a, #questionnaire p.btn span{width: 80%;margin: 0 0 10px;}

#telfin {  }
#telfin div { padding: 3% 5%;background: #d7ffd7;}
#telfin div div {background:none!important;padding:0;}
#telfin div span.right {width: 100%;font-size: 18px;}
#telfin div span.right span {font-size: 16px;}
#telfin h4 { font-size: 16px; font-weight: bold;}
#telfin h4 .red b {font-size: 24px;line-height: 100%;}
#telfin h4 .red {font-size: 24px;}
#telfin p {font-size: 16px;}
#telfin .arrow-right p a {
    width: 90%;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 102, 0);
    border-radius: 3rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding: 15px;text-decoration: none;margin: 0;
}

#telfin .red {font-size: 20px;}
}