@charset "utf-8";
/* CSS Document */

/*1FEduサイト CSS Document リリースノート
  ---vers.0.1(2020/9/23)---
*/

div#pcontainer{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
	background-color: #E8F0DE;
	margin: 0 auto;
}
html {
	height: 100%;
	width: auto;
	border-width: medium;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 24px;
}
div#container{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
	background-color: #E8F0DE;
	margin: 0 auto;
}

/* 非表示 */
.hide {
  display: none;
}
/*---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- print */
/*---------------------------------------------------------------------------------*/
.print_hide {
  display: block;
}
.print_display {
  display: none;
}
.certificate {
	/*width: 900px;
	height: 1265px;*/
	margin: 20px auto;
	background-image: url(../../kens/img/certbg.jpg);
	background-repeat: no-repeat;
	/*background-size: 900px auto;*/
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #595556;
}
.certa {
	height: 27%;
}
.certname {
	height: 18%;
	font-size: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: underline;
}
.certc {
	height: 14%;
}
.certfield {
	height: 11%;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.certday {
	height: 7%;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.certd {
	height: 23%;
}

/*---------------------------------------------------------------------------------*/
/* モバイルメニュー --------------------------------------------------------- 全ページ */
/*---------------------------------------------------------------------------------*/
/****ハンバーガー****/
.el_humburger {
  position: relative;
  top: 0px;
  right: 10px;
  width: 26px;
  height: auto;
  box-sizing: border-box;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
}
.el_humburger > span {	/*3本ライン*/
  display: block;
  width: 100%;
  margin: 0 auto 6px;
  height: 3px;
  background: #FFF;
  transition: all 0.2s ease-in-out;
}
.el_humburger > span:last-child {
  margin-bottom: 0;
}
.js_humburgerOpen .el_humburger > span {	/*Xのカラー：グリーン*/
  background: #006835;
}
.js_humburgerOpen .el_humburger > span.top {
  transform: translateY(9px) rotate(-45deg);
}
.js_humburgerOpen .el_humburger > span.middle {
  opacity: 0;
}
.js_humburgerOpen .el_humburger > span.bottom {
  transform: translateY(-9px) rotate(45deg);
}
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%;
}
.el_humburgerButton__close > span {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #fff;
}
.el_humburgerButton__close > span.el_humburgerLineTop {
  transform: translateY(5px) rotate(-45deg);
}
.el_humburgerButton__close > span.el_humburgerLineBottom {
  transform: translateY(-6px) rotate(45deg);
}

/****モバイル用グロナビ****/
.uq_spNavi {
  display: none;
}
.uq_spNavi.js_appear {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 9999;
}
.uq_spNavi_screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 0;
  margin-top: 0px;
  padding-top: 0px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.navigation {
  padding: 115px 0 0 0;
  text-align: center;
}
.navigation_item {
  font-size: 22px;
  margin-bottom: 25px;
}
.navigation_item > a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 0px;
	line-height: 30px;
}
.js_fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

/*---------------------------------------------------------------------------------*/
/* アダプティブ ------------------------------------------------------------ 全ページ */
/*---------------------------------------------------------------------------------*/
/* スマホS */
@media (min-width : 0px ){
	.display_phone {display: block;}
	.display_tab {display: none;}
	.display_pc {display: none;}
	.wrap_adpt, .flexcols{width: 320px;}
	.header_menu {height:10px;}
	.header_space{justify-content:space-around;}
	.topmenu {visibility:hidden;}
	.footer_menu {display: none;}
	.el_humburger {display: block;}
	.logout_obi {display: none;}
	.slide_img, .slide_box {height:220px;}
	.topinfos_l {margin-right: 10px;}
	.main_btnarea_phones {display: flex;}
	.main_btnarea_phone {display: none;}
	.main_btnarea_tab {display: none;}
	.main_btnarea_pc {display: none;}
	.main_btnarea_btn{height: 123px;}
	.main_btnarea_text{height: 140px;}
	.msgkansmov_phones{display: block;}
	.msgkansmov_phone{display: none;}
	.msgkansmov_tab{display: none;}
	.msgkansmov_pc{display: none;}
	.desctext {
		font-size: 12px;
		line-height: 16px;
		width: 94px;
		height: 140px;
	}
	.infoitem, .infoitem hr {width: 240px;}
	.movie-wrap {width: 300px;height: 169px;}
	/* 以下スマホSのみ */
	div .btnrect {width: 300px;}
	form.contact input.textbox{width: 280px;}
	form.contact p {width: 300px;}
	.surveyrect, .surveyrect_kasize {width: 320px;}
	.confirm_table{width: 300px;}
	form.contact textarea {width: 280px;}
	.movie_title1, .movie_box {width: 300px;}
	div.checktext span {width: 260px;}
	/* 修了証書 */
	.certificate {width: 320px; height: 450px; background-size: 320px auto;}
	.certname {font-size: 18px;}
	.certfield, .certday {font-size: 11px;}
	/* 好事例 */
	.tab_item {width: calc((100%/7.5)); height: 60px; font-size: 12px;}
	.tab_btn {width: calc((100%/7.5)); height: 60px; font-size: 12px;}
	.tab_btn_r5 {width: calc((100%/8.6)); height: 60px; font-size: 12px;}
	.tab_btn_r6 {width: calc((100%/9.6)); height: 60px; font-size: 12px;}
	/* 動画研修サンプル */
	.movlink_gray {width: 220px;}
	/* 研修 ＞ ワークショップ */
	.lineinfotext {width: 250px;}
	.widetext_grayinfo {justify-content: space-around;}
	.youtubebtn {margin-left: 0px;}
	.header_spaceobbj { font-size: 9px !important; }
}
/* スマホL */
@media (min-width : 440px ){
	.display_phone {display: block;}
	.display_tab {display: none;}
	.display_pc {display: none;}
	.wrap_adpt, .flexcols{width: 422px;}
	.header_menu {height:10px;}
	.header_space{justify-content:space-around;}
	.topmenu {visibility:hidden;}
	.footer_menu {display: none;}
	.el_humburger {display: block;}
	.logout_obi {display: none;}
	.slide_img, .slide_box {height:280px;}
	.topinfos_l {margin-right: 50px;}
	.main_btnarea_phones {display: none;}
	.main_btnarea_phone {display: flex;}
	.main_btnarea_tab {display: none;}
	.main_btnarea_pc {display: none;}
	.main_btnarea_btn{height: 157px;}
	.main_btnarea_text{height: 115px;}
	.msgkansmov_phones{display: none;}
	.msgkansmov_phone{display: block;}
	.msgkansmov_tab{display: none;}
	.msgkansmov_pc{display: none;}
	.desctext {
		font-size: 14px;
		line-height: 18px;
		width: 114px;
		height: 115px;
	}
	.infoitem, .infoitem hr {width: 300px;}
	.movie-wrap {width: 360px;height: 202px;}
	.movie_title1, .movie_box {width: 380px;}
	/* 以下スマホLのみ */
	div .btnrect {width: 350px;}
	form.contact input.textbox{width: 340px;}
	form.contact p {width: 370px;}
	.surveyrect, .surveyrect_kasize {width: 400px;}
	.confirm_table{width: 340px;}
	form.contact textarea {width: 340px;}
	div.checktext span {width: 300px;}
	/* 修了証書 スマホsと同じ */
	/* 好事例 */
	.tab_item {width: calc((100%/7.5)); height: 60px; font-size: 14px;}
	.tab_btn {width: calc((100%/7.5)); height: 60px; font-size: 14px;}
	.tab_btn_r5 {width: calc((100%/8.6)); height: 60px; font-size: 14px;}
	.tab_btn_r6 {width: calc((100%/9.6)); height: 60px; font-size: 14px;}
	/* 動画研修サンプル  スマホsと同じ */
	/* 研修 ＞ ワークショップ */
	.lineinfotext {width: 250px;}
	.youtubebtn {margin-left: 0px;}
	.header_spaceobbj { font-size: 9px !important; }
}
@media (min-width:720px) {	/* タブレット */
	.display_phone {display: none;}
	.display_tab {display: block;}
	.display_pc {display: none;}
	.wrap_adpt, .flexcols{width: 722px;}
	.header_menu {height:10px;}
	.header_space{justify-content:space-around;}
	.topmenu {visibility:hidden;}
	.footer_menu {display: none;}
	.el_humburger {display: block;}
	.logout_obi {display: none;}
	.slide_img, .slide_box {height:360px;}
	.topinfos_l {margin-right: 50px;}
	.main_btnarea_phones {display: none;}
	.main_btnarea_phone {display: none;}
	.main_btnarea_tab {display: flex;}
	.main_btnarea_pc {display: none;}
	.main_btnarea_btn{height: 178px;}
	.main_btnarea_text{height: 90px;}
	.msgkansmov_phones{display: none;}
	.msgkansmov_phone{display: none;}
	.msgkansmov_tab{display: block;}
	.msgkansmov_pc{display: none;}
	.desctext {
		font-size: 16px;
		line-height: 20px;
		width: 214px;
		height: 90px;
	}
	.infoitem, .infoitem hr {width: 600px;}
	.movie-wrap {width: 660px;height: 371px;}
	.movie_title1, .movie_box {width: 680px;}
	/* 以下タブレット・PC共通 */
	div .btnrect {width: 400px;}
	form.contact input.textbox{width: 380px;}
	form.contact p {width: 410px;}
	.surveyrect, .surveyrect_kasize {width: 600px;}
	.confirm_table{width: 380px;}
	form.contact textarea {width: 380px;}
	div.checktext span {width: 360px;}
	/* 修了証書 */
	.certificate {width: 400px; height: 562px; background-size: 400px auto;}
	.certname {font-size: 22px;}
	.certfield, .certday {font-size: 13px;}
	/* 好事例 */
	.tab_item {width: calc((100%/7.3)); height: 43px; font-size: 15px;}
	.tab_btn {width: calc((100%/7.3)); height: 43px; font-size: 15px;}
	.tab_btn_r5 {width: calc((100%/8.4)); height: 43px; font-size: 15px;}
	.tab_btn_r6 {width: calc((100%/9.4)); height: 43px; font-size: 15px;}
	/* 動画研修サンプル */
	.movlink_gray {width: 420px;}
	/* 研修 ＞ ワークショップ */
	.lineinfotext {width: calc( 100% - 250px );}
	.widetext_grayinfo {justify-content:space-between;}
	.youtubebtn {margin-left: 230px;}
	.header_spaceobbj { font-size: 9px !important; }
}
@media (min-width:1050px) {	/* PC */
	.display_phone {display: none;}
	.display_tab {display: none;}
	.display_pc {display: block;}
	.wrap_adpt, .flexcols{width: 1022px;}
	.header_menu {height:30px;}
	.header_space{justify-content:space-between;}
	.topmenu {visibility:visible;}
	.footer_menu {display: block;}
	.el_humburger {display: none;}
	.logout_obi {display: block;}
	.slide_img, .slide_box {height:360px;}
	.topinfos_l {margin-right: 50px;}
	.main_btnarea_phones {display: none;}
	.main_btnarea_phone {display: none;}
	.main_btnarea_tab {display: none;}
	.main_btnarea_pc {display: flex;}
	.main_btnarea_btn{height: 253px;}
	.main_btnarea_text{height: 85px;}
	.msgkansmov_phones{display: none;}
	.msgkansmov_phone{display: none;}
	.msgkansmov_tab{display: none;}
	.msgkansmov_pc{display: block;}
	.desctext {
		font-size: 18px;
		line-height: 24px;
		width: 314px;
		height: 85px;
	}
	.infoitem, .infoitem hr {width: 900px;}
	.movie-wrap {width: 960px;height: 540px;}
	.movie_title1, .movie_box {width: 980px;}
	/* 修了証書 */
	.certificate {width: 680px; height: 956px; background-size: 680px auto;}
	.certname {font-size: 38px;}
	.certfield, .certday {font-size: 23px;}
	/* 好事例 */
	.tab_item {width: calc((100%/7.2)); height: 43px; font-size: 16px;}
	.tab_btn {width: calc((100%/7.2)); height: 43px; font-size: 16px;}
	.tab_btn_r5 {width: calc((100%/8.3)); height: 43px; font-size: 16px;}
	.tab_btn_r6 {width: calc((100%/9.3)); height: 43px; font-size: 16px;}
	/* 動画研修サンプル  タブレットと同じ */
	/* 研修 ＞ ワークショップ */
	.lineinfotext {width: calc( 100% - 250px );}
	.youtubebtn {margin-left: 0px;}
	.header_spaceobbj { font-size: 12px !important; }
}

/*---------------------------------------------------------------------------------*/
/* レイアウト -------------------------------------------------------------- 全ページ */
/*---------------------------------------------------------------------------------*/
.wrap_adpt {	/* @mediaで横幅を指定し中央配置 */
	/* widthは@media指定 */
	margin: 0 auto;
	padding: 0;
	border: 0;
}
.flexcols {
	/* widthは@media指定 420/720/1020 */
	margin: 0 auto;
	padding: 0;
	border: 0;
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: center;
	align-items: stretch;
	margin-bottom: 30px;
}

/*---------------------------------------------------------------------------------*/
/* <header> --------------------------------------------------------------- 全ページ */
/*---------------------------------------------------------------------------------*/
.header {
	margin: 0;
}
.header_space {
	border-left: 1px solid #006835;
	border-right: 1px solid #006835;
	height: 100px;
	margin: 0 auto;
	line-height: 38px;
	background-image: url(../img/headerbg.jpg);
	background-repeat: no-repeat;
	background-size: auto 100px;
	text-align: right;
	font-size: 14px;
	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	/*justify-content: space-around;*/	/*@media*/
	align-items: center;
}
.header_spaceobbj {
	margin-right: 20px;
	margin-left: 20px;
	font-weight: bold;
}
.header_obi {	/* @mediaで横幅を指定し中央配置 */
	margin: 0;
	height: 60px;
	background: #006835;
}
.header_title {
	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: space-between;
	align-items: center;
	
	height: 60px;
	text-align: right;
	background-image: url(../img/1fedulogo.jpg);
	background-repeat: no-repeat;
	background-size: auto 60px;
}
.totop {
	width: 280px;
	height: 60px;
}
.header_menu {
	border-left: 1px solid #006835;
	border-right: 1px solid #006835;
	border-bottom: 4px solid #006835;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.topmenu {
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	padding-top: 2px;
	font-weight: 400;
}
.topmenu a{
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding-bottom: 0px;
}
.logout_obi {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.logout_obi a{
	border: 0px solid #A2A2A2;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 13px;
	text-decoration: none;
	background-color: #95CFB3;
	color: #006835;
	margin-right: 20px;
}
.logout_obi a:hover{
	background-color: #FFFFFF;
}

/*---------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------- contents */
/*---------------------------------------------------------------------------------*/
.contents {
	border-left: 1px solid #006835;
	border-right: 1px solid #006835;
	background-color: #FFF;
	font-size: 16px;
	text-align: center;
	height: 100%;
}

/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------- index.html */
/*---------------------------------------------------------------------------------*/
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(../../top/img/topimage01.jpg);
	background-image: url(../../top/img/topimage02.jpg);
	background-image: url(../../top/img/topimage03.jpg);
}
.slide_box {
	margin-top: 2px;
	margin-bottom: 1px;
	padding: 0;
	background-color: #000000;
}
.main_btnarea_pc,.main_btnarea_tab,.main_btnarea_phone{
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: center;
}
.main_btn {
	margin-top: 1px;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 0px;
}
.main_btna {
	margin: 0;
}
.desctext {
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 1px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 14px;
	padding-bottom: 0px;
	text-align: left;
	font-variant: normal;
	font-weight: 200;
}
.topinfo {
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 250px;
	border-left: 5px solid #006835;
	
	display: flex;
 	flex-direction: row;
 	flex-wrap: nowrap;
}
.topinfos_l {
	margin-left: 0px;
	/*margin-right: 50px;*/
}
.topinfos_r {
	margin: 0 auto;
	text-align: left;
	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
}
.topinfos_r .infoitem {
	color: #006835;
	border-radius: 10px;
	background-color: #DFEBF2;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 15px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 16px;
	/*width: 900px;*/
}
.topinfos_r .infoitem hr{
	display: block;
	/*width: 900px;*/
	height: 2px;
	background-color: #fff;
	border: 0;
}
.infolink{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding-top: 5px;
	padding-bottom: 5px;
}
.infobtn {
	text-align: left;
	border-radius: 5px;
	background-color: #006835;
	/* padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px; */
	padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
    padding-top: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 5px;
}
.infobtn a{
	color: #FFFFFF;
	text-decoration: none;
}
.msgkansmov {
	margin-top: 2px;
}
.toinfo {
	margin-right: 20px;
	margin-left: auto;
}
.toinfo a{
	color: #666;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

/*---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- pages */
/*---------------------------------------------------------------------------------*/
.subtitlebg {
	background-image: url(../img/ktoptbg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
.blue1circletitle {
	margin: 0 auto;
	width: 220px;
	height: 110px;
	line-height: 70px;
	border-bottom-left-radius: 110px;
	border-bottom-right-radius: 110px;
	background-color: #1b3c84;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: 200;
}
.blue1circletitle_s {
	margin: 0 auto;
	/*margin-top: 1px;*/
	width: 120px;
	height: 60px;
	line-height: 40px;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	background-color: #1b3c84;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 200;
}
.widetext {
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 10px;
	/*padding-bottom: 10px;*/
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
	font-weight: 400;
	font-size: 18px;
	/*border-bottom: 1px solid #CCCCCC;*/
}
.smalltextred {
	padding-left: 6%;
	padding-right: 6%;
	color: #BB0000;
	font-size: 16px;
}
.smalltext {
	font-size: 16px;
}
.sumi {
    margin-left: 10%;
    margin-right: 10%;
    text-align: right;
	margin-bottom: 20px;
}
.widechap {
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 10px;
	text-align: left;
	font-weight: 400;
	font-size: 18px;
	border-bottom: 1px solid #CCCCCC;
}
.widetext_blue1 {
	border-radius: 10px;
	border: 3px solid #1B3C84;
	background-color: rgba(255,255,255,0.5);
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
}
.widetext_gray {
	border-radius: 10px;
	border: 1px solid #888;
	background-color: rgba(255,255,255,0.5);
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
}
.widetext_grayinfo {
	border-radius: 10px;
	border: 0cap solid #EEE;
	background-color: #EEE;
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	font-weight: 400;
	font-size: 18px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	/*justify-content:space-around;*/
}
.grayinfotitletext{
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
}
.grayinfotitlenew {
	width: 50px;
	padding-top: 5px;
	padding-right: 10px;
}
.lineinfocontents {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 14px;
}
.lineinfothumb {
	padding-right: 10px;
	width: 240px;
}
.lineinfotextstrong{
	font-size: 16px;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lineinfotext {
	/*width: calc( 100% - 250px );
	width: 250px;*/
}
.movlink_gray {
	/* widthはアダプティブ */
	border-radius: 10px;
	border: 2px solid #BCBCBC;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.movlink_text {
	padding-right: 10px;
	padding-bottom: 5px;
}
.movlink_text1 {
	font-weight: bold;
	margin-bottom: 5px;
}
.movlink_text2 {
	font-size: 14px;
}
.movlink_text3 {
	
}
.widebtn_blue1 {
	position: relative;
	border-radius: 10px;
	border: 0px solid #1B3C84;
	background-color: #1B3C84;
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: -webkit-linear-gradient(0deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
}
.widebtn_gray2 {
	background-image: -webkit-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
}
.widebtn_graysc {
	margin-left: 8%;
	margin-right: 8%;
	background-image: -webkit-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
}
.widebtn_blue1 .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.widebtn_purple1 {
	background-image: -webkit-linear-gradient(0deg,rgba(98,29,133,1.00) 0%,rgba(154,103,181,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(98,29,133,1.00) 0%,rgba(154,103,181,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(98,29,133,1.00) 0%,rgba(154,103,181,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(98,29,133,1.00) 0%,rgba(154,103,181,1.00) 100%);
}
.answered span{
	color: #A7B8DD;
}
.text_widebtn_gray1 {
	margin-left: 5%;
	margin-right: 0px;
	margin-bottom: 10px;
	font-size: 16px;
}
.widebtn_gray1 {
	position: relative;
	border-radius: 10px;
	border: 0px solid #1B3C84;
	background-color: #1B3C84;
	margin-top: 10px;
	margin-left: 5%;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: -webkit-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(80,80,80,1.00) 0%,rgba(168,168,168,1.00) 100%);
}

.widebtn_gray1 .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.widetext_border {
	position: relative;
	border-radius: 10px;
	border: 1px solid #888;
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-weight: 500;
	font-size: 20px;
	color: #555;
}
h3{
	color: #006835;
	font-size: 30px;
	font-weight: 400;
}
h5{
	color: #006835;
	font-size: 16px;
	font-weight: 400;
}
.color_blue1 {
	color: #1C3D85;
	font-size: 36px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 40px;
	line-height: 36px;
}
.widebtn_syuryo {
	width: 200px;
	position: relative;
	border-radius: 10px;
	border: 0px solid #1B3C84;
	background-color: #1B3C84;
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 23px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	font-weight: 400;
	font-size: 30px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}

.syuryo {
	justify-content: space-between;
	background-image: -webkit-linear-gradient(0deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(27,60,132,1.00) 0%,rgba(148,168,211,1.00) 100%);
}
.misyuryo {
	justify-content: center;
	background-image: -webkit-linear-gradient(0deg,rgba(177,177,177,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(177,177,177,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(177,177,177,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(177,177,177,1.00) 0%,rgba(221,221,221,1.00) 100%);
}
.widebtn_syuryo .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.textrect_survey {
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 10px;
	background-color: #C5CEE1;
}
.textrect_survey .center {
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;	/*background-color: #FDE2CD;*/
	color: #0083BA;
}
.textrect_survey .left {
	text-align: left;	
}

.textrect_survey .left a{
	text-align: left;	
}
.backbtn {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
}
.backbtn a{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	border-radius: 5px;
	font-size: 20px;
	text-decoration: none;
	background-color: #006835;
	color: #FFFFFF;
}
.backbtn a:hover{
	background-color: #23AD6A;
}
.printbtn {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.printbtn a{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-radius: 5px;
	font-size: 30px;
	text-decoration: none;
	background-color: #B07F00;
	color: #FFFFFF;
}
.printbtn a:hover{
	background-color: #D0AA4A;
}
.surveybtn {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 12px;
	text-align: right;
}
.surveybtn a{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	border-radius: 10px;
	font-size: 16px;
	text-decoration: none;
	background-color: #E3E8F0;
	color: #333333;
}
.surveybtn a:hover{
	background-color: #EEEEEE;
}
.mov {
	width: 32px;
	height: 32px;
	background-image: url(../img/mov.png);
}
.chkoff {
	width: 32px;
	height: 32px;
	background-image: url(../img/chkoff.png);
}
.chkon {
	width: 32px;
	height: 32px;
	background-image: url(../img/chkon.png);
}
.chap {
	width: 100%;
	text-align: left;	
}
.nxt {
	width: 32px;
	height: 32px;
	background-image: url(../img/nxt.png);
}

/*-- Movie --------------------------------*/
.movie_title1{
	color: #FFFFFF;
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	margin-top: 10px;
	padding: 10px;
	background-color: #1B3C84;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.movie_title1_gray{
	background-color: #3B3B3B;
}
.movie-wrap {
	/*width: 960px;
	height: 540px;*/
}
.movie_box {
	background-color: #8897B7;
	padding: 10px;
}
.movie_box_gray {
	background-color: #999999;
}
.movie_text1{
	color: #000000;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	background-color: #8897B7;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.movie_text1_gray{
	background-color: #999999;
}

/*-- 動画研修アンケート --------------------------------*/
.katitle_l {
	margin: 0 auto;
	/*margin-top: 1px;*/
	width: 140px;
	height: 70px;
	line-height: 50px;
	border-bottom-left-radius: 70px;
	border-bottom-right-radius: 70px;
	background-color: #1b3c84;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
}
.katitle_s {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #4864A1;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.surveyrect_ka {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-bottom: 10px;
}
.confirm_table{
	/*width: 320px;*/
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 30px;
	border: 1px solid #868686;
	font-size: 14px;
	background-color: #F5F8F0;
}
.confirm_table td{
	padding: 5px;
}
.confirm_table td.title{
	text-align: center;
	background-color: #CBDDB5;
}
.confirm_table td.midashi{
	width: 30px;
	text-align: center;
	background-color: #E8F0DE;
}

/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------- form */
/*---------------------------------------------------------------------------------*/
form.contact {
	padding: 0;
	margin: 0;
	font-size: 15px;
}
form.contact p {
	margin: 0;
	/*width: 370px;*/
	text-align: left;
}
form.contact input, form.contact textarea {
	font-size: 15px;
}
form.contact input.textbox{
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #bbb;
	/*width: 340px;*/
}
form.contact input.numbox{
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #bbb;
	width: 80px;
}
form.contact select{
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #bbb;
	margin-bottom: 5px;
}
form.contact input.datebox{
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #bbb;
	width: 80px;
}
form.contact select.selhour{
	width: 55px;
}
form.contact select.selmin{
	width: 55px;
}
form.contact input.mark {
	border: 2px solid #f00;
}
.mark {
	border: 2px solid #f00;
}
.redtext {
	color: #BB0000;
}
form.contact textarea {
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #bbb;
	/*width: 340px;*/
	height: 120px;
}
div.btnrect {
	text-align: left;
	/*width: 350px;*/
	padding-left: 20px;
	margin: 3px 0 20px 0;
}
form.contact input.confirm {
	width: 50px;
	cursor: pointer;
	margin: 0 10px 0 10px;
}
form.contact input.cancel {
	width: 100px;
	cursor: pointer;
	margin: 0 10px 0 10px;
}
form.contact input.send {
	width: 50px;
	cursor: pointer;
	margin: 0 10px 0 10px;
}
form.contact input.back {
	width: 70px;
	cursor: pointer;
	margin: 0 10px 0 10px;
}
div.surveyrect {
	/*width: 400px;*/
	border-radius: 10px;
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-bottom: 10px;
}
div.surveyrect input.textbox, 
div.surveyrect textarea,
div.surveyrect select{
	background: #FFFFFF;
}
div.surveyrect_ka input.textbox, 
div.surveyrect_ka textarea,
div.surveyrect_ka select{
	background: #FFFFFF;
}
div.checktext {
	display: flex;
	align-items: center;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.multipleinputtext {
	margin-left: 20px;
	width: 260px;
	background: #FFFFFF;
}

/*---------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------- footer */
/*---------------------------------------------------------------------------------*/
div#footer {
    /*margin-top: auto;*/	/*footerを常に最下部に固定する*/
	border-left: 1px solid #006835;
	border-right: 1px solid #006835;
	color: #444;
	font-size: 16px;
	text-align: center;
	background-image: url(../img/footerbg.jpg);
	background-repeat: no-repeat;
	background-size: 1022px auto;
}
.footer_linktxt{	/*フッター内リンクテキスト設定（白・ボトムバー）*/
	color: #444;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px solid #444444;
}
.footer_link{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 00px;
	padding-right: 10px;
	padding-left: 10px;
}
.banner{
	margin-top: 00px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.footer_menu{
	padding-top: 0px;
	padding-bottom: 20px;
}
.footer_crobi{
	width: 100%;
	height: 24px;
	background-color: #006835;
	font-size: 9px;
	text-align: right;
	color: #ccc;
}
div#pfooter {
	border-left: 1px solid #006835;
	border-right: 1px solid #006835;
	color: #444;
	font-size: 16px;
	text-align: center;
	background-image: url(../img/footerbg.jpg);
	background-repeat: no-repeat;
	background-size: 1022px auto;
}

/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------- Info */
/*---------------------------------------------------------------------------------*/
.infos_r {
	margin: 0 auto;
	text-align: left;
	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
}
.infos_r .infoitem {
	color: #006835;
	border-radius: 10px;
	background-color: #DFEBF2;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 16px;
	/*width: 900px;*/
}
.infos_r .infoitem hr{
	display: block;
	/*width: 900px;*/
	height: 2px;
	background-color: #fff;
	border: 0;
}
.linkitem {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.textitemlink {
      position: relative;
      padding-left:15px;
}

.textitemlink:before {
	background-color: #006835;
	content: "";
	height: 11px;
	width: 11px;
	left: 0;
	position: absolute;
	top: 7px;
}

/*---------------------------------------------------------------------------------*/
/*------------------------------------------------------------ 研修会・ワークショップ */
/*---------------------------------------------------------------------------------*/
.ws_subtitlebg {
	background-image: url(../img/wstbg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
.blue3circletitle {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    width: 260px;
    height: 130px;
    border-bottom-left-radius: 130px;
    border-bottom-right-radius: 130px;
    background-color: #1a1b82;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 200;
}
.ws_title1{
    padding-top: 20px;
    border-bottom-width: medium;
}
.ws_title2{
	padding-top: 10px;
}
.widetext_blue3{
	border-radius: 10px;
	border: 3px solid #1a1b82;
	background-color: rgba(255,255,255,0.5);
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	font-weight: 400;
	font-size: 18px;
}

.ws_titleobi{
    width: calc(100% - 20px);
    background-color: #1a1b82;
    padding-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
.ws_titleobicolor2{
    background-color: #6435bb;
}
.ws_titleobicolor3{
    background-color: #0e26aa;
}
.ws_titletag{
    width: 270px;
    margin-bottom: 0px;
    margin-left: 5%;
    background-color: #E3E3F4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #1a1b82;
    font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-width: 0px;
}
.ws_titletagcolor2{
    color: #6435bb;
}
.ws_txtcolor_wsdeep{
    color: #69009E;
}
.ws_bgcolor_wsdeep{
    background-color: #69009E;
}
.ws_bgcolor_wslight{
    background-color: #EDE2FA;
}
.ws_contentsarea{
    width: calc(100% - 20px);
    background-color: #E3E3F4;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ws_contentsarea_ws{
    width: calc(100% - 20px);
    background-color: #EDE2FA;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ws_item{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
    background-color: #FFF;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.ws_itemtitle{
    font-size: 20px;
    margin-bottom: 3px;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #B5B5B5;
}
.ws_iteminfo{
    font-size: 18px;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 10px;
}
.ws_itemflex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.btn_greenfill_rad5 a{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	border-radius: 5px;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	background-color: #006835;
	color: #FFFFFF;
}
.btn_greenfill_rad5 a:hover{
	background-color: #23AD6A;
}

.ws_docitemflex{
	padding-left: 5%;
	padding-right: 5%;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
}
.rect_docitem{
    margin-bottom: 10px;
}
.ws_docitem a{
    margin: 5px;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 2px;
    background-color: #E3E3E3;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
.ws_docitemtitle{
    margin: 5px;
	padding-left: 5%;
	padding-right: 5%;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
}
.color_g{
	color: #006835;
}

.rect_wsbtn{
	width: 260px;
    height: 40px;
	margin-top: 12px;
	margin-bottom: 5px;
}
.rect_wsbtn_link{
	width: 260px;
    height: 40px;
	margin-top: 12px;
	margin-bottom: 5px;
}
.btn_greenfill_rad20_nolink{
	margin-left: 5px;
	margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 5px;
	border-radius: 20px;
	font-size: 18px;
    font-weight: 600;
	text-align: center;
	text-decoration: none;
	background-color: #a2c4b3;
    border: 3px solid #a2c4b3;
	color: #FFFFFF;
}
.btn_greenfill_rad20{
	margin-top: 7px;
}
.btn_greenfill_rad20 a{
	padding-left: 70px;
	padding-right: 70px;
    padding-top: 3px;
    padding-bottom: 7px;
	border-radius: 20px;
	font-size: 18px;
    font-weight: 600;
	text-align: center;
	text-decoration: none;
	background-color: #006835;
    border: 3px solid #006835;
	color: #FFFFFF;
}
.btn_greenfill_rad20 a:hover{
	background-color: #23AD6A;
    border: 3px solid #23AD6A;
}
.btn_omousikomi a{
	padding-left: 70px;
	padding-right: 70px;
}

.btn_greenline_rad20_nolink{
	margin-left: 5px;
	margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    border: 3px solid #a2c4b3;
    color: #a2c4b3;
}
.btn_greenline_rad20 a{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 5px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    border: 3px solid #006835;
    color: #006835;
}
.btn_greenline_rad20 a:hover{
    border: 3px solid #23AD6A;
    color: #23AD6A;
}
.btn_jigoenquete a{
	padding-left: 18px;
	padding-right: 18px;
}
.rad4rect{
	border-radius: 15px;
}

/*---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------- SuccessCase */
/*---------------------------------------------------------------------------------*/
.sc_container {
	width: calc(87%);
	padding-bottom: 1em;
	background-color: #fff;
	margin: 0 auto;
}
.tab_btn {
	/* @media */
	/*width: calc((100%/7.2));*/
	padding-top: 5px;
	border-right: 1px solid #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	text-align: center;
	background-color: #999;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	line-height: 18px;
	/* @media */
	/*height: 43px;
	font-size: 16px;*/
}
.tab_btn_here {
	background-color: #DDD;
	color: #000;
	text-decoration: none;
	display: block;
}
.tab_btn a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.sc_btncontent {
	/*display: none;*/
	padding: 1em;
	clear: both;
	background-color: #DDD;
	/*overflow: hidden;*/
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.tab_item {
	/* @media */
	/*width: calc((100%/7.2));*/
	padding-top: 5px;
	border-right: 1px solid #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #999; /*#0e88a6*/
	text-align: center;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	line-height: 18px;
	/* @media */
	/*height: 43px;
	font-size: 16px;*/
}
 input[name="tab_item"] {
 	display: none;
}
.sc_content {
	display: none;
	padding: 1em;
	clear: both;
	background-color: #DDD;
	overflow: hidden;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
#tab1:checked ~ #sc1_content,
#tab2:checked ~ #sc2_content,
#tab3:checked ~ #sc3_content,
#tab4:checked ~ #sc4_content,
#tab5:checked ~ #sc5_content,
#tab6:checked ~ #sc6_content,
#tab7:checked ~ #sc7_content {
	display: block;
}
.sc_container input:checked + .tab_item {
	background-color: #DDD;
	color: #000;
}
.sc_subtitlebg {
	background-image: url(../img/sctbg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
.blue2circletitle {
	margin: 0 auto;
	width: 320px;
	height: 160px;
	/*line-height: 70px;*/
	border-bottom-left-radius: 160px;
	border-bottom-right-radius: 160px;
	background-color: #0e88a6;
	color: #fff;
	text-align: center;
	font-size: 40px;
	padding-top: 0px;
	display: flex;
	flex-direction: column;
}
.sc_small{
	font-size: 14px;
	font-weight: 400;
	padding-top: 25px;
}
.sc_large{
	font-size: 40px;
	font-weight: 200;
	padding-top: 10px;
	margin-top: 10px;
}
.sc_small2{
	font-size: 18px;
	font-weight: 300;
	padding-top: 10px;
	margin-top: 5px;
}
.sc_typeorlocation {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}
.sc_on {
	width: 22%;
	height: 40px;
	font-size: 25px;
	border: 2px solid #DDD;
	background-color: #DDD;
	color: #000;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-right: 2%;
	margin-left: 2%;
}
.sc_off {
	position: relative;
	width: 24%;
	height: 40px;
	font-size: 25px;
	border: 2px solid #999;
	background-color: #999;
	color: #FFF;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-right: 2%;
	margin-left: 2%;
}
.sc_off .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*.sc_off:hover {
	opacity: 0.75;
}*/
.widetext_blue2 {
	border-radius: 10px;
	border: 3px solid #0e88a6;
	background-color: rgba(255,255,255,0.5);
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
}
.widebtn_blue2 {
	position: relative;
	border-radius: 10px;
	background-color: #0e88a6;
	margin: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	text-align: left;
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: -webkit-linear-gradient(0deg,rgba(14,136,166,1.00) 0%,rgba(80,194,223,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(14,136,166,1.00) 0%,rgba(80,194,223,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(14,136,166,1.00) 0%,rgba(80,194,223,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(14,136,166,1.00) 0%,rgba(80,194,223,1.00) 100%);
}
.widebtn_blue2 .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.widetext_sc {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
}
.sup_small {
	font-size: 12px;
}
.sctype_nen {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-radius: 5px;
	font-size: 12px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
	border: 1px solid #b5e1ec;
	line-height: 28px;
}
.scinfo_flex{
	display: flex;
	flex-wrap: wrap;
}
.scinfo,
.sctype_loc,
.sctype_cla,
.sctype_01, 
.sctype_02,
.sctype_03,
.sctype_04,
.sctype_05,
.sctype_06,
.sctype_07,
.sctype_rb, 
.sctype_tb,
.sctype_r,
.sctype_y,
.sctype_g,
.sctype_z{
	line-height: 16px;
	border-radius: 5px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 12px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
}
.scinfo {
	background-color: #FFF;
}
.sctype_loc{
	background-color: #ff9900;
}
.sctype_cla{
	background-color: #29ca75;
}
.sctype_01 {
	background-color: #ff5959;
}
.sctype_02 {
	background-color: #7d7dff;
}
.sctype_03 {
	background-color: #e18c7c;
}
.sctype_04 {
	background-color: #ffe073;
}
.sctype_05 {
	background-color: #29ca75;
}
.sctype_06 {
	background-color: #ff8340;
}
.sctype_07 {
	background-color: #ffb4f7;
}
.sctype_rb{
	background-color: #4cbeff;
}
.sctype_tb {
	background-color: #ff9900;
}
.sctype_r {
	background-color: #cfb400;
}
.sctype_y {
	background-color: #2bd3d1;
}
.sctype_g {
	background-color: #a8ff5b;
}
.sctype_z {
	background-color: #b375ff;
}
.sc_movtitle {
	margin-bottom: 15px;
	font-size: 24px;
}
.sc_movtitle2 {
	margin-top: 20px;
	font-size: 24px;
}
.sc_movtitle_s {
	font-size: 15px;
}
.flex_sc_movrects {
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.sc_movrect {
	width: 240px;
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 10px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
}
.sc_movrect2 {
	width: 240px;
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 10px;
	margin-top: 10px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 10px;
}
.sc_movtext {
	text-align: left;
	display: inline-block;
}
.sc_movtexts {
	font-size: 14px;
	text-align: left;
	display: inline-block;
}
.sc_movbtn{
	margin-top: 10px;	
}
.sc_movnumbtn{
	margin-right: 5px;
	margin-left: 5px;	
}
.textlink {
	color: #717171;
	font-size: 14px;
}
.textlink a{
	color: #717171;
	text-decoration: none;	
}
.textlink a:hover{
	color: #00ADD9;
}

/* エラーメッセージ用 */
.error{
	font-size: 14px;
    color: red;
}

.ws_title_right{
	color: white;
    position: absolute;
    margin-top: -32px;
    margin-left: 336px;
    font-size: 18px;
}