/******************************************************************
Theme Name: hopelp
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

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


@charset "utf-8";

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

.admin-bar header .header-inn {top: 46px !important;}
.admin-bar .mean-container .mean-bar {top: 46px !important;}
@media screen and (min-width:1000px) {
.admin-bar header .header-inn {top: 32px !important;}
}


html { font-size: 62.5% !important;overflow: auto;scroll-padding-top: 90px;} /* 10px */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.6rem !important;
	line-height:1.8em;
	padding:0;
	margin:0;
}

a {
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	color:#000;
}

a:hover {
	color: #0071b9;
	opacity: 0.5;
}

img {max-width:100%; vertical-align: bottom;}
.disp_sp {display:none;}
.disp_pc {display:block;}

iframe {
	width:100%;
}

@media screen and (max-width:1000px) {
	body {padding:0 0 0 0;}
	.disp_sp {display:block;}
	.disp_pc {display:none;}
}


/***************/
/* header */
/***************/
header {
	height:100px;
}

header .header-inn {
	height:100px;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
	border-bottom: solid 1px #ccc;
	background: #fff;
}

header .header-inn h1 {
	margin:0;
	padding:0;
	position:absolute;
	top: 13px;
	left:20px;
}

header .header-inn h1 a {
}

header .header-inn .pc_navi {
	position:absolute;
	top:0;
	right:0;
}

header .header-inn .pc_navi .pc_menu {
	position:absolute;
	top:35px;
	right: 200px;
	width:730px;
	margin:0;
	padding:0;
	display: flex;
	justify-content: flex-end
	
}

header .header-inn .pc_navi .pc_menu li {
	list-style:none;
	margin:0 0 0 25px;
	padding:0;
	
}

header .header-inn .pc_navi .pc_menu li a {
	text-align:center;
	display:block;
	text-decoration:none;
	font-family: "m-plus-rounded-1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:20px;
}


header .header-inn .pc_navi .to_hp {
	position:absolute;
	top:0;
	right:0;
	width: 160px;
}

header .header-inn .pc_navi .to_hp2 {
	position:absolute;
	top:0;
	right:120px;
	width: 120px;
}
	
header .header-inn .pc_navi .to_hp a,
header .header-inn .pc_navi .to_hp2 a {
	color:#fff;
	padding:34px 0 0 0;
	height:100px;
	text-align:center;
	display:block;
	text-decoration:none;
	box-sizing: border-box;
}

header .header-inn .pc_navi .to_hp a:before {
  margin:0 6px 0 0;
  content: '\f0e0';
  color: #fff;
  font-size: 18px;
  font-family: fontAwesome;
}

header .header-inn .pc_navi .to_hp a {
	background: #eb6d6c;
	font-family: "m-plus-rounded-1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:20px;
}

header .header-inn .pc_navi .to_hp2 a {
	background: #2baddf;
}
/*
header .header-inn .pc_navi .to_hp a:after,
header .header-inn .pc_navi .to_hp2 a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
  margin:0 0 0 6px;
}
*/

@media screen and (max-width:1000px) {
    
	header {
		height:65px;
	}

	header .header-inn {
		height:65px;
	}

	header .header-inn h1 {
		top: 10px;
		width:130px;
	}

}


/***************/
/* sp-nav */
/***************/

@media screen and (max-width:1000px) {
	.menu{
		height: 36px;
		position: absolute;
		right: 20px;
		top: 14px;
		width: 40px;
		z-index: 9999;
		display: inherit;
	}
	.menu__line{
		background: #0071b9;
		display: block;
		height: 4px;
		position: absolute;
		transition:transform .3s;
		width: 100%;
	}
	.menu__line--center{
		top: 16px;
	}
	.menu__line--bottom{
		bottom: 0;
	}
	.menu__line--top.active{
		top: 18px;
		transform: rotate(45deg);
		background: #fff;
	}
	.menu__line--center.active{
		transform:scaleX(0);
		background: #fff;
	}
	.menu__line--bottom.active{
		bottom: 14px;
		transform: rotate(135deg);
		background: #fff;
	}
	/*gnav*/
	.gnav{
		background: #0071b9;
		display: none;
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: 98;
		top:0;
	}
	.gnav__wrap{
		align-items:center;
		display: flex;
		height: 100%;
		justify-content: center;
		position: absolute;
		width: 100%;
	}
	.gnav__menu li {
		margin: 20px 0;
		list-style:none;
	}
	.gnav__menu li  a{
		color: #fff;
		font-size: 120%;
		font-weight: bold;
		padding: 20px;
		text-decoration: none;
		transition: .5s;
	}
	.gnav__menu li a:hover{
		color: #F8E330;
	}
}




/***************/
/* footer */
/***************/
footer {
	border-top:solid 1px #ccc;
}

footer .footer-inn {
	max-width:1000px;
	width: 100%;
	margin:auto;
	font-size:1.4rem;
	padding:40px 0;
}

footer .footer-inn .footer-id {
	width: 100%;
	text-align: center;
	margin-bottom:20px;
}

footer .footer-inn .from{
	width:100%;
	text-align: center;
	margin-bottom:10px;

}

footer .footer-inn .footer-id .id01 {}
footer .footer-inn .footer-id .id02 {}

footer .footer-inn .footer-adress {
	width: 50%;
	text-align: center;
	line-height: normal;
}

footer .footer-inn .footer-adress img{
	margin-top: 20px;
}

footer .copyright {
	padding: 10px;
	background:#434343;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	padding: 20px;
}

@media screen and (max-width:800px) {
	footer .footer-inn .footer-id {
		width: 100%;
		text-align: center;
		margin: 0 0 20px 0;
	}

	footer .footer-inn .footer-adress {
		width: 100%;
		text-align: center;
	}

	footer .footer-inn > div:last-child{
		margin-top:30px;
	}
}


.topBtn {
  position:fixed;
  bottom:20px;
  right:0;
  display:block;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
  text-decoration:none;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  box-sizing:border-box;
}

/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}


/***************/
/* common */
/**************/
.flb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.flb-jc_sb {
	justify-content: space-between;
}

.flb-wp {
	flex-wrap: wrap;
}

.txt-emphasis01 {
-webkit-text-emphasis: filled circle #f9d50c;
text-emphasis: filled circle #f9d50c;
}

.col_49per div,
.col_49per li {
width: 49%;
}

.col_48per div,
.col_48per li {
width: 48%;
}

.col_3 {
width: 33%;
}

.txt-blue {
color:#13b5b1;
}

.txt-ye {
color:#ff0;
}

#content {
}

#content .bl_inn {
	max-width:1000px;
	margin:0 auto;
}

h2 {
	text-align: center;
	color: #004b9e;
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
	margin: 0 0 60px 0;
}

h2:before {
  content: '';
  position: absolute;
  bottom: -30px;
  display: inline-block;
  width: 300px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #002a53;
}

.b_01 {
	color: #f25177;
	font-weight: bold;
}

.txt_center {
	text-align: center;
}

.mt-20 {
	margin-top: 20px;
}

.mb-20 {
	margin-bottom:20px;
}

.mb-60 {
	margin-bottom: 60px;
}

.img_list li {
width: 25%;
}
.img_list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@media screen and (max-width:800px) {
	h2 {
		font-size: 2.0rem;
		margin: 0 0 40px 0;
	}

	h2:before {
		bottom: -20px;
	}

	.bl_inn {
		width:92%;
		margin:auto;
	}
	
	.flb_sp {
		display: inherit;
	}


}


/***************/
/* content */
/**************/

/* slider */
.bl_main {
}

.bl_main .slider {
margin: auto;
	max-width: 1300px;
	width: 100%;
}

@media screen and (max-width:800px) {
}


/* t_news */
.bl_news {
	padding: 80px 0;
}

.bl_news .t-news_a {
	background: #50B99A;
	color: #fff;
	text-align: center;
	width: 270px;
	min-height: 140px;
}

.bl_news .t-news_b {
	background: #f7f7f7;
	padding: 20px 0 20px 40px;
	width: 730px;
	min-height: 140px;
}

.bl_news .t-news_more {
	text-align: right;
	width: 100%;
	margin: 10px 0 0 0;
}

.bl_news .t-news_a h2 {
	font-size: 3.0rem;
	margin: 40px 0 10px 0;
	color: #fff;
	position: relative;
}

.bl_news .t-news_a h2:before {
  content: '';
  position: absolute;
  bottom: -8px;
  display: inline-block;
  width: 100px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}

.bl_news .t-news_a p {
	font-size: 1.4rem;
}

.bl_news .t-news_b ul {
}

.bl_news .t-news_b ul li {
	margin: 0 0 10px 0;
}

.bl_news .t-news_b ul li:last-of-type {
	margin: 0 0 0 0;
}

.bl_news .t-news_b ul li a {
	text-decoration: none;
}

.bl_news .t-news_b ul li a:hover {
}

@media screen and (max-width:1000px) {
	.bl_news {
		padding: 60px 0;
	}

	.bl_news .t-news_a {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		min-height:auto;
	}

	.bl_news .t-news_b {
		width: 100%;
		margin: 0 auto;
		line-height: normal;
		min-height:auto;
		padding: 20px 20px 20px;
	}

	.bl_news .t-news_more {
		width: 100%;
		margin: 10px auto 0 auto;
	}

	.bl_news .t-news_a h2 {
		font-size: 2.4rem;
		margin: 0 0 6px 0;
	}

	.bl_news .t-news_a h2:before {
		bottom: -6px;
	}

	.bl_news .t-news_b ul li a {
		font-size:1.4rem;
	}

}


/* bl_enq */
.bl_enq {
	padding: 30px 0;
	background: #fce7ec;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFEFEF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFEFEF),color-stop(.75, #FFEFEF), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;

}

.bl_enq .t-enq_btn a {
	display: block;
	background: #f25177;
	color: #fff;
	text-align: center;
	width: 100%;
	max-width: 500px;
	margin: auto;
	padding: 20px;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 3.5rem;
	text-decoration: none;
  position: relative;
}

.bl_enq .t-enq_btn a:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  height: 3.2rem;
  content: '\f138';
  color: #fff;
  font-size: 40px;
  font-family: fontAwesome;
}

.bl_enq .t-enq_btn a:hover {
	opacity: 0.5;
}

@media screen and (max-width:800px) {
	.bl_enq .t-enq_btn a {
		font-size: 2.0rem;
	}

	.bl_enq .t-enq_btn a:after {
		font-size: 30px;
	}
}



/* hopeとは */
.bl_01 {
	background: #FFEFE8;
	padding: 60px 0 ;
	position: relative;
}

.bl_01:after {
	position: absolute;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	border-top-color: #FFEFE8;
	border-width: 80px;
	margin-left: -80px;
}

.bl_01 .t_int {
	position: relative;
	min-height: 640px;
	width: 940px;
	margin: auto;
}

.bl_01 .t_int .t_int-a {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
}

.bl_01 .t_int .t_int-b {
	background: #f2fafd;
	position: absolute;
	top: 50px;
	left: 0;
	width: 600px;
	font-size:20px;
	padding: 40px;
	line-height: 4.5rem;
	font-size: 20px;
}


@media screen and (max-width:1000px) {
	.bl_01 .t_int {
		min-height: auto;
		width: 100%;
		margin: auto;
	}

	.bl_01 .t_int .t_int-a {
		position:static;
		width: 60%;
		margin: -20px auto 40px auto;
	}

	.bl_01 .t_int .t_int-b {
		position:static;
		width: 100%;
		padding: 20px;
	}

	.bl_01 .t_int .t_int-b p {
		text-align: center;
		font-size: 18px;
		line-height: 3.3rem;
	}

}


/* どんな雑誌 */
.bl_02 {
    background-image: url("img/about_bg.png");
	background-position:center center;
	background-size:cover;
	width:100%;
	padding: 100px 0 100px 0;
}

.bl_02 h3 {
	background: #50B99A;
	color: #fff;
	text-align: center;
	padding: 6px 0;
	margin-bottom: 10px;
}

.bl_02 ul {}

.bl_02 ul li {
	border-bottom: solid 1px #ccc;
	padding: 4px 10px;
	width: 100%;
}

.bl_02 ul li::before {
	content: "■";
	margin-right: 6px;
	color: #f25177;
	font-size: 1.4rem;
}

.bl_02 ul li.etc01 {
	text-align: right;
	border: none;
}

.bl_02 ul li.etc02 {
	border: none;
	margin-left: 20px;
	padding: 0;
	width: 94%;
}

.bl_02 ul li.etc01::before,
.bl_02 ul li.etc02::before {
	content: none;
}

@media screen and (max-width:800px) {
	.bl_02 .bl_02pt {
		width: 100%;
		text-align: center;
		margin: 0 0 40px 0;
	}

	.bl_02 .bl_02txt {
		width: 100%;
	}
}


/* 企業一覧 */
.bl_03 {
	background: #fefad2;
	padding: 80px 0 120px;
}

.bl_03 h3 {
	background: #50B99A;
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	margin-bottom: 10px;
	font-size: 22px;
}

.bl_03 ul {
}

.bl_03 ul li {
	border-bottom: solid 1px #004b9e;
	padding: 4px 10px;
	width: 48%;
}

.bl_03 ul li a {
	text-decoration: none;
	display: block;
}

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

	.bl_03 h3{
		font-size:18px;
		padding:10px 20px;
	}


	.bl_03 ul li {
		padding: 10px 10px;
		width: 100%;
		text-align: center;
	}

	.bl_03 ul li a {
		font-size:1.4rem;
	}
}



/* 学校一覧 */
.bl_04 {
	background: #fff;
	padding: 80px 0 ;
}


.bl_04 ul {
	margin-top: 80px;
	margin-bottom: 60px;
	display:flex;
	flex-wrap:wrap;
}

.bl_04 ul li {
	margin-bottom: 25px;
	font-size: 16px;
	padding: 10px 20px;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
}

.bl_04 ul li:nth-child(3n+1){
	color:#fff;
	background:#50B99A;
	-webkit-justify-content: center;
	justify-content: center;
	width:23.5%
}

.bl_04 ul li:nth-child(3n+2){
	background:#F2F2F2;
	width:48.1%
}

.bl_04 ul li:nth-child(3n+3){
	background:#fff;
	width:28.4%
}

@media screen and (max-width:800px) {
	.bl_04{
	padding: 40px 0 0;
	}

	.bl_04 ul{
		display:block;
	}

	.bl_04 ul li{
		margin-bottom:0;
		display: block;
		padding:10px;
	}

	.bl_04 ul li:nth-child(3n+1),
	.bl_04 ul li:nth-child(3n+2),
	.bl_04 ul li:nth-child(3n+3){
		width:100%;
	}

	.bl_04 ul li:nth-child(3n+1){
		text-align:center;
	}

	.bl_04 ul li:nth-child(3n+2){
		background:#fff;
	}

	.bl_04 ul li:nth-child(3n+3){
		margin-bottom:20px;
		text-align:right;
		color:#004b9e;
	}

}


.bl_f-contact {
}

.bl_f-contact ul {
/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	*/
}

.bl_f-contact ul li {
	/*width: 50%;*/
	width: 100%;
}

.bl_f-contact ul li a {
	display: block;
	padding: 50px 0;
	color: #FFEC00;
	text-decoration: none;
	font-weight: bold;
	font-size: 2.5rem;
}

.bl_f-contact ul li.to_con01 a {
	background: #50B99A;
	text-align: center;
}

.bl_f-contact ul li.to_con01 a:before {
  margin:0 10px 0 0;
  content: '\f0e0';
  color: #FFEC00;
  font-family: fontAwesome;
}

.bl_f-contact ul li.to_con02 a {
background: #0071b9;
text-align: left;
padding-left: 120px;
}


@media screen and (max-width:800px) {
	.bl_f-contact ul {
		display:inherit;
	}

	.bl_f-contact ul li {
		width: 100%;
	}

	.bl_f-contact ul li a {
		padding: 40px 0;
	}

	.bl_f-contact ul li.to_con01 a {
		text-align: center;
		padding-right: 0;
	}

	.bl_f-contact ul li.to_con02 a {
		text-align: center;
		padding-left: 0;
	}
}



/* low */
#content h1 {
	text-align: center;
	font-size: 3.6rem;
	font-weight: bold;
	color: #004b9e;
	margin: 0 0 80px 0;
	position: relative;
	line-height:1.2em;
}

#content h1:before {
  content: '';
  position: absolute;
  bottom: -40px;
  display: inline-block;
  width: 240px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #004b9e;
}

.com_01 {
	padding: 60px 0;
}


.com_02 {
	padding: 60px 0;
	background: #f2fafd;
}

.note {
	width:100%;
	max-width: 800px;
	margin:20px auto;
}

@media screen and (max-width:800px) {
	#content h1 {
		font-size: 2.6rem;
		margin: 0 0 40px 0;
	}

	#content h1:before {
		bottom: -20px;
		width: 160px;
		height: 4px;
	}
}


/* contact_info */
.contact_info {
	background: #004b9e;
	text-align: center;
	color: #fff;
	width: 100%;
	max-width: 800px;
	margin: 40px auto 0 auto;
	padding: 20px;
	line-height: 2em;
}

.contact_info .tel_l {
	font-size: 2.4rem;
}



.inform {
	width: 100%;
	max-width: 800px;
	margin: auto;
	border: solid 1px #002a53;
	padding: 40px;
}

.inform #contact_form {
}

.inform #contact_form section {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: dotted 1px #004b9e;
}

.inform #contact_form section .form-h {
	color: #004b9e;
	font-weight: bold;
}

.inform #contact_form section .form-h p:before {
	content: "■";
	margin: 0 6px 0 0;
}


.inform #contact_form section .form-h .req {
	color: #C00;
	margin: 0 0 0 10px;
}

.inform #contact_form section .form-inn input[type="text"],
.inform #contact_form section .form-inn input[type="email"],
.inform #contact_form section .form-inn input[type="tel"],
.inform #contact_form section .form-inn textarea  {
	width: 100%;
	background: #eaedf2;
	padding: 6px;
	border: solid 1px #ccc;;
}

.wpcf7-list-item {
	display:block;
	width:100%;
}

.inform #contact_form .contact_btn {
	text-align: center;
}

.inform #contact_form .contact_btn input {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}

.inform #contact_form .contact_btn input:hover {
	opacity: 0.5;
}

.inform #contact_form .contact_btn #contact-conf {
	background: #004b9e;
	color: #fff;
	width: 50%;
	padding: 15px;
	border: none;
	font-size:18px;
}

.inform #contact_form .contact_btn #contact-subm {
	background: #004b9e;
	color: #fff;
	width: 50%;
	padding: 15px;
	border: none;
	font-size:18px;
	margin: 0 0 20px 0;
}

.inform #contact_form .contact_btn #contact-back {
	background: #ccc;
	color: #000;
	width: 50%;
	padding: 15px;
	border: none;
	font-size:18px;
}

.inform #contact_form .contact_btn span.ajax-loader {
}

@media screen and (max-width:800px) {
    .contact_info .tel_l {
        font-size: 2.4rem;
        margin:10px 0;
    }
	.inform #contact_form .contact_btn #contact-conf {
		width: 100%;
	}

	.inform #contact_form .contact_btn #contact-subm {
		width: 100%;
	}

	.inform #contact_form .contact_btn #contact-back {
		width: 100%;
	}
}




/* single */
.bl_low {
    text-align: center;
	padding: 60px 0 10px 0;
}

#inner-content.wrap {
	margin:60px auto;
	width:100%;
	max-width:1000px;
}

#inner-content.wrap #main {
	width:650px;
}

#inner-content.wrap #sidebar1 {
	width:300px;
	margin:0;
}

ul.news_list{
}

ul.news_list li {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:solid 1px #0071b9;
}

ul.news_list li a {
	text-decoration:none;
	display:block;
	padding:0 10px;
}

ul.news_list li a .list-h {
	color:#f25177;
}

ul.news_list li a list-txt {
}

.widget h4 {
	border-bottom:solid 4px #0071b9;
}

.widget ul {
}

.widget ul li a {
	text-decoration:none;
}

.widget ul li .post-date {
	display:block;
}


.date {
	color:#f25177;
	margin:0 0 10px 0;
}

.cnt h2 {
	text-align:left;
	padding:0;
	margin:40px 0 20px 0;
}

.cnt p {
	margin:20px 0;
}

.cnt h2::before {
	content:none;
}

.content_foot {
}

.content-foot .com_btn01 {
}

.content-foot .com_btn01 a {
	display: block;
	text-decoration: none;
	border: solid 1px #0071b9;
	color: #0071b9;
	padding: 10px 0;
	width: 300px;
	margin: 0 auto 60px auto;
	text-align: center;
}


@media screen and (max-width:800px) {
	.bl_low {
		padding: 20px 0 10px 0;
	}

	#inner-content.wrap {
		margin:40px auto;
		width:96%;
		flex-wrap:wrap;
	}

	#inner-content.wrap #main {
		width:100%;
		margin:0 0 40px 0;
	}

	#inner-content.wrap #sidebar1 {
		width:100%;
	}

}



/*  home hopeful告知 add 20201002  */


.bl_05 {
	background: #FFFFFCf;
	padding: 60px 0 60px 0 ;

}
section.bl_05 .bl_inn .kakomi{
	display:block;
	width:60%;
	height:auto;
	border:solid 1px #CCCCCC;
	padding:20px 20px 0 20px;
	margin:0 auto;
}


@media screen and (max-width:800px) {
	
section.bl_05 .bl_inn .kakomi{
	display:block;
	width:96%;
	height:auto;
	border:solid 1px #CCCCCC;
	padding:20px 5px 0px 5px;
	margin:0 auto;
}
	
}


/*202010ADD---------------------------------------*/
ul.top_company_list{
	display: flex;
	flex-wrap: wrap;
}

.bl_03 ul.top_company_list li{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: calc(50% - 10px);
	padding: 17.5px 0;
	border-bottom: solid 1px #0071B9;
}

ul.top_company_list li:nth-child(odd){
	margin-right: 10px;

}

ul.top_company_list li:nth-child(even){
	margin-left: 10px;

}

ul.top_company_list li div:nth-child(1){
	width: 106px;
}

ul.top_company_list li div:nth-child(2){
	width: calc(100% - 106px);
	padding-left:15px;
}

ul.top_company_list li img{
	width:100%;
	height:auto;
}

ul.top_company_list p.name{
	font-weight:bold;
}

ul.top_company_list p.type{
	color:#0071b9;
	font-size:14px;
	margin-bottom:10px;
	line-height:0.8em;
}
ul.top_company_list li div a{
	background: #eb6d6c;
	color: #fff;
	display: inline-block;
	padding: 0px 10px;
	font-size: 14px;
	border-radius: 7px;
	margin-right:15px;

}

a.link_btn{
	display: block;
	width: 80%;
	background: #F6AB00;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 50px auto 0;
}

a.link_btn.pink{
	background:#f25177;
}

.bl_03 a.link_btn{
	margin: 0 auto 80px;
}

a.link_btn:after{
	content: "\f138";
	font-family: FontAwesome;
	margin-left:10px;
}

div.area_list{
	margin-top:70px;
}



@media screen and (max-width:780px) {
	ul.top_company_list li div:nth-child(2){
		text-align:left;
	}

	.bl_03{
		padding:40px 0 60px;
	}

	.bl_03 ul.top_company_list li{
		width:100%;
		padding: 15px 0;
	}

	ul.top_company_list li div:nth-child(1){
		width:25%;
	}

	ul.top_company_list li div:nth-child(2){
		width:75%;
		padding-left:10px;
		line-height: 1.3em;
	}

	ul.top_company_list li:nth-child(odd),ul.top_company_list li:nth-child(even){
		margin:0;
	}

	ul.top_company_list p.name{
		font-size:13px;
		margin:0 0 2px 0;
	}

	ul.top_company_list p.type{
		font-size:12px;
		margin:0;
	}

	ul.top_company_list li div a{
		padding: 1px 7px;
		font-size: 11.5px;
		border-radius: 6px;
		margin-right: 3px;
		margin-top:6px;
	}

	a.link_btn{
		width: 100%;
		padding: 10px;
		font-size: 17px;
		margin: 30px auto 0;
	}

	.bl_03 a.link_btn{
		margin: 0 auto 40px;
	}
}

/*sp_2022---------------------------------------*/
div.sp_head{
/*	height: 180px;
	overflow: hidden;	*/
}

div.sp_head img{
	width: 100%;
	height: auto;
}

.special_list p.head_lead{
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;
}

.special_list #inner-content.wrap #main{
	width:100%;
	max-width:1000px;
}

.special_list .embed{
	padding-top: 56.25%;
	position: relative;
	width: 100%;
	margin-bottom:20px;
}

.special_list .embed iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

ul.special{
	display: flex;
	flex-wrap: wrap;
}

ul.special li{
	width: calc(50% - 15px);
	margin-top: 15px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
	padding: 25px;
}

ul.special li:nth-child(even){
	margin-left:15px;
}

ul.special li:nth-child(odd){
	margin-right:15px;
}

.special_list.single ul.special li{
	width: 100%;
	margin-right:0px;
	margin-left:0px;
}

ul.special .title{
	background: #dfc;
	font-size:16px;
	padding: 10px 15px;
	margin-bottom:15px;
	color:#fff;
}

ul.special .name{
	font-size:14px;
}

ul.special .area{
	margin:5px 0 15px;
	font-size:14px;
}

ul.special .icon{
	background: #dfc;
	padding: 0px 5px;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	color:#fff;
	border-radius: 3.5px;
}

ul.special a{
	display:block;
	text-decoration:none;
}

ul.special a:before{
	margin-right:5px;
	content: '\f04b';
	font-family: fontAwesome;
	font-size: 14px;
}

/*sp_green---------*/
ul.special li.sp_green .title,
ul.special li.sp_green .icon{
	background: #AACD03;
}

ul.special li.sp_green a:before{
	color: #AACD03;
}

/*sp_pink----------*/
ul.special li.sp_pink .title,
ul.special li.sp_pink .icon{
	background: #EB6DA5;

}

ul.special li.sp_pink a:before{
	color: #EB6DA5;
}
/*sp_blue----------*/
ul.special li.sp_blue .title,
ul.special li.sp_blue .icon{
	background: #00B8EE;
}

ul.special li.sp_blue a:before{
	color: #00B8EE;
}
/*sp_orange ----------*/
ul.special li.sp_orange  .title,
ul.special li.sp_orange  .icon{
	background: #F6AB00;
}

ul.special li.sp_orange a:before{
	color: #F6AB00;
}
/*sp_purple ----------*/
ul.special li.sp_purple  .title,
ul.special li.sp_purple  .icon{
	background: #AD549B;
}

ul.special li.sp_purple a:before{
	color: #AD549B;
}

@media screen and (max-width:1200px) {
	div.sp_head{
		height: auto;
	}
}

@media screen and (min-width:781px) and ( max-width:999px) {
	div.sp_head{
		margin-top:14px;
	}
}

@media screen and (max-width:1200px) {
	#content.special_list h1{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (min-width:801px) {
	ul.special{
		margin:0 10px;
	}
}
@media screen and (max-width:780px) {
	ul.special{
		display:block;
	}

	ul.special li{
		width: 100%;
		border-bottom:none;
		padding:15px;
	}

	ul.special .title{
		padding:5px; 10px;
	}

	.special_list .embed{
		margin-bottom:20px;
	}

	ul.special li:last-child{
		border-bottom:solid 1px #ccc;
	}

	ul.special li:nth-child(even){
		margin:0;
	}

	ul.special li:nth-child(odd){
		margin:0;
	}

	div.special_list #inner-content.wrap #main{
		margin-bottom:0;
	}
}

/*privacy--------------------*/
section.pvpy{
	max-width:1040px;
	margin:80px auto 80px;
	padding:0 20px;
}

section.pvpy h3{
	background:#004b9e;
	padding:10px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin:20px 0;
}

section.pvpy h4{
	margin:15px 0 10px;
	color:#004b9e;
}

section.pvpy ol{
	padding:10px 0;
}

section.pvpy ol li{
	background:#f4f4f4;
	margin-bottom:10px;
	padding:8px 10px;
}

a.book_link{
	display: block;
	max-width: 480px;
	margin: 40px auto 160px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #eb6d6c;
	border-radius: 50px;
	padding: 20px 20px;
	font-size: 22px;
	width: 85%;
}

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

	a.book_link{
		margin: 40px auto 80px;
		padding: 10px 20px;
		font-size: 18px;
	}
	
}