@charset "utf-8";


/**************************************************50
 * layout
 **************************************************/
body{
	background-color: #FFFFFF;
	color: #4C4C4C;
	font-size: 16px;
	line-height: 1.6;
}
#page-wrap {
	min-height: 100%;
}
#container{
	min-height: 100%;
	overflow: hidden;
	width: 100%;
}
#contents{
}
.wrap{
	margin-left: auto;
	margin-right: auto;
}
.wrap:after{
	clear: both;
	content: "";
	display: block;
}
@media screen and (min-width:768px){
	#contents:after{
		clear: both;
		content: "";
		display: block;
	}
}
@media screen and (min-width:940px) and (max-width:1039px){
	#contents{
		padding-left: 20px;
		padding-right: 20px;
	}
	.wrap{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width:1040px){
	#contents{
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
	}
	.wrap{
		padding-left: -webkit-calc((100% - 1000px) / 2);
		padding-left: calc((100% - 1000px) / 2);
		padding-right: -webkit-calc((100% - 1000px) / 2);
		padding-right: calc((100% - 1000px) / 2);
	}
}


/**************************************************50
 * common
 **************************************************/
.ls05em{
	letter-spacing: 0.5em;
}

/** -- color -- **/
.pink{
	color: #F6A0A6 !important;
}
.light_blue{
	color: #6AD4F6 !important;
}
.cyan{
	color: #1CACCA !important;
}
.dark_red{
	color: #D50000;
}
.dark_gray{
	color: #95A8B2;
}

/** -- label -- **/
.label_cyan{
	background-color: #1CACCA;
	color: #FFFFFF;
	display: inline-block;
	padding: 0 0.7em;
}
.label_border_cyan{
	border: 1px solid #1CACCA;
	color: #1CACCA;
	display: inline-block;
	padding: 0 0.7em;
}
.label_gray{
	background-color: #808080;
	color: #FFFFFF;
}
.label_gray_light{
	background-color: #94A8B1;
	color: #FFFFFF;
}
.label_blue{
	background-color: #23308F;
	color: #FFFFFF;
}
.label_orange{
	background-color: #F7861E;
	color: #FFFFFF;
}
.label_acupuncture{
	background-color: #EE908A;
	display: inline-block;
	color: #FFFFFF;
}
.label_judo{
	background-color: #4E83C3;
	display: inline-block;
	color: #FFFFFF;
}

/** -- icon -- **/
.free_dial{
	position: relative;
	padding-left: 2em;
}
.free_dial:before{
	content: "";
	background: url("https://asahi-form.site/images/user/icon_free_dial.gif") center center no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 1.6em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1.6em;
}
[class*="mdi-format-quote"]{
	position: relative;
	top: -0.2em;
}


/** -- link -- **/
a{
	color: #5D6DA0;
}
.link_to{
}
.link_to:after{
	content: "\F733";
}
.link_facebook{
	text-decoration: none;
}
.link_facebook:before{
	color: #4267B2;
	content: "\F20D";
}
.link_twitter{
	text-decoration: none;
}
.link_twitter:before{
	color: #1DA1F2;
	content: "\F544";
}
.link_instagram{
	text-decoration: none;
}
.link_instagram:before{
	color: #C71585;
	content: "\F2FE";
}
.link_youtube{
	text-decoration: none;
}
.link_youtube:before{
	color: #FF0100;
	content: "\F5C3";
}
.link_line{
	text-decoration: none;
}
.link_line:before{
	background: url("https://asahi-form.site/images/user/icon_line.png") center center no-repeat;
	background-size: 90% auto;
	content: "";
	display: inline-block;
	height: 1em;
	vertical-align: text-bottom;
	width: 1em;
}
[class^="btn_to_"],
[class^="btn_back_"]{
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	position: relative;
}
[class^="btn_to_"]:before,
[class^="btn_back_"]:after{
	background-color: #FFFFFF;
	content: "";
	display: block;
	line-height: 1;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
}
[class^="btn_to_"]:after,
[class^="btn_back_"]:before{
	font-size: 160%;
	line-height: 1;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
[class^="btn_to_"]:after{
	content: "\F142";
	right: 0;
}
[class^="btn_back_"]:before{
	content: "\F141";
	left: 0;
}
.btn_to_blue,
.btn_back_blue{
	background-color: #23308F;
}
.btn_to_orange,
.btn_back_orange{
	background-color: #F7861E;
}
@media screen and (max-width:767px){
	[class^="btn_to_"],
	[class^="btn_back_"]{
		display: block;
		height: 42px;
		line-height: 42px;
		margin: 3.125% auto;
		max-width: 340px;
		padding: 0 2em;
		width: 62.5%;
	}
}
@media screen and (min-width:768px){
	[class^="btn_to_"],
	[class^="btn_back_"]{
		height: 50px;
		line-height: 50px;
		width: 340px;
	}
	[class^="btn_to_"]:before,
	[class^="btn_back_"]:after{
		height: 50px;
	}
	[class^="btn_to_"]:before{
		right: 24px;
	}
	[class^="btn_back_"]:after{
		left: 24px;
	}
	[class^="btn_to_"] + [class^="btn_back_"],
	[class^="btn_back_"] + [class^="btn_to_"],
	[class^="btn_to_"] + [class^="btn_to_"],
	[class^="btn_back_"] + [class^="btn_back_"]{
		margin-left: 20px;
	}
}
@media screen and (min-width:940px){
	[class^="btn_to_"],
	[class^="btn_back_"]{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	[class^="btn_to_"]:hover,
	[class^="btn_back_"]:hover{
		opacity: 0.7;
	}
	.link_more:hover{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: all 0.2s ease-out 0s;
	}
	.link_more:hover{
		background-color: #39A9DC;
		color: #FFFFFF;
	}
}
@media screen and (min-width:1040px){
	[class^="btn_to_"],
	[class^="btn_back_"]{
		width: 310px;
	}
}

.btn_link{
	background-color: #1CACCA;
	border-color: #1CACCA;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 125%;
	position: relative;
	text-align :center;
	text-indent: 0;
	text-decoration: none;
}
.btn_link.mdi:before{
	font-size: 140%;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 3%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn_link:after{
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #FFFFFF transparent;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 0;
}
@media screen and (min-width:940px){
	.btn_link{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: background-color,color 0.2s ease-out 0s;
	}
	.btn_link:hover{
		background-color: #FFFFFF !important;
		color: #1CACCA;
	}
	.btn_link:after{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: border-color 0.2s ease-out 0s;
	}
	.btn_link:hover:after{
		border-color: transparent transparent #1CACCA transparent;
	}
	.btn_link.mdi:before{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: color 0.2s ease-out 0s;
	}
	.btn_link.mdi-file-excel:hover:before{
		color: #1B6237;
	}
	.btn_link.mdi-file-word:hover:before{
		color: #015699;
	}
	.btn_link.mdi-file-pdf:hover:before{
		color: #EC2606;
	}
}

.link_more{
	background-color: #FFFFFF;
	border: 1px solid #39A9DC;
	border-radius: 100px;
	color: #39A9DC;
	display: inline-block;
	overflow: hidden;
	padding: 0 0.2em 0 0.8em;
	text-decoration: none;
}
.link_more:after{
	content: "\F142";
	font-size: 150%;
	line-height: 1;
	margin-left: 0.3em;
	vertical-align: sub;
}

/** -- pager -- **/
#pager{
	border-top: 1px solid #94A8B1;
	border-bottom: 1px solid #94A8B1;
}
.pager_num{
	text-align: center;
}
.pager_link{
	text-align: center;
}
.pager_link > *{
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	width: 36px;
}
.pager_link > a{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	border-radius: 5px;
	color: #5D6DA0;
	position: relative;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}
.pager_link > a:not(.mdi):hover{
	background-color: #5D6DA0;
	color: #FFFFFF;
}
.pager_link > a.mdi:before{
	color: #94A8B1;
	font-size: 300% !important;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pager_link > span{
	background-color: #5D6DA0;
	border-color: #5D6DA0;
	border-radius: 5px;
	color: #FFFFFF;
}
.pager_link > strong{
	border: none;
}
.pager_link > * + *{
	margin-left: 20px;
}
.pager_btn{
	text-align: center;
}
.pager_btn a{
	text-decoration: none;
}
.pager_btn .pager_page{
	background-color: #5D6DA0;
	color: #FFFFFF;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	width: 6em;
}
.pager_btn .pager_prev,
.pager_btn .pager_next,
.pager_btn > span{
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
	width: 100px;
}
.pager_btn .pager_prev,
.pager_btn .pager_next{
	background-color: #FFFFFF;
	color: #94A8B1;
	height: 32px;
	line-height: 28px;
}
.pager_btn .pager_prev:before,
.pager_btn .pager_next:before{
	font-size: 300%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pager_btn .pager_prev:before{
	left: 0;
}
.pager_btn .pager_next:before{
	right: 0;
}
.pager_btn .pager_prev:after,
.pager_btn .pager_next:after,
.pager_btn > span:after{
	content: " ";
}

@media screen and (max-width:767px){
	#pager{
		margin: 0 0 6.25%;
		padding: 1.5625% 0;
	}
	.sp_hide{
		display: none !important;
	}
}
@media screen and (min-width:768px){
	#pager{
		margin: 0 0 50px;
		padding: 20px 0;
	}
	.sp_show{
		display: none !important;
	}
}
@media screen and (max-width:939px){
	.pc_show{
		display: none !important;
	}
	.pc_hide .pager_num{
		margin-bottom: 6.25%;
	}
}
@media screen and (min-width:940px){
	.pc_hide{
		display: none !important;
	}
}

.link_prev_next{
	border-top: 1px solid #94A8B1;
	border-bottom: 1px solid #94A8B1;
	text-align: center;
}
.link_prev_next:after{
	clear: both;
	content: "";
	display: block;
}
.link_prev_next .dummy_prev,
.link_prev_next .dummy_next,
.link_prev_next .link_next,
.link_prev_next .link_prev{
	color: #94A8B1;
	display: inline-block;
	height: 32px;
	width: 32px;
}
.link_prev_next .link_prev,
.link_prev_next .dummy_prev{
	float: left;
}
.link_prev_next .link_next,
.link_prev_next .dummy_next{
	float: right;
}
.link_prev_next .link_next,
.link_prev_next .link_prev{
	position: relative;
}
.link_prev_next .link_next:after,
.link_prev_next .link_prev:after{
	font-size: 300%;
	line-height: 1;
	position: absolute;
	top: 50%;
}
.link_prev_next .link_next:after{
	content: "\F142";
}
.link_prev_next .link_prev:after{
	content: "\F141";
}
.link_prev_next .link_upper{
	color: #5D6DA0;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.link_prev_next{
		margin: 0 0 6.25%;
		padding: 1.5625% 0;
	}
	.link_prev_next .link_upper{
		width: 140px;
	}
	.link_prev_next .dummy_next,
	.link_prev_next .dummy_prev,
	.link_prev_next .link_next,
	.link_prev_next .link_prev{
		width: -webkit-calc((100% - 140px) / 2);
		width: calc((100% - 140px) / 2);
	}
	.link_prev_next .link_next:after,
	.link_prev_next .link_prev:after{
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.link_prev_next .link_next:after{
		right: 0;
	}
	.link_prev_next .link_prev:after{
		left: 0;
	}
}
@media screen and (min-width:768px){
	.link_prev_next{
		margin: 0 0 50px;
		padding: 20px -webkit-calc((100% - 280px) / 2);
		padding: 20px calc((100% - 280px) / 2);
	}
	.link_prev_next .link_next:after,
	.link_prev_next .link_prev:after{
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	.link_prev_next{
		padding: 0 10px;
	}
	.link_prev_next .link_upper{
		margin: 0 10px;
	}
}
@media screen and (min-width:940px){
	.link_prev_next .link_next,
	.link_prev_next .link_prev{
		cursor: pointer;
	}
}

/** -- slick -- **/
.slick-dots li button:before{
	background-color: #FFFFFF;
}
.slick-prev:before{
	content: "\F141";
}
.slick-next:before{
	content: "\F142";
}
.slick-prev:before,
.slick-next:before{
	background-color: #444444;
	border-radius: 50%;
	font-family: "Material Design Icons";
	font-size: 30px;
	display: block;
	height: 42px;
	line-height: 42px;
	opacity: 1;
	text-align: center;
	width: 42px;
}
@media screen and (min-width:768px) and (max-width:1040px){
	.slick-prev{
		left: -22px;
	}
	.slick-next{
		right: -22px;
	}
}
@media screen and (min-width:940px){
	.slick-prev:before,
	.slick-next:before{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	.slick-prev:hover:before,
	.slick-next:hover:before{
		opacity: 0.7;
	}
}

/** - breadcrumbs - **/
.breadcrumbs{
	line-height: 1.4;
	font-size: 75%;
}
.breadcrumbs a{
	display: inline-block;
	text-decoration: none;
}
.breadcrumbs span{
	display: inline-block;
}
.breadcrumbs .mdi{
	margin: 0 1em;
}
@media screen and (max-width:767px){
	.breadcrumbs{
		padding: 1.5625% 3.125%;
	}
}
@media screen and (min-width:768px) and (max-width:1039px){
	.breadcrumbs{
		padding: 1em;
	}
}
@media screen and (min-width:1040px){
	.breadcrumbs{
		padding: 1em -webkit-calc((100% - 1000px) / 2);
		padding: 1em calc((100% - 1000px) / 2);
	}
}

/** - title - **/
.title_page{
	background-color: #94A8B1;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
}
.title_page:before{
	content: "";
	display: block;
	background: url("https://asahi-form.site/images/user/icon_page.png") center center no-repeat;
	background-size: cover;
	height: 16px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 16px;
}
.title_line{
	border-top: 1px solid #1CACCA;
	border-bottom: 1px solid #1CACCA;
	color: #1CACCA;
	font-size: 125%;
	text-align: center;
}
[class^="title_bar_"]{
	border-style: solid;
	border-width: 0 0 3px 0;
	font-size: 112.5%;
	font-weight: normal;
	padding: 0.1em 0.6em;
}
.title_bar_blue{
	border-color: transparent transparent #0070BB transparent;
	color: #0070BB;
}
@media screen and (max-width:767px){
	.title_page{
		font-size: 150%;
		padding: 3.125% 6.25%;
		line-height: 1.2;
		margin-bottom: 3.125%;
	}
	.title_line{
		padding: 3.125%;
		margin-bottom: 3.125%;
	}
	[class^="title_bar_"]{
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.title_page{
		font-size: 175%;
		line-height: 1.4;
		margin-bottom: 30px;
	}
	.title_line{
		padding: 20px 0;
		margin-bottom: 50px;
	}
	[class^="title_bar_"]{
		margin: 0 auto 20px;
		max-width: 960px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
}
@media screen and (min-width:768px) and (max-width:1039px){
	.title_page{
		padding: 0.8em 1.5em;
	}
}
@media screen and (max-width:1039px){
	.title_page:before{
		left: 0;
	}
}
@media screen and (min-width:1040px){
	.title_page{
		padding: 0.8em -webkit-calc((100% - 1000px + 2em) / 2);
		padding: 0.8em calc((100% - 1000px + 2em) / 2);
	}
	.title_page:before{
		left: -webkit-calc((100% - 1000px) / 2);
		left: calc((100% - 1000px) / 2);
	}
}

/** - box - **/
.box_grayish_blue{
	background-color: #EFF0F6;
}
.box_grayish_blue h4{
	color: #1CACCA;
	font-weight: bold;
}

.box_destination{
	border: 1px solid #1CACCA;
	border-radius: 7px;
}
.box_destination .mdi:before{
	color: #1CACCA;
	font-size: 175%;
	line-height: 1.4;
	margin-right: 0.4em;
	position: relative;
	top: -0.1em;
	vertical-align: middle;
}
.box_destination span{
	display: inline-block;
}
.box_destination .free_dial{
	padding-left: 2.4em;
}
.box_destination .free_dial:before{
	left: -0.1em;
	width: 2em;
}
.box_destination hr{
	border-color: transparent transparent #1CACCA transparent;
}
.box_border_black{
	border: 1px solid #000000;
}
.box_border_cyan{
	background-color: #FFFFFF;
	border: 1px solid #1CACCA;
}
[class*="box_border_"]{
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:767px){
	.box_grayish_blue{
		margin: 0 auto 6.25%;
		padding: 3.125% 0;
	}
	.box_grayish_blue > h4,
	.box_grayish_blue > ul,
	.box_grayish_blue > p{
		padding: 0 3.125%;
	}
	.box_grayish_blue > p + h4,
	.box_grayish_blue > ul + h4{
		margin-top: 3.125%;
	}

	.box_destination{
		margin: 0 auto 6.25%;
		padding: 0 3.125%;
		max-width: 360px;
		width: 93.75%;
	}
	.box_destination p.mdi{
		padding-left: 2.45em;
		text-indent: -2.45em;
	}
	.box_destination p.mdi:before{
		text-indent: 0;
	}
	.box_destination p.mdi span{
		padding-left: 2.45em;
	}
	.box_destination p .font15p{
		line-height: 1.2;
	}
	[class*="box_border_"]{
		padding: 3.125% !important;
		width: 93.75%;
	}
	* > [class*="box_border_"]{
		margin-top: 3.125%;
	}
}
@media screen and (min-width:768px){
	.box_grayish_blue{
		margin: 0 auto 50px;
		padding: 20px 30px;
		max-width: 950px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}

	.box_destination{
		margin: 0 auto 50px;
		padding: 20px 30px;
		max-width: 900px;
		width: calc(100% - 40px);
	}
	.box_destination hr{
		margin: 20px auto;
	}
	[class*="box_border_"]{
		padding: 15px 20px;
	}
	* > [class*="box_border_"]{
		margin-top: 20px;
	}
}

/** - contact info - **/
.contact_information{
	border: 1px solid #1CACCA;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.contact_information p{
	display: inline-block;
}
@media screen and (max-width:767px){
	.contact_information{
		margin-bottom: 6.25%;
		padding: 3.125% 0 1.5625%;
		width: 93.75%;
	}
	.contact_information div a img{
		max-width: 484px;
		width: 93.75%;
	}
	.contact_information .free_dial{
		font-size: 200%;
	}
	.contact_information .free_dial:before{
		background-size: auto 20px;
		left: 0.2em;
	}
}
@media screen and (min-width:768px){
	.contact_information{
		padding: 30px 0 20px;
		margin-bottom: 50px;
		max-width: 1000px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.contact_information .free_dial{
		font-size: 337.5%;
	}
	.contact_information .free_dial:before{
		background-size: auto 26px;
		left: 0.22em;
	}
}
@media screen and (min-width:940px){
	.contact_information div a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	.contact_information div a img:hover{
		opacity: 0.7;
	}
}

/** - contact note - **/
#contact_note{
	border: 1px solid #1CACCA;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#contact_note p{
}
#contact_note_tel{
	line-height: 1.2;
}
@media screen and (min-width:320px) and (max-width:359px){
	#contact_note_tel{
		font-size: 137.5%;
	}
}
@media screen and (min-width:360px) and (max-width:767px){
	#contact_note_tel{
		font-size: 150%;
	}
}
@media screen and (max-width:767px){
	#contact_note{
		margin-bottom: 6.25%;
		padding: 3.125%;
		width: -webkit-calc(93.75% + (1px * 2));
		width: calc(93.75% + (1px * 2));
	}
	#contact_note div img{
		max-width: 484px;
		width: 100%;
	}
	#contact_note p{
		margin-top: 3.571428571428571%;
	}
	#contact_note_tel{
	}
}
@media screen and (min-width:768px){
	#contact_note{
		padding: 30px 0 20px;
		margin-bottom: 50px;
		max-width: 1000px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#contact_note p{
		margin-top: 20px;
	}
	#contact_note_tel{
		font-size: 200%;
	}
}

/** - file links - **/
.links_btn h4{
	color: #1CACCA;
	font-size: 112.5%;
	font-weight: bold;
}
.links_btn li a{
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	font-size: 125%;
	position: relative;
	text-align :center;
	text-decoration: none;
}
.links_btn li a.mdi:before{
	font-size: 140%;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 3%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.links_btn li a:after{
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #FFFFFF transparent;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 0;
}
.links_btn li a{
	background-color: #1CACCA;
	border-color: #1CACCA;
}
.links_btn li a.mdi-file-pdf{
	background-color: #23308F;
	border-color: #23308F;
}
.links_btn li a.file_orange{
	background-color: #F7861E;
	border-color: #F7861E;
}
@media screen and (max-width:767px){
	.links_btn{
		margin-bottom: 6.25%;
	}
	.links_btn h4{
		text-align: center;
	}
	.links_btn li + li{
		margin-top: 3.125%;
	}
	.links_btn li a{
		display: block;
		margin-top: 1.5625%;
		margin-left: auto;
		margin-right: auto;
		max-width: 360px;
		width: 93.75%;
	}
	.links_btn li p{
		margin-top: 1.5625%;
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	.links_btn{
		margin: 0 auto 50px;
		max-width: 880px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.links_btn li + li{
		margin-top: 30px;
	}
	.links_btn li:after{
		clear: both;
		content: "";
		display: block;
	}
	.links_btn li h4{
		float: left;
		height: 46px;
		line-height: 46px;
		text-align: center;
		vertical-align: middle;
		width: 220px;
	}
	.links_btn li a{
		float: left;
		display: inline-block;
		height: 46px;
		line-height: 46px;
		vertical-align: middle;
	}
	.links_btn li h4 + a,
	.links_btn li h4 + a + a{
		width: -webkit-calc((100% - 220px - 20px)/ 2 );
		width: calc((100% - 220px - 20px)/ 2 );
	}
	.links_btn li a + a:nth-child(odd){
		margin-left: 20px;
	}
	.links_btn li p{
		line-height: 2;
		padding-left: 220px;
	}
	.links_btn li p:before{
		clear: both;
		content: "";
		display: block;
	}
}
@media screen and (min-width:940px){
	.links_btn li a{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: background-color,color 0.2s ease-out 0s;
	}
	.links_btn li a:hover{
		background-color: #FFFFFF;
		color: #1CACCA;
	}
	.links_btn li a.mdi-file-pdf:hover{
		color: #23308F;
	}
	.links_btn li a.file_orange:hover{
		color: #F7861E;
	}
	.links_btn li a:after{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: border-color 0.2s ease-out 0s;
	}
	.links_btn li a:hover:after{
		border-color: transparent transparent #1CACCA transparent;
	}
	.links_btn li a.mdi-file-pdf:hover:after{
		border-color: transparent transparent #23308F transparent;
	}
	.links_btn li a.file_orange:hover:after{
		border-color: transparent transparent #F7861E transparent;
	}
	.links_btn li a.mdi:before{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: color 0.2s ease-out 0s;
	}
	.links_btn li a.mdi-file-excel:hover:before{
		color: #1B6237;
	}
	.links_btn li a.mdi-file-word:hover:before{
		color: #015699;
	}
	.links_btn li a.mdi-file-pdf:hover:before{
		color: #EC2606;
	}
}

/** - message list - **/
.message_list > li{
	background-color: #EFF0F6;
}
.message_list > li > picture{
	background-color: #FFFFFF;
	color: #FFFFFF;
	border-radius: 50%;
	display: inline-block;
	height: 200px;
	overflow: hidden;
	width: 200px;
}
.message_list > li > picture + p{
	font-size: 112.5%;
}
.message_list > li h4,
.message_list > li h5{
	font-size: 125%;
	font-weight: bold;
}
@media screen and (max-width:767px){
	.message_list{
		margin-top: -3.125%;
		margin-bottom: 6.25%;
	}
	.message_list > li{
		padding: 3.125% 0;
		text-align: center;
	}
	.message_list > li > h5,
	.message_list > li > p:last-child{
		text-align: left;
	}
	.message_list > li > *:not(picture){
		margin-top: 1.5625%;
		padding: 0 3.125%;
	}
	.message_list > li + li{
		margin-top: 3.125%;
	}
	.message_list > li > picture + p{
		padding-top: 0.5em;
		position: relative;
	}
	.message_list > li > picture + p span{
		font-size: 50%;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@media screen and (min-width:768px){
	.message_list{
		margin-bottom: 70px;
	}
	.message_list > li{
		margin-left: auto;
		margin-right: auto;
		min-height: 240px;
		padding: 20px 30px 20px 260px;
		position: relative;
		max-width: 1000px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.message_list > li + li{
		margin-top: 30px;
	}
	.message_list > li > picture{
		position: absolute;
		top: 50%;
		left: 30px;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.message_list > li > *:not(picture){
		margin-top: 10px;
	}
	.message_list > li > picture + p span{
		font-size: 66.66666666666667%;
		margin-left: 1em;
	}
}

/** - hr - **/
hr.black{
	border-color: #212121;
}


/**************************************************50
 * form
 **************************************************/
@media screen and (max-width:767px){
	form{
		margin-bottom: 6.25%;
	}
}
@media screen and (min-width:768px){
	form{
		margin-bottom: 50px;
	}
}

/** -- label -- **/
label{
	cursor: pointer;
	display: inline-block;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	height: 30px;
	line-height: 28px;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: box-shadow;
}
@media screen and (min-width:940px){
	label:hover,
	label:focus{
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
}

/** -- checkbox -- **/
input[type="checkbox"]{
	background: none;
	border: none;
	border-radius: 0;
	display: none;
	height: 0;
	margin: 0;
	outline: none;
	padding: 0;
	width: 0;
}
input[type="checkbox"] + label:not(.label_btn){
	position: relative;
	padding: 0 1em 0 2.3em;
	margin-top: 3px;
	margin-bottom: 3px;
}
input[type="checkbox"] + label:not(.label_btn):before,
input[type="checkbox"] + label:not(.label_btn):after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
input[type="checkbox"] + label:not(.label_btn):before{
	content: "\F131";
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
	z-index: 1;
}
input[type="checkbox"] + label:not(.label_btn):after{
	content: "\F132";
	color: transparent;
	font-size: 240%;
	line-height: 1;
	left: -0.05em;
	z-index: 2;
	transition: all 0.1s ease-out 0s;
}
.input_check[class*="error_"]{
	background-color: #FFEBEE;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	input[type="checkbox"] + label:not(.label_btn):after{
		font-size: 40% !important;
	}
}
input[type="checkbox"]:checked + label:not(.label_btn):before{
	color: transparent !important;
}
input[type="checkbox"]:checked + label:not(.label_btn):after{
	color: #00BCD4;
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
}
input[type="checkbox"]:disabled + label:not(.label_btn){
	background-color: #F5F5F5;
	color: #9E9E9E;
}
input[type="checkbox"]:focus + label{
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
input[type="checkbox"]:disabled + label:not(.label_btn):hover,
input[type="checkbox"]:disabled + label:not(.label_btn):focus{
	box-shadow: none;
	cursor: default;
}
input[type="checkbox"] + label.label_btn{
	border: 1px solid #9E9E9E;
	border-radius: 15px;
	font-size: 80%;
	height: 1.5em !important;
	line-height: 1.5em !important;
	margin: 3px 4px;
	padding: 0 1em;
	transition: all 0.2s ease-out 0s;
}
input[type="checkbox"] + label.label_btn:hover{
	background-color: #F5F5F5;
}
input[type="checkbox"] + label.label_btn:hover,
input[type="checkbox"] + label.label_btn:focus{
	border-color: #212121;
}
input[type="checkbox"]:checked + label.label_btn{
	background-color: #00BCD4;
}
input[type="checkbox"]:checked + label.label_btn:hover{
	background-color: #00ACC1;
}
/*
:-ms-input-placeholder{
	color: #616161;
}
:-webkit-input-placeholder{
	color: #616161;
}
:placeholder-shown{
	color: #616161;
}
*/

/** -- radio -- **/
input[type="radio"]{
	background: none;
	border: none;
	border-radius: 0;
	display: none;
	height: 0;
	margin: 0;
	outline: none;
	padding: 0;
	width: 0;
}
input[type="radio"] + label{
	position: relative;
	padding: 0 1em 0 2.3em;
	margin-top: 3px;
	margin-bottom: 3px;
}
input[type="radio"] + label:not(.btn_radio):before,
input[type="radio"] + label:not(.btn_radio):after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
input[type="radio"] + label:not(.btn_radio):before{
	content: "\F43D";
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
	z-index: 1;
}
input[type="radio"] + label:not(.btn_radio):after{
	content: "\F43E";
	color: transparent;
	font-size: 240%;
	line-height: 1;
	left: -0.05em;
	z-index: 2;
	transition: all 0.1s ease-out 0s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	input[type="radio"]:checked + label:not(.btn_radio):after{
		font-size: 40% !important;
	}
}
input[type="radio"]:checked + label:not(.btn_radio):before{
	color: transparent !important;
}
input[type="radio"]:checked + label:not(.btn_radio):after{
	color: #00BCD4;
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
}
input[type="radio"]:disabled + label{
	background-color: #F5F5F5;
	color: #9E9E9E;
}
input[type="radio"]:focus + label{
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
input[type="radio"]:disabled + label:hover,
input[type="radio"]:disabled + label:focus{
	box-shadow: none;
	cursor: default;
}
input[type="radio"] + .btn_radio{
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12) !important;
	font-size: 80%;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 3px 6px;
	min-width: 80px;
	padding: 0 6px;
	text-align: center;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
input[type="radio"]:checked + .btn_radio{
	background-color: #00BCD4;
}
input[type="radio"] + .btn_radio:hover,
input[type="radio"] + .btn_radio:focus{
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}
.input_radio[class*="error_"]{
	background-color: #FFEBEE;
}

/* text */
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"]{
	height: 28px;
	line-height: 26px;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], textarea{
	border: 1px solid #9E9E9E;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 16px;
	padding: 0 10px !important;
	transition: all 0.3s ease-out 0s;
	width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, textarea:focus{
	border-color: #424242;
}
textarea{
	min-height: 12em;
	resize: vertical;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: -5px -10px -5px 0;
}
input[type="text"][class*="error_"], input[type="password"][class*="error_"], input[type="tel"][class*="error_"], input[type="email"][class*="error_"], input[type="url"][class*="error_"], input[type="number"][class*="error_"], textarea[class*="error_"]{
	background-color: #FFEBEE !important;
	border-color: #F44336 !important;
}

@media screen and (min-width:768px){
	input[type="text"].input_short, input[type="password"].input_short, input[type="tel"].input_short, input[type="email"].input_short, input[type="url"].input_short, input[type="number"].input_short{
		width: 30%;
	}
	input[type="text"].input_middle, input[type="password"].input_middle, input[type="tel"].input_middle, input[type="email"].input_middle, input[type="url"].input_middle, input[type="number"].input_middle{
		width: 50%;
	}
}
@media screen and (min-width:940px){
	input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="number"]:hover, textarea:hover{
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
}

/** -- select -- **/
select{
	background-color: #FFFFFF;
	border: 1px solid #9E9E9E;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 16px;
	cursor: pointer;
	height: 30px;
	line-height: 28px;
	margin-bottom: 3px;
	padding: 0 29px 0 7px;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
}
.select_box{
	position: relative;
	vertical-align: middle;
}
.select_box:after{
	background-color: #EEEEEE;
	border: 1px solid #9E9E9E;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: "\F35D";
	font-size: 22px;
	height: 30px;
	line-height: 28px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}
.select_box[class*="error_"]:after,
.select_box[class*="error_"] select{
	background-color: #FFEBEE !important;
	border-color: #F44336 !important;
}
select:focus{
	border-color: #212121;
	outline: none;
}
select::-ms-expand {
	display: none;
}
.select_box optgroup{
	background-color: #EEEEEE;
	color: #212121;
	font-weight: bold;
}
.select_box option{
	background-color: #FFFFFF;
}
.select_box option.sunday{
	background-color: #FFCDD2;
	color: #B71C1C;
}
.select_box option.saturday{
	background-color: #BBDEFB;
	color: #0D47A1;
}
@media screen and (max-width:413px){
	.select_box{
		margin: 3px;
	}
}
@media screen and (min-width:414px){
	.select_box + .select_box{
		margin-left: 20px;
	}
}

#form_tbl{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
}
#form_tbl tr td p{
	margin-top: 3px;
	font-size: 75%;
}
#form_tbl tr th{
	font-weight: bold;
	position: relative;
}
#form_tbl tr th.required{
}
#form_tbl tr th:before,
#form_tbl tr th.required:after{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#form_tbl tr th:before{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #43A047;
	content: "\F135";
	font-size: 150%;
	font-weight: normal;
	line-height: 1;
	opacity: 0;
	transition: opacity 0.2s ease-out 0s;
}
#form_tbl tr th.check_ok:before{
	opacity: 1;
}
#form_tbl tr th.required:after{
	background-color: #F7861E;
	color: #FFFFFF;
	content: "必須";
	font-size: 75%;
	height: 16px;
	line-height: 16px;
	padding: 0 0.4em;
}
#form_tbl tr td{
}
#form_tbl tr td .input_check span{
	display: inline-block;
}
#form_tbl tr td p:not(:last-child){
	margin-bottom: 7px;
}
#form_tbl tr td .error_check{
	color: #F44336;
}
#form_tbl tr td .error_check:before{
	content: "\F028";
	margin-right: 0.2em;
}
#form_tbl tr td a[href="https://www.post.japanpost.jp/zipcode/"],
#form_tbl tr td a[href^="https://asahi-form.site/files/"]{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #23308F;
	color: #FFFFFF;
	display: inline-block;
	font-size: 75%;
	padding: 0.2em 1.4em 0.2em 1em;
	position: relative;
	text-decoration: none;
	transition: opacity 0.2s ease-out 0s;
	vertical-align: text-bottom;
}
#form_tbl tr td a[href="https://www.post.japanpost.jp/zipcode/"]:hover,
#form_tbl tr td a[href^="https://asahi-form.site/files/"]:hover{
	opacity: 0.7;
}
#form_tbl tr td a[href="https://www.post.japanpost.jp/zipcode/"]:after,
#form_tbl tr td a[href^="https://asahi-form.site/files/"]:after{
	content: "\F142";
	font-size: 150%;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width:767px){
	#form_tbl
	#form_tbl tbody,
	#form_tbl tr,
	#form_tbl tr th,
	#form_tbl tr td{
		display: block;
	}
	#form_tbl{
		margin-bottom: 6.25%;
		width: 100%;
	}
	#form_tbl tr th{
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		padding: 1.5625% 3.125%;
	}
	#form_tbl tr th:before{
		left: 3.125%;
	}
	#form_tbl tr th.required:after{
		right: 3.125%;
	}
	#form_tbl tr td{
		padding: 1.5625% 3.125% 3.125%;
	}
	#form_tbl tr:last-child td{
		padding: 1.5625% 3.125% 0;
	}
}
@media screen and (min-width:768px){
	#form_tbl{
		margin-bottom: 50px;
		max-width: 900px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#form_tbl tr th{
		text-align: left;
		padding: 1.5em;
		width: 14em;
	}
	#form_tbl:not(.border) tr th,
	#form_tbl:not(.border) tr td{
		border-bottom: 1px solid #999999;
	}
	#form_tbl.border tr.border th,
	#form_tbl.border tr.border td{
		border-top: 1px solid #999999;
	}
	#form_tbl tr th.required:after{
		right: 1em;
	}
	#form_tbl tr th:before{
		left: 0;
	}
	#form_tbl tr td{
		padding: 1.5em;
	}
}

/** - note - **/
#form_note{
	border: 1px solid #F44336;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:767px){
	#form_note{
		padding: 3.125% 3.125%;
		text-align: left;
		width: -webkit-calc(93.75% + (1px * 2));
		width: calc(93.75% + (1px * 2));
	}
}
@media screen and (min-width:768px){
	#form_note{
		padding: 20px 30px;
		text-align: center;
	}
}

/** - progress - **/
.form_progress{
	margin-left: auto;
	margin-right: auto;
}
.form_progress:after{
	clear: both;
	content: "";
	display: block;
}
.form_progress li{
	border-color: #1CACCA transparent #1CACCA #1CACCA;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	float: left;
	position: relative;
	text-align: center;
}
.form_progress li:after{
	background-color: #FFFFFF;
	border-color: #1CACCA #1CACCA transparent transparent;
	border-width: 1px 1px 0 0;
	border-style: solid;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	z-index: 1;
}
.form_progress li.active{
	background-color: #1CACCA;
	color: #FFFFFF;
}
.form_progress li.active:after{
	background-color: #1CACCA;
}
.form_progress li strong{
	font-weight: normal;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 3em;
	z-index: 2;
}
@media screen and (max-width:319px){
	.form_progress li{
		font-size: 100%;
	}
}
@media screen and (min-width:320px) and (max-width:413px){
	.form_progress li{
		font-size: 112.5%;
	}
}
@media screen and (min-width:414px) and (max-width:767px){
	.form_progress li{
		font-size: 125%;
	}
}
@media screen and (max-width:767px){
	.form_progress{
		margin-top: 6.25%;
		margin-bottom: 6.25%;
		width: 93.75%;
	}
	.form_progress li{
		height: 42px;
		line-height: 42px;
		width: -webkit-calc((100% - 15px) / 3);
		width: calc((100% - 15px) / 3);
	}
	.form_progress li:after{
		right:-15px;
		height: 28px;
		width: 28px;
	}
	.form_progress li strong{
		left: -webkit-calc(50% + 8px);
		left: calc(50% + 8px);
	}
}
@media screen and (min-width:768px){
	.form_progress{
		margin-top: 50px;
		margin-bottom: 50px;
		max-width: 770px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.form_progress li{
		font-size: 125%;
		height: 56px;
		line-height: 56px;
		width: -webkit-calc((100% - 30px) / 3);
		width: calc((100% - 30px) / 3);
	}
	.form_progress li:after{
		right: -20px;
		height: 38px;
		width: 38px;
	}
	.form_progress li strong{
		left: -webkit-calc(50% + 15px);
		left: calc(50% + 15px);
	}
}

/** - roadmap - **/
[id^="roadmap_"]{
	counter-reset: num;
}
[id^="roadmap_"] li{
	position: relative;
}
[id^="roadmap_"] li:before{
	border: 1px solid #1CACCA;
	border-radius: 50%;
	counter-increment: num;
	content: counter(num);
	display: inline-block;
	font-size: 150%;
	height: 44px;
	line-height: 42px;
	position: absolute;
	left:0;
	text-align: center;
	width: 44px;
}
[id^="roadmap_"] li:nth-child(odd):before{
	background-color: #1CACCA;
	color: #FFFFFF;
}
[id^="roadmap_"] li:nth-child(even):before{
	color: #1CACCA;
}
@media screen and (max-width:767px){
	[id^="roadmap_"]{
		margin-bottom: 6.25%;
	}
	[id^="roadmap_"] li{
		margin-left: auto;
		margin-right: auto;
		padding-left: -webkit-calc(44px + 3.125%);
		padding-left: calc(44px + 3.125%);
		width: 93.75%;
	}
	[id^="roadmap_"] li.text_none{
		padding-top: 1em;
		padding-bottom: 1em;
	}
	[id^="roadmap_"] li:before{
		top: 5px;
	}
	[id^="roadmap_"] li + li{
		margin-top: 3.125%;
	}
	[id^="roadmap_"] li span{
		display: inline-block;
	}
	[id^="roadmap_"] li strong{
		font-size: 112.5%;
	}
	[id^="roadmap_"] li p{
		font-size: 87.5%;
	}
}
@media screen and (min-width:768px){
	[id^="roadmap_"]{
		margin: 0 auto 30px;
		max-width: 760px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	[id^="roadmap_"] li{
		min-height: 84px;
		padding-left: 64px;
	}
	[id^="roadmap_"] li.text_none{
		padding-top: 1em;
	}
	[id^="roadmap_"] li:before{
		top: 10px;
	}
	[id^="roadmap_"] li:not(:first-child):after{
		background-color: #1CACCA;
		content: "";
		position: absolute;
		bottom: 107%;
		height: 50px;
		left:22px;
		width: 1px;
	}
	[id^="roadmap_"] li + li{
		margin-top: 40px;
	}
	[id^="roadmap_"] li strong{
		font-size: 125%;
	}
}


/**************************************************50
 * header
 **************************************************/
header{
	position: relative;
}
#header_links{
	background-color: #94A8B1;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	text-align: right;
}
#header_links a{
	color: #FFFFFF;
	font-size: 70%;
	margin-left: 2.2em;
	position: relative;
	text-decoration: none;
}
#header_links a:before{
	background-color: #808080;
	border-radius: 50%;
	content: "\F35F";
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	line-height: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: -0.2em;
	-ms-transform: translate(-100%, -50%);
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	text-align: center;
	width: 16px;
}
#header_menu{
	background-color: #FFFFFF;
	left: 0;
	width: 100%;
	z-index: 1000;
}
#header_menu h1{
	display: inline;
}
#menu_sp_page_list{
	background-color: #EFF0F6;
	padding-top: 3.125%;
}
#menu_sp_page_list a.mdi{
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #4C4C4C;
}
#menu_sp_page_list a.mdi:before{
	color: #1CACCA;
}
#menu_sp_sns{
	border: none;
	font-size: 87.5%;
	text-align: center;
}
#menu_sp_sns p{
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding-right: 2em;
}
#menu_sp_sns p:nth-child(1){
	color: #94A8B1;
}
#menu_sp_sns p:nth-child(2){
	color: #23308F;
}
#menu_sp_sns a[class*="link_"],
#menu_sp_sns .mdi-blank{
	float: right;
	display: block;
	font-size: 22px;
	margin-left: 2px;
	width: 22px;
}
#menu_sp_sns a[class*="link_"]{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
}
#menu_sp_sns a[class*="link_"]:hover{
	opacity: 0.7;
}
#menu_sp_sns a.link_twitter:before{
	content: "\F545";
}
@media screen and (min-width:320px){
	#menu_sp_page_list:after{
		clear: both;
		content: "";
		display: block;
	}
	#menu_sp_page_list a.mdi{
		float: left;
		font-size: 62.5%;
		height: 130px;
		margin-left: 3.125%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#menu_sp_page_list a.mdi{
		height: 96px
	}
	#menu_sp_page_list a.mdi span{
		font-size: 80%;
	}
	#menu_sp_page_list a.mdi:before{
		font-size: 400%;
	}
}
@media screen and (min-width:360px) and (max-width:413px){
	#menu_sp_page_list a.mdi{
		height: 110px
	}
	#menu_sp_page_list a.mdi span{
		font-size: 90%;
	}
	#menu_sp_page_list a.mdi:before{
		font-size: 480%;
	}
}
@media screen and (min-width:414px) and (max-width:480px){
	#menu_sp_page_list a.mdi span{
		font-size: 112.5%;
	}
	#menu_sp_page_list a.mdi:before{
		font-size: 560%;
	}
}
@media screen and (min-width:320px) and (max-width:767px){
	#menu_sp_page_list a.mdi{
		width: -webkit-calc((100% - (3.125% * 4)) / 3);
		width: calc((100% - (3.125% * 4)) / 3);
	}
}
@media screen and (max-width:767px){
	header nav{
		right: -100%;
		max-height: -webkit-calc(100% - 56px);
		max-height: calc(100% - 56px);
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
	}
	#menu_sp_page_list{
		margin-bottom: 0;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	header nav{
		right: -300px;
		width: 300px;
	}
	#menu_sp_page_list{
		padding: 10px 0;
	}
	#menu_sp_page_list a.mdi{
		height: 110px;
		margin: 0 0 0 10px;
		width: calc((100% - (10px * 4)) / 3);
	}
	#menu_sp_page_list a.mdi:nth-child(3n){
		margin-right: 10px;
	}
	#menu_sp_page_list a.mdi:before{
		font-size: 450%;
	}
}
@media screen and (max-width:939px){
	#header_menu{
		height: 56px;
		line-height: 56px;
		position: fixed;
		top: 0;
	}
	#header_menu #header_logo{
		max-height: 48px;
		margin-left: 10px;
		max-width: 400px;
		width: -webkit-calc(100% - (56px * 3) - 20px);
		width: calc(100% - (56px * 3) - 20px);
	}
	#header_menu [id^="header_btn_"]{
		height: 56px;
		display: inline-block;
		float: right;
		font-size: 80%;
		line-height: 1;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		width: 56px;
	}
	#header_menu [id^="header_btn_"]:before{
		font-size: 260%;
		display: block;
		margin: 4px 0 2px;
	}
	#header_menu #header_btn_access:before{
		content: "\F34E";
	}
	#header_menu #header_btn_tel:before{
		content: "\F3F6";
	}
	#header_menu #header_btn_menu{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: color,background-color 0.2s ease-out 0s;
	}
	#header_menu #header_btn_menu:before{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		content: "\F35C";
		font-size: 360%;
		margin: -2px 0 -4px;
		transition: content 0.2s ease-out 0s;
	}
	#header_menu #header_btn_menu.active{
		background-color: #96A8B2;
		color: #FFFFFF;
	}
	#header_menu #header_btn_menu.active:before{
		content: "\F156";
	}
	header nav{
		background-color: #FFFFFF;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: right 0.2s ease-out 0s;
		z-index: 1001;
	}
	header nav{
		position: fixed;
		top: 56px;
	}
	header nav.menu_show{
		right: 0;
	}
	header nav section{
		border-top: 1px solid #A6B4BE;
		position: relative;
	}
	header nav section[id^="nav_"] > a{
		background-color: #FFFFFF;
		display: inline-block;
		height: 36px;
		line-height: 36px;
		padding: 0 0.7em;
		text-decoration: none;
		width: 100%;
		position: relative;
	}
	header nav section[id^="nav_"] > a.active{
		background-color: #A6B4BE;
		color: #FFFFFF;
	}
	header nav section[id^="nav_"] > a.active:before{
		color: #FFFFFF;
	}
	header nav section[id^="nav_"] > a:before{
		color: #96A8B2;
		display: inline-block;
		font-size: 150%;
		line-height: 36px;
		margin-top: -0.15em;
		margin-right: 0.3em;
		position: relative;
		vertical-align: middle;
	}
	header nav section#nav_home > a:before{
		content: "\F2E1";
	}
	header nav section#nav_info > a:before{
		content: "\F2C7";
	}
	header nav section#nav_course > a:before{
		content: "\F520";
	}
	header nav section#nav_night > a:before{
		content: "\F594";
	}
	header nav section#nav_enroll > a:before{
		content: "\F64F";
	}
	header nav section#nav_support > a:before{
		content: "\F519";
	}
	header nav section#nav_career > a:before{
		content: "\F46A";
	}
	header nav section > span{
		color: #A6B4BE;
		display: inline-block;
		font-size: 150%;
		height: 36px;
		line-height: 36px;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		width: 36px;
	}
	header nav section[id^="nav_"] > a.active + span{
		color: #FFFFFF;
	}
	header nav section > span:before{
		content: "\F417";
	}
	header nav section > span.active:before{
		content: "\F376";
	}
	header nav section > div{
		display: none;
	}
	header nav section > div > a{
		background-color: #F5F5F5;
		border-top: 1px solid #A6B4BE;
		display: block;
		height: 36px;
		line-height: 36px;
		padding: 0 0.8em 0 2.65em;
		text-decoration: none;
	}
	header nav section > div > a.active{
		background-color: #A6B4BE;
		color: #FFFFFF;
	}
	header nav section#menu_sp{
		text-align: center;
	}
	header nav section#menu_sp img{
		width: 100%;
	}
	header nav section#menu_sp .link_sns{
		text-decoration: none;
	}
	header nav section#menu_sp .link_sns:not(:first-child){
		margin-left: -webkit-calc((100% - (32px * 3)) / 4);
		margin-left: calc((100% - (32px * 3)) / 4);
	}
	header nav section#menu_sp .link_sns:before{
		font-size: 200%;
		color: #A6B4BE;
	}
	header nav section#menu_sp .link_etc{
		background-color: #96A8B2;
		color: #FFFFFF;
		display: block;
		height: 36px;
		line-height: 36px;
		text-decoration: none;
	}
	header nav section#menu_sp .link_etc + .link_etc{
		border-top: 1px solid #FFFFFF;
	}
	#menu_sp_sns{
		padding:1.5625% 0;
	}
	#menu_sp_sns p span{
		display: inline-block;
		text-align: right;
		width: 9em;
	}
	#menu_sp_sns a[class^="link_"],
	#menu_sp_sns .mdi-blank{
		font-size: 200%;
		margin-left: 0.5em;
	}
}
@media screen and (min-width:940px){
	#header_links{
		margin-bottom: 70px;
	}
	#header_links a{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#header_links a:hover{
		opacity: 0.7;
	}
	#header_menu{
		height: 70px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header_menu.active{
		position: fixed;
		top: 0;
	}
	#header_menu:not(.active){
		position: absolute;
		top: 30px;
	}
	#header_menu a{
		text-decoration: none;
	}
	#header_menu #header_logo{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#header_menu #header_logo:hover{
		opacity: 0.7;
	}
	#header_menu [id^="header_btn_"]{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		color: #FFFFFF;
		display: inline-block;
		float: right;
		font-size: 80%;
		height: 44px;
		line-height: 44px;
		margin-top: 3px;
		overflow: hidden;
		text-align: center;
		text-decoration: none;
		transition: opacity 0.2s ease-out 0s;
		vertical-align: middle;
		width: 160px;
	}
	#header_menu [id^="header_btn_"]:before{
		font-size: 140%;
		margin-right: 0.3em;
		vertical-align: sub;
	}
	#header_menu [id^="header_btn_"]:not(:last-child){
		margin-left: 7px;
	}
	#header_menu [id^="header_btn_"]:hover{
		opacity: 0.7;
	}
	#header_menu #header_btn_document{
		background-color: #F7861E;
	}
	#header_menu #header_btn_document:before{
		content: "\F5DA";
		position: relative;
		top: -0.1em;
	}
	#header_menu #header_btn_consultation{
		background-color: #1DACC9;
		width: 100px;
	}
	#header_menu #header_btn_consultation:before{
		content: "\F004";
	}
	#header_menu #header_btn_open_campus{
		background-color: #23308F;
	}
	#header_menu #header_btn_open_campus:before{
		content: "\F474";
	}
	#header_sns{
		float: right;
		font-size: 87.5%;
		text-align: right;
	}
	#header_sns p{
		height: 25px;
		line-height: 25px;
	}
	#header_sns p:nth-child(1){
		color: #94A8B1;
	}
	#header_sns p:nth-child(2){
		color: #23308F;
	}
	#header_sns a[class*="link_"],
	#header_sns .mdi-blank{
		float: right;
		display: block;
		font-size: 22px;
		margin-left: 4px;
		width: 22px;
	}
	#header_sns a[class*="link_"]{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#header_sns a[class*="link_"]:hover{
		opacity: 0.7;
	}
	#header_sns a.link_twitter:before{
		content: "\F545";
	}
	header nav{
		background: -webkit-linear-gradient(top, #F9F9F9, #E4E4E4);
		background: linear-gradient(to bottom, #F9F9F9, #E4E4E4);
		border-top: 1px solid #9A9A9B;
		border-bottom: 1px solid #9A9A9B;
		height: 72px;
		overflow: hidden;
		position: relative;
	}
	header nav:hover{
		overflow: visible;
	}
	header nav:after{
		clear: both;
		content: "";
		display: block;
	}
	header nav > section{
		float:left;
		padding: 10px 0;
		width: -webkit-calc(100% / 6);
		width: calc(100% / 6);
	}
	header nav > section > a{
		border-right: 1px solid #94A8B1;
		color: #6F8896;
		display: block;
		height: 50px;
		line-height: 50px;
		position:relative;
		text-align: center;
		text-decoration: none;
	}
	header nav > section > a:after{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background-color: #23308F;
		content: "";
		display: block;
		height: 4px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		transition: width 0.2s ease-out 0s;
		width: 0px;
	}
	header nav > section > a.active:after,
	header nav > section:hover > a:after{
		width: 80%;
	}
	header nav > section#nav_info > a{
		border-left: 1px solid #94A8B1;
	}
	header nav > section > span{
		display: none;
	}
	header nav > section > div{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background-color: #1E318F;
		display: none;
		height: 74px;
		opacity: 0;
		padding-top: 18px;
		padding-bottom: 18px;
		position: absolute;
		top: 70px;
		left: 0;
		transition: opacity 0.2s ease-out 0s;
		width: 100%;
		z-index: 100;
	}
	header nav > section > div.active{
		display: block;
		opacity: 1;
	}
	header nav > section > div > a{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		color: #FFFFFF;
		display: inline-block;
		height: 38px;
		line-height: 38px;
		padding: 0 2em;
		text-decoration: none;
		transition: opacity 0.2s ease-out 0s;
	}
	header nav > section > div > a:before{
		background-color: #F7871E;
		border-radius: 50%;
		color: #FFFFFF;
		content: "\F35F";
		display: inline-block;
		height: 12px;
		line-height: 12px;
		margin-right: 0.3em;
		font-size: 87.5%;
		position: relative;
		top: -4px;
		text-align: center;
		vertical-align: sub;
		width: 12px;
	}
	header nav > section > div > a.active,
	header nav > section > div > a:hover{
		opacity: 0.7 ;
	}
	header nav > section > div > a + a{
		border-left: 1px solid #FFFFFF;
	}
}
@media screen and (min-width:940px) and (max-width:959px){
	#header_menu #header_logo{
		height: 28px;
		margin-top: 11px;
	}
}
@media screen and (min-width:960px) and (max-width:1039px){
	#header_menu #header_logo{
		height: 30px;
		margin-top: 10px;
	}
}
@media screen and (min-width:1040px){
	#header_menu #header_logo{
		height: 40px;
		margin-top: 5px;
	}
}


/**************************************************50
 * news
 **************************************************/
[class^="news_label_"]{
	display: inline-block;
	color: #FFFFFF;
	font-size: 87.5%;
	text-align: center;
	width: 7em;
}
.news_label_1{
	background-color: #94A8B1;
}
.news_label_2{
	background-color: #93C806;
}
.news_label_3{
	background-color: #60CCD9;
}
.news_label_4{
	background-color: #FFB0CE;
}


/**************************************************50
 * middle010
 **************************************************/
 /** - open campas - **/
#open_campas_calendar{
	background-color: #FFFFFF;
	border-top: 5px solid #94A8B1;
}
#open_campas_schedule > h2 strong,
#open_campas_schedule > h3 strong,
.open_campas_list > h2 strong,
.open_campas_list > h3 strong{
	color: #94A8B1;
	font-size: 240%;
	vertical-align: middle;
}
#open_campas_schedule > h2 strong:before,
#open_campas_schedule > h3 strong:before,
.open_campas_list > h2 strong:before,
.open_campas_list > h3 strong:before{
	content: "\F0F1";
	font-weight: normal;
	margin-right: 0.3em;
}
.open_campas_list#oc_society > h2 strong:before,
.open_campas_list#oc_society > h3 strong:before{
	content: "\F519";
}
.open_campas_list#oc_hss > h2 strong:before,
.open_campas_list#oc_hss > h3 strong:before{
	content: "\F5DA";
}
#open_campas_calendar h3{
	border-bottom: 1px solid #666666;
	color: #666666;
	position: relative;
}
#open_campas_calendar h3 [id^="open_campas_calendar_"]{
	border: 1px solid #94A8B1;
	border-radius: 4px;
	color: #94A8B1;
	cursor: pointer;
	font-size: 80%;
	font-weight: normal;
	padding: 0.1em 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 5.6em;
}
#open_campas_calendar h3 #open_campas_calendar_prev{
	left: 0;
}
#open_campas_calendar h3 #open_campas_calendar_prev:before{
	content: "\F141";
	font-size: 140%;
	line-height: 1.2;
	vertical-align: middle;
}
#open_campas_calendar h3 #open_campas_calendar_next{
	right: 0;
}
#open_campas_calendar h3 #open_campas_calendar_next:after{
	content: "\F142";
	font-size: 140%;
	line-height: 1.2;
	vertical-align: middle;
}
#open_campas_calendar #schedule_calendar{
	text-align: center;
}
#open_campas_calendar ul{
	display: table;
	table-layout: fixed;
	width: 100%;
}
#open_campas_calendar ul.day_of_week{
	font-weight: bold;
}
#open_campas_calendar ul li{
	display: table-cell;
	height: 26px;
	line-height: 1;
	vertical-align: middle;
	width: -webkit-calc(100% / 7);
	width: calc(100% / 7);
}
#open_campas_calendar ul li:nth-child(7n+1){
	color: #EE343A;
}
#open_campas_calendar ul li:nth-child(7n){
	color: #29ABE1;
}
#open_campas_calendar ul li span{
	padding: 0.2em 0.6em;
}
#open_campas_calendar ul li [class^="category_"]{
	border-radius: 5px;
	color: #FFFFFF;
	display: inline-block;
}
#open_campas_calendar ul li .category_1{
	background-color: #6AD4F6;
}
#open_campas_calendar ul li .category_2{
	background-color: #F6A0A6;
}
#open_campas_next{
	background-color: #FFFFFF;
	border-radius: 10px;
	color: #808080;
	overflow: hidden;
	text-align: center;
}
#open_campas_next > h3,
#open_campas_next > h4{
	background-color: #F6A0A6;
	color: #FFFFFF;
}
#open_campas_next .label_gray{
	display: inline-block;
	font-size: 87.5%;
	padding: 0 0.3em;
}
#open_campas_calendar > p .mdi:before{
	margin-right: 0.3em;
}
.open_campas_list_date:after{
	clear: both;
	content: "";
	display: block;
}
.open_campas_list_date > li{
	border-radius: 15px;
	box-shadow:0px 1px 6px -1px rgba(0,0,0,0.3);
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: top;
}
.open_campas_list_date > li:before{
	background-color: #95A8B2;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.open_campas_list_date > li > div{
	font-size: 137.5%;
}
.open_campas_list_date > li > div strong{
	font-size: 136.3636363636364%;
}
.open_campas_list_date > li > div span.sunday{
	color: #FF0000;
}
.open_campas_list_date > li > div span.saturday{
	color: #458ACF;
}
.open_campas_list_date > li > p {
	line-height: 1.2;
	padding: 0 10px;
}
.open_campas_list_date > li > p + p{
	margin-top: 10px;
}
.open_campas_list_date > li > p span:first-child{
	background-color: #1DACC9;
	color: #FFFFFF;
	display: inline-block;
	margin-right: 0.5em;
	padding: 0 0.4em;
}
.open_campas_list_date > li > p span.notice{
	color: #F44336;
	font-size: 75%;
	line-height: 1.2;
}
.open_campas_list_detail > div{
	display: none;
}
ul[id^="open_campas_list_detail_"]{
	background-color: #FFFFFF;
	border-radius: 15px;
}
ul[id^="open_campas_list_detail_"] > li figure figcaption section:before{
	background-color: #95A8B2;
	color: #E9EFF8;
	display: inline-block;
	padding: 0.2em 0;
	text-align: center;
	width: 5em;
}
ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(1):before{
	content: "日　時";
}
ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(2):before{
	content: "内　容";
}
ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(1) strong{
	font-size: 136.3636363636364%;
}
ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(1) span.sunday{
	color: #FF0000;
}
ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(1) span.saturday{
	color: #458ACF;
}
ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(2) strong{
	font-size: 112.5%;
	display: block;
	margin-bottom: 5px;
}
ul[id^="open_campas_list_detail_"] > li .btn_link{
	background-color: #23308F;
	border-color: #23308F;
	font-size: 112.5%;
	height: 34px;
	line-height: 34px;
	width: 10em;
}
.open_campas_list#oc_society .open_campas_list_date > li{
}
.open_campas_list#oc_society .open_campas_list_date > li > div{
	text-align: center;
}
.open_campas_list#oc_society .open_campas_list_date > li > span{
	display: inline-block;
	text-align: center;
	width: 50%;
}
@media screen and (max-width:319px){
	#open_campas_schedule > h2 strong,
	#open_campas_schedule > h3 strong,
	.open_campas_list > h2 strong,
	.open_campas_list > h3 strong{
		font-size: 160%;
	}
	#open_campas_calendar{
		font-size: 70%;
	}
	#open_campas_next{
		font-size: 70%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#open_campas_schedule > h2 strong,
	#open_campas_schedule > h3 strong,
	.open_campas_list > h2 strong,
	.open_campas_list > h3 strong{
		font-size: 200%;
	}
}
@media screen and (max-width:359px){
	.open_campas_list_date > li{
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
}
@media screen and (min-width:360px) and (max-width:767px){
	.open_campas_list_date > li{
		width: -webkit-calc((100% - 3.125%) / 2);
		width: calc((100% - 3.125%) / 2);
	}
	.open_campas_list_date > li:nth-child(even){
		margin-left: 3.125%;
	}
}
@media screen and (max-width:767px){
	#open_campas_schedule{
		margin-top: 6.25%;
		padding: 0 3.125% 3.125%;
	}
	.open_campas_list{
		margin-bottom: 6.25%;
		padding: 0 3.125%;
	}
	#open_campas_schedule > h2,
	#open_campas_schedule > h3{
		margin-bottom: 1.5625%;
	}
	#open_campas_schedule > h2 strong,
	#open_campas_schedule > h3 strong,
	.open_campas_list > h2 strong,
	.open_campas_list > h3 strong{
		line-height: 1.4;
		display: block;
	}
	#open_campas_schedule .btn_to_blue{
		width: 100%;
	}
	#open_campas_calendar{
		margin-bottom: 3.333333333333333%;
	}
	#schedule_calendar{
		border-bottom: 1px solid #94A8B1;
		border-left: 1px solid #94A8B1;
		border-right: 1px solid #94A8B1;
		padding: 0 3.333333333333333%;
		margin-bottom: 1.666666666666667%;
	}
	#schedule_calendar h3{
		padding: 0.4em 0;
		margin-bottom: 1.666666666666667%;
	}
	#open_campas_next{
		box-shadow:0px 3px 7px 0px rgba(0,0,0,0.2);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3.333333333333333%;
		padding-bottom: 0.5em;
		max-width: 340px;
	}
	#open_campas_next > h3,
	#open_campas_next > h4{
		padding: 0.3em 0;
	}
	#open_campas_note{
		margin-bottom: 3.333333333333333%;
	}
	.open_campas_list_date > li{
		padding: 1.5625% 0 3.125%;
		margin-top: 1.5625%;
	}
	ul[id^="open_campas_list_detail_"]{
		padding: 3.125%;
	}
	ul[id^="open_campas_list_detail_"] > li{
		border: 2px solid #95A8B2;
		padding: 3.571428571428571%;
	}
	ul[id^="open_campas_list_detail_"] > li + li{
		margin-top: 3.571428571428571%;
	}
	ul[id^="open_campas_list_detail_"] > li figure{
		text-align: center;
	}
	ul[id^="open_campas_list_detail_"] > li figure img{
		width: 62.5%;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption{
		margin-top: 3.846153846153846%;
		text-align: left;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section{
		border-collapse: separate;
		border-spacing: 10px 10px;
		border-top: 1px dashed #95A8B2;
		display: table;
		font-size: 87.5%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section > div{
		display: table-cell;
		vertical-align: middle;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:before{
		display: table-cell;
		vertical-align: middle;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(2){
		text-align: left;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(3){
		padding-top: 3.846153846153846%;
	}
}
@media screen and (min-width:768px){
	#open_campas_schedule{
		background: url("https://asahi-form.site/images/user/form/back.jpg") center center no-repeat;
		margin-top: 50px;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	#open_campas_schedule:after{
		clear: both;
		content: "";
		display: block;
	}
	.open_campas_list{
		margin-bottom: 50px;
	}
	#open_campas_schedule > h2,
	#open_campas_schedule > h3{
		margin-bottom: 20px;
	}
	#open_campas_schedule > h2 strong,
	#open_campas_schedule > h3 strong,
	.open_campas_list > h2 strong,
	.open_campas_list > h3 strong{
		margin-right: 0.5em;
	}
	#open_campas_schedule > *:not(h2):not(h3):not(#open_campas_calendar){
		float: right;
	}
	#open_campas_calendar{
		float: left;
		height: 280px;
		padding: 0 20px;
		position: relative;
	}
	#open_campas_calendar h3{
		padding: 8px 0;
		margin-bottom: 10px;
	}
	#open_campas_calendar ul li span{
		font-size: 90%;
	}
	#open_campas_calendar > p{
		position: absolute;
		bottom: 10px;
		left: 20px;
	}
	#open_campas_next{
		margin-bottom: 12px;
		padding-bottom: 10px;
	}
	#open_campas_next > h3,
	#open_campas_next > h4{
		padding: 7px 0;
	}
	#open_campas_next p:last-child{
		margin-top: 5px;
	}
	#open_campas_note{
		font-size: 90%;
		margin-bottom: 12px;
	}
	.open_campas_list_date > li{
		padding: 8px 0 20px;
		margin-top: 10px;
	}
	ul[id^="open_campas_list_detail_"]{
		padding: 20px 30px;
	}
	ul[id^="open_campas_list_detail_"] > li{
		padding: 20px 0;
	}
	ul[id^="open_campas_list_detail_"] > li + li{
		border-top: 10px solid #95A8B2;
	}
	ul[id^="open_campas_list_detail_"] > li figure:after{
		clear: both;
		content: "";
		display: block;
	}
	ul[id^="open_campas_list_detail_"] > li figure img{
		float: left;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption{
		float: right;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section{
		padding-left: 6em;
		padding-bottom: 10px;
		position: relative;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:not(:first-child){
		padding-top: 10px;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:before{
		position: absolute;
		left: 0;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:first-child:before{
		top: 0;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:not(:first-child):before{
		top: 10px;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption section:nth-child(3){
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	.open_campas_list h2,
	.open_campas_list h3{
		padding-left: 20px;
		padding-right: 20px;
	}
	.open_campas_list#oc_society h2 strong,
	.open_campas_list#oc_society h3 strong{
		display: block;
		margin-right: 0;
	}
	#open_campas_schedule{
		padding-left: 20px;
		padding-right: 20px;
	}
	#open_campas_schedule .btn_to_blue{
		width: -webkit-calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
	}
	#open_campas_calendar{
		width: -webkit-calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
	}
	#open_campas_next{
		width: -webkit-calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
	}
	#open_campas_note{
		width: -webkit-calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
	}
	.open_campas_list_date > li{
		width: -webkit-calc((100% - (20px * 5)) / 4);
		width: calc((100% - (20px * 5)) / 4);
	}
	.open_campas_list_date > li{
		margin-left: 20px;
	}
	ul[id^="open_campas_list_detail_"] > li figure img{
		width: 140px;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption{
		width: -webkit-calc(100% - 160px);
		width: calc(100% - 160px);
	}
}
@media screen and (min-width:940px){
	#open_campas_schedule{
		height: 400px;
		position: relative;
	}
	#open_campas_schedule:before{
		content: url("https://asahi-form.site/images/user/form/img_010.png");
		line-height: 1;
		position: absolute;
		bottom: -3px;
		vertical-align: middle;
		z-index: 1;
	}
	#open_campas_calendar h3 [id^="open_campas_calendar_"]{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: all 0.2s ease-out 0s;
	}
	#open_campas_calendar h3 [id^="open_campas_calendar_"]:hover{
		background-color: #94A8B1;
		color: #FFFFFF;
	}
	.open_campas_list_date > li{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: all 0.2s ease-out 0s;
	}
	.open_campas_list_date > li:hover{
		background-color: #DFF8FD;
		box-shadow:0px 1px 8px -1px rgba(0,0,0,0.5);
	}
	ul[id^="open_campas_list_detail_"] > li .btn_link:hover{
		color: #23308F;
	}
	ul[id^="open_campas_list_detail_"] > li .btn_link:hover:after{
		border-color: transparent transparent #23308F transparent;
	}
}
@media screen and (min-width:940px) and (max-width:1039px){
	#open_campas_schedule:before{
		left: 0;
	}
	#open_campas_schedule .btn_to_blue{
		width: -webkit-calc(100% - 410px - 138px - 20px);
		width: calc(100% - 410px - 138px - 20px);
	}
	#open_campas_calendar{
		margin-left: 138px;
		width: 410px;
	}
	#open_campas_next{
		width: -webkit-calc(100% - 410px - 138px - 20px);
		width: calc(100% - 410px - 138px - 20px);
	}
	#open_campas_note{
		width: -webkit-calc(100% - 410px - 138px - 20px);
		width: calc(100% - 410px - 138px - 20px);
	}
	.open_campas_list_date > li{
		width: -webkit-calc((100% - (20px * 3)) / 4);
		width: calc((100% - (20px * 3)) / 4);
	}
	.open_campas_list_date > li:not(:nth-child(4n+1)){
		margin-left: 20px;
	}
	ul[id^="open_campas_list_detail_"] > li figure img{
		width: 180px;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption{
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
	}
}
@media screen and (min-width:1040px){
	#open_campas_schedule:before{
		left: -webkit-calc(50% - 520px);
		left: calc(50% - 520px);
	}
	#open_campas_calendar{
		margin-left: 138px;
		width: 490px;
	}
	#open_campas_next{
		margin-right: 30px;
		width: 310px;
	}
	#open_campas_note{
		margin-right: 30px;
		width: 310px;
	}
	#open_campas_schedule .btn_to_blue{
		margin-right: 30px;
	}
	.open_campas_list_date > li{
		width: -webkit-calc((100% - (20px * 4)) / 5);
		width: calc((100% - (20px * 4)) / 5);
	}
	.open_campas_list_date > li:not(:nth-child(5n+1)){
		margin-left: 20px;
	}
	ul[id^="open_campas_list_detail_"] > li figure img{
		width: 240px;
	}
	ul[id^="open_campas_list_detail_"] > li figure figcaption{
		width: -webkit-calc(100% - 260px);
		width: calc(100% - 260px);
	}
}

/** - nurture environment - **/
#nurture_environment{
	background-attachment: fixed;
}
#nurture_environment h2{
	background-color: #8CC63F;
	color: #FFFFFF;
	font-size: 187.5%;
	margin-left: auto;
	margin-right: auto;
	padding: 0.3em 0;
	text-align: center;
	max-width: 880px;
	width: 93.75%;
}
#nurture_environment_list li{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(255, 255, 255, 0.7);
	border: 1px solid #8CC63F;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease-out 0s;
	-ms-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}
#nurture_environment_list li.active{
	opacity: 1;
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
#nurture_environment_list li h3{
	background-color: #FFFADB;
	color: #F7871E;
	font-size: 137.5%;
	font-weight: bold;
}
#nurture_environment_list li p{
	font-size: 81.25%;
	text-align: left;
}
#nurture_environment_list li a{
	border: 1px solid #3BA9DC;
	border-radius: 10px;
	color: #3BA9DC;
	display: inline-block;
	position: relative;
	text-decoration: none;
	width: 140px;
}
#nurture_environment_list li a:after{
	content: "\F142";
	font-size: 160%;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#nurture_environment > h3{
	font-size: 137.5%;
	font-weight: bold;
	text-align: center;
}
.nurture_environment_note{
	border: 1px solid #4C4C4C;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 480px;
	width: 93.75%;
}
.nurture_environment_note p{
	font-size: 62.5%;
}
.nurture_environment_passed{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(255, 250, 219, 0.7);
	opacity: 0;
	transition: all 0.5s ease-out 0s;
	-ms-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}
.nurture_environment_passed.active{
	opacity: 1;
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.nurture_environment_passed li{
	text-align: center;
}
.nurture_environment_passed li h4,
.nurture_environment_passed li h5{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
}
.nurture_environment_passed li.obj_red h4,
.nurture_environment_passed li.obj_red h5{
	border-color: #EB6C75;
	color: #EB6C75;
}
.nurture_environment_passed li.obj_blue h4,
.nurture_environment_passed li.obj_blue h5{
	border-color: #4F83C3;
	color: #4F83C3;
}
.nurture_environment_passed li strong{
	color: #E50113;
	font-size: 375%;
}
.nurture_environment_passed li div{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	text-align: left;
}
.nurture_environment_passed li div:before{
	color: #FFFFFF;
	content: "全国平均";
	display: inline-block;
	margin-right: -webkit-calc((50% - 3em) / 2);
	margin-right: calc((50% - 3em) / 2);
	text-align: center;
	width: 50%;
}
.nurture_environment_passed li.obj_red div{
	border-color: #EB6C75;
	color: #EB6C75;
}
.nurture_environment_passed li.obj_red div:before{
	background-color: #EB6C75;
}
.nurture_environment_passed li.obj_blue div{
	border-color: #4F83C3;
	color: #4F83C3;
}
.nurture_environment_passed li.obj_blue div:before{
	background-color: #4F83C3;
}
.nurture_environment_passed li div:after{
	content: "％";
	color: #4C4C4C;
}
@media screen and (max-width:767px){
	#nurture_environment{
		background: url("https://asahi-form.site/images/user/top/img_011.jpg") center center no-repeat;
		background-size: auto 100%;
		margin-bottom: 6.25%;
		padding-top: 3.125%;
		padding-bottom: 3.125%;
	}
	#nurture_environment h2{
		line-height: 1.4;
		margin-bottom: 3.125%;
		padding: 0 0.3em;
	}
	#nurture_environment_list li{
		margin: 0 auto 3.125%;
		padding: 3.125%;
		max-width: 360px;
		width: 93.75%;
	}
	#nurture_environment_list li h3{
		margin: 1.724137931034483% 0;
	}
	#nurture_environment_list li p{
		margin-bottom: 1.724137931034483%;
	}
	.nurture_environment_note{
		margin-bottom: 3.125%;
	}
	.nurture_environment_note p{
		padding: 0 1.666666666666667%;
	}
	.nurture_environment_passed{
		margin: 0 auto;
		padding: 3.125%;
		max-width: 320px;
		width: 93.75%;
	}
	.nurture_environment_passed li + li{
		margin-top: 10.71428571428571%;
	}
}
@media screen and (min-width:768px){
	#nurture_environment{
		background: url("https://asahi-form.site/images/user/top/img_010.jpg") center center no-repeat;
		background-size: 100% auto;
		margin-bottom: 50px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#nurture_environment h2{
		margin-bottom: 50px;
	}
	#nurture_environment_list:after{
		clear: both;
		content: "";
		display: block;
	}
	#nurture_environment_list li{
		float: left;
		margin-bottom: 20px;
		padding: 20px;
		width: -webkit-calc((100% - 41px) / 3);
		width: calc((100% - 41px) / 3);
	}
	#nurture_environment_list li:not(:nth-child(3n+1)){
		margin-left: 20px;
	}
	#nurture_environment_list li h3{
		margin: 10px 0;
	}
	#nurture_environment_list li p{
		height: 72px;
		margin-bottom: 10px;
	}
	#nurture_environment > h3{
		margin-bottom: 20px;
	}
	.nurture_environment_note{
		margin-bottom: 20px;
	}
	.nurture_environment_passed{
		padding: 30px 15px;
	}
	.nurture_environment_passed:after{
		clear: both;
		content: "";
		display: block;
	}
	.nurture_environment_passed li{
		float: left;
		padding: 0 15px;
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}
@media screen and (min-width:940px){
	#nurture_environment_list li a{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: color,background-color 0.2s ease-out 0s;
	}
	#nurture_environment_list li a:hover{
		background-color: #3BA9DC;
		color: #FFFFFF;
	}
}
@media screen and (min-width:768px) and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.nurture_environment_passed li{
		width: -webkit-calc)(100% / 3) - 1px);
		width: calc((100% / 3) - 1px);
	}
}

/** - page head - **/
[id^="page_header"]{
	text-align: center;
}
[id^="page_header"] figure{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
[id^="page_header"] figure:before{
	content: "";
	display: block;
}
#page_header > img{
	width: 100%;
}
.page_intro{
	background-color: #23308F;
	color: #FFFFFF;
	position: relative;
}
.page_intro h3{
	font-size: 150%;
	font-weight: normal;
}
.page_intro p strong{
	font-weight: bold;
}
@media screen and (max-width:767px){
	[id^="page_header"]{
		margin-top: -3.125%;
	}
	.page_intro{
		padding: 3.125%;
	}
	.page_intro h3{
		margin-bottom: 3.333333333333333%;
	}
}
@media screen and (min-width:768px){
	[id^="page_header"]{
		margin-top: -30px;
	}
	.page_intro{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.page_intro h3{
		margin-bottom: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:1039px){
	.page_intro{
		padding-left: 20px;
		padding-right: 20px;
	}
}

/** - workshop main - **/
#workshop_main{
	text-align: center;
}
#workshop_main a{
	display: inline-block;
}
@media screen and (max-width:767px){
	#workshop_main{
		margin-bottom: 3.125%
	}
	#workshop_main a{
		margin-bottom: 3.125%
	}
	#workshop_main a img{
		width: 100%;
	}
}
@media screen and (min-width:768px){
	#workshop_main{
		text-align: center;
		margin-bottom: 50px;
	}
	#workshop_main a{
		margin: 20px 10px;
	}
}
@media screen and (min-width:940px){
	#workshop_main a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#workshop_main a img:hover{
		opacity: 0.7;
	}
}

/** - list - **/
[class^="list_"] > li{
	padding-left: 1em;
	text-indent: -1em;
}
[class^="list_"] > li:before{
	text-indent: 0;
}
.list_dot > li:before{
	content: "・";
}
.list_asterisk > li:before{
	content: "※";
}
.list_star > li:before{
	content: "\F4CE";
}
.list_circle > li:before{
	content: "\F764";
}
[class^="list_num_dot"]{
	counter-reset: num;
}
[class^="list_num_dot"] > li{
	padding-left: 2em;
	text-indent: -2em;
}
[class^="list_num_dot"] > li:before{
	counter-increment: num;
	content: counter(num)"．";
	text-indent: 0;
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 2em;
}
[class^="list_num_circle"]{
	counter-reset: num;
}
[class^="list_num_circle"] > li{
	padding-left: 1em;
	text-indent: -1em;
}
[class^="list_num_circle"] > li:before{
	border-style: solid;
	border-width: 1px;
	border-radius: 50%;
	counter-increment: num;
	content: counter(num);
	font-size: 62.5%;
	height: 1.4em;
	line-height: 1.4em;
	margin: 0.5em 0;
	text-indent: 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 1.4em;
}
.list_num_dot_cyan > li:before{
	color: #1CACCA;
}
.list_num{
	counter-reset: num;
}
.list_num > li{
	padding-left: 1em;
	text-indent: -1em;
}
.list_num > li:before{
	counter-increment: num;
	content: counter(num);
	text-indent: 0;
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 1em;
}
@media screen and (max-width:767px){
	.title_line + [class^="list_"]{
		padding: 0 3.125%;
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.title_line + [class^="list_"]{
		margin: 0 auto 50px;
		max-width: 860px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
}

.lint_point{
	counter-reset: num;
}
.lint_point > li h4,
.lint_point > li h5{
	color: #1CACCA;
	font-size: 125%;
}
.lint_point > li h4:before,
.lint_point > li h5:before{
	background-color: #1CACCA;
	border-radius: 5px;
	color: #FFFFFF;
	content: "Point "counter(num);
	counter-increment: num;
	display: inline-block;
	font-weight: normal;
	font-size: 80%;
	text-align: center;
	width: 80px;
}
@media screen and (max-width:767px){
	.lint_point > li{
		text-align: center;
	}
	.lint_point > li + li{
		margin-top: 3.125%;
	}
	.lint_point > li img{
		max-width: 360px;
		width: 62.5%;
	}
	.lint_point > li h4,
	.lint_point > li h5{
		margin-top: 1.625%;
		padding: 0 3.125%;
		text-align: left;
	}
	.lint_point > li h4:before,
	.lint_point > li h5:before{
		margin-right: -webkit-calc(100% - 80px);
		margin-right: calc(100% - 80px);
	}
	.lint_point > li p{
		padding: 0 3.125%;
		text-align: left;
	}
}
@media screen and (min-width:768px){
	.lint_point{
		padding: 0 20px;
	}
	.lint_point > li:after{
		clear: both;
		content: "";
		display: block;
	}
	.lint_point > li + li{
		margin-top: 30px;
	}
	.lint_point > li > img{
		float: left;
		width: 170px;
	}
	.lint_point > li h4,
	.lint_point > li h5{
		float: right;
		padding-left: -webkit-calc(80px + 1em);
		padding-left: calc(80px + 1em);
		position: relative;
		width: -webkit-calc(100% - 170px - 30px);
		width: calc(100% - 170px - 30px);
	}
	.lint_point > li h4:before,
	.lint_point > li h5:before{
		position: absolute;
		top: 50%;
		left: 0;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.lint_point > li p,
	.lint_point > li > ul{
		float: right;
		width: -webkit-calc(100% - 170px - 30px);
		width: calc(100% - 170px - 30px);
	}
}

/** - page list - **/
.page_list{
	text-align: center;
}
.page_list a{
	background-color: #1CACCA;
	border: 1px solid #1CACCA;
	color: #FFFFFF;
	display: inline-block;
	position: relative;
	text-decoration: none;
	vertical-align: top;
}
.page_list a.mdi:before{
	display: block;
	font-size: 625%;
}
.page_list a:after{
	border-color: transparent transparent #FFFFFF transparent;
	border-style: solid;
	border-width: 0 0 12px 12px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 0;
}
.page_list a.line2 span{
	position: relative;
	top: -1em;
}
@media screen and (max-width:319px){
	.page_list a.mdi{
		max-width: 300px;
		width: 93.75%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	.page_list a.mdi{
		height: 135px;
		font-size: 62.5%;
	}
}
@media screen and (min-width:360px) and (max-width:413px){
	.page_list a.mdi{
		height: 160px;
		font-size: 75%;
	}
}
@media screen and (min-width:414px) and (max-width:479px){
	.page_list a.mdi{
		height: 190px;
		font-size: 87.5%;
	}
}
@media screen and (min-width:480px) and (max-width:767px){
	.page_list a.mdi{
		height: 215px;
	}
}
@media screen and (min-width:320px) and (max-width:767px){
	.page_list a{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
	.page_list a:nth-child(even){
		margin-left: 3.125%;
	}
}
@media screen and (max-width:767px){
	.page_list{
		margin-bottom: 6.25%;
	}
	.page_list a{
		margin-bottom: 3.125%;
	}
	.page_list a.mdi span{
		font-size: 125%;
	}
	.page_list > p{
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	.page_list{
		margin: 0 auto 50px;
		max-width: 956px;
	}
	.page_list a{
		margin: 0 28px 30px;
		width: -webkit-calc((100% - (56px * 4)) / 3);
		width: calc((100% - (56px * 4)) / 3);
	}
	.page_list a.mdi{
		height: 200px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	.page_list a.mdi:before{
		line-height: 1.5;
	}
}
@media screen and (min-width:940px){
	.page_list a{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: color,background-color 0.2s ease-out 0s;
	}
	.page_list a:after{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: border-color 0.2s ease-out 0s;
	}
	.page_list a:hover{
		background-color: #FFFFFF;
		color: #1CACCA;
	}
	.page_list a:hover:after{
		border-color: transparent transparent #1CACCA transparent;
	}
	.page_list a.mdi:before{
		line-height: 1.4;
	}
	.page_list a.mdi span{
		font-size: 125%;
	}
}

.page_img_list{
	background-color: #EFF0F6;
}
.page_img_list: after{
	clear: both;
	content: "";
	display: block;
}
.page_img_list > li{
	background-color: #23308F;
	color: #FFFFFF;
	padding: 5px;
	position: relative;
	text-align: center;
}
.page_img_list > li:after{
	border-color: transparent transparent #FFFFFF transparent;
	border-style: solid;
	border-width: 0 0 12px 12px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 0;
}
.page_img_list > li a{
	display: block;
	margin-bottom: 5px;
}
.page_img_list > li a img{
	width: 100%;
}
.page_img_list > li p{
	font-size: 125%;
}
@media screen and (max-width:319px){
	.page_img_list > li{
		margin: 0 auto;
		max-width: 360px;
		width: 93.75%;
	}
	.page_img_list > li + li{
		margin-top: 3.125%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	.page_img_list > li{
		font-size: 50%;
	}
}
@media screen and (min-width:360px) and (max-width:413px){
	.page_img_list > li{
		font-size: 62.5%;
	}
}
@media screen and (min-width:414px) and (max-width:479px){
	.page_img_list > li{
		font-size: 75%;
	}
}
@media screen and (min-width:320px) and (max-width:767px){
	.page_img_list > li{
		float: left;
		margin-left: 3.125%;
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (max-width:767px){
	.page_img_list{
		padding-top: 3.125%;
	}
	.page_img_list > li{
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.page_img_list{
		padding-top: 50px;
		padding-bottom: 70px;
		text-align: center;
	}
	.page_img_list > li{
		display: inline-block;
		margin-bottom: 20px;
		width: -webkit-calc((100% - (20px * 2)) / 3);
		width: calc((100% - (20px * 2)) / 3);
	}
	.page_img_list > li:not(:nth-child(3n+1)){
		margin-left: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:1039px){
	.page_img_list{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width:940px){
	.page_img_list li a{
		overflow: hidden;
	}
	.page_img_list li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform 0.2s ease-out 0s;
	}
	.page_img_list li a img:hover{
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

/** - table - **/
[class^="table"]{
	background-color: #7B7B7B;
	border-collapse: separate;
	border-spacing: 1px 1px;
	text-align: center;
}
[class^="table"] tr th{
	background-color: #DEE3E7;
	font-weight: bold;
}
[class^="table"] tr td{
	background-color: #FFFFFF;
}
[class^="table"] tr td.item{
	background-color: #EFF0F6;
}
[class^="table"] tr td.performed{
	background-color: #CCCCCC;
	text-decoration: line-through;
}
[class^="table"] tr td span.performed{
	text-decoration: line-through;
}
.table_fixed{
	table-layout: fixed;
}
@media screen and (max-width:767px){
	.table_pc{
		display: none;
	}
	[class^="table"]{
		margin: 0 auto 6.25%;
		width: 93.75%;
	}
	[class^="table"] tr th:not(.vertical_writing){
		padding: 0.2em 0.6em;
	}
	[class^="table"] tr td:not(.vertical_writing){
		padding: 0.2em 0.6em;
	}
	[class^="table"] .vertical_writing{
		line-height: 1.6em;
		padding: 1em 0.2em;
		width: 2em;
	}
	[class^="table"] .vertical_writing span{
		display: block;
	}
	[class^="table"] .vertical_writing .rotate{
		transform: rotate(90deg);
	}
	.table_half,
	.table_half tbody,
	.table_half tr,
	.table_half tr th,
	.table_half tr td,
	.table_sp_full,
	.table_sp_full tbody,
	.table_sp_full tr,
	.table_sp_full tr th,
	.table_sp_full tr td{
		display: block;
	}
	.table_half,
	.table_sp_full{
		border-bottom: 1px solid #7B7B7B;
	}
	.table_half tr th,
	.table_sp_full tr th{
		border: 1px solid #7B7B7B;
	}
	.table_half tr td,
	.table_sp_full tr td{
		border-left: 1px solid #7B7B7B;
		border-right: 1px solid #7B7B7B;
		display: block;
	}
}
@media screen and (min-width:768px){
	.table_sp{
		display: none;
	}
	[class^="table"]{
		margin: 0 auto 30px;
		max-width: 960px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	[class^="table"] tr th{
		padding: 1em;
	}
	[class^="table"] tr td{
		padding: 1em;
	}
	.table_half tr th{
		table-layout: fixed;
		width: 50%;
	}
	.table_sp_full.table_th_w8em tr th{
		width: 8em;
	}
}


/**************************************************50
 * news
 **************************************************/
#news_contents{
	margin-top: -1px;
}
#news_contents li{
	border-bottom: 1px solid #606060;
	border-left: 1px solid #606060;
	border-right: 1px solid #606060;
}
#news_contents li a{
	color: #808080;
	display: block;
	position: relative;
	text-decoration: none;
}
#news_contents li a:before{
	content: "\F142";
	font-size: 140%;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#news_contents li a:after{
	clear: both;
	content: "";
	display: block;
}
#news_contents li a img{
	border-radius: 10px;
	float: left;
}
#news_contents li .mdi-youtube-play{
	color: #FF0000;
	line-height: 1;
	position: absolute;
}
#news_contents li a [class^="news_label_"]{
	margin-right: 1em;
}
#news_contents li a h3{
	color: #5D6DA0;
	font-weight: normal;
	margin-top: 0.2em;
}
#news_contents li a + a{
	border-top: 1px solid #D8D8D8;
}
@media screen and (max-width:359px){
	#news_contents li a span{
		font-size: 75%;
	}
}

@media screen and (max-width:767px){
	#news_contents li{
		padding: 3.125%;
	}
	#news_contents li a{
		padding: 1.666666666666667% -webkit-calc(1.666666666666667% + 1em) 1.666666666666667% 1.666666666666667%;
		padding: 1.666666666666667% calc(1.666666666666667% + 1em) 1.666666666666667% 1.666666666666667%;
	}
	#news_contents li a img{
		margin-right: 10px;
		width: 100px;
	}
	#news_contents li .mdi-youtube-play{
		font-size: 120%;
		top: -webkit-calc(6.666666666666667% + 1px);
		top: calc(6.666666666666667% + 1px);
		left: -webkit-calc(1.666666666666667% + 76px);
		left: calc(1.666666666666667% + 76px);
	}
	#news_contents li a h3{
		float: right;
		width: -webkit-calc(100% - 100px - 10px);
		width: calc(100% - 100px - 10px);
	}
}
@media screen and (min-width:768px){
	#news_contents li{
		padding: 10px 20px;
	}
	#news_contents li a{
		padding:  10px -webkit-calc(10px + 1em) 10px 10px;
		padding:  10px calc(10px + 1em) 10px 10px;
	}
	#news_contents li a img{
		margin-right: 20px;
		width: 84px;
	}
	#news_contents li .mdi-youtube-play{
		font-size: 140%;
		top: 11px;
		left: 70px;
	}
}
@media screen and (min-width:940px){
	#news_contents li a{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#news_contents li a:hover{
		opacity: 0.7;
	}
}


/**************************************************50
 * footer
 **************************************************/
footer{
	color: #4D4D4D;
	position: relative;
}
footer #btn_totop{
	background-color: #23308F;
	color: #FFFFFF;
	z-index: 1000;
}
footer nav{
	background-color: #94A8B1;
}
footer nav a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer_info{
	border-bottom: 1px solid #4D4D4D;
	font-size: 93.75%;
}
#footer_info a{
	color: #4D4D4D;
}
#footer_sns{
	font-size: 87.5%;
	text-align: right;
}
#footer_sns p{
	height: 25px;
	line-height: 25px;
}
#footer_sns p:nth-child(1){
	color: #94A8B1;
}
#footer_sns p:nth-child(2){
	color: #23308F;
}
#footer_sns a[class*="link_"]{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
}
#footer_sns a[class*="link_"],
#footer_sns .mdi-blank{
	float: right;
	display: block;
	font-size: 22px;
	margin-left: 2px;
	width: 22px;
}
#footer_sns a[class*="link_"]:hover{
	opacity: 0.7;
}
#footer_sns a.link_twitter:before{
	content: "\F545";
}
#footer_links{
	text-align: center;
	font-size: 87.5%;
}
#footer_links a{
	color: #4D4D4D;
}
#copyright{
	font-size: 11px;
	text-align: center;
}
@media screen and (max-width:319px){
	footer nav a{
		font-size: 60%;
	}
}
@media screen and (min-width:320px) and (max-width:413px){
	footer nav a{
		font-size: 80%;
	}
}
@media screen and (max-width:767px){
	footer #btn_totop{
		font-size: 140%;
		height: 42px;
		line-height: 42px;
		width: 42px;
	}
	footer #btn_totop:not(.active){
		top: -52px;
	}
	footer nav{
		border-top: 2px solid #FFFFFF;
	}
	footer nav:after{
		clear: both;
		content: "";
		display: block;
	}
	footer nav section{
		border-bottom: 2px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		margin-top: -1px;
	}
	footer nav section{
		float: left;
		width: 50%;
	}
	footer nav section.wide{
		width: 100%;
	}
	footer nav a{
		border-bottom: 1px solid #FFFFFF;
		float: left;
		padding: 1.5625% 3.125%;
		position: relative;
		text-decoration: none;
		width: 50%;
	}
	footer nav a:after{
		content: "\F142";
		font-size: 22px;
		font-weight: normal;
		line-height: 1;
		position: absolute;
		top: 50%;
		right: 0;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	footer nav a.active{
		background-color: #FFFFFF;
		color: #94A8B1;
	}
	footer nav h3{
		text-align: center;
	}
	footer nav h3 a{
		border-bottom: none;
		display: block;
		float: none;
		width: 100%;
	}
	footer nav section > a:not(h3){
		display: none;
	}
	#footer_info{
		padding: 1.5625% 3.125%;
	}
	#footer_info #footer_logo{
		margin-top: 3.333333333333333%;
		margin-bottom: 3.333333333333333%;
	}
	#footer_info > div a{
		display: inline-block;
		text-decoration: none;
	}
	#footer_info > div > span{
		display: inline-block;
	}
	#footer_sns a[class^="link_"],
	#footer_sns .mdi-blank{
		font-size: 200%;
		margin-left: 0.5em;
	}
	#footer_links a{
		text-decoration: none;
	}
}
@media screen and (min-width:768px){
	footer nav > section{
		padding: 0.2em 0 0.2em 1em;
		position: relative;
	}
	footer nav > section:before{
		background-color: #FFFFFF;
		content: "";
		display: block;
		height: -webkit-calc(100% - 0.6em);
		height: calc(100% - 0.6em);
		position: absolute;
		top: 50%;
		left: 0;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 1px;
	}
	footer nav{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction:         column;
		-webkit-flex-wrap: wrap;
		flex-wrap:         wrap;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		-webkit-align-items: flex-start;
		align-items:         flex-start;
	}
	footer nav a{
		display: block;
	}
	footer nav a:hover{
		text-decoration: underline;
	}
	#footer_info #footer_logo{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#footer_sns a[class^="link_"],
	#footer_sns .mdi-blank{
		font-size: 175%;
	}
	#footer_links{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#copyright{
		padding-bottom: 10px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	footer nav{
		height: 320px;
		padding: 20px;
	}
	footer nav a{
		font-size: 90%;
	}
	footer #btn_totop{
		font-size: 160%;
		height: 56px;
		line-height: 56px;
		width: 56px;
	}
	footer #btn_totop:not(.active){
		top: -66px;
	}
	#footer_info{
		padding-bottom: 10px;
	}
}
@media screen and (max-width:939px){
	footer #btn_totop{
		display: inline-blcok;
		right: 10px;
		text-align: center;
	}
	footer #btn_totop.active{
		position: fixed;
		bottom: 10px;
	}
	footer #btn_totop:not(.active){
		position: absolute;
	}
	#footer_links{
		position: relative;
	}
	#footer_info{
		text-align: center;
	}
	#footer_info #footer_logo{
		max-width: 484px;
		width: 100%;
	}
	#footer_sns{
		text-align: center;
	}
	#footer_sns p{
		display: inline-block;
	}
	#footer_sns p span{
		display: inline-block;
		text-align: right;
		width: 9em;
	}
}
@media screen and (min-width:940px){
	footer #btn_totop{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		cursor: pointer;
		font-size: 140%;
		line-height: 1;
		position: absolute;
		top: 0;
		padding: 0.3em 1em;
		width: 148px;
		transition: opacity 0.2s ease-out 0s;
	}
	footer #btn_totop:after{
		content: "PAGE TOP";
		font-size: 60%;
		line-height: 1.6;
		margin-left: 1em;
		vertical-align: bottom;
	}
	footer #btn_totop:hover{
		opacity: 0.7;
	}
	footer h2{
		position: absolute;
		top: 0;
	}
	footer nav{
		height: 314px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	footer nav a{
		font-size: 80%;
	}
	footer nav h3 a{
		font-size: 90%;
	}
	#footer_info{
		height: 185px;
	}
	#footer_info #footer_logo{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#footer_info #footer_logo:hover{
		opacity: 0.7;
	}
	#footer_sns a[class^="link_"]{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#footer_sns a[class^="link_"]:hover{
		opacity: 0.7;
	}
	#footer_sns{
		float: right;
	}
}
@media screen and (min-width:940px) and (max-width:980px){
	#footer_info > p{
		font-size: 87.5%;
		margin-bottom: 4px;
	}
}
@media screen and (min-width:940px) and (max-width:1039px){
	footer #btn_totop{
		right: 20px;
		-ms-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	footer h2{
		left: 0;
	}
	footer > .wrap{
		padding-left: 400px;
	}
}
@media screen and (min-width:1040px){
	footer #btn_totop{
		left: -webkit-calc(50% + (1000px / 2));
		left: calc(50% + (1000px / 2));
		-ms-transform: translate(-100%, -100%);
		-webkit-transform: translate(-100%, -100%);
		transform: translate(-100%, -100%);
	}
	footer h2{
		left: -webkit-calc(50% - 500px);
		left: calc(50% - 500px);
	}
	footer > .wrap{
		padding-left: -webkit-calc(((100% - 1000px) / 2) + 400px);
		padding-left: calc(((100% - 1000px) / 2) + 400px);
	}
}


/**************************************************50
 * oc_line
 **************************************************/
#oc_line{
	display: block;
	text-align: center;
}
#oc_line img{
}
@media screen and (max-width:767px){
	#oc_line{
	}
	#oc_line img{
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	#oc_line{
	}
	#oc_line img{
		width: 100%;
		max-width: 778px;
	}
}


