@charset "UTF-8";

@font-face {
    font-family: 'NotoSansCJKjp-Thin';
    src: url('../web_font_woff/NotoSansCJKjp-Thin.woff'),url('./web_font_eot/NotoSansCJKjp-Thin.eot');
}

@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url('../web_font_woff/NotoSansCJKjp-Regular.woff'),url('./web_font_eot/NotoSansCJKjp-Regular.eot');
}

@font-face {
    font-family: 'NotoSansCJKjp-Light';
    src: url('../web_font_woff/NotoSansCJKjp-Light.woff'),url('./web_font_eot/NotoSansCJKjp-Light.eot');
}

@font-face {
    font-family: 'NotoSansCJKjp-Bold';
    src: url('../web_font_woff/NotoSansCJKjp-Bold.woff'),url('./web_font_eot/NotoSansCJKjp-Bold.eot');
}

@font-face {
    font-family: 'NotoSansCJKjp-Black.woff';
    src: url('../web_font_woff/NotoSansCJKjp-Black.woff'),url('./web_font_eot/NotoSansCJKjp-Black.eot');
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	margin: 0 auto;
	letter-spacing: 0.1em;
	color: #353b50;
	min-width: 1124px;
	max-width: 1800px;
	overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
	display: block;
}

audio,
canvas,
progress,
video{
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
}

a:active,
a:hover{
	outline: 0;
}

b,
strong{
	font-weight: bold;
}

img{
	border: 0;
}

button,
input,
optgroup,
select,
textarea{
	margin: 0;
	color: inherit;
	font: inherit;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

legend{
	padding: 0;
	border: 0;
}

textarea{
	overflow: auto;
}

html{
	overflow-y: scroll;
}

body{
	font-family: 'NotoSansCJKjp-Regular';
}

a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #353b50;
	text-decoration: none;
}

a:hover,
a:active,
a:focus{
	text-decoration: underline;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div{
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	height: auto;
	max-width: 100%;
}

img{
	max-width: none\9;/*IE8への対応*/
}

html:not(:target) img{
    max-width: 100%; /*IE9以上への対応*/
}

p{
	margin: 0;
}

ul,
ol{
	margin-left: 40px;
	padding-left: 0;
}

li{
	margin-bottom: 0.5em;
}

.breadcrumbs-in{
	box-sizing: border-box;
    font-size: 14px;
    margin: 0 auto;
    padding: 0 0 0 130px;
    position: relative;
    width: 1124px;
}

.breadcrumbs-in:after{
	content: "";
	height: 40px;
	width: 1000px;
	background: #448aff;
	position: absolute;
	top: 0;
	left: -1000px;
}

.no-gn .breadcrumbs-in{
	margin-top: 0;
}

.breadcrumbs-in a{
	color: #fff;
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{
	color: #fff;
	text-decoration: none;
}

.breadcrumbs-in li{
	display: inline-block;
	list-style: none;
	position: relative;
    margin-right: 15px;
    padding: 8px 15px 10px 0;
	margin-bottom: 0;
	height: 40px;
	box-sizing: border-box;
}

.breadcrumbs-in li.bcl-first:before{
	background: rgba(0, 0, 0, 0) url("../images/icon/icon-home-brc.png") no-repeat scroll 0 0 / 20px auto;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 20px;
}

.breadcrumbs-in li.bcl-first{
	background: rgba(0, 0, 0, 0) url("../images/common/bcl-first-bg.png") no-repeat scroll right center;
    left: 0;
    padding-left: 32px;
    position: absolute;
    top: 0;
    width: 110px;
    z-index: 2;
}

.breadcrumbs-in li.bcl-second{
	background: rgba(0, 0, 0, 0) url("../images/common/bcl-second-bg.png") no-repeat scroll right center;
  margin-left: -40px;
  padding-left: 30px;
  padding-right: 30px;
}

.breadcrumbs-in li.bcl-last{
	background: none;
}

.breadcrumbs-in li.bcl-last:before{
	content: none;
}

.main-conts{
	line-height: 1.8;
}

/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 40px;
	bottom: 120px;
	z-index: 999;
	line-height: 1.2;
	margin-bottom: 0;
}

#hamburger {
    display: none;
}

/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

/*---------------------------------------------------------------------
----------------------------------------------------------------------*/

.breadcrumbs{
	background: #1563d5;
	color: #fff;
	height: 40px;
}

.site-header{
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}

.global-nav-in,.site-header-in,.in-cont,.site-footer-in{
	width: 1124px;
	margin: 0 auto;
}

.head_logo{
	width: 185px;
	float: left;
}

.site-header-in{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.header_logo_wrap{
    margin: 10px 0 0;
    overflow: hidden;
    width: 42%;
}

.header_logo_wrap p{
	display: inline-block;
    font-size: 12px;
    margin: 38px 20px 0;
}

.header_logo_wrap h1{
  display: inline-block;
    font-size: 12px;
    margin: 38px 20px 0;
}

.header_tel-wrap{
	width: 21%;
	border-left: 2px solid #c5d8f5;
	border-right: 2px solid #c5d8f5;
	box-sizing: border-box;
	text-align: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.header_tel-wrap img{
	width: 177px;
	display: block;
	margin: 0 auto;
}

.header_tel-wrap span{
	font-size: 9px;
	display: block;
	font-family: 'NotoSansCJKjp-Thin';
	color: #1563d5;
	margin-top: 6px;
}

.header_link_wrap{
	width: 37%;
}

.header_link_wrap ul{
	display: inline-block;
    margin: 15px 0 0 31px;
    padding: 0;
}

.header_link_wrap ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.header_link_wrap ul li a{
	color: #353b50;
	text-decoration: none;
}

.header_link_wrap ul li a:hover{
	text-decoration: underline;
}

.header_link_bt{
	color: #fff;
	text-decoration: none;
	background: #1563d5;
	display: inline-block;
	height: 100%;
	float: right;
	margin-left: 4px;
	text-align: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	font-family: 'NotoSansCJKjp-Bold';
	font-size: 14px;
	padding: 0 25px;
}

.header_link_bt:hover{
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
}

#menu{
	margin: 0;
	padding:0;
	height: 70px;
}

#menu li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 25px 20px;
	position: relative;
}

#menu li ul{
    left: 20px;
    margin: 0;
    position: absolute;
    top: 60px;
    display: none;
    z-index: 999;
}

#menu li ul li{
	padding: 12px 4px!important;
	background: #1563d5;
	margin-bottom: 4px;
	width: 230px;
}

#menu li a{
	color: #1563d5;
	text-decoration: none;
	font-size: 13px;
	display: block;
	text-align: center;
	font-family: 'NotoSansCJKjp-Bold';
}

#menu li a:hover{
	opacity: 0.7;
}

#menu li ul li a{
	color: #fff;
}

#menu li ul li:hover{
	opacity: 0.7;
}

#menu li:first-child {
  padding-left: 0;
}

#menu li:last-child {
  padding-right: 0;
}

.copyright{
	background: #303f9f;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}

.copyright p{
	margin: 0;
	font-size: 12px;
	font-family: 'NotoSansCJKjp-Thin';
}

.site-footer h3{
	font-family: 'Roboto', sans-serif;
	color: #1563d5;
	margin: 0 0 30px;
}

.footer-box1{
	width: 30%;
	float: left;
	padding: 30px 0 0;
}

.footer-box2{
	width: 25%;
	float: left;
	padding: 30px 0 0;
}

.footer-box3{
	width: 45%;
	float: left;
}

.footer-box3 span{
	display: block;
	margin: 20px 0 5px;
	font-size: 16px;
}
.footer-box3 p{
	font-size: 14px;
	margin: 0 0 25px;
	font-family: 'NotoSansCJKjp-Thin';
}

.site-footer-in{
	overflow: hidden;
	padding: 60px 0 80px;
}

.site-footer-in ul{
	margin: 0;
	padding: 0;
}

.site-footer-in ul li{
	list-style: none;
	margin: 0 0 5px;
}

.site-footer-in ul li a{
	font-size: 14px;
	color: #353b50;
	text-decoration: none;
}

.site-footer-in ul li a:hover{
	text-decoration: underline;
}

.footer_logo{
	width: 197px;
}

.footer_bn{
	width: 500px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.footer_bn:hover{
	opacity: 0.7;
}

#top_mv{
	height: 550px;
	position: relative;
}

.top_mv_bg{
	background: rgba(0, 0, 0, 0) url("../images/top/mv-bg.jpg") no-repeat scroll 0 0 / cover ;
    float: right;
    height: 100%;
    width: 64%;
	background-position: center center;
}

.top_mv_text1{
	background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 54px;
    font-style: italic;
    letter-spacing: 9px;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 10px 30px;
}

.top_mv_text2{
	background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-family: "NotoSansCJKjp-Thin";
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.8;
    padding: 8px 10px 8px 32px;
    margin-top: 15px;
}

.top_mv_text{
	position: absolute;
    right: 36%;
    top: 90px;
    width: 770px;
}

.top_title{
	font-size: 31px;
	color: #1563d5;
	font-family: 'Roboto', sans-serif;
}

#top_seminar{
	padding: 60px 0;
}

#top_seminar .in-cont{
	position: relative;
}

.top_seminar_list_link{
	color: #353b50;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 14px;
    left: 210px;
    position: absolute;
    text-decoration: none;
    top: 8px;
}

.top_seminar_list_link:hover{
	text-decoration: underline;
}

#top_seminar_list{
	margin: 0;
	padding: 30px 0;
	overflow: hidden;
}

#top_seminar_list li{
	margin: 0 34px;
	padding: 0;
	float: left;
	list-style: none;
	width: 230px;
}

#top_seminar_list li:first-child {
  margin-left: 0;
}

#top_seminar_list li:last-child {
  margin-right: 0;
}

.top_seminar_list_iwrap{
	margin: 0 0 15px;
    overflow: hidden;
    position: relative;
}

.top_seminar_list_iwrap div{
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
}

.lavel{
	background: #303f9f none repeat scroll 0 0;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    color: #FFF;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2.5px 5px;
}

.top_seminar_list_text1{
	color: #303f9f;
	font-size: 15px;
	margin: 0 0 5px;
	font-family: 'NotoSansCJKjp-Bold';
}

.top_seminar_list_text2{
	font-size: 14px;
	margin: 0 0 5px;
}

#top_seminar_list li strong{
	font-family: "NotoSansCJKjp-Bold";
    font-size: 14px;
    height: 6em;
    margin: 0 0 10px;
}

#top_feature{
	background: #f2f2f2;
	padding: 60px 0;
}

#top_feature h3{
	font-size: 31px;
	font-family: "NotoSansCJKjp-Thin";
	margin: 0 0 40px;
}

.top_feature_in{
	display: flex;
	flex-wrap: wrap;
}

.top_feature_in .left{
	width: 50%;
	padding: 0 30px 0 0;
	box-sizing: border-box;
}

.top_feature_iwrap{
	position: relative;
}

.top_feature_iwrap span{
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background: rgba(130,200,52,0.9);
	color: #fff;
	font-size: 17px;
	padding: 20px 0;
}

.top_feature_in .left .top_feature_iwrap span{
	background: rgba(130,200,52,0.9);
}

.top_feature_in .right .top_feature_iwrap span{
	background: rgba(56,167,225,0.9);
}

.top_feature_in .right{
	width: 50%;
	padding: 0 0 0 30px;
	box-sizing: border-box;
}

.top_feature_in p{
	background: rgba(0, 0, 0, 0) url("../images/top/top_feature_arrow.png") no-repeat scroll 470px 10px / 32px auto;
    font-size: 14px;
    margin: 20px 0;
}

.top_feature_in p span{
	display: block;
	font-size: 20px;
	margin: 5px 0 0;
	font-family: 'NotoSansCJKjp-Bold';
}

#top_post{
	overflow: hidden;
	padding: 150px 0 60px;
}

.top_post-in{
	height: 400px;
	position: relative;
}

.top_post-in:after{
	background: #303f9f none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 220px;
    width: 2000px;
}

.top_post-in ul{
	margin: 0;
    overflow: hidden;
    padding: 0 0 0 298px;
    position: relative;
    z-index: 99;
}

.top_post-in ul li{
	width: 230px;
	float: left;
	list-style: none;
	margin: 0 34px;
	padding: 0;
}

.top_post_img1{
	width: 223px;
	position: absolute;
	top: 90px;
	left: 0;
}

.top_post_link{
	bottom: 120px;
    color: #353b50;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 14px;
    left: 0;
    position: absolute;
    z-index: 99;
}

.top_post_link:hover{
	text-decoration: underline;
}

.top_post-in ul li:first-child {
  margin-left: 0;
}

.top_post-in ul li:last-child {
  margin-right: 0;
}

.top_post_iwrap{
	position: relative;
}

.top_post_iwrap span{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background: #1563d5;
	text-align: center;
	padding: 4px 12px;
	font-size: 12px;
}

.top_post-in ul li strong{
	font-family: "NotoSansCJKjp-Bold";
    font-size: 14px;
    line-height: 20px;
    margin: 25px 0;
}

.top_post-in ul li strong a{
  font-size: 14px;
  line-height: 20px;
}

.top_post_text1{
	font-size: 12px;
	font-family: "NotoSansCJKjp-Thin";
}

#top_philosophy{
	background: rgba(0, 0, 0, 0) url("../images/top/top_philosophy_bg.jpg") no-repeat scroll center center / cover ;
    box-sizing: border-box;
    padding: 90px 0 ;
}

#top_philosophy h2{
	text-align: center;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 31px;
	margin: 0 0 30px;
}

#top_philosophy h3{
	font-size: 32px;
	font-family: "NotoSansCJKjp-Thin";
	margin: 0 0 40px;
	text-align: center;
	color: #fff;
}

.top_philosophy_in{
	display: flex;
	flex-wrap: wrap;
}

.top_philosophy_in .box1,.top_philosophy_in .box2,.top_philosophy_in .box3{
	flex:1;
	color: #fff;
}

.top_philosophy_in .box2{
	padding: 30px 0 0 0;
}

.top_philosophy_in .box3{
	padding: 60px 0 0 0;
}

.top_philosophy_linkbox{
	padding: 40px 0 0;
    text-align: center;
}

.top_philosophy_num{
	position: relative;
	padding: 15px 20px 0 100px;
	font-size: 14px;
}

.top_philosophy_num:before{
	bottom: 6px;
    color: #1563d5;
    font-family: "Roboto",sans-serif;
    font-size: 76px;
    left: 32px;
    position: absolute;
}

.num1:before{
	content: "1";
}

.num2:before{
	content: "2";
}

.num3:before{
	content: "3";
}

.num4:before{
	content: "4";
}

.num5:before{
	content: "5";
}

.top_bdw-link{
	border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 14px 0;
    width: 200px;
    text-align: center;
}

.top_bdw-link:hover{
	text-decoration: none;
	background: #fff;
	color: #1563d5;
}

#top_program{
	padding: 90px 0;
	overflow: hidden;
}

.owl-nav{
	display: block!important;
}

#top_trainer_slide{
	color: #fff;
	text-align: center;
	margin-bottom: 60px
}

.owl-carousel .owl-item{
	padding: 0 20px;
	box-sizing: border-box;
}

.top_trainer_text1{
	font-size: 16px;
	font-family: "NotoSansCJKjp-Bold";
	display: block;
	margin: 20px 0 5px;
}

.top_trainer_text2{
	font-size: 12px;
	display: block;
}

#top_trainer .top_title_midd{
	color: #fff;
}

#top_trainer{
	background: rgba(0, 0, 0, 0) url("../images/top/top_trainer_bg.jpg") no-repeat scroll center center / cover ;
    box-sizing: border-box;
    padding: 120px 0 90px;
}

.top_title_midd{
	font-size: 31px;
	margin: 0 0 30px;
	font-family: "NotoSansCJKjp-Thin";
}

.top_program_in{
	display: flex;
	flex-wrap: wrap;
	padding: 60px 0 10px;
}

.top_program_link{
	float: right;
	font-size: 14px;
	font-family: "NotoSansCJKjp-Bold";
}

.top_program_link:hover{
  text-decoration-color: #353b50;
}

.top_program_in .left{
	width: 516px;
	padding: 100px 0 0;
}

.top_program_in .right{
	width: 516px;
}

.top_program_in .right h4{
	margin: 0 0 5px;
	font-size: 20px;
	font-family: "NotoSansCJKjp-Bold";
}

.top_program_in .right p{
	margin: 0;
	font-size: 15px;
	letter-spacing: 0;
}

.top_program_in .right div{
	background: #303f9f url("../images/top/top_program_arrow.png") no-repeat scroll 440px 42px / 34px auto;
    box-sizing: border-box;
    color: #fff;
    padding: 18px 100px 20px 40px;
    width: 518px;
}

.top_program_in .right div:hover{
	opacity: 0.7;
}

.top_program_in .right .box1{
	margin: 0 0 40px 40px;
}

.top_program_in .right .box2{
	margin: 0 0 40px 80px;
}

.top_program_in .right .box3{
	margin: 0 0 40px 120px;
}

#top_trainer .top_title{
	color: #fff;
}

#top_case{
	padding: 60px 0 90px;
}

.top_case_wrap{
	display: flex;
    flex-wrap: wrap;
    padding: 30px 0 60px;
}

.top_case_wrap .box{
	width: 25%;
}

.top_case_wrap .box h3{
	font-size: 20px;
	margin: 20px 20px;
    min-height: 60px;
	font-family: "NotoSansCJKjp-Bold";
}

.top_case_wrap .box p{
	font-size: 14px;
	margin: 0 20px;
}

.c-wire{
	background: #f2f2f2;
	padding: 60px 0 40px;
}

.c-wire-wrap{
	display: flex;
	flex-wrap: wrap;
}

.c-wire-wrap .box1,.c-wire-wrap .box2,.c-wire-wrap .box3{
	flex: 1;
	text-align: center;
	padding: 0 38px;
}

.top_case_logo{
	width: 120px;
	margin: 0 auto 20px;
	display: block;
}

.c-wire-wrap h3{
	font-size: 24px;
	margin: 0 0 30px;
	font-family: "Roboto",sans-serif;
	color: #1563d5;
}

.c-wire-wrap h4{
	margin: 20px 0;
	font-size: 17px;
}

.c-wire-wrap p{
	font-size: 12px;
	margin: 0 0 30px;
}

.c-wire-wrap img{
	width: 300px;
	display: block;
	margin: 0 auto;
}

.top_case_i{
	width: 100%;
}

.top_bdb-link {
	background: #fff;
    border: 1px solid #1563d5;
    box-sizing: border-box;
    color: #1563d5;
    display: block;
    margin: 0 auto;
    padding: 14px 0;
    text-align: center;
    width: 200px;
}

.top_bdb-link:hover{
	text-decoration: none;
	background: #1563d5;
	color: #fff;
}

.c-wire .top_bdb-link{
	margin-bottom: 30px;
}

/*philosophy*/

#philosophy_mv{
	height: 316px;
	background: rgba(0, 0, 0, 0) url("../images/philosophy/philosophy_mv.png") no-repeat scroll 0 0 / cover ;
	background-position: center center;
	color: #fff;
    padding-top: 60px;
}

.philosophy_mv_cont{
	position: absolute;
	bottom: 0;
	left: 0;
}

#philosophy_mv .in-cont{
	position: relative;
    height: 100%;
}

#philosophy_mv h1{
	font-size: 16px;
	margin: 0;
}

#philosophy_mv h1 span{
	background: #1563d5 none repeat scroll 0 0;
    font-family: "Roboto",sans-serif;
    font-size: 32px;
    letter-spacing: 8px;
    margin-right: 20px;
    padding: 4px 20px;
}

.philosophy_mv_text{
	font-size: 34px;
	font-family: "NotoSansCJKjp-Thin";
	display: block;
	margin: 40px 0 80px;
}

#philosophy_cont1{
	background: #f2f2f2;
	font-size: 14px;
	padding: 60px 0;
}

.philosophy_cont1_in{
	position: relative;
	padding: 0 340px 0 0;
}

.philosophy_cont1_name{
	position: absolute;
	bottom: 20px;
	right: 0;
}

.philosophy_cont1_name a span{
	color: #1563d5;
}

.philosophy_cont1_name_in{
	position: relative;
	margin-bottom: 20px;
}

.philosophy_cont1_name_in:after{
	content: "";
	width: 1000px;
	position: absolute;
	bottom: 0;
	left: -20px;
	height: 2px;
	background: #b6b6b6;
}

.philosophy_cont1_name_in span{
	display: block;
    font-family: "NotoSansCJKjp-Thin";
    font-size: 30px;
    padding: 5px 0 10px;
}

#philosophy_cont2{
	padding: 40px 0 150px;
}

.title_var1{
	margin: 0 0 30px;
	font-size: 34px;
	font-family: "NotoSansCJKjp-Thin";
}

.title_var1_bold{
  font-family: "NotoSansCJKjp-Regular";
  font-size: 30px;
}

.title_var2{
	margin: 0 0 30px;
	font-size: 21px;
	font-family: "NotoSansCJKjp-Bold";
	color: #1563d5;
}

.philosophy_cont2_img1{
	margin: 30px 0 60px;
}

.philosophy_listwrap{
	padding: 90px 0 0;
}

.philosophy_list_pt1{
	display: flex;
	flex-wrap: wrap;
}

.philosophy_list_pt2{
	display: flex;
	flex-wrap: wrap;
	padding: 150px 0 0;
}

.philosophy_list_pt2 p{
	font-size: 14px;
	line-height: 1.9;
}

.philosophy_list_pt1 .left{
	width: 44%;
}

.philosophy_list_pt1 .right{
	box-sizing: border-box;
    padding-left: 40px;
    width: 56%;
}

.philosophy_list_pt2 .left{
	box-sizing: border-box;
    padding-right: 60px;
    width: 56%;
}

.left_in{
	width: 588px;
	float: right;
}

.philosophy_list_pt2 .right{
    width: 44%;
}

.philosophy_list_bg1{
	background: rgba(0, 0, 0, 0) url("../images/philosophy/philosophy_list_bg1.jpg") no-repeat scroll center center / cover ;
}

.philosophy_list_bg2{
	background: rgba(0, 0, 0, 0) url("../images/philosophy/philosophy_list_bg2.jpg") no-repeat scroll center center / cover ;
}

.philosophy_list_bg3{
	background: rgba(0, 0, 0, 0) url("../images/philosophy/philo3.png") no-repeat scroll center center / cover ;
}

.title_var3{
	color: #1563d5;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 21px;
    margin: 0 0 30px;
    position: relative;
}

.philosophy_list_pt1 .num1:before{
	font-family: "Roboto",sans-serif;
    font-size: 120px;
    left: -90px;
    position: absolute;
    top: -58px;
}

.philosophy_list_pt2 .num2:before{
	font-family: "Roboto",sans-serif;
    font-size: 120px;
    left: 0px;
    position: absolute;
    top: -58px;
}

.philosophy_list_pt2 .title_var3{
	padding: 0 0 0 100px;
	margin-top: 50px;
}

.philosophy_cont2_img2{
	width: 382px;
	display: block;
	margin: 40px 0 60px 40px;
}

.bl_bt{
	background: #1563d5 none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 12px 0;
    text-align: center;
}

.bl_bt:hover{
	opacity: 0.7;
	text-decoration: none;
}

.philosophy_list_pt1 .bl_bt{
    width: 280px;
    margin-left: 100px;
}

.philosophy_flow h4{
	border-left: 12px solid #1563d5;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 21px;
    padding: 0 0 0 15px;
    margin-bottom: 60px;
}

.philosophy_flow{
	padding: 60px 0;
}

.philosophy_flow_wrap{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	font-size: 14px;
}

.philosophy_flow .left{
	box-sizing: border-box;
    padding: 0 20px 0 100px;
    width: 50%;
}

.philosophy_flow .right{
	box-sizing: border-box;
    padding: 0 100px 0 20px;
	width: 50%;
}

.philosophy_flow_text1{
	background: #1563d5;
	color: #fff;
    font-size: 21px;
    font-family: "NotoSansCJKjp-Bold";
    padding: 14px 0;
}

.philosophy_flow_text2{
	background: #898989;
	color: #fff;
    font-size: 21px;
    padding: 14px 0;
}

.philosophy_flow_arow1{
	margin-top: 60px;
    position: relative;
}

.philosophy_flow_arow2{
	margin-top: 60px;
    position: relative;
}

.philosophy_flow_arow1:after{
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	width: 87px;
	height: 21px;
	margin-left: -43.5px;
	background: rgba(0, 0, 0, 0) url("../images/philosophy/philosophy_flow_arow1.png") no-repeat scroll center center;
}

.philosophy_flow_arow2:after{
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	width: 87px;
	height: 21px;
	margin-left: -43.5px;
	background: rgba(0, 0, 0, 0) url("../images/philosophy/philosophy_flow_arow2.png") no-repeat scroll center center;
}

.philosophy_flow_box1{
	border: 2px solid #1563d5;
	padding-bottom: 10px;
}

.philosophy_flow_box2{
	border: 2px solid #898989;
	padding-bottom: 10px;
}

.philosophy_flow p{
	margin: 10px 0;
}

.philosophy_flow_box1 span{
	background: #1563d5;
	color: #fff;
	font-family: "NotoSansCJKjp-Bold";
    font-size: 21px;
    display: block;
    padding: 5px 0;
}

.philosophy_flow_box2 span{
	background: #898989;
	color: #fff;
	font-family: "NotoSansCJKjp-Bold";
    font-size: 21px;
    display: block;
    padding: 5px 0;
}

.philosophy_flow .philosophy_flow_text3{
	padding: 0 30px;
	text-align: left;
	letter-spacing: 0;
}

.wrap_height1{
	height: 193px;
}

.wrap_height2{
	height: 193px;
}

.wrap_height3{
	height: 491px;
}

.wrap_height4{
	height: 193px;
}

.wrap_height5{
	height: 215px;
}

.wrap_height6{
	height: 162px;
}

.philosophy_list_pt1 .right_in p{
	width: 570px;
	font-size: 14px;
    line-height: 1.9;
    margin-bottom: 40px;
}

.philosophy_list_pt1 .num3::before {
    font-family: "Roboto",sans-serif;
    font-size: 120px;
    left: -90px;
    position: absolute;
    top: -72px;
}

/*case*/

#case_mv{
	background: rgba(0, 0, 0, 0) url("../images/case/case_mv.jpg") no-repeat scroll center top / cover ;
    box-sizing: border-box;
    color: #fff;
    height: 316px;
    padding-top: 80px;
}

#seminar_mv{
	background: rgba(0, 0, 0, 0) url("../images/seminar/seminar_mv.jpg") no-repeat scroll center top / cover ;
    box-sizing: border-box;
    color: #fff;
    height: 316px;
    padding-top: 80px;
}

#trainer_mv{
	background: rgba(0, 0, 0, 0) url("../images/trainer/trainer_mv.jpg") no-repeat scroll center top / cover ;
    box-sizing: border-box;
    height: 316px;
    padding-top: 80px;
}

.mv_title{
	font-size: 16px;
    margin: 0;
}


.mv_title span {
    background: #1563d5 none repeat scroll 0 0;
    font-family: "Roboto",sans-serif;
    font-size: 32px;
    letter-spacing: 8px;
    margin-right: 20px;
    padding: 4px 20px;
	color: #fff;
}

.case_first{
	position: relative;
	padding: 90px 30px 20px;
}

.case_name1{
    left: 30px;
    position: absolute;
    top: 60px;
    width: 420px;
}

.case_name2{
    left: 30px;
    position: absolute;
    top: 30px;
    width: 380px;
}

.case_first_cont{
	left: 600px;
    position: absolute;
    top: 120px;
}

.case_first_img{
	width: 630px;
}

.case_lavel{
	color: #fff;
	font-size: 14px;
	background: #1563d5;
	font-family: "NotoSansCJKjp-Bold";
	display: inline-block;
	padding: 2px 12px;
}

.bt_reception_off{
	display: none;
}

.case_first_cont p{
	background: #fff none repeat scroll 0 0;
    font-size: 30px;
    margin: 15px 0;
    padding: 10px 20px;
}

.case_detail_bt{
	background: #fff;
	color: #1563d5;
	font-family: "NotoSansCJKjp-Bold";
	font-size: 14px;
	border: 3px solid #1563d5;
	display: block;
	width: 210px;
	text-align: center;
	padding: 10px 0;
}

.case_detail_bt:hover{
	text-decoration: none;
	background: #1563d5;
	color: #fff;
}

.case_listwrap ul{
	margin: 0;
	padding: 30px 0;
	overflow: hidden;
}

.case_listwrap ul li{
	list-style: none;
	width: 50%;
	float: left;
	position: relative;
	box-sizing: border-box;
	padding: 60px 30px 60px;
	overflow: hidden;
}

.case_listwrap ul li h3{
	font-size: 22px;
	margin: 10px 0;
}

.case_listwrap ul li .case_detail_bt{
	float: right;
}

.case_listwrap ul li .case_lavel{
	height: 22px;
    left: 30px;
    position: absolute;
    top: 339px;
}

.repost_title{
	background: #303f9f;
	text-align: center;
	padding: 20px 0;
}

.repost_title img{
	width: 257px;
	display: block;
	margin: 0 auto;
}

.repost_title h1{
	color: #fff;
    font-family: "NotoSansCJKjp-Thin";
    font-size: 12px;
    margin: 10px 0 0;
}

.repost_category ul{
	display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 60px 0 60px 0;
    width: 810px;
}

.repost_category ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
	text-align: center;
}

.repost_category ul li div{
    width: 240px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 15px;
    margin: 0 auto;
}

.repost_category ul li div a{
    display: block;
    width: 100%;
    height: auto;
}
.repost_category ul li div a:hover{
    text-decoration: none;
}

.repost_category ul li div.repost_category_01 a{
    background-color: #1563d5;
    color: #FFF;
}

.repost_category ul li div.repost_category_02 a{
    background-color: #A5D076;
}

.repost_category ul li a:hover{
	opacity: 0.7;
}

.repost_category ul li p{
	font-size: 14px;
	margin: 10px 0 0;
    padding: 0px 20px;
	font-family: "NotoSansCJKjp-Bold";
}

.repost_category{
	margin-bottom: 30px;
}

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
}

.slider_bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	background: rgba(2, 10, 36, 0.4);
	width: 100%;
}

.slider_bottom_cat{
	box-sizing: border-box;
    left: 35px;
    padding: 0;
    position: absolute;
    top: -20px;
}

.slider_bottom_cat img{
	height: 28px;
	width: auto;
}

.slider_bottom_title{
	box-sizing: border-box;
    font-size: 17px;
    padding: 15px 35px;
    color: #fff;
    width: 570px;
    font-family: "NotoSansCJKjp-Bold";
}

.slider_bottom_title a{
	color: #fff;
}

.wideslider ul li img {
    width: 100%;
    display: none;
}

.wideslider ul li:hover{
	opacity: 0.85;
}

.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;

}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {
	background: rgba(2,10,36,0.4) url(../images/post/prev.png) no-repeat right center;
	background-size: 60px;
}
.slider_next {
	background: rgba(2,10,36,0.4) url(../images/post/next.png) no-repeat left center;
	background-size: 60px;
}

.pagination {
    display: none;
}


/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.repost_main_top{
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0 20px;
}

.repost_main_top_l{
  /*
	width: 704px;
  */
  width: 674px;
  margin-left: 10px;
}

.repost_main_side{
	width: 320px;
  margin-left: 10px;
	background: #f2f2f2;
}

.repost_main_top_l ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.repost_main_top_l ul li{
	list-style: none;
	margin: 0 15px 25px 0;
	padding: 0;
	width: 322px;
	float: left;
	background: #f2f2f2;
}

.repost_main_sub_img{
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.repost_main_sub_img div{
	position: absolute;
	bottom: 0;
	left: 0;
}

.repost_main_sub_img div img{
	height: 22px !important;
	width: auto !important;
}

.repost_main_sub_tit a{
	display: block;
    font-family: "NotoSansCJKjp-Regular";
    font-size: 15px;
    height: 4.7em;
}

.repost_main_sub_tit{
	padding: 10px 15px;
}

.repost_main_sub_time{
	text-align: right;
	font-size: 12px;
	font-family: "NotoSansCJKjp-Thin";
	padding: 0 15px 15px;
}

.repost_main_top_l ul li:nth-child(3),.repost_main_top_l ul li:nth-child(4){
	margin-bottom: 0;
}

.repost_main_side h3{
	color: #fff;
	margin: 0 0 15px;
	font-size: 16px;
	font-family: "NotoSansCJKjp-Bold";
}

.fb_bg{
	background: #3c5998 url("../images/post/fb_icon.png") no-repeat scroll 26px 12px / 24px auto;
    padding: 12px 24px 12px 62px;
}

.mail_bg{
	background: #1563d5;
	padding: 12px 24px;
}

.repost_main_side_tit{
	background: #1563d5;
	padding: 12px 24px;
}

.repost_main_side_fb{
	background: #ccc none repeat scroll 0 0;
    height: 360px;
    margin: 0 15px 15px;
}

.repost_main_side_memo{
    margin: 0 25px 0;
}

.repost_main_side_memo p{
	font-size: 14px;
	letter-spacing: 0;
}

.repost_main_side_memo a{
	border: 1px solid #1563d5;
    color: #1563d5;
    display: block;
    margin: 20px 0 0;
    padding: 12px 0;
    text-align: center;
}

.repost_main_side_memo a:hover{
	background: #1563d5;
	text-decoration: none;
	color: #fff;
}

.repost_main_center{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0px;
}

.repost_main_sub_img .attachment-post_thumb{
	width: 100%;
}

.repost_main_sub1{
	width: 492px;
	background: #f2f2f2;
	margin: 0 10px 0 10px;
	padding: 30px ;
	box-sizing: border-box;
}

.repost_main_sub2{
	width: 492px;
	background: #f2f2f2;
	margin: 0 0 0 10px;
	padding: 30px ;
	box-sizing: border-box;
}

.in-cont2{
	width: 1024px;
	margin: 0 auto;
}

.repost_main_sub1 .repost_main_sub_tit,.repost_main_sub2 .repost_main_sub_tit{
	padding-right: 0;
	padding-left: 0;
}

.repost_main_sub1 .repost_main_sub_time,.repost_main_sub2 .repost_main_sub_time{
	padding: 0;
}

.repost_main_bottom {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 20px;
}

.repost_main_bottom_r {
    width: 684px;
    /*
    width: 704px;
    */
}

.repost_main_side_list{
	padding: 15px;
}

.repost_main_side_sub_left{
	position: relative;
	width: 80px;
	float: left;
}

.repost_main_side_sub_left div{
	left: 56px;
    position: absolute;
    top: -16px;
    width: 60px;
}

.repost_main_side_sub .repost_main_side_sub_title{
	width: 195px;
	float: right;
}

.repost_main_side_sub_title{
	font-size: 12px;
	font-family: "NotoSansCJKjp-Bold";
	padding: 20px 0 0;
}

.repost_main_side_sub{
	margin: 0 0 20px;
}

.repost_main_bottom_r ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.repost_main_bottom_r ul li {
    background: #f2f2f2 none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin: 0 0 25px 20px;
    padding: 0;
    width: 322px;
    height: 323px;
}

.repost_main_bottom_r ul li:nth-child(3),.repost_main_bottom_r ul li:nth-child(4){
	margin-bottom: 0;
}

.repost_main_bottom2 ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.repost_main_bottom2 ul li {
    background: #f2f2f2 none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin: 0 10px 25px 10px;
    padding: 0;
    width: 321px;
    height: 322px;
}

/*
.repost_main_bottom2 ul li:nth-child(3n){
	margin-right: 0;
}
*/

.repost_main_more a{
	border: 1px solid #1563d5;
    color: #1563d5;
    display: block;
    margin: 20px auto 0;
    padding: 12px 0;
    text-align: center;
    width: 260px;
}

.repost_main_more a:hover{
	background: #1563d5 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}

.repost_main_more{
	padding: 30px 0 90px;
}

.bd-t{
	border-top: 2px solid #f2f2f2;
}

.bd-b{
	border-bottom: 2px solid #f2f2f2;
}

.repost_footer{
	background: #303f9f;
	text-align: center;
	padding: 60px 0;
    /*
	display: none;
    */
}

.repost_footer img {
    display: block;
    margin: 0 auto;
    width: 257px;
}

.repost_footer p {
    color: #fff;
    font-family: "NotoSansCJKjp-Thin";
    font-size: 12px;
    margin: 10px 0 0;
}

.repost_footer a{
	border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 20px auto 0;
    padding: 12px 0;
    text-align: center;
    width: 300px;
}

.seminar_lead{
	padding: 60px 0;
}

.seminar_lead h2{
	margin: 0 0 30px;
	font-size: 21px;
	font-family: "NotoSansCJKjp-Bold";
	color: #1563d5;
	text-align: center;
}

.seminar_lead p{
	background: rgba(0, 0, 0, 0) url("../images/seminar/seminar_lead_bg.png") no-repeat scroll 0 0;
    box-sizing: border-box;
    font-size: 14px;
    height: 100px;
    letter-spacing: 0;
    margin: 0 auto;
    padding: 14px 0 0 135px;
    width: 671px;
}

#seminar_menu ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

#seminar_menu ul li{
	list-style: none;
	flex: 1;
	text-align: center;
	margin-right: 40px;
}

#seminar_menu ul li:nth-child(3){
	margin-right: 0;
}

#seminar_menu ul li img{
	width: 180px;
	display: block;
	margin: 0 auto;
}

#seminar_menu ul li span{
	font-size: 18px;
	display: block;
	margin: 15px 0;
    font-weight: 900;
}

#seminar_menu ul li h3{
	color: #1563d5;
	font-size: 16px;
	margin: 0 0 20px;
	border: 1px solid #1563d5;
	padding: 8px 0;
}

#seminar_menu ul li p{
	border-bottom: 1px solid #1563d5;
    border-top: 1px solid #1563d5;
    font-size: 14px;
    letter-spacing: 0;
    padding: 15px 75px 15px 5px;
    text-align: left;
    height: 43px;
    position: relative;
}

#seminar_menu ul li p:after{
	background: rgba(0, 0, 0, 0) url("../images/seminar/seminar_menu_icon.png") repeat scroll 0 0 / 29px auto;
    bottom: 20px;
    content: "";
    height: 29px;
    position: absolute;
    right: 20px;
    width: 29px;
}

#seminar_menu{
	padding: 0 0 90px;
}

.seminar_listwrap{
	display: flex;
	flex-wrap: wrap;
}

.seminar_list_side{
	width: 264px;
	margin-right: 60px;
	margin-bottom: 60px;
}

.seminar_list_cont{
	width: 800px;
}

.seminar_list_side h3{
	border-bottom: 1px solid #1563d5;
    border-top: 1px solid #1563d5;
    color: #1563d5;
    font-size: 16px;
    margin: 0 0 30px;
    padding: 10px 0;
    text-align: center;
}

.seminar_list_side ul{
	margin: 0;
	padding: 0 0px 30px 30px;
}

.seminar_list_side ul li{
	list-style: none;
	margin: 0 0 10px;
	font-size: 14px;
	padding: 0;
}

.seminar_list_cont ul{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #808080;
}

.seminar_list_cont ul li{
	border-top: 1px solid #808080;
    box-sizing: border-box;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 30px 15px 30px 0;
}

.seminar_list_i{
	display: block;
	float: left;
	width: 200px;
}

.seminar_list_data{
	float: right;
    width: 555px;
}

.seminar_list_data_in1 img{
	display: inline-block;
	height: 28px;
	width: auto;
	margin-right: 10px;
}

.seminar_list_data_in1 .add_text1{
	color: #1563d5;
    font-size: 14px;
    line-height: 28px;
    margin-right: 10px;
    font-family: "NotoSansCJKjp-Bold";
}

.seminar_list_data_in1 .add_text2{
	border: 1px solid #1563d5;
    box-sizing: border-box;
    color: #1563d5;
    display: inline-block;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 13px;
    height: 26px;
    line-height: 28px;
    margin-right: 10px;
    padding: 2px 10px;
    position: relative;
    vertical-align: middle;
    width: 72px;
}

.seminar_list_data_in1 .add_text2:after{
	width: 72px;
    height: 26px;
    position: absolute;
    top: -2px;
    left: 0;
    text-align: center;
}

.reception_on:after{
	content: "受付中";
}

.reception_off:after{
	content: "受付終了";
}

.seminar_list_data_in1 .reception_off{
	border: 1px solid #ccc;
	background: #eee;
	color: #333;
}

.seminar_list_data h3{
	font-family: "NotoSansCJKjp-Bold";
    font-size: 15px;
    margin: 10px 0 15px;
}

.seminar_list_trainer img{
	height: 60px;
	display: inline-block;
	margin-right: 10px;
	width: auto;
}

.post_detail_memo p{
	margin: 0 0 30px;
}

.post_detail_memo h2{
	border-left: 4px solid #1563d5;
    display: block;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    margin-top: 60px;
    padding-left: 10px;
}

.post_detail_memo a{
	color: #1563d5;
    font-family: "NotoSansCJKjp-Bold";
}

.seminar_list_trainer span{
	font-size: 13px;
}

.seminar_list_cate{
	overflow: hidden;
	padding: 15px 0 0;
}

.seminar_list_cate span{
	background: #ccc none repeat scroll 0 0;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 8px;
    padding: 4px 8px;
}

.seminar_prevnext{
	overflow: hidden;
	padding: 60px 0 90px;
}

.seminar_prev{
	float: left;
}

.seminar_next{
	float: right;
}

.seminar_prevnext a:hover{
	opacity: 0.7;
}

.trainer_lead{
	padding: 60px 0;
}

.trainer_lead h2{
	font-size: 21px;
	color: #1563d5;
	margin: 0;
}

#trainer_menu h3{
	color: #fff;
	font-size: 14px;
	background:#1563d5;
	margin: 0;
	text-align: center;
	padding: 4px 0;
	font-family: "NotoSansCJKjp-Bold";
}

#trainer_menu ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap:wrap;
	box-sizing: border-box;
	border-bottom:1px solid #1563d5;
	border-left:1px solid #1563d5;
}

#trainer_menu ul li{
	width: 25%;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height: 62px;
	font-family: "NotoSansCJKjp-Bold";
	border-right:1px solid #1563d5;
}

#trainer_menu ul li a{
	display: block;
}

#trainer_menu ul li a:hover{
	text-decoration: none;
	background: rgba(21,99,213,0.3);
}

#trainer_menu ul li .active{
	background: rgba(21,99,213,0.3);
}

#trainer_menu{
	margin-bottom: 60px;
}

#trainer_list ul{
	margin: 0 0 30px;
	padding: 0;
	overflow: hidden;
}

#trainer_list ul li{
	border: 1px solid #1563d5;
    box-sizing: border-box;
    float: left;
    height: 330px;
    list-style: outside none none;
    margin: 0 40px 40px 0;
    padding: 20px 15px;
    width: 348px;
    position: relative;
}

#trainer_list ul li:nth-child(3n) {
	margin-right: 0;
}

#trainer_list ul li a{
	background: #1563d5 none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 12px 0;
    text-align: center;
    font-family: "NotoSansCJKjp-Bold";
    position: absolute;
    bottom: 10px;
    left: 15px;
    width: 315px;
}

#trainer_list ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
}

.trainer_list_head{
	overflow: hidden;
}

.trainer_list_head img{
	width: 100px;
	float: left;
}

.trainer_list_head_in{
	width: 190px;
	float: right;
    border-left: 4px solid #1563d5;
    padding: 0 0 0 10px;
    margin-left: 10px;
}

.trainer_list_head_in h3{
	font-size: 21px;
	margin: 0 0 5px;
	font-family: "NotoSansCJKjp-Light";
}

.trainer_list_head_in span{
	display: block;
	font-size: 12px;
	margin: 0 0 5px 0px;
}

.trainer_list_head_in p{
	font-size: 14px;
	margin: 0;
    padding-bottom: 15px;
    font-family: "NotoSansCJKjp-Bold";
}

.trainer_list_skill{
	display: flex;
	flex-wrap: wrap;
	clear: both;
	border-bottom: 1px solid #1563d5;
	border-left: 1px solid #1563d5;
	box-sizing: border-box;
	margin: 20px 0;
}

.trainer_list_skill span{
	display: block;
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	font-size: 9px;
	text-align: center;
	font-family: "NotoSansCJKjp-Bold";
	padding: 5px 0;
	border-right: 1px solid #1563d5;
	border-top: 1px solid #1563d5;
	box-sizing: border-box;
}

.company_contwrap{
	width: 1124px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 90px 0;
	font-size: 14px;
	line-height: 1.8;
}

.company_contwrap .left{
	width: 814px;
	margin-right: 60px;
}

.company_contwrap .right{
	width: 250px;
}

.company_title{
	font-size: 34px;
	margin: 0 0 30px;
	font-family: 'NotoSansCJKjp-Light';
}

.company_recruit_lead {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 40px;
    padding: 30px 0;
    text-align: center;
}

.company_recruit_lead span{
	font-family: 'NotoSansCJKjp-Bold';
	display: block;
	font-size: 26px;
	color: #1563d5;
	margin: 0 0 30px;
}

.company_title_midd{
	color: #1563d5;
	font-size: 21px;
	margin: 0 0 30px;
	border-left: 4px solid #1563d5;
	padding: 0 0 0 14px;
}

.company_recruit_newgraduates p{
	font-size: 14px;
	margin: 0 0 15px;
}

.recruit_newgraduates_bnwrap{
	position: relative;
}

.recruit_newgraduates_bnbt{
	background: #1563d5 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 8px 0;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 28px;
    width: 160px;
}

.recruit_newgraduates_bnbt:hover{
	text-decoration: none;
	opacity: 0.7;
}

.company_recruit_middle{
	padding: 60px 0;
}

.recruit_middle_contact{
	display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.recruit_middle_contact .cont_left{
	width: 180px;
	box-sizing: border-box;
	border-right: 2px solid #1563d5;
	font-family: 'NotoSansCJKjp-Bold';
}

.recruit_middle_contact .cont_right{
	width: 610px;
	padding: 0 10px;
}

.middle_contact_tel{
	width: 141px;
	display: block;
	float: left;
	margin-right: 10px
}

.middle_contact_mail{
	width: 288px;
}

.middle_contact_mail:hover{
	opacity: 0.7;
}

.middle_contact_telwrap{
	font-size: 11px;
	overflow: hidden;
	font-family: 'NotoSansCJKjp-Light';
}

.company_recruit_middle h4{
	color: #fff;
	text-align: center;
	background: #1563d5;
	margin: 0 0 30px;
	font-family: 'NotoSansCJKjp-Bold';
	font-size: 21px;
	padding: 4px 0;
}

#middle_require_menu{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 60px;
	padding: 0;
}

#middle_require_menu li{
	border: 1px solid #1563d5;
    letter-spacing: 0;
    list-style: outside none none;
    margin: 0 20px;
    text-align: center;
    width: 360px;
    position: relative;
}

#middle_require_menu li a{
	padding: 12px 0;
	display: block;
}

#middle_require_menu li a:hover{
	background: #1563d5;
	color: #fff;
	text-decoration: none;
}

#middle_require_menu li:after{
	background: rgba(0, 0, 0, 0) url("../images/company/recruit/middle_require_menu_arrow.png") no-repeat scroll 0 0 / 16px auto;
    bottom: -20px;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px;
}

.company_recruit_middle h5{
	border-bottom: 2px solid #1563d5;
	margin: 0 0 0px;
	font-family: 'NotoSansCJKjp-Bold';
	font-size: 19px;
	padding: 10px 0;
}

.middle_require_box{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 30px 0;
}

.middle_require_box dt{
	width: 18%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'NotoSansCJKjp-Bold';
	color: #1563d5;
	font-size: 16px;
}

.middle_require_box dd{
	box-sizing: border-box;
    margin: 0;
    padding: 0 40px 0 20px;
    width: 82%;
}

.middle_require_box dd span{
	color: #1563d5;
	font-family: 'NotoSansCJKjp-Bold';
	display: block;
}

.require_bd-b{
	border-bottom: 1px dashed #1563d5;
}

.require_bd-b2{
	border-bottom: 2px solid #1563d5;
    margin-bottom: 30px;
}

.require_bd-t{
	border-top: 2px solid #1563d5;
}

.to_company_bt{
	border: 1px solid #1563d5;
    color: #1563d5;
    display: block;
    margin: 60px auto 0;
    padding: 14px 0;
    text-align: center;
    width: 260px;
}

.to_company_bt:hover{
	background: #1563d5;
	color: #fff;
	text-decoration: none;
}

#company_cont1_list .add_listcss li{
	background-image: url("../images/company/arrow_02_add.png");
    background-position: 0 21px;
    background-size: 20px auto;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 25px 10px 25px 30px;
}

#company_cont1_list .add_listcss li a:hover{
	color: #1563d5;
	text-decoration: none;
}

#company_cont1_list .add_listcss .active{
	color: #1563d5;
	padding: 25px 10px 25px 0;
	background: none;
}

.company_menu_title {
    background-color: #1563d5;
    background-image: url("../images/company/arrow_01.png");
    background-position: 15px 30px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 30px 10px 30px 50px;
}

.application_bt{
	border: 1px solid #303f9f;
    color: #fff;
    display: block;
    margin: 60px auto 0;
    padding: 8px 0;
    text-align: center;
    width: 260px;
	background: #303f9f;
	font-size: 21px;
	font-family: 'NotoSansCJKjp-Bold';
}

.application_bt:hover{
	background: #fff;
	color: #303f9f;
	text-decoration: none;
}

.case_detail_cont{
	width: 888px;
	margin: 0 auto;
}

.case_detail_head{
	position: relative;
}

.case_detail_head_img{
	width: 486px;
}

.case_detail_head_cont {
    left: 460px;
    position: absolute;
    top: 90px;
}

.case_detail_head_cont p{
	margin-top: 20px;
}

.case_detail_head_cont p span{
	background: #fff;
	display: inline-block;
	margin: 0 0 10px;
	font-size: 26px;
	padding: 0 15px;
	font-family: 'NotoSansCJKjp-Bold';
}

.case_detail_head{
	padding: 60px 0 0;
}

.case_detail_head dl{
	margin: 0;
	padding: 60px 0 15px;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #1563d5;
}

.case_detail_head dl dt{
	width: 140px;
	margin: 0;
	padding: 0;
	text-align: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.case_detail_head dl dd{
	width: 700px;
	margin: 0;
	padding: 0;
	color: #1563d5;
	font-size: 14px;
}

.case_detail_head dl dd span{
	font-size: 21px;
	font-family: 'NotoSansCJKjp-Bold';
}

.case_detail_body{
	font-size: 14px;
	line-height: 1.7;
	padding: 0 0 60px;
}

.case_detail_body h2{
	font-family: "NotoSansCJKjp-Bold";
    font-size: 23px;
    margin: 60px 0;
}

.fl-r-img{
	float: right;
	margin: 0 0 30px 30px;
}

.fl-l-img{
	float: left;
	margin: 0 30px 30px 0px;
}

.img_two-rows{
	clear: both;
	display: flex;
	flex-wrap: wrap;
}

.img_two-rows img{
	display: block;
}

.m48-r {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    padding: 60px 0 0;
}

.case_detail_addbg{
	background: #f2f2f2 none repeat scroll 0 0;
    margin: 60px 30px 0;
    padding: 60px 90px 30px;
    position: relative;
}

.case_detail_bt1{
	background: #e6e6e6;
	width: 100%;
	display: block;
	padding: 10px 0px;
	text-align: center;
	margin: 30px 0 0;
	box-sizing: border-box;
}

.case_detail_bt2{
	border: 1px solid #1563d5;
    color: #1563d5;
    display: inline-block;
    padding: 5px 15px;
    text-align: center;
}

.case_detail_bt2:hover{
	background: #1563d5;
	color: #fff;
	text-decoration: none;
}

.case_detail_bt3{
	text-decoration: underline;
}

.case_detail_bt4{
	border: 1px solid #1563d5;
    color: #1563d5;
    display: block;
    margin: 60px auto;
    padding: 10px 15px;
    text-align: center;
    width: 180px;
}

.case_detail_bt4:hover{
	background: #1563d5;
	color: #fff;
	text-decoration: none;
}

.case_detail_addbg h3{
	color: #fff;
	position: absolute;
	top:-30px;
	left: -30px;
	background: #1563d5;
	text-align: center;
	padding: 5px 15px;
	font-size: 18px;
	font-family: "NotoSansCJKjp-Bold";
}

.seminar_arcive{
	padding: 60px 0;
}

.arcive_title{
	margin: 0 0 30px;
	font-family: "NotoSansCJKjp-Bold";
	font-size: 26px;
}


.seminar_list_cont_detail .seminar_list_trainer img {
    height: 60px;
    width: auto;
}

.seminar_body p{
	font-size: 14px;
	margin: 0 0 30px;
}

.seminar_body h2{
	display: block;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    margin: 0 0 30px;
}

.seminar_body h3{
	background-color: #1563d5;
    color: #fff;
    font-family: "NotoSansCJKjp-Bold";
    font-size: 16px;
    line-height: 26px;
    padding: 5px 10px;
    margin: 30px 0;
    display: inline-block;
}

.seminar_body h4{
	font-family: "NotoSansCJKjp-Bold";
    font-size: 16px;
    line-height: 26px;
    margin: 30px 0;
}

.add_css111{
	display: block;
	margin: 0 0 10px;
}

.seminar_form_bt{
	background-color: #f39800;
    border: 1px solid #f39800;
    color: #fff;
    display: block;
    font-size: 16px;
    height: auto;
    line-height: 26px;
    margin: 60px auto 80px;
    padding: 20px 0;
    text-align: center;
    width: 400px;
}

.seminar_form_bt:hover{
	text-decoration: none;
	opacity: 0.7;
}

.wp-pagenavi{
	overflow: hidden;
	padding: 60px 0;
    text-align: center;
}

.wp-pagenavi span{
    /*
	display: block;
	height: 40px;
	width: 40px;
    float: left;
    */
	text-align: center;
	font-size: 20px;
	border: 1px solid #333;
	padding: 5px 15px;
	margin-right: 20px;
	background: #1563d5;
	color: #fff;
	line-height: 38px;
}

.wp-pagenavi a{
    /*
	display: block;
	height: 40px;
	width: 40px;
    float: left;
    */
	text-align: center;
	font-size: 20px;
	border: 1px solid #1563d5;
	color: #1563d5;
    padding: 5px 15px;
	margin-right: 20px;
	line-height: 38px;
}

.wp-pagenavi a:hover{
	background: #1563d5;
	color: #fff;
	text-decoration: none;
}


.aligncenter{
	display: block;
	margin: 30px auto;
}

.alignleft{
	float: left;
	margin: 0 20px 20px 0;
}

.alignright{
	float: right;
	margin: 0 0 20px 20px ;
}

hr{
	margin: 30px 0;
	clear: both;
}

.arcive_tit{
	text-align: center;
	margin: 60px 0;
	font-family: "NotoSansCJKjp-Bold";
	font-size: 32px;
  display: block;
}

.no-post{
	padding: 60px;
	margin: 0;
	text-align: center;
	position: relative;
}