body {
		padding: 0px 0px;
		background-color: white;
		/*		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
		/*		font-family: "Calibri", "Candara", "Segoe", "Segoe UI", "Optima", "Arial", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
		/*	font-weight: 500;*/
		/*		color: #404040;*/
		line-break: strict;
	}
	/* bootstrap class */
	/* マウスオーバーでドロップダウン表示
.dropdown:hover > .dropdown-menu{
  display: block;
}
 */
	
	a {
		color: #0C45A6;
	}
	
	a:hover {
		color: #042C70;
	}
	
	.nav {
		/*		border-bottom: solid 2px #428bca;*/
		/*		border-bottom: solid 2px #23B6EA;*/
		border-bottom: solid 2px #0C45A6;
		font-weight: bold;
	}
	
	.nav>li>a {
		color: #0C45A6;
		padding: 5px 10px;
	}
	
	.nav>li>a:hover {
		background-color: #eee;
		color: #042C70;
	}
	
	.navbar {
		margin-bottom: 5px;
	}
	
	.navbar-brand {
		height: auto;
		padding: 8px 0px 0px 0px;
	}
	
	.navbar-nav {
		margin: 20px 0px 0px 10px;
	}
	
	.navbar-toggle {
		background-color: #eee;
	}
	
	.icon-bar {
		background-color: #333;
	}
	
	.carousel-indicators li {
		border-color: #ccc;
	}
	
	.active {
		/*		background-color: #eee;*/
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 85%, rgba(204, 204, 204, 0.6) 100%);
	}
	
	.active a {
		/*		color: #23527C;*/
		color: #042C70;
	}
	
	.pull-left {
		margin: 0px 10px 5px 10px;
	}
	
	.jumbotron {
		margin-bottom: 0px;
	}
	/* bootstrap class */
	
	.top_image_inner {
		padding: 0px;
		background: linear-gradient(to bottom, rgba(232, 233, 237, 1.0), rgba(242, 241, 246, 1.0) 40%, rgba(255, 255, 255, 1.0) 100%);
	}
	
	.top_image {
		/*
		padding: 0px 0px 0px 0px;
		background-image: url("./image/top02sa.jpg");
		background-size: contain;
		background-position: center bottom;
		background-repeat: no-repeat;
*/
		/*
				height: 350px;
*/
		height: 400px;
	}
	/*
	.top_image_txt {
		padding: 10px 0px 0px 5px;
		text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
	}
*/
	/*トップページスライドショー*/
	
	.main_imgBox {
		/*				height: 615px;*/
		max-height: 966px;
		/*		height: auto;*/
		width: 100%;
		max-width: 1448px;
		overflow: hidden;
		position: relative;
		margin: 0px auto;
	}
	/*テキスト表示エリア*/
	
	.main_logo {
		z-index: 11;
		position: absolute;
		top: 5%;
		left: 0%;
		/*    transform:translate(-50%,-50%);*/
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	.main_logo h2 {
		font-weight: bold;
		color: #039;
		font-size: 32px;
	}
	
	.main_img {
		z-index: 10;
		opacity: 0;
		width: 100%;
		/*				height: 615px;*/
		/*					height: 966px;		*/
		height: 100%;
		/*				height: auto;*/
		*/
		/*				max-width: 1448px;*/
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		/*		background-size: contain;*/
		position: absolute;
		left: 0;
		top: 0;
		-webkit-animation: anime 36s 0s infinite;
		animation: anime 36s 0s infinite;
	}
	
	.main_img:nth-of-type(2) {
		-webkit-animation-delay: 6s;
		animation-delay: 6s;
	}
	
	.main_img:nth-of-type(3) {
		-webkit-animation-delay: 12s;
		animation-delay: 12s;
	}
	
	.main_img:nth-of-type(4) {
		-webkit-animation-delay: 18s;
		animation-delay: 18s;
	}
	
	.main_img:nth-of-type(5) {
		-webkit-animation-delay: 24s;
		animation-delay: 24s;
	}
	
	.main_img:nth-of-type(6) {
		-webkit-animation-delay: 30s;
		animation-delay: 30s;
	}
	
	@keyframes anime {
		0% {
			opacity: 0;
		}
		8% {
			opacity: 1;
		}
		17% {
			opacity: 1;
		}
		25% {
			opacity: 0;
			/*			transform: scale(1.2);*/
			transform: scale(1.1);
			z-index: 9;
		}
		100% {
			opacity: 0
		}
	}
	/*↑↑↑トップページスライドショー↑↑↑*/
	
	.span_inline-block span {
		display: inline-block;
	}
	
	.a_underline a:hover span {
		text-decoration-line: underline;
	}
	
	#main_contents {
		background: #0C45A6;
		/*		background: linear-gradient(to bottom, #23B6EA 0%, #198CCD 100%);*/
		color: #fff;
		padding: 10px 0px;
	}
	
	#main_contents h2 {
		padding: .5em .75em;
		/*
		background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
		background: linear-gradient(to bottom, #2f74a2 0%, #17496b 100%);
*/
		color: #fff;
		/*		text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);*/
		text-align: center;
	}
	
	#main_contents2 {
		margin-bottom: 10px;
		padding: 10px;
		/*		border: 2px solid #ccc;*/
		background-color: #fff;
		/*		border-radius: 4px;*/
		color: #000;
		height: auto;
	}
	
	#main_contents2 h3 {
		margin-top: 10px;
		font-weight: bold;
	}
	
	#main_contents2_mission {
		font-size: 16px;
		line-height: 1.4em;
		padding: 5px 0px;
		color: #0C45A6;
		background-color: #EFEFEF;
	}
	
	#main_contents2_mission .waku {
		color: #fff;
		background-color: #0C45A6;
		width: 100%;
		border-radius: 40px;
		padding: 8px 0px 4px 0px;
		margin: 4px 0px;
		line-height: 1.4em;
	}
	
	#main_contents3 {
		margin-bottom: 10px;
		padding: .5em .75em;
		border: 2px solid #ccc;
		background-color: #fff;
		border-radius: 4px;
		color: #000;
		height: auto;
		background: linear-gradient(#fff, #eee);
	}
	
	#new_box {
		margin: 10px 0px 10px 0px;
	}
	
	#new_box_img {
		width: 210px;
		height: 160px;
		overflow: hidden;
		transform: rotateY(180deg);
	}
	
	#new_box h3 {
		margin-top: 3px;
	}
	
	#new_box h4 {
		padding-top: 10px;
		/*		color: red;*/
		/*		font-size: 140%;*/
		font-weight: bold;
		color: #000;
	}
	
	#new_box h5 {
		line-height: 1.4em;
		margin: 0px 10px;
		font-size: 120%;
		color: #000;
	}
	
	#new_box a:hover {
		background: #fc9;
		text-decoration: none;
	}
	
	.new_box2 {
		margin: 5px 0px 40px 0px;
		line-height: 2.0em;
		text-align: center;
	}
	
	.new_box2 a {
		color: #fff;
	}
	
	.new_box2 a:hover {
		opacity: 0.9;
	}
	
	.new_box2 span {
		display: inline-block;
	}
	
	.new_box2 a:hover span {
		text-decoration-line: underline;
	}
	
	.new_box2_cont {
		margin-top: 10px;
		line-height: 1.2em;
		text-align: left;
	}
	
	.top_menu {
		opacity: 1.0;
		margin-bottom: 40px;
		text-align: center;
	}
	
	.top_menu_title {
		margin-top: 20px;
	}
	
	.top_munu_disc {
		margin-top: 15px;
	}
	
	.top_menu:hover {
		opacity: 0.9;
	}
	
	.top_menu a {
		color: white;
	}
	
	.top_menu a:hover {
		text-decoration: none;
	}
	
	.img_effect {}
	
	.img_effect:hover {
		opacity: 0.9;
	}
	
	#sp_course {}
	
	#sp_course h4 {
		font-weight: bold;
		padding: 2em 1em 0 1em;
	}
	
	#sp_course h3 {
		/*		font-size: 22px;*/
		line-height: 1.4em;
		color: #039;
		/*	 padding: 0 1em;*/
	}
	
	#sp_course span {
		display: inline-block;
	}
	
	#sp_course ul {
		padding-left: 1.5em;
		padding-top: 0.0em;
	}
	
	#sp_course_top {
		padding: 10px;
	}
	
	#sp_course .title {
		font-size: 18px;
		font-weight: bold;
		border-bottom: solid 1px #999;
		margin: 2em 0.2em 1em 0.5em;
	}
	
	#sp_course .cont {
		font-size: 16px;
		margin: 0.5em 0.2em 1em 1.0em;
	}

	#sp_course .cont a:hover span {
		text-decoration-line: underline;
	}
	
	#sp_course_mid {
		margin-top: 4em;
		padding: 10px 10px 10px 10px;
		/*		border-top: solid 24px #ccc;*/
	}
	
	#sp_course_title2 {
		font-size: 24px;
		text-align: center;
		border: solid 1px #000;
		margin: 10px 0px;
		padding-top: 4px;
		background-color: #FFE599;
/*		background: linear-gradient(to left, #FFE599 0%, #FFD000 100%);*/
	}
	
	.training_lineup {
		padding: 20px;
		background-color: #fff;
		margin-top: 10px;
	}
	
	.training_lineup_title {
		text-align: center;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.3em;
		color: #0C45A6;
		padding: 1em 0em;
	}
	
	.training_lineup_cont {
		text-align: center;
		color: #000;
	}
	
	.training_lineup_image {
		margin: 10px auto 0px auto;
		max-width: 440px;
	}
	
	.training_lineup_margin-top {
		margin-top: 140px;
	}
	
	.training_movie {
		text-align: left;
		padding: 10px;
		background-color: #fff;
		border: solid 1px #215f9a;
		margin: 0px;
		min-height: 750px;
		/* 子要素の基準となる */
		position: relative;
	}

	.training_movie ul {
	    padding-left: 2em;
		margin-bottom: 0;
	}


	.training_movie_button {
		/* 親要素を基準に配置 */
  		position: absolute;
		/* 親要素のボトムから10px上 */
		bottom: 10px;
		/* 水平方向の中央に寄せる場合 */
  		left: 50%;
		/* 水平方向の中央に寄せる場合 */
  		transform: translateX(-50%);
	}
	
	.training_movie_title {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.3em;
		/* color: #0C45A6; */
		padding: 0.2em 0em 0.2em 0em;
	}
	
	.training_movie_cont {
		color: #000;
	}
	.training_movie_cont1 {
		color: #000;
		min-height: 160px;
	}
	.training_movie_cont2 {
		color: #000;
		min-height: 140px;
	}
	.training_movie_cont3 {
		color: #000;
		min-height: 250px;
	}
	
	.training_movie_image {
		margin: 10px auto 20px auto;
		max-width: 440px;
	}
	#training_movie_f {}
	
	#training_movie_f h3 {
		font-size: 20px;
		color: #039;
	}
	
	#training_movie_f span {
		display: inline-block;
	}
	
	#training_movie_f_form {}

	#training_movie_m {}

	

	#fresher {}
	
	#fresher h3 {
		border-bottom: solid 2px #ff6666;
	}
	
	#fresher span {
		display: inline-block;
	}
	
	#fresher_midashi {
		padding: 10px 5px 10px 100px;
		font-size: 20px;
		font-weight: bold;
		border: 3px #ff6666 solid;
		color: #039;
		background-color: #ffffcc;
		border-radius: 80px;
		background-image: url("./image/fresher01.jpg");
		background-position: right;
		text-shadow: -1px -1px 0px #ffc, 1px -1px 0px #ffc, -1px 1px 0px #ffc, 1px 1px 0px #ffc;
	}
	
	#fresher_midashi2 {
		padding: 4px;
		font-size: 18px;
		font-weight: bold;
		border: 1px #ff6666 solid;
		background-color: #ffffcc;
		color: #039;
		border-radius: 20px;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
	}
	
	#fresher_title {
		margin: 40px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		font-weight: bold;
		font-size: 22px;
		text-shadow: 1px 1px 1px #633;
		color: red;
		border-bottom: solid 3px rgba(255, 0, 0, .3);
		background: linear-gradient(to bottom, #fff 80%, #f99 100%);
	}
	
	#fresher_title_sub {
		margin: 4px 10px;
		color: #039;
		font-weight: bold;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#fresher_waku {
		margin: 20px 10px;
		padding: 10px;
		border-radius: 5px;
		border: solid 1px #999;
		background-color: #ffc;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
	}
	
	#fresher_waku2 {
		margin: 20px 10px;
		border: solid 0px #000;
		background-image: url("./image/fresher02a.jpg");
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 400px;
	}
	
	#fresher_waku2_inner {
		background-color: rgba(255, 255, 255, 0.6);
		text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
	}
	
	#fresher_waku3 {
		margin: 20px 10px;
	}
	
	.fresher_b {
		color: #039;
		font-weight: bold;
	}
	
	.fresher_r {
		color: red;
		font-weight: bold;
	}
	
	#od_exp {}
	
	#od_exp h3 {
		font-size: 30px;
		border-bottom: solid 2px #ff6666;
		padding-top: 20px;
	}
	
	#od_exp_midashi {
		padding: 20px 10px;
		font-size: 20px;
		font-weight: bold;
		border: 3px #ff6666 solid;
		background-color: #ffffcc;
		color: #039;
		border-radius: 50%;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
	}
	
	#od_exp_title {
		margin: 40px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#od_exp_title_sub {
		margin: 4px 0px 4px 20px;
		color: #039;
		font-weight: bold;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#od_exp_waku {
		margin: 10px 10px 10px 20px;
		padding: 10px;
		border-radius: 5px;
		border: solid 1px #999;
		/*
		background-color: #ffc;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
*/
	}
	
	#od_exp_waku_disp {
		margin: 4px 10px;
	}
	
	#od_exp_title2 {
		display: inline-block;
		width: 140px;
		margin: 20px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		vertical-align: top;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#od_exp_title2_sub {
		vertical-align: top;
		display: inline-block;
		margin: 22px 0px 22px 20px;
		font-size: 17px;
		line-height: 1.4em;
	}
	/* */
	
	#od_exp_dl {}
	
	#od_exp_dl h3 {
		font-size: 20px;
		/*		border-bottom: solid 2px #ff6666;*/
		/*		padding-top: 5px;*/
		color: #039;
	}
	
	#od_exp_dl span {
		display: inline-block;
	}
	
	#od_exp_dl_form {}
	
	#od_exp_dl_midashi {
		/* top page new */
		margin: 0px 4px 0px 0px;
		padding: 16px;
		font-size: 18px;
		font-weight: bold;
		/*		border: 1px #ff6666 solid;*/
		background-color: #ffffcc;
		color: #039;
		border-radius: 50%;
		background: linear-gradient(to bottom, #efe 0%, #cfc 100%);
	}
	
	#fresher_point2021_midashi {
		/* top page new */
		margin: 0px 4px 0px 0px;
		padding: 16px;
		font-size: 18px;
		font-weight: bold;
		border: 2px #ff6666 solid;
		background-color: #ffcccc;
		color: #039;
		border-radius: 50%;
		background: linear-gradient(to bottom, #fee 0%, #fcc 100%);
		/*	line-height: 1.2em;*/
	}
	
	#voice {}
	
	#voice span {
		display: inline-block;
	}
	
	.bo {
		font-weight: bold;
	}
	
	#voice_waku {
		margin: 10px 10px 10px 20px;
		padding: 10px;
		border-radius: 5px;
		border: solid 1px #999;
		/*
		background-color: #ffc;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
*/
	}
	
	span.wr {
		display: inline-block;
	}
	
	span.bo {
		font-weight: bold;
	}
	
	span.ls {
		font-size: 120%;
	}
	
	#profile {}
	
	#profile span {
		display: inline-block;
	}
	
	#result {}
	
	#result span {
		display: inline-block;
	}
	
	#result_waku {
		margin-bottom: 10px;
		padding: 10px;
		border: 1px solid #ccc;
		background-color: #fff;
		border-radius: 4px;
		color: #000;
		height: auto;
	}
	
	#result_waku h3 {
		margin-top: 10px;
		font-weight: bold;
		display: inline-block;
	}
	
	#result_report {
		margin: 60px 0px;
	}
	
	#result_report a:hover span {
		text-decoration-line: underline;
	}
	
	#result_report_title {
		margin-bottom: 10px;
		padding: 16px 0px 10px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}
	
	#result_report_date {
		padding: 4px 10px 2px 10px;
		background: #F2F0ED;
		font-size: 14px;
		font-weight: bold;
	}
	
	#result_report_cont {
		margin: 10px 0px 20px 10px;
		line-height: 1.8em;
	}
	
	#result_report_title2 {
		margin-bottom: 10px;
		padding: 16px 0px 10px 10px;
		border: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}
	
	#result_report2 {
		margin: 0px;
		padding: 5px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	
	#result_report ol.n01 {
		position: relative;
		margin: 0;
		margin-left: 0.2em;
		padding: 0;
		font-weight: bold;
		line-height: 1.4em;
	}
	
	#result_report ol.n01 li {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		/*		padding-left: 1.25em;*/
		padding: 0 0 0 1.25em;
		margin: 15px 0px 20px 0px;
		/*		border: 1px solid red;*/
	}
	
	#result_report span.s01 {
		position: absolute;
		left: 0em;
		margin: 0;
		font-size: 1.0em;
		/*		border: 1px solid green;*/
	}
	
	#result_report span.ho01 {
		color: #000;
	}
	
	#result_report ol.n02 {
		position: relative;
		margin: 0;
		padding: 0;
		font-weight: bold;
		line-height: 1.4em;
	}
	
	#result_report ol.n02 li {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		/*		padding-left: 1.25em;*/
		padding: 0 0 0 1.25em;
		margin: 15px 0px 20px 0px;
		/*		border: 1px solid red;*/
		/*		color: #0066ff;*/
		color: #0C45A6;
	}
	
	#result_report span.s02 {
		position: absolute;
		left: 0em;
		margin: 0;
		font-size: 1.0em;
		/*		border: 1px solid green;*/
	}
	
	#result_report ol.n03 {
		position: relative;
		margin: 0;
		padding: 0;
		font-weight: normal;
		line-height: 1.2em;
		color: blue;
	}
	
	#result_report ol.n03 li {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding: 0 0 0 2em;
		margin: 8px 0px 10px 0px;
		/*		border: 1px solid red;*/
		color: black;
	}
	
	#result_report ol.n04 {
		position: relative;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
	}
	
	#result_report ol.n04 li {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding: 0 0 0 1.25em;
		margin: 8px 0px 10px 0px;
		/*	border: 1px solid red;*/
	}
	
	#result_report ol.n01 li.n020 {
		padding: 0 0 0 0em;
	}
	
	#result_report ol.n01 li.n022 {
		padding: 0 0 0 2em;
		margin-bottom: 0px;
		line-height: 1.4em;
	}
	
	#training_report {
		margin: 60px 0px;
	}
	
	#training_report_title {
		margin-bottom: 10px;
		padding: 16px 0px 10px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}
	
	.training_report2 {
		margin: 0px 0px 10px 0px;
		padding: 5px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	
	.training_report2_title {
		font-size: 120%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#workshop_report {
		margin: 60px 0px;
	}
	
	#workshop_report_title {
		margin-bottom: 10px;
		padding: 16px 0px 10px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}
	
	.workshop_report2 {
		text-align: center;
		margin: 0px 0px 10px 0px;
		padding: 20px 5px;
		border: 1px solid #ccc;
		border-radius: 40px;
	}
	
	.workshop_report2_title {
		font-size: 120%;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	#lecture_report {
		margin: 60px 0px;
	}
	
	#lecture_report_title {
		margin-bottom: 10px;
		padding: 16px 0px 10px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}
	
	.lecture_report2 {
		text-align: center;
		margin: 0px 0px 10px 0px;
		padding: 20px 5px;
		border: 1px solid #ccc;
		border-radius: 40px;
	}
	
	.lecture_report2_title {
		font-size: 120%;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	#media_list {
		margin: 60px 0px;
	}
	
	#media_list_title {
		margin-bottom: 10px;
		padding: 16px 0px 10px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}
	
	.media_list2 {
		text-align: center;
		margin: 0px 0px 10px 0px;
		padding: 20px 5px;
		border: 1px solid #ccc;
		border-radius: 40px;
	}
	
	.media_list2_title {
		font-size: 120%;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	#publish_list {
		margin: 60px 0px;
	}
	
	#publish_list_title {
		margin-bottom: 10px;
		padding: 16px 0px 10px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}
	
	.publish_list2 {
/*		text-align: center;*/
		margin: 0px 0px 10px 0px;
		padding: 20px 5px;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	
	.publish_list2_title {
		font-size: 120%;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	#faq {}
	
	#faq span {
		display: inline-block;
	}
	
	#faq_list {
		font-size: 20px;
		margin: 20px 10px;
		line-height: 1.8em;
	}
	
	#faq_cont {}
	
	#faq_que {
		font-size: 20px;
		margin: 0px 5px 0px 5px;
		line-height: 1.4em;
		font-weight: bold;
	}
	
	#faq_ans {
		font-size: 20px;
		margin: 5px 5px 20px 5px;
		line-height: 1.4em;
		padding: 10px 5px;
		border: 2px solid #ccc;
		border-radius: 10px;
	}
	
	#casemethod_ws {}
	
	#casemethod_ws h3 {
		margin: 20px 10px 10px 10px;
		font-size: 40px;
		font-weight: bold;
		color: #03c;
	}
	
	#casemethod_ws h4 {
		margin: 10px;
		font-size: 24px;
		font-weight: bold;
		/*		color: #03c;*/
		color: #000;
		line-height: 1.4em;
	}
	
	#casemethod_ws span {
		display: inline-block;
	}
	
	#casemethod_ws ol.n01 {
		position: relative;
		margin: 5px 0px 0px 0px;
		/*		margin-left: 0.2em;*/
		padding: 0;
		/*		font-weight: bold;*/
		line-height: 1.4em;
	}
	
	#casemethod_ws ol.n01 li {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		/*		padding-left: 1.25em;*/
		padding: 0 0 0 1.25em;
		margin: 0px 0px 0px 0px;
		/*		border: 1px solid red;*/
	}
	
	#casemethod_ws span.s01 {
		position: absolute;
		left: 0em;
		margin: 0;
		font-size: 1.0em;
		/*		border: 1px solid green;*/
	}
	
	#casemethod_ws_datetime {
		margin: 20px 5px 10px 10px;
	}
	
	#casemethod_ws_date {
		font-size: 70px;
		font-weight: bold;
		color: #E20404;
		line-height: 1.0em;
	}
	
	.casemethod_ws_date_s {
		font-size: 30px;
		line-height: 1.0em;
		font-weight: normal;
		color: #E20404;
	}
	
	#casemethod_ws_time {
		font-size: 30px;
		font-weight: normal;
		color: #E20404;
	}
	
	#casemethod_ws_top202204 {
		padding: 20px;
		font-size: 18px;
		font-weight: bold;
		background-color: #FFC000;
		background: linear-gradient(to bottom, #FFE599 0%, #FFC000 100%);
	}
	
	#casemethod_ws_top {
		background-image: url("./image/top032.jpg");
		/*		background-position: 0px 40px;*/
		background-repeat: no-repeat;
		/*	    background: url(images/bg.jpg) no-repeat center center fixed;*/
		/*
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
*/
		background-size: cover;
		padding: 10px;
	}
	
	#casemethod_ws_top h3 {
		font-size: 34px;
		padding-top: 80px;
		border-bottom: none;
		color: #039;
	}
	
	#casemethod_ws_top h4 {
		font-size: 18px;
		line-height: 1.2em;
		/*		font-weight: bold;*/
		color: #039;
	}
	
	#casemethod_ws_top_waku {
		background-image: url("./image/bg01.gif");
		margin: 80px 10px 10px 10px;
		padding: 20px 10px 20px 10px;
		background-color: rgba(255, 255, 255, 0.6);
		color: #002060;
		font-size: 16px;
	}
	
	#casemethod_ws_mid {
		background-image: url("./image/bg01.gif");
		/*		margin: 10px 10px;*/
		padding: 10px;
		/*		background-color: rgba(255, 229, 153, 0.6);*/
		background-color: rgba(255, 204, 51, 0.6);
	}
	
	#casemethod_ws_mid h3 {
		font-size: 24px;
		padding: 0px;
		margin: 0px;
		line-height: 1.8em;
		border-bottom: none;
		color: #000;
	}
	
	#casemethod_ws_mid .red {
		color: #E20404;
	}
	
	#casemethod_ws_mid2 {
		padding: 10px;
		font-size: 18px;
		/*		font-weight: bold;*/
		background-color: #FFC000;
		/*		background: linear-gradient(to bottom, #FFE599 0%, #FFC000 100%);*/
	}
	
	#casemethod_ws_bot {
		font-size: 16px;
		padding: 10px;
		background-color: rgba(255, 255, 255, 0.6);
	}
	
	#casemethod_ws_bot dt {
		padding-top: 5px;
		padding-left: 6px;
		font-size: 120%;
	}
	
	#casemethod_ws_bot dd {
		padding: 10px 10px 30px 20px;
	}
	
	#casemethod_ws_bot_title {
		margin-top: 30px;
		padding: 5px 10px;
		background-color: rgba(226, 4, 4, 1.0);
	}
	
	#casemethod_ws_bot_title h3 {
		font-size: 30px;
		margin: 0px;
		text-align: right;
		padding: 5px 20px;
		border-bottom: none;
		color: #fff;
	}
	
	#casemethod_ws_bot h4 {
		color: #000;
	}
	
	#casemethod_ws_topsub {
		font-weight: bold;
		color: #039;
	}
	
	#casemethod_ws_info {
		font-weight: bold;
	}
	
	#casemethod_ws_midashi {
		padding: 40px 20px;
		font-size: 24px;
		font-weight: bold;
		border: 3px #ff6666 solid;
		background-color: #ffffcc;
		color: #039;
		border-radius: 50%;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
	}
	
	#casemethod_ws_title {
		margin: 40px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#casemethod_ws_title_sub {
		margin: 4px 0px 4px 20px;
		color: #039;
		font-weight: bold;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#casemethod_ws_waku {
		margin: 10px 10px 10px 20px;
		padding: 10px;
		border-radius: 5px;
		border: solid 1px #999;
		/*
		background-color: #ffc;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
*/
	}
	
	#casemethod_ws_waku_disp {
		margin: 4px 10px;
	}
	
	#casemethod_ws_title2 {
		display: inline-block;
		width: 140px;
		margin: 20px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		vertical-align: top;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#casemethod_ws_title2_sub {
		vertical-align: top;
		display: inline-block;
		margin: 22px 0px 22px 20px;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#casemethod_ws_title3 {
		/*		display: inline-block;*/
		/*		width: 140px;*/
		margin: 20px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		/*		vertical-align: top;*/
		/*		border-bottom: solid 1px #039;*/
	}
	/* */
	
	#casemethod_dl {}
	
	#casemethod_dl h3 {
		font-size: 20px;
		/*		border-bottom: solid 2px #ff6666;*/
		/*		padding-top: 5px;*/
		color: #039;
	}
	
	#casemethod_dl span {
		display: inline-block;
	}
	
	#casemethod_dl_form {}
	
	#casemethod_dl_midashi {
		/* top page new */
		margin: 0px 4px 0px 0px;
		padding: 16px;
		font-size: 18px;
		font-weight: bold;
		/*		border: 1px #ff6666 solid;*/
		background-color: #ffffcc;
		color: #039;
		border-radius: 50%;
		background: linear-gradient(to bottom, #ffe 0%, #ff9 100%);
	}
	
	#coffeebreak {}
	
	#coffeebreak h3 {
		font-size: 20px;
		/*		border-bottom: solid 2px #ff6666;*/
		/*		padding-top: 5px;*/
		color: #039;
	}
	
	#coffeebreak span {
		display: inline-block;
	}
	
	#coffeebreak_form {}
	
	#fresher_dl {}
	
	#fresher_dl h3 {
		font-size: 20px;
		/*		border-bottom: solid 2px #ff6666;*/
		/*		padding-top: 5px;*/
		color: #039;
	}
	
	#fresher_dl span {
		display: inline-block;
	}
	
	#fresher_dl_form {}
	
	#fresher_dl_midashi {
		/* top page new */
		margin: 0px 4px 0px 0px;
		padding: 16px;
		font-size: 18px;
		font-weight: bold;
		/*		border: 1px #ff6666 solid;*/
		background-color: #ffffcc;
		color: #039;
		border-radius: 50%;
		background: linear-gradient(to bottom, #efe 0%, #cfc 100%);
	}
	
	#fresher_cm {}
	
	#fresher_cm h3 {
		font-size: 30px;
		border-bottom: solid 2px #ff6666;
		padding-top: 20px;
		/*		color: #039;*/
	}
	
	#fresher_cm span {
		display: inline-block;
	}
	
	#fresher_cm_topsub {
		font-size: 20px;
		font-weight: bold;
		color: #f00;
	}
	
	#fresher_cm_info {
		font-weight: bold;
	}
	
	#fresher_cm_midashi {
		padding: 40px 20px;
		font-size: 24px;
		font-weight: bold;
		border: 3px #ff6666 solid;
		background-color: #ffffcc;
		color: #039;
		border-radius: 50%;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
	}
	
	#fresher_cm_title {
		margin: 40px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#fresher_cm_title_sub {
		margin: 4px 0px 4px 20px;
		color: #039;
		font-weight: bold;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#fresher_cm_waku {
		font-size: 17px;
		display: inline-block;
		margin: 5px 10px 10px 20px;
		padding: 10px;
		border-radius: 5px;
		border: solid 1px #999;
		/*
		background-color: #ffc;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
*/
	}
	
	#fresher_cm_waku ol {
		padding-left: 30px;
	}
	
	#fresher_cm_waku ul {
		padding-left: 20px;
	}
	
	#fresher_cm_waku_disp {
		margin: 4px 10px;
	}
	
	#fresher_cm_title2 {
		/*		display: inline-block;*/
		/*		width: 140px;*/
		margin: 20px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		vertical-align: top;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#fresher_cm_title2_sub {
		vertical-align: top;
		/*		display: inline-block;*/
		margin: 22px 0px 22px 20px;
		font-size: 17px;
		line-height: 1.4em;
	}
	/* */
	
	#fresher_top {}
	
	#fresher_top h3 {
		font-size: 28px;
		color: #002060;
		text-align: center;
		line-height: 1.4em;
	}
	
	#fresher_top span {
		display: inline-block;
	}
	
	#fresher_top_topsub {
		font-size: 20px;
		font-weight: bold;
		color: #f00;
	}
	
	#fresher_top_info {
		font-weight: bold;
	}
	
	#fresher_top_midashi {
		padding: 20px 0px 0px 10px;
		font-size: 30px;
	}
	
	#fresher_top_title {
		margin: 40px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#fresher_top_title_sub {
		margin: 4px 0px 4px 20px;
		color: #039;
		font-weight: bold;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#fresher_top_waku {
		font-size: 17px;
		display: inline-block;
		margin: 5px 10px 10px 10px;
		padding: 10px 10px 10px 0px;
		border-radius: 5px;
		border: solid 1px #999;
		/*
		background-color: #ffc;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
*/
	}
	
	#fresher_top_waku ol {
		padding-left: 30px;
		font-size: 22px;
		font-weight: bold;
		margin-left: 10px;
	}
	
	#fresher_top_waku ul {
		padding-left: 20px;
	}
	
	#fresher_top_waku_disp {
		margin: 4px 10px;
	}
	
	#fresher_top_title2 {
		/*		display: inline-block;*/
		/*		width: 140px;*/
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		vertical-align: top;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#fresher_top_title2_sub {
		vertical-align: top;
		/*		display: inline-block;*/
		margin: 22px 0px 32px 0px;
		font-size: 17px;
		font-weight: normal;
		line-height: 1.4em;
	}
	
	#fresher_basic {}
	
	#fresher_basic h3 {
		font-size: 30px;
		color: #002060;
		text-align: center;
	}
	
	#fresher_basic span {
		display: inline-block;
	}
	
	#fresher_basic_topsub {
		font-size: 20px;
		font-weight: bold;
		color: #f00;
	}
	
	#fresher_basic_info {
		font-weight: bold;
	}
	
	#fresher_basic_midashi {
		padding: 20px 0px 0px 0px;
		font-size: 30px;
	}
	
	#fresher_basic_title {
		margin: 40px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		/*		border-bottom: solid 1px #039;*/
	}
	
	#fresher_basic_title_sub {
		margin: 4px 0px 4px 20px;
		color: #039;
		font-weight: bold;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#fresher_basic_waku {
		font-size: 17px;
		display: inline-block;
		margin: 5px 10px 10px 20px;
		padding: 10px;
		border-radius: 5px;
		border: solid 1px #999;
		/*
		background-color: #ffc;
		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);
*/
	}
	
	#fresher_basic_waku ol {
		padding-left: 30px;
	}
	
	#fresher_basic_waku ul {
		padding-left: 20px;
	}
	
	#fresher_basic_waku_disp {
		margin: 4px 10px;
	}
	
	#fresher_basic_title2 {
		/*		display: inline-block;*/
		/*		width: 140px;*/
		margin: 20px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 22px;
		vertical-align: top;
		border-bottom: solid 1px #039;
	}
	
	#fresher_basic_title2_sub {
		vertical-align: top;
		/*		display: inline-block;*/
		margin: 22px 0px 22px 20px;
		font-size: 17px;
		line-height: 1.4em;
	}
	
	#fresher_basic ol {}
	
	#fresher_basic ol li {
		/*		color: #00B050;*/
		/*		margin: 10px 0px 5px 0px;*/
	}
	/* olでナンバー表示しなくて、頭にマークをつける(HTML上で記載)丸数字 */
	/*
	#workstylereform ol.num1 {
		margin: 5px 0px 10px 0px;
		padding-left: 1.5em;
	}
	
	#workstylereform ol.num1 li {
		color: #000;
		list-style: none;
		padding-left: 1.3em;
		text-indent: -1.3em;
	}
*/
	/* olでナンバー表示しなくて、頭にマークをつける(HTML上で記載)数字) */
	/* 丸数字のリスト*/
	
	#fresher_basic ol.num1 {
		counter-reset: num1-counter;
		list-style: none;
		padding: 0 0 0 0;
		margin: 0;
	}
	
	#fresher_basic ol.num1 li {
		color: #000;
		position: relative;
		/*		padding-left: 20px;*/
		/*		margin: 0px 0px 10px 0px;*/
		padding: 5px 0px 5px 24px;
	}
	
	#fresher_basic ol.num1 li::before {
		content: counter(num1-counter);
		counter-increment: num1-counter;
		border: 1px solid #333;
		/*
		display: block;
		float: left;
		line-height: 1.5;
*/
		text-align: center;
		height: 1.2em;
		width: 1.2em;
		border-radius: 50%;
		font-size: 1.0em;
		/*		color: #000;*/
		margin: 0px 3px 0 0;
		position: absolute;
		left: 0;
	}
	
	#fresher_basic ol.num01 {
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	#fresher_basic ol.num01 li {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		/*		padding-left: 1.25em;*/
		padding: 0.5em 0 0.5em 1.5em;
	}
	
	#fresher_basic span.num01 {
		position: absolute;
		left: 0;
		margin: 0;
		font-size: 1.2em;
	}
	/* num2 firefox error taiou */
	
	#fresher_basic ol.num02 {
		position: relative;
		margin: 0;
		padding: 0;
		font-weight: bold;
		line-height: 1.4em;
	}
	
	#fresher_basic ol.num02 li {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		/*		padding-left: 1.25em;*/
		padding: 0 0 0 2.5em;
		margin: 15px 0px 20px 0px;
	}
	
	#fresher_basic span.num02 {
		position: absolute;
		left: 1em;
		margin: 0;
		font-size: 1.0em;
	}
	
	#fresher_basic ol.num2 {
		counter-reset: num2-counter;
		list-style: none;
		padding: 0 0 0 0;
		margin: 0;
		font-weight: normal;
	}
	
	#fresher_basic ol.num2 li {
		list-style-type: none;
		list-style-position: inside;
		/*		counter-increment: cnt_num2;*/
		color: #000;
		position: relative;
		padding-left: 24px;
		margin: 5px 0px 10px 0px;
	}
	
	#fresher_basic ol.num2 li::before {
		/*		display: marker;*/
		content: "("counter(num2-counter) ") ";
		counter-increment: num2-counter;
		/*
		text-align: center;
		height: 15px;
		width: 15px;
		font-size: 14px;
		color: #000;
		margin: 0px 3px 0 0;
*/
		position: absolute;
		left: 0;
	}
	
	#fresher_basic_prg {
		font-size: 14px;
		color: #000;
	}
	/*
	#fresher_basic_prg ol {
		font-weight: bold;
		line-height: 1.4em;
	}
	
	#fresher_basic_prg li {
		margin: 15px 0px 20px 0px;
	}
*/
	
	.fresher_basic_prg_waku {
		margin: 10px 5px;
		padding: 0px 10px 10px 5px;
		border-radius: 5px;
		border: solid 1px #333;
		background-color: #fff;
		color: #000;
		max-width: 600px;
		/*		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);*/
	}
	
	#useful_info {}
	
	#useful_info h3 {
		font-size: 20px;
		/*		border-bottom: solid 2px #ff6666;*/
		/*		padding-top: 5px;*/
		color: #039;
		color: #002060;
	}
	
	#useful_info span {
		display: inline-block;
	}
	
	#useful_info h3 {
		font-size: 22px;
		/*		border-bottom: solid 2px #ff6666;*/
		/*		padding-top: 5px;*/
		margin: 10px 0px;
		color: #f00;
	}
	
	#useful_info h4 {
		font-size: 18px;
		line-height: 1.4em;
		margin: 30px 0px 0px 0px;
		/*		font-weight: bold;*/
		color: #000;
	}
	
	#useful_info_cont_title {
		font-size: 18px;
		font-weight: bold;
		color: #002060;
		margin: 5px 0px;
	}
	
	#useful_info_cont_desc {
		margin: 15px 0px;
		font-size: 15px;
		color: #000;
	}
	
	#useful_info .r {
		color: red;
	}
	
	#workstylereform {}
	
	#workstylereform span {
		display: inline-block;
	}
	
	.wsr_waku2 {
		margin: 25px 0px 0px 0px;
		padding: 10px 5px 20px 5px;
		border: 2px solid #ccc;
		background-color: #fff;
		border-radius: 4px;
		color: #000;
		background: linear-gradient(#fff, #eee);
	}
	
	.wsr_btn_waku {
		text-align: center;
	}
	
	.wsr_btn {
		display: inline-block;
		width: 260px;
		height: 230px;
		overflow: hidden;
		margin: 10px 6px;
		position: relative;
		/* 相対位置指定 */
		/*		background-color: rgba(255, 0, 255, 0.4);*/
		border: solid 1px #000;
	}
	
	.wsr_btn .title {
		font-size: 16px;
		/*		font-weight: bold;*/
		text-align: center;
		padding-top: 10px;
		color: #000;
	}
	
	.wsr_btn .title_base {
		width: 100%;
		height: 40px;
		position: absolute;
		/* 絶対位置指定 */
		top: 0;
		left: 0;
		opacity: 1;
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	.wsr_btn .caption {
		font-size: 16px;
		line-height: 1.0em;
		text-align: center;
		color: #000;
		text-decoration: none;
		padding: 10px 0px;
		margin: 0px 0px;
		background-color: rgba(255, 255, 255, 0.7);
	}
	
	.wsr_btn a {
		text-decoration: none;
	}
	
	.wsr_btn .mask {
		width: 100%;
		height: 0px;
		position: absolute;
		/* 絶対位置指定 */
		top: 30px;
		/*		この位置からhoverで降ろす*/
		left: 0;
		opacity: 0;
		/* マスクを表示しない */
		background-color: rgba(0, 0, 0, 0.2);
		/* マスクは半透明 */
		-webkit-transition: all 0.2s ease;
		transition: all 0.4s ease;
	}
	
	.wsr_btn .mask_off {
		top: 40px;
		/*		下に下ろすイメージ*/
		opacity: 1;
		/* マスクを表示する */
	}
	
	.wsr_btn .mask2 {
		width: 100%;
		height: 100%;
		position: absolute;
		/* 絶対位置指定 */
		top: 0px;
		left: 0;
		opacity: 1;
		/* マスクを表示する */
		background-color: rgba(0, 0, 0, 0.2);
	}
	
	.wsr_btn:hover {
		border: solid 2px #000;
	}
	
	.wsr_btn_off:hover {
		border: solid 1px #000;
		/* 上書きして見た目変化なしの状態にする*/
	}
	
	.wsr_btn:hover .mask {
		top: 40px;
		/*		下に下ろすイメージ*/
		opacity: 1;
		/* マスクを表示する */
	}
	
	.wsr_btn:hover .mask2 {
		height: 0;
		/* マスクを表示しない */
	}
	
	.wsr_btn_off:hover .mask2 {
		width: 100%;
		height: 100%;
		position: absolute;
		/* 絶対位置指定 */
		top: 0px;
		left: 0;
		opacity: 1;
		/* マスクを表示する */
		background-color: rgba(0, 0, 0, 0.2);
		/* 上書きして見た目変化なしの状態にする*/
	}
	
	.wsr_btn img {
		margin-top: 40px;
		filter: grayscale(100%);
	}
	
	.wsr_btn img.wsr_btn_on {
		/*選択中の時*/
		filter: grayscale(0);
	}
	
	.wsr_btn:hover img {
		filter: grayscale(0);
	}
	
	.wsr_btn_off:hover img {
		filter: grayscale(100%);
		/* 上書きして見た目変化なしの状態にする*/
	}
	
	.wsr_btn_off_on:hover img {
		filter: grayscale(0);
		/* 上書きして見た目変化なしの状態にする workstylereform.htmlのみ */
	}
	
	.wsr_btn .caption:hover {
		background-color: rgba(255, 255, 255, 0.9);
	}
	
	.wsr_btn_img {
		width: 260px;
		height: 230px;
	}
	/*イメージサイズの枠*/
	
	.wsr_btn_img_com {
		background-image: url("./image/wsr_btn01g.jpg");
		background-position: 0px 40px;
		background-repeat: no-repeat;
	}
	
	.wsr_btn_img_com_on {
		background-image: url("./image/wsr_btn01.jpg");
	}
	
	.wsr_btn_img_com:hover {
		background-image: url("./image/wsr_btn01.jpg");
	}
	
	.wsr_btn_img_od {
		background-image: url("./image/wsr_btn02g.jpg");
		background-position: 0px 40px;
		background-repeat: no-repeat;
		/*
		width: 260px;
		height: 230px;
*/
	}
	
	.wsr_btn_img_od_on {
		background-image: url("./image/wsr_btn02.jpg");
	}
	
	.wsr_btn_img_od:hover {
		background-image: url("./image/wsr_btn02.jpg");
	}
	
	.wsr_btn_img_mng {
		background-image: url("./image/wsr_btn03g.jpg");
		background-position: 0px 40px;
		background-repeat: no-repeat;
		/*
		width: 260px;
		height: 230px;
*/
	}
	
	.wsr_btn_img_mng_on {
		background-image: url("./image/wsr_btn03.jpg");
	}
	
	.wsr_btn_img_mng:hover {
		background-image: url("./image/wsr_btn03.jpg");
	}
	
	.wsr_btn_img_imp {
		background-image: url("./image/wsr_btn04g.jpg");
		background-position: 0px 40px;
		background-repeat: no-repeat;
	}
	
	.wsr_btn_img_imp_on {
		background-image: url("./image/wsr_btn04.jpg");
	}
	
	.wsr_waku {
		margin: 10px 5px;
		padding: 10px;
		border-radius: 5px;
		border: solid 1px #0f0;
		background-color: #fff;
		/*		background: linear-gradient(to bottom, #ffe 0%, #ffc 100%);*/
	}
	
	#workstylereform ol {}
	
	#workstylereform ol li {
		color: #00B050;
		margin: 10px 0px 20px 0px;
	}
	/* olでナンバー表示しなくて、頭にマークをつける(HTML上で記載)丸数字 */
	/*
	#workstylereform ol.num1 {
		margin: 5px 0px 10px 0px;
		padding-left: 1.5em;
	}
	
	#workstylereform ol.num1 li {
		color: #000;
		list-style: none;
		padding-left: 1.3em;
		text-indent: -1.3em;
	}
*/
	/* olでナンバー表示しなくて、頭にマークをつける(HTML上で記載)数字) */
	/* 丸数字のリスト*/
	
	#workstylereform ol.num1 {
		counter-reset: num1-counter;
		list-style: none;
		padding: 0 0 0 1.5em;
		margin: 0;
	}
	
	#workstylereform ol.num1 li {
		color: #000;
		position: relative;
		padding-left: 20px;
		margin: 5px 0px 10px 0px;
	}
	
	#workstylereform ol.num1 li::before {
		content: counter(num1-counter);
		counter-increment: num1-counter;
		border: 1px solid #333;
		/*
		display: block;
		float: left;
		line-height: 1.5;
*/
		text-align: center;
		height: 15px;
		width: 15px;
		border-radius: 50%;
		font-size: 11px;
		/*		color: #000;*/
		margin: 2px 3px 0 0;
		position: absolute;
		left: 0;
	}
	/*
	#workstylereform ol.num1 {
		counter-reset: my-counter;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#workstylereform ol.num1 li {
		line-height: 1.5;
		padding-left: 30px;
		position: relative;
	}
	
	#workstylereform ol.num1 li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		background-color: #333;
		background-color: #fff;
		border: 1px solid;
		border-radius: 50%;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 18px;
		width: 18px;
		color: #ffffff;
		color: #000;
		font-size: 12px;
		line-height: 1;
		position: absolute;
		top: 0;
		left: 0;
		
	}
*/
	/*
	#workstylereform ol.num2 {
		margin: 5px 0px 10px 0px;
		padding-left: 0em;
	}
	
	#workstylereform ol.num2 li {
		color: #000;
		list-style: none;
		padding-left: 1.5em;
		text-indent: -1.5em;
	}
*/
	/* num) のリスト */
	
	#workstylereform ol.num2 {
		counter-reset: cnt;
		list-style: none;
		padding: 0 0 0 0;
		margin: 0;
	}
	
	#workstylereform ol.num2 li {
		list-style-type: none;
		list-style-position: inside;
		counter-increment: cnt;
		color: #000;
		position: relative;
		padding-left: 20px;
		margin: 5px 0px 10px 0px;
	}
	
	#workstylereform ol.num2 li::before {
		/*		display: marker;*/
		content: counter(cnt) ") ";
		/*
		text-align: center;
		height: 15px;
		width: 15px;
		font-size: 14px;
		color: #000;
		margin: 0px 3px 0 0;
*/
		position: absolute;
		left: 0;
	}
	
	#workstylereform h3 {
		margin: 20px 10px 20px 10px;
	}
	
	#workstylereform h4 {
		margin: 20px 20px;
		color: #00B050;
		border-bottom: solid 1px #008000;
	}
	
	.wsr_ya {
		padding: 5px 0px 0px 15%;
		/*
		padding-top: 5px;
		padding-left: 15%;
*/
	}
	
	#jtca {
		margin-top: 10px;
	}
	/*
	#jtca a {
		background: #000;
		text-decoration: none;
	}
*/
	
	#jtca_waku {
		line-height: 1.1em;
		font-size: 12px;
		padding: 0px;
		text-align: left;
	}
	
	#footer_link {
		margin-top: 20px;
		font-size: 12px;
	}
	
	#bridal {}
	
	#bridal a {
		font-size: 16px;
		background-color: black;
		background: linear-gradient(to bottom, #fff 0%, #f99 100%);
	}
	
	#bridal a {
		color: brown;
		text-decoration: none;
		background: linear-gradient(to bottom, #fff 0%, #f99 100%);
	}
	
	#bridal_waku {
		text-align: center;
		padding: 12px;
		font-weight: bold;
		background: linear-gradient(to bottom, #fff 80%, #fcc 100%);
	}
	
	#bridal_waku:hover {
		text-align: center;
		padding: 12px;
		color: red;
		background: linear-gradient(to bottom, #fee 0%, #fff 90%);
	}
	
	.sub_contents {
		margin-bottom: 10px;
		padding: .5em .75em .75em .75em;
		border: 2px solid #999;
		background-color: #fff;
		border-radius: 4px;
		color: #000;
		height: auto;
	}
	
	.sub_contents h5 {
		color: #039;
		font-weight: bold;
	}
	
	header {
		background-color: #fff;
		color: white;
	}
	
	#officemove {
		max-width: 340px;
		height: 50px;
		padding: 0px 0px 0px 0px;
		background-image: url("./image/logo2.jpg");
		background-size: contain;
		background-position: left top;
		background-repeat: no-repeat;
		/*		border: solid 1px #f00;*/
	}
	
	#officemove h6 {
		color: #000;
		padding: 0px;
		padding-top: 2px;
		margin: 6px 0px 0px 99px;
		font-size: 12px;
	}
	
	#officemove h3 {
		color: #000;
		padding: 0px;
		margin: 8px 0px 0px 90px;
		font-weight: bold;
		font-size: 20px;
		transform: scale( 0.93, 1.3);
	}
	
	footer {
		padding-bottom: 10px;
		color: white;
		/*		background-color: black;*/
		background-color: #122C68;
	}
	
	footer h4 {
		font-size: 140%;
		/*		font-weight: bold;*/
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	footer h5 {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	footer a {
		color: #fff;
		/*		color: lightgray;*/
	}
	
	footer a:hover {
		/*		opacity: 0.9;*/
		color: azure;
	}
	
	#pagetop {}
	
	#pagetop a {
		position: fixed;
		bottom: 50px;
		right: 40px;
		padding: 4px;
		background: azure;
		border-radius: 5px;
		font-size: 10px;
		opacity: 0.7;
		text-align: center;
		color: #999;
	}
	
	#pagetop a:hover {
		background: #999;
		color: azure;
		text-decoration: none;
		opacity: 1.0;
	}
	
	#counter {
		margin: 0px; padding: 0px 5px;
		font-size: 14px;
		color: #999999;
		text-align: right;
	}



	.floating-banner {
	 position: fixed;
     right: 10px;    /* 画面右端から20pxの距離 */
	 top: 15%;
     /* top: 50%;      /* 垂直方向の中央に配置 */
     /* transform: translateY(-50%); 要素自身の高さの半分だけ上に移動させ、垂直方向の中央に正確に配置 */
     width: 220px;    /* 幅を220pxに設定 */
    /* height: 404px;   バナー2つの時 */
    height: 560px;   /* バナー3つの時 */
	


    background-color: #0066ff; /* 背景色 */
    color: white;    /* 文字色 */
    padding: 15px 10px; /* 内側の余白 */
    text-align: center; /* テキストを中央揃え */
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2); /* 影 */
    z-index: 1000;   /* 他の要素より手前に表示 */
    box-sizing: border-box; /* paddingとborderをwidthに含める */
    /* display: flex; flexboxで要素を配置 */
    justify-content: center; /* 水平中央揃え */
    align-items: center; /* 垂直中央揃え */
    gap: 20px; /* 要素間のスペース */
	border-radius: 16px; /* 角の丸み具合をピクセルで指定 (例: 8px) */
	padding-bottom: calc(12px + env(safe-area-inset-bottom));	/* iPhoneのホームバー回避 */
}

.floating-banner p {
    margin: 0; /* デフォルトのマージンをリセット */
    font-size: 1.1em;
}

.floating-banner a {
    color: #000000; /* リンクの色 */
    text-decoration: none; /* 下線を削除 */
    font-weight: bold;
}

.floating-banner a:hover {
    text-decoration: underline; /* ホバーで下線を表示 */
}

/* 閉じるボタンのスタイル */
.close-button {
    position: absolute; /* 親要素（.floating-banner）に対して絶対配置 */
    top: 2px;        /* 上からの位置（バナーの上にはみ出すようにするには-で指定） */
    right: 2px;      /* 右からの位置（バナーの右にはみ出すようにするには-で指定） */
    background-color: #0066ff; /* 背景色 */
    color: white;      /* 文字色 */
    border: 1px solid #3366ff; /* 枠線 */
    border-radius: 50%; /* 円形にする */
    width: 28px;       /* 幅を少し大きく */
    height: 28px;      /* 高さを少し大きく */
    font-size: 1.5em;  /* 「✖」の文字サイズを大きく */
    line-height: 24px; /* 垂直方向中央揃えのため、heightより少し小さめに調整 */
    text-align: center; /* 水平方向中央揃え */
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3); /* 影 */
    z-index: 1001; /* バナー本体よりも手前に表示 */
    /* 「✖」をより中央に配置するための微調整 */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0; /* デフォルトのpaddingをリセット */
}

.close-button:hover {
    background-color: white;
    color: #333;
}
	/* JavaScriptで追加する非表示用のクラス */
.hidden {
    display: none !important; /* !importantで優先度を上げる */
}