body {
	font-size: 94%;
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	letter-spacing: 0.03em;
	background-color: #fff;
	box-sizing: border-box;
	word-break: break-all;
	line-height: 180%;
	width: 100%;
	color: #212121;
}
p{
	margin-bottom:15px;
}
.uni{
	margin:2% 0;
}
.guide22 img{
	text-align: center;
	display: block;
	margin:2% auto;
}
h1{
	font-weight: normal;
	font-size:100%;
	text-align:left;
}
h2{
	background: url("../img/pageheadbk.png");
	border:3px solid #fff;
	border-radius:10px;
	padding:4%!important;
	text-align:center;
	font-size:190%;
	font-weight:bold;
	margin-bottom:3%;
	text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
              -3px 3px 0 #FFF, 3px -3px 0 #FFF,
              0px 3px 0 #FFF,  0-3px 0 #FFF,
              -3px 0 0 #FFF, 3px 0 0 #FFF;
}

h3.ptit{
	position: relative;
	padding:10px 0 10px 48px;
	border-bottom: 3px solid #ddd;
	background:url("../img/h1ai.png")no-repeat left center;
	font-size:150%!important;
	margin-bottom:25px!important;
}
h3.ptit::before{
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 30%;
	height: 6px;
	content: '';
	background: #1f5ab6;
}
h4.fusen {
    display: inline-block;
    position: relative;
    padding: .7em 1em;
    border-right: 27px solid #2589d0;
    background-color: #f5f5f5;
    color: #333333;
	font-size:110%;
	box-shadow:3px 3px 6px #ddd;
}
h4.fusen::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);	
}
h5 {
	position: relative;
	padding-left: 25px;
	font-size:120%;
	color:#1f5ab6;
}
 
h5::after {
	content: '';
	position: absolute;
	top: 47%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border: 5px solid #1f5ab6;
	border-radius: 100%;
}

.slider{
	display:block;
	margin:10px auto;
	width:100%;
	text-align: center;
	}

.slider iframe{
	width:100%;
	height:300px;
	padding:0;
	background:#fff;
	margin:0;
}

@media screen and (max-width:599px){
	.slider iframe{
	height:110px;
	}	
}

.slider img{
	width:100%;
	}
.flex-caption{
	text-align:center;
	background:#BFDEFF;
	display:block;
	padding:10px 0;
}
.button2{
	background:#133AB2;
	color:#fff !important;
	padding:20px;
	text-decoration:none !important;
	display: block;
	text-align: center;
	border-radius:10px;
	margin:10px auto;
}

.second{
	margin-left:20px;
}
.sagasu{
	list-style: none;
	display: flex;
	justify-content:space-between;
	box-sizing: border-box;
	padding:0;
	margin:10px auto 30px auto;
	width:100%;
}
.sagabox{
	padding:10px 10px;
	margin:0;
	display: block;
	width:100%;
}
.sagabox2{
	padding:20px 30px;
	margin:0 5px;
	display: block;
	width:100%;
}	
.item{
	widht:100%;
}

.ser1,.ser2{
	position: relative;
	text-align: left;
	padding:0px 0  0 50px;
	margin-bottom:10px;
	font-size:150% !important;
}

.ser3{
	position: relative;
	text-align: left;
	padding:3px 0  0 55px;
	margin-bottom:10px;
	font-size:150% !important;
}


.ser1::before,.ser2::before{
	position: absolute;
	top:3px;
	left:0;
}
.ser3::before{
	position: absolute;
	top:0px;
	left:0;
}
.ser1::before{
	content:url("../img/sh1.png");
}
.ser2::before{
	content:url("../img/sh2.png");
}
.ser3::before{
	content:url("../img/ranking.png");
}



/*TOPページWP下*/
.toposu{
		list-style: none;
		display: flex;
		box-sizing: border-box;
		justify-content:center;
		margin:0;
		padding:0;
		width:100%;
		flex-wrap: wrap;
}
.toposu li{
		margin:3px;
		padding:10px 15px;
		width:100%;
		border:1px solid #ccc;
		border-radius:8px;
}
.osutit{
	font-weight:bold;
	font-size:115%;
	border-bottom:2px dotted #155ab8;
	margin-bottom:10px;
	padding:5px 0;
	color:#155ab8;
}
.toposu li a{
	color:#171515;
}
.tpp{
	font-size:70%;
}
.toposu li img{
	margin-bottom:5px;
	border-radius:8px;
}

#satfaq-widget-icon {
  width: 250px !important;
}


.dli-caret-circle-fill-right {
  display:inline-block;
  vertical-align:middle;
  color: #155ab8;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
	margin-right:5px;
}

.dli-caret-circle-fill-right::before {
  content: '';
  color: #fff;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.18em 0.31177em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.sp11{
	 color: #fc0000 !important;
}
@media screen and (min-width:960px){
	.toposu li{
		margin:3px;
		padding:10px 15px;
		width:32.5%;
		border:1px solid #ccc;
		border-radius:8px;
	}
}

@media screen and (min-width:600px) and (max-width:960px){
  .toposu li{
    width: 45.5%;
	margin-bottom:5px;
	padding:10px 15px;
	border:1px solid #ccc;
	border-radius:8px;
  }
}


.nm{
	list-style:none;
	margin:0;
	padding:20px 10px;
	background:#eee;
	border-radius:10px;	
}
.nm li {
	counter-increment: titleNum;
	position: relative;
	padding:10px 5px 10px 40px;
	text-align:left;
	background:none;
	font-size:100%;
	margin:10px 20px;
	}
.nm li:nth-child(-n+10) {
    border-bottom: 1px dotted #3E3C3C;
}

.nm li::before {
	position: absolute;
	top: 10px;
	left: 5px;
	content: counter(titleNum);
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 100%;
	color: #fff;
	font-size: .9em;
	text-align: center;
}
.nm li:nth-child(1)::before {
    background: #e60023; /* 1位（赤） */
}
.nm li:nth-child(2)::before {
    background: #ff6a00; /* 2位（オレンジ） */
}
.nm li:nth-child(3)::before {
    background: #ffb400; /* 3位（黄） */
}
.nm li:nth-child(4)::before {
    background: #9acd32; /* 4位（黄緑） */
}
.nm li:nth-child(5)::before {
    background: #2ecc71; /* 5位（緑） */
}
.nm li:nth-child(6)::before {
    background: #00a8a8; /* 6位（青緑） */
}
.nm li:nth-child(7)::before {
    background: #1f5ab6; /* 7位（青） */
}
.nm li:nth-child(8)::before {
    background: #6a5acd; /* 8位（紫寄り青） */
}
.nm li:nth-child(9)::before {
    background: #a020f0; /* 9位（紫） */
}
.nm li:nth-child(10)::before {
    background: #888888; /* 10位（グレー） */
}


.nm li::after{
	position:absolute;
	top:15px;
	right:10px;
	content: '';
	width: 12px;
	height: 12px;
	border: 0px;
	border-top: solid 4px #A4A3A3;
	border-right: solid 4px #A4A3A3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right:10px;
	margin-top: -4px;
}
.nm li a{
	color:#171515;
}
.nm li a:hover{
	color:#1815C0;
	text-decoration:none;
}

.foryou{
	margin:0 0 50px 0;
}
.foryou h3{
	text-align:left;
	padding:0 0 0 45px;
	position: relative;
}
.foryou h3::before{
	position: absolute;
	top:-15px;
	left:0;
	content:url("../img/my2.png");
}
.button{
	display:block;
	text-decoration: none;
	padding:15px 10px;
	margin:20px 10px;
	background:#1f5ab6;
	border-radius:40px;
	color:#fff;
	text-align: center;
	border:5px solid #101B6B;
}
.button:hover{
	background:#041B4A;
	color:#fff;
	border:5px solid #4FB5EB;
}

/*google検索*/
@media screen and (min-width: 600px) {
	.gcse-search {
		width: 250px;
	}
	.gsc-control-wrapper-cse {
		width: 250px !important;
	}
	.gsc-control-cse {
		padding: 4px 0 0 0 !important;
		width: 250px !important;
	}
	.gsc-input-box {
		line-height: 28px !important;
	}
	.gsc-input {
		padding:0px !important;
	}
	.gsib_a {
    position: relative;
    background-position: left 5px top 1px !important;
    background-repeat: no-repeat;
	padding: 2px 0px 2px 35px !important;
	}
	.gsib_b{
		display:none;
	}
	form.gsc-search-box {
		margin: 0 !important;
	}
}

/*新着情報*/
ul.news {
	list-style:none;
	position: relative;
	padding: 0.7rem 1rem 2rem 1rem;
	text-align:left;
	border-radius: 0 8px 8px 8px;
	background:#fff;
	border: 1px solid #ccc;
	margin:30px 8px 20px 8px;
}
	@media screen and (max-width: 599px) {
		ul.news {
			margin:50px 3px 20px 3px;
		}
	}
ul.news::before {
  position: absolute;
  top: -34px;
  left: 0;
  height: 34px;
  padding: 5px 2em;
  content: '新着情報';
  color: #fff;
  border-radius: 8px 8px 0 0;
  background:#155ab8;
  font-weight: bold;
  font-size: 115%;
}
ul.news li{
	border-bottom: 2px dotted #155ab8;
	padding:10px 0;
}
ul.news li a{
	color:#171515;
}
ul.news li a:hover{
	color:#155ab8;
	text-decoration:none;
}


/*教材を探す*/
.kyoitem,.kyoitem2{
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		margin:10px auto 60px auto;
		padding:0;
    align-items: stretch; /* 子要素の高さを揃える */
}
.kyoitem li,.kyoitem2 li{
		list-style: none;
		margin:0 3px;
		padding:0;
	width:100%;
    display: flex; /* li要素をフレックスアイテムに */
    flex-direction: column;
}

.kyoitem li .content, .kyoitem2 li .content {
    margin-top: auto; /* コンテンツを下端に揃える */
}

.kyoitem li img{
		width:98.7%;
		border-radius:20px 20px 0 0;
		border-right:2px solid #1f5ab6;
		border-left:2px solid #1f5ab6;
		border-top:2px solid #1f5ab6;
}
.kyoitem2 li img{
		width:99%;
		border-radius:20px 20px 0 0;
		border-right:2px solid #1f5ab6;
		border-left:2px solid #1f5ab6;
		border-top:2px solid #1f5ab6;
}
.guide{
		padding:10px 15px;
		display:block;
		border-right:0px dotted #1f5ab6;
		border-left:0px dotted #1f5ab6;
		border-bottom:0px dotted #1f5ab6;
		border-radius:0 0 10px 10px;
}



.kyoitem li a,.kyoitem2 li a{
		text-decoration: none;
		color:#212121;;
}



/*資料を探す*/
.shir{
		list-style:none;
		display: flex;
		justify-content:flex-start;
		box-sizing: border-box;
		margin:20px auto 60px auto;
		padding:0;
}
.shir li{
	width:100%;
}

@media screen and (max-width:960px){
	.shir{
		display: block;
	}
	.shir li img{
		width:100%;
	}
}
.shir li{
		list-style:none;
		margin:20px 5px 20px 5px;
		padding:10px;
		border:none;
		text-align:left;
		border-radius:0;
		box-shadow:none;
	border:2px solid #ddd;
	position: relative;
/*
	box-shadow:3px 3px 2px #efefef;*/
}
/*
.shir li::after{
	position: absolute;
	bottom:5px;
	right:5px;
	content:"";
	color:#464ED3;
}
*/
.shir li a{
		color:#000;
}
.shir li img{
		width:100%;
}
.shir2{
	list-style:none;
	display: flex;
	justify-content:flex-start;
	box-sizing: border-box;
	padding:0;
}
@media screen and (max-width:960px){
	.shir2{
		display: block;
	}
}
.shir2 li{
	display: block;
  width:100%;
  box-sizing: border-box;
  position:relative;
	margin:0px 0 5px 0;
}

.shir2 li::after{
  position:absolute;
  top:15px;
  right:10px;
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 3px #ccc;
  border-right: solid 3px #ccc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right:10px;
  margin-top: -4px;
}

.shir2 li a{
  text-decoration:none;
  color:#666;
  background:#f4f4f4;
  border:1px solid #ccc;
  text-align:left;
  margin:2px;
  display:block;
  padding:10px 0  10px 10px;
  border-radius:5px;
}
.shir2 li a:hover{
	background:#9FF7FE;
	color:#000;
}

.ahi{
	margin-bottom:30px;
}
.yeartit{
	position: relative;
	padding:10px 20px;
	background: #e0edff;
	display: inline-block;
	margin-bottom:20px;
	border-radius:5px;
}
.yeartit::after{
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
	width: 0;
	height: 0;
}
.yeartit2{
	background:#0D9146;
	color:#fff;
	width:80px;
	text-align:center;
}

.booktit{
	font-size:120%;
	padding:5px 0 5px 50px;
	position: relative;
	margin-bottom:5px;
}
.booktit::before{
	position: absolute;
	top:0;
	left:0;
	content:url("../img/fileai.png");
}
.shbox{
		list-style:none;
		display: flex;
		justify-content:space-around;
		box-sizing: border-box;
		margin:10px auto 60px auto;
		padding:0;
}
.shbox li{
		list-style:none;
		margin:20px 10px;
		padding:20px 20px;
		width:100%;
		border:0px solid #ccc;
		border-radius:10px;
		box-shadow:0px 0px 8px rgba(0,0,0,.2);
}
.shbox li a{
	color:#212121;;
}


.guide2{
		text-align:left;
		line-height:1.6;
	margin-top:5px;
}
.pdfai{
	padding:3px;
	background:#fc0000;
	color:#fff;
	width:80px;
	border-radius:5px;
	font-size:80%;
	margin:0 5px;
}
.pdftxt{
	font-size:75%;	
}

/*とうきょうの情報教育*/
.joho{
		list-style:none;
		justify-content: space-between;
		display: flex;
		box-sizing: border-box;
		margin:0;
		padding:0;
		align-items: center;
}
.joho li{
		margin:0;
		padding:0;
}
.joho li:nth-child(2) {
		margin-left:20px;
		width:70%;
}
.joho li:nth-child(1) {
		width:30%;
}
.kyoitem li{
	list-style: none;
	margin:5px 3px 5px 3px;
	padding:0;
}
.kyoitem2 li{
	list-style: none;
	margin:5px 3px 5px 3px;
	padding:0;
}
.kyoitem li img,.kyoitem2 li img{
	width:100%;
}
.itemname{
	text-align:center;
	padding:10px 0 10px 0;
	color:#fff;
	background:#1f5ab6;
	margin:0px 0 0 0;
	line-height: 1.2;
	vertical-align: middle;
}


/* IEだけに適応 */
_:lang(x)::-ms-backdrop,
.selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}

p {
	text-align: justify;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}

input,
select {
	-webkit-appearance: none;
	appearance: none;
}

input,
select {
	font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
}

input:focus {
	outline: 0;
}

button:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
}

a {
	display: inline-block;
	text-decoration: none;
	transition: 0.3s;
}

a:focus,
*:focus {
	outline: none;
}

a:hover {
	opacity: 0.8;

}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 200%;
	font-weight: 600;
}

fieldset {
	border: none;
	padding: 0;
	margin: 20px 0 0;
}

legend {
	display: inline-block;
	padding: 0;
}

.slider3 {
	margin-bottom: 30px;
}


.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	display: none !important;
	cursor: auto;
	pointer-events: none;
}


img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	display: block;
}

figure {
	width: 50%;
}

figure img {
	width: 100%;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	background: transparent;
	position: relative;
	z-index: 1;
	padding: 3px 40px 3px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

.selectWrap {
	position: relative;
	display: inline-block;
	width: 100%;
}

.selectWrap::before {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	background: #D2E2F4;
	height: 100%;
	width: 30px;
	border-radius: 0 3px 3px 0;
}

.selectWrap::after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
}


.swiper-slide img {
	width: 100% !important;
}

.bottom20 {
	margin-bottom: 20px !important;
}

.detail p a {
	text-decoration: underline;
	color: #1565C0;
}

.detail .jirei_no p {
	text-align: right;
}

ul.list_katakana {
	margin-left: 3.5rem;
}

ul.list_katakana li {
	list-style-type: none;
	counter-increment: cnt;
}

ul.list_katakana li::before {
	content: "(" counter(cnt, katakana) ")";
	display: inline-block;
	margin-left: -3em;
	width: 3em;
}



/*================PC 960px~~~================ */
@media screen and (min-width: 960px) {

	#wrapper .container {
		width: 90%;
		max-width: 1140px;
		min-width: 960px;
		margin: 0 auto;
	}

	#wrapper header {
		padding: 12px 0;
		/*
		background-image: url(../img/border.png), url(../img/header.png);
		background-position: bottom, top;
		background-repeat: repeat-x, no-repeat;
		*/
	}

	#wrapper header ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#wrapper header .container .head_l {
		width: 30%;
	}
	#wrapper header .container .head_m {
		width: 35%;
	}
	#wrapper header .container .head_r {
		width: 35%;
	}

	#wrapper header ul .head_r {
		text-align: right;
	}

	#wrapper header ul .head_r a {
		color: #000;
		text-decoration: underline;
	}

	#wrapper header ul .head_l img {
		width: 160px;
		margin-top: 10px;
	}

	/*
	#wrapper  header ul .head_r img{
		width:150px;
	}:*/

	#wrapper header ul .head_r .font ul {
		list-style-type: none;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin: 0 0 0 0px;
		padding: 0 0 0 10px;
	}

	#wrapper header ul .head_r .font ul li {
		height: 30px;
		width: 30px;
		margin-left: 3px;
		font-weight: bold;
		background-color: #1565C0;
		cursor: pointer;
		text-align: center;
		display: table;
		border-radius: 3px;
		color: #fff;
	}

	#wrapper header ul .head_r .font ul li span {
		display: table-cell;
		vertical-align: middle;
	}

	#wrapper header ul .head_r .font {
		float: right;
	}

	#wrapper header ul .head_r .font::after {
		content: "";
		display: block;
		clear: both;
	}

	#wrapper header ul .head_r .search_container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding-top: 5px;
	}


	#wrapper header ul .head_r .search_container input[type="text"] {
		width: 200px;
		font-size: 0.8em;
		padding: 0px 5px;
		box-sizing: border-box;
		border: solid 1px #9E9E9E;
		border-radius: 5px;
		margin-right: 5px;
	}

	#wrapper header ul .head_r .search_container input[type="submit"] {
		border: solid 1px #9E9E9E;
		color: #000;
		background-color: #EEEEEE;
		font-size: 0.9em;
		cursor: pointer;
		padding: 0px 10px;
		border-radius: 5px;
	}

	#wrapper header ul .head_r .search_container input[type="submit"]:hover {
		opacity: 0.8;
	}

	.head_r.pc {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	margin-left: auto;
	}
	.head_r.pc > div:nth-of-type(-n+2) {
	width: auto;
	}
	.head_r.pc > div:nth-of-type(3) {
	text-align: right;
	}

	#wrapper nav {
		/*
		background-color: #1565C0;
		background-image: url(../img/nav.png);
		*/
		border-bottom:1px solid #155ab8;
	}

	#wrapper nav ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0px 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

	}

	#wrapper nav ul li {
		text-align: center;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:normal;
		border-left: 0px solid #ccc;
		line-height: 1em;
		font-size: 1.3em;
		letter-spacing: 0.01em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper nav ul li:first-child {
		border-right: 1px solid #ccc;
	}

	#wrapper nav ul .li_1 {
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
	}

	#wrapper nav ul .li_2 {
		-webkit-flex-grow: 2;
		-ms-flex-grow: 2;
		flex-grow: 2;
	}

	#wrapper nav ul .li_3 {
		-webkit-flex-grow: 3;
		-ms-flex-grow: 3;
		flex-grow: 3;
	}

	#wrapper nav ul li a {
		color:#323232;
		padding: 15px 5px;
		border-radius: 0px;
		text-align: center;
		width:100%;
	}

	#wrapper nav ul li a:hover {
		background-color:#1565C0;
		color:#fff;
		opacity: 1;
	}

	#wrapper .main .top_1 {
		padding: 20px 0 40px;
		/*
		background-image: url(../img/border.png);
		background-position: bottom;
		background-repeat: repeat-x;
		*/
	}



	#wrapper .main .top_1 article .top_1_l {
		width: 35%;
	}

	#wrapper .main .top_1 article .top_1_r {
		width: 65%;
	}


	#wrapper .main .top_1 article .intro {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 10px 0;
	}

	#wrapper .main .top_1 article .intro li {
		width: 20%;
	}

	#wrapper .main .top_1 article .intro li img {
		width: 100%;
	}

	#wrapper .main .top_1 article .intro .text {
		width: 80%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top_1_l .intro .img {
		width: 100%;
	}

	#wrapper .main .top_1 article .top_1_l .intro .img img {
		margin: 0 auto;
	}

	#wrapper .main .top_1 article .top1_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	#wrapper .main .top_1 article .top1_box .box_l {
		width: 50%;
		padding: 1px;
		border-radius: 5px;
		background-color: #ccc;
		height: 551px;
	}

	#wrapper .main .top_1 article .top1_box .box_r {
		width: 50%;
		padding: 0 0 0 10px;
		margin: 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r.box_order_1 {
		order: 1;
	}

	#wrapper .main .top_1 article .top1_box .box_r.box_order_2 {
		order: 2;
	}

	#wrapper .main .top_1 article .top1_box .box_r.box_order_3 {
		order: 3;
	}

	#wrapper .main .top_1 article .top1_box .box_r.box_order_4 {
		order: 4;
	}

	#wrapper .main .top_1 article .top1_box .box_r.box_order_5 {
		order: 5;
		display: flex;
        align-items: center;
        justify-content: center;
		font-size: 20px;
	}

	#wrapper .main .top_1 article .top1_box .box_r.box_order_6 {
		order: 6;
	}

	#wrapper .main .top_1 article .top1_box .box_r div {
		width: 100%;
		height: 100%;
		border: solid 1px #ccc;
		border-radius: 5px;
		padding: 0;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a {
		width: 100%;
		height: 100%;
		color: #212121;
		padding: 0 10px 0 0;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3 {
		font-size: 1.2em;
		margin: 5px 0 15px;
		background: #1565C0;
		padding: 2px 10px;
		color: #fff;
		border-radius: 5px;
		box-sizing: border-box;
		position: relative;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3 span {
		border-left: solid 3px #D2E2F4;
		padding-left: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3::after {
		content: "";
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top: 10px solid #1565C0;
		position: absolute;
		top: 100%;
		left: 10px;
	}

	#wrapper .main .top_1 article .top1_box .box_r div.left_box a h3::after {
		content: "";
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top: 10px solid #1565C0;
		position: absolute;
		top: 100%;
		left: 50%;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl {
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dt {
		width: 40%;
	}

	#wrapper .main .top_1 article .top1_box .box_r .left_box dl dt {
		width: 100%;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dt img {
		width: 100%;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1 article .top1_box .box_r .left_box dl dd img {
		width: 80%;
		height: auto;
		margin: 0 auto;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dd {
		width: 60%;
		padding: 0 0 0 10px;
		font-size: 85%;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r .left_box dl dd {
		width: 100%;
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 100%;
	}

	#wrapper .main .top_1 article .top1_box .box_r ul li {
		width: calc(100%/4);
		padding: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r ul.banner li {
		width: calc(100%/2);
		padding: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r ul li img {
		width: 100% !important;
	}


	#wrapper .main .top_1 article .news_list {
		width: 100%;
		margin: 40px 0 10px;
	}

	#wrapper .main .top_1 article .news_list h2 {
		vertical-align: middle;
	}

	#wrapper .main .top_1 article .news_list h2 span {
		color: #616161;
		padding-left: 10px;
		font-size: 0.6em;
		font-weight: bold;
		vertical-align: middle;
	}

	#wrapper .main .top_1 article .news_list dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		border-bottom: dotted 2px #ccc;
	}

	#wrapper .main .top_1 article .news_list dt {
		width: 10%;
		text-align: center;
	}

	#wrapper .main .top_1 article .news_list dt span {
		color: #fff;
		background-color: #158EC0;
		font-size: 0.8em;
		padding: 3px 20px;
		border-radius: 15px;
	}

	#wrapper .main .top_1 article .news_list dd {
		width: 90%;
	}

	#wrapper .main .top_1 article .news_list dd span {
		width: 120px;
		display: inline-block;
	}

	#wrapper .main .top_1 article .news_list dd a {
		color: #212121;
	}

	#wrapper .main .top_1 article .news_list dd a:hover {
		text-decoration: underline;
	}

	#wrapper .main .top_1 article .news_list .last_dl {
		border: 0;
	}

	#wrapper .main .top_1_2 {
		padding: 50px 0;
		/*
		background-image: url(../img/border.png), url(../img/bg.png);
		background-position: bottom, center;
		background-repeat: repeat-x, repeat;
*/
	}


	#wrapper .main .top_1_2 article h2 {
		text-align: center;
		line-height: 1.5em;
		padding: 0 0 20px;
		font-size: 1.6em;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article h2 span {
		display: block;
		color: #616161;
		font-size: 0.6em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}



	#wrapper .main .top_1_2 article .course_list ul {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 0;

	}

	#wrapper .main .top_1_2 article .course_list ul li {
		width: calc(98%/3);
		display: flex;
		flex-direction: column;
		border: solid 1px #ccc;
		border-radius: 15px;
		background-color: #fff;
	}



	#wrapper .main .top_1_2 article .course_list ul li .num_box {
		flex-grow: 1 !important;
	}

	#wrapper .main .top_1_2 article .course_list ul li h3 {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 0;
		border-radius: 15px 15px 0 0;
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list ul li img {
		width: 100%;
		margin-bottom: 10px;
	}

	#wrapper .main .top_1_2 article .course_list ul li div {
		position: relative;
		border: 0;
	}


	#wrapper .main .top_1_2 article .course_list ul li .cat_tag {
		display: inline-block;
		position: absolute;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
		left: 0;
		top: 8px;
		box-sizing: border-box;
		padding: 0 20px 0 10px;
		margin: 0;
		height: 30px;
		line-height: 30px;
		color: #fff;
		z-index: 100;
		border-radius: 0 5px 5px 0;
		border-left: 1px solid #158EC0;
		background-color: #158EC0;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
	}

	#wrapper .main .top_1_2 article .course_list ul li .cat_tag:before {
		position: absolute;
		content: '';
		top: 0;
		left: -7px;
		border: none;
		height: 38px;
		width: 7px;
		background-color: #158EC0;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1_2 article .course_list ul li .cat_tag:after {
		position: absolute;
		content: '';
		bottom: -7px;
		left: -5px;
		border: none;
		height: 7px;
		width: 5px;
		background: #4d99ca;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1_2 article .course_list ul li .keytitle {
		text-decoration: none;
		color: #15A2C0;
		margin: 1px 0px 0 5px;
		border: solid 1px #15A2C0;
		padding: 4px 10px 3px;
		line-height: 1;
		border-radius: 15px;
		display: inline-block;
	}

	#wrapper .main .top_1_2 article .course_list ul li p {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
	}


	#wrapper .main .top_1_2 article .course_list ul li p a {
		color: #212121;
		margin-right: 3px;

	}

	#wrapper .main .top_1_2 article .course_list ul li p a:hover {
		text-decoration: underline;

	}

	#wrapper .main .top_1_2 article .course_list ul li .category {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_1_2 article .course_list ul li .category span {
		width: calc(100%/2);
		padding: 3px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article .course_list ul li .category span a {
		padding: 0;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		text-align: center;
		margin: 0;
		width: 100%;
	}

	#wrapper .main .top_1_2 article .course_list ul li span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_1_2 article .course_list ul li .tag {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		margin: 0 auto;
		border-radius: 0px;
		border-bottom: dashed 1px #ccc;
	}

	#wrapper .main .top_1_2 article .course_list ul li .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
		margin: 0 5px 0 0;
	}

	#wrapper .main .top_1_2 article .course_list ul li .tag a:hover {
		color: #158EC0;
		background-color: #fff !important;
	}



	#wrapper .main .top_1_2 article .course_list ul li dl {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 10px 0 0px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.9em;

	}

	#wrapper .main .top_1_2 article .course_list ul li dl dt {
		width: 10%;
		padding-left: 5px;
		box-sizing: border-box;
	}


	#wrapper .main .top_1_2 article .course_list ul li dl dt span {
		display: inline-block;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		border-radius: 50%;
		color: #fff;
		background-color: #1565C0;

	}

	#wrapper .main .top_1_2 article .course_list ul li dl dd {
		width: 90%;
	}


	#wrapper .main .top_1_2 article .course_list ul li dl dd a {
		color: #1565C0;
	}

	#wrapper .main .top_1_2 article .course_list ul li .more {
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list ul li .more span {
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background: transparent url("../img/more.svg") no-repeat top center / contain;
	}

	#wrapper .main .top_1_2 article .course_list ul li .button {
		text-align: center;
		margin: 10px 0;
	}

	#wrapper .main .top_1_2 article .course_list ul li .button a {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 50px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_1_2 article .course_list .more_course {
		margin: 30px 0;
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a {
		background-color: #fff;
		color: #1565C0;
		padding: 10px 150px;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a span {
		display: inline-block;
		height: 2em;
		vertical-align: middle;
		width: 2em;
		background: transparent url("../img/arrow_r_b.svg") no-repeat top center / contain;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a:hover span {
		background: transparent url("../img/arrow_r_w.svg") no-repeat top center / contain;
		display: inline-block;
		height: 2em;
		vertical-align: middle;
		width: 2em;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a:hover {
		background-color: #1565C0;
		color: #fff;

	}

	#wrapper .main .top_2 {
		padding: 50px 0;
		/*
		background-image: url(../img/border.png), url(../img/bg.png);
		background-position: bottom, center;
		background-repeat: repeat-x, repeat;
		*/
	}


	#wrapper .toppage .top_2 {
		background-color: #C5D9EF;
		background-image: none;
		padding: 50px 0;
		border: none;

	}

	#wrapper .main .top_2 .top_search {
		background-color: #fff;
		padding: 30px 40px;
		box-sizing: border-box;
		border-radius: 15px;
	}

	#wrapper .main .top_2 .top_search h2 {
		text-align: center;
		line-height: 1.5em;
		background-image: url("../img/border_tri.png");
		background-position: bottom;
		background-repeat: repeat-x;
		padding: 0 0 30px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search h2 span {
		display: block;
		color: #616161;
		font-size: 0.6em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_2 .top_search .tag_list {
		margin: 40px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 .top_search .tag_list span {
		font-size: 0.8em;
		margin: 4px 8px;
		vertical-align: middle;
	}

	#wrapper .main .top_2 .top_search .tag_list span object {
		padding-right: 3px;
		width: 12px;
		display: inline-block;
		vertical-align: middle;
	}

	#wrapper .main .top_2 .top_search .tag_list span a {
		padding: 2px 12px;
		font-weight: 600;
		background-color: #EBEDEF;
		border: solid 2px #1565C0;
		border-radius: 20px;
		color: #212121;
	}

	#wrapper .main .top_2 .top_search .tag_list span a:hover {
		color: #fff;
		background-color: #1565C0;
	}

	#wrapper .main .top_2 .top_search .tag_list span a:hover object {
		fill: #fff !important;
		stroke: #fff !important;
	}


	/*---------------------------------
		アコーディオンボックス
	--------------------------------*/
	#wrapper .main .top_2 .top_search .acbox {
		width: auto;
		margin: 0 10px;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search {
		width: 150px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin: 0 auto;
		font-weight: bold;
		text-align: center;
		background: #E0E0E0;
		position: relative;
		display: block;
		padding: 3px 15px;
		border-radius: 15px;
		cursor: pointer;
		transition: 0.3s;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search:hover {
		opacity: 0.8;
	}


	#wrapper .main .top_2 .top_search .acbox .more_input {
		display: none;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search:after {
		content: "+";
		/* ラベルのアイコン */
		position: absolute;
		top: 52%;
		left: 5px;
		margin-top: -14px;
		background-color: #fff;
		width: 27px;
		border-radius: 15px;
	}

	#wrapper .main .top_2 .top_search .acbox .more_input:checked~.more_search::after {
		content: "-";
		/* ラベルをクリックした後のアイコン */
	}

	#wrapper .main .top_2 .top_search .acbox .acbox-under {
		border-top: dotted 1px #ccc;
		height: 0px;
		overflow: hidden;
		margin-top: 30px;
		opacity: 0;
		transition: 0.8s;
		/* 開閉スピードの設定 */
	}

	#wrapper .main .top_2 .top_search .acbox .more_input:checked~div {
		height: auto;
		border-radius: 0px;
		opacity: 1;
	}

	#wrapper .main .top_2 .top_search h3 {
		text-align: left;
		line-height: 1.5em;
		padding: 20px 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search .acbox-under h3 {
		text-align: center;
	}

	#wrapper .main .top_2 .top_search h4 {
		font-size: 1.1em;

	}

	#wrapper .main .top_2 .top_search h4::before {
		display: inline-block;
		content: url("../img/h3.png");
		padding-right: 10px;
	}



	#wrapper .main .top_2 .top_search .acbox-under .cat_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search li {
		width: calc(100%/4);
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search span {
		display: block;
		font-weight: 600;
		font-size: 1em;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search span i {
		padding-right: 5px;
		color: #008B8B;
	}

	#wrapper .main .top_2 .top_search .acbox-under select {
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border: solid 1px #9E9E9E;
	}

	#wrapper .main .top_2 .top_search .tag_search {
		list-style-type: none;
		margin: 10px 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 .top_search .tag_search li {
		width: calc(100%/4);
		margin-bottom: 10px;
	}

	/* 元々のチェックボックス（非表示） */
	.mycheckbox input[type="checkbox"] {
		display: none;
	}

	/* チェックボックスの代わりを成すラベル */
	.mycheckbox input[type="checkbox"]+label {
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding-left: 25px;
		padding-right: 10px;

	}

	/* ラベルの左に表示させる正方形のボックス□ */
	.mycheckbox input[type="checkbox"]+label::before {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		left: 0;
		top: 50%;
		background-color: #fff;
		border: 1px solid #9E9E9E;
		border-radius: 3px;
	}

	/* チェックが入った時のレ点 */
	.mycheckbox input[type="checkbox"]:checked+label::after {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 18px;
		height: 9px;
		margin-top: -9px;
		top: 50%;
		left: 3px;
		transform: rotate(-45deg);
		border-bottom: 3px solid;
		border-left: 3px solid;
		border-color: #1565C0;
		/* チェックの色*/
	}

	#wrapper .main .top_2 .top_search .free_text {
		border-radius: 5px;
		width: 100%;
		padding: 3px;
		box-sizing: border-box;
		border: 1px solid #9E9E9E;
		margin: 10px 0;
	}

	#wrapper .main .top_2 .top_search .resule_no p {
		text-align: center;
		margin: 20px 0;
	}

	#wrapper .main .top_2 .top_search .search_button {
		text-align: center;
		margin: 20px 0;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button],
	#wrapper .main .top_2 .top_search .search_button input[type=reset] {
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #fff;
		background-color: #1565C0;
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		border: solid 2px #1565C0;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button]:hover {
		opacity: 1;
		background-color: #fff;
		color: #1565C0;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_2 .top_search .search_button .clear_button,
	#wrapper .main .top_2 .top_search .search_button input[type=reset] {
		color: #000 !important;
		background: #E0E0E0 !important;
		border: solid 2px #E0E0E0 !important;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button]:hover {
		opacity: 0.8;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=reset]:hover {
		opacity: 0.8;
	}


	#wrapper .main .page1 {
		padding: 10px 0 50px;
		min-height: 100vh;
	}

	#wrapper .main .top_2 .breadcrumbs {
		width: 90%;
		max-width: 1140px;
		min-width: 960px;
		margin: 0 auto;
		padding: 10px 0 15px;
	}

	#wrapper .main .top_2 .breadcrumbs li {
		display: inline-block;
		float: left
	}

	#wrapper .main .top_2 .breadcrumbs li::after {
		display: inline-block;
		content: ">";
		padding: 0 10px;
		color: #ccc;
	}

	#wrapper .main .top_2 .breadcrumbs li:last-child::after {
		display: none;
	}

	#wrapper .main .top_2 .breadcrumbs li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 .breadcrumbs::after {
		content: "";
		display: block;
		clear: both;
	}

	#wrapper .main .top_2 article .width_box {
		width: 100%;

	}

	#wrapper .main .top_2 article .width_box .news_detail .news_date {
		text-align: right;
	}



	#wrapper .main .top_2 article .width_box .contents_box {
		border-radius: 5px;
		background-color: #fff;
		padding: 20px 20px 40px;
		box-sizing: border-box
	}




	#wrapper .main .top_2 article .width_box .project_list {
		list-style-type: none;
		display: block;
	}

	#wrapper .main .top_2 article .width_box .project_list li {
		width: 100%;
		background-color: #fff;
		padding: 10px;
		box-sizing: border-box;
		border-radius: 5px;
		margin: 10px 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		border: solid 1px #757575;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_l {
		width: 25%;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_l img {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r {
		width: 75%;
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r h3 {
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file {
		font-size: 1.5em;
		float: right;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file object {
		width: 20px;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file:after {
		content: "";
		display: block;
		clear: both;
	}


	#wrapper .main .top_2 article .width_box .project_list li .box_r .category {
		font-size: 0.8em;
		margin: 0px 0px 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 600;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a {
		padding: 0px 12px;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		margin-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category .course a {
		border: solid 1px #008080;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category .course a:hover {
		background-color: #008080;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span {
		color: #1565C0;
		text-decoration: underline;
		margin-right: 5px;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span a:hover {
		text-decoration: none;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r p {
		font-size: 0.9em;
		text-align: justify;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link {
		margin: 10px 0;
		border-top: dotted 1px #ccc;
		padding: 10px 0 0;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link a {
		background-color: #1565C0;
		color: #fff;
		border-radius: 20px;
		padding: 2px 20px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 500;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link a span {
		height: 1em;
		width: 1em;
		background: transparent url("../img/arrow_r_w.svg") no-repeat top center / contain;
		display: inline-block;
		vertical-align: middle;
	}


/*
	#wrapper .main .top_2 article .width_box .detail h2 {
		padding:0px 0 5px 45px;
		
		background-image: url("../img/nav.png");
		
		font-size: 1.8em;
		position:relative;
	}
	#wrapper .main .top_2 article .width_box .detail h2::before {
		position:absolute;
		top:8px;
		left:0;
		content:url("../img/h1ai.png");
	}
	*/
	#wrapper .main .top_2 article .width_box .detail h3 {
		font-size: 1.2em;
		margin: 20px 0 15px;
	}


	#wrapper .main .top_2 article .width_box .detail .img_ss {
		width: 100% !important;
		text-align: center;
		margin: 10px 0;
	}




	#wrapper .main .top_2 article .width_box .detail .pdf_file {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li {
		margin: 10px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li a {
		background-color: #fdeff2;
		color: #000;
		padding: 5px 10px;
		border: solid 1px #f5b1aa;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li a i {
		padding-right: 3px;
		color: red;
	}

	#wrapper .main .top_2 article .width_box .detail .back_button {
		margin: 30px 0;
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .back_button a {
		color: #fff;
		background-color: #616161;
		padding: 8px;
		width: 250px;
		border-radius: 25px;
	}

	#wrapper .main .top_2 article .width_box .detail .close_button {
		float: right;
		background-color: #1565C0;
		color: #fff;
		font-size: 0.8em;
		padding: 2px 15px;
		border-radius: 15px;
	}

	#wrapper .main .top_2 article .width_box .detail .close_button::after {
		content: "";
		display: block;
		clear: both;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list {
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}


	#wrapper .main .top_2 article .width_box .detail .model_list li {
		width: 24%;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li div {
		padding: 5px 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li img {
		width: 100%;
		border: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li h4 {
		text-align: center;
		font-size: 1em;
		line-height: 120% !important;
	}


	#wrapper .main .top_2 article .width_box .detail .model_list li p {
		text-align: center;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li .arrow {
		text-align: center;
		margin: 0;
		padding: 0;
		background-color: #fff !important;
		font-size: 2em;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model1 {
		background-color: #FFFDED;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model1 h4 {
		border: solid 2px #FBC02D;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model1 .arrow span {
		vertical-align: middle;
		content: "";
		display: inline-block;
		height: 1em;
		width: 1em;
		background-image: url("../img/arrow_d_y.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}


	#wrapper .main .top_2 article .width_box .detail .model_list .model2 {
		background-color: #FFF6E8;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model2 h4 {
		border: solid 2px #F57C00;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model2 .arrow span {
		vertical-align: middle;
		content: "";
		display: inline-block;
		height: 1em;
		width: 1em;
		background-image: url("../img/arrow_d_o.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model3 {
		background-color: #EEF7EF;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model3 h4 {
		border: solid 2px #388E3C;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model3 .arrow span {
		vertical-align: middle;
		content: "";
		display: inline-block;
		height: 1em;
		width: 1em;
		background-image: url("../img/arrow_d_g.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model4 {
		background-color: #E9F7FE;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model4 h4 {
		border: solid 2px #0288D1;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model4 .arrow span {
		vertical-align: middle;
		content: "";
		display: inline-block;
		height: 1em;
		width: 1em;
		background-image: url("../img/arrow_d_b.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel p {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel .arrow span {
		vertical-align: middle;
		content: "";
		display: inline-block;
		height: 3em;
		width: 3em;
		background-image: url("../img/arrow_d.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel div {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel div img {
		width: 400px;
		border: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 600px;
		margin: 0 auto;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul li {
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul li a {
		border: solid 1px #1565C0;
		color: #1565C0;
		width: 100%;
		padding: 3px 5px;
		box-sizing: border-box;
		font-weight: bold;
		border-radius: 3px;
		text-align: center;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul li a:hover {
		color: #fff;
		background-color: #1565C0;
	}


	#wrapper .main .top_2 article .width_box .detail .cat_link {
		padding: 0;
		margin: 0px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li {
		width: calc(100%/4);
		padding: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a {
		border: solid 1px #1565C0;
		color: #1565C0;
		width: 100%;
		padding: 3px 5px;
		box-sizing: border-box;
		font-weight: bold;
		border-radius: 3px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a:hover {
		color: #fff;
		background-color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a i {
		float: right;
		font-size: 1.2em;
		padding-top: 3px;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a i::after {
		display: block;
		content: "";
		clear: both;
	}

	/*---------------------------------
		アコーディオンボックス
	--------------------------------*/
	#wrapper .main .top_2 article .width_box .detail .acbox {
		width: auto;
		margin: 5px 0 0px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search {
		text-align: center;
		position: relative;
		display: block;
		font-weight: 600;
		width: 150px;
		padding: 20px 0 0;
		margin: 0 auto;
		cursor: pointer;
		color: #000;
		border-bottom: solid 2px #000;
		transition: all 0.5s;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search:hover {
		border-bottom: solid 2px #1565C0;
	}


	#wrapper .main .top_2 article .width_box .detail .acbox .more_input {
		display: none;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search:after {
		content: "+";
		/* ラベルのアイコン */
		position: absolute;
		top: 75%;
		left: 5px;
		margin-top: -14px;
		width: 27px;
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_input:checked~.more_search::after {
		content: "-";
		/* ラベルをクリックした後のアイコン */
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .acbox-under {
		box-sizing: border-box;
		height: 0px;
		overflow: hidden;
		margin: 10px 0 20px;
		padding: 0px;
		opacity: 0;
		border-bottom: dashed 1px #ccc;
		transition: 0.8s;
		/* 開閉スピードの設定 */
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_input:checked~div {
		height: auto;
		border-radius: 0px;
		opacity: 1;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox h3 {
		text-align: left;
		line-height: 1.5em;
		padding: 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox h4 {
		font-size: 1.1em;

	}

	#wrapper .main .top_2 article .width_box .detail .acbox h4::before {
		display: inline-block;
		content: url("../img/h3.png");
		padding-right: 8px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under h3 {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search li {
		width: calc(100%/4);
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search span {
		display: block;
		font-weight: 600;
		font-size: 1em;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search span i {
		padding-right: 5px;
		color: #008B8B;
	}


	#wrapper .main .top_2 article .width_box .detail .acbox-under .course_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .course_search li {
		width: 100%;
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under select {
		width: 100% !important;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .free_text {
		width: 100%;
		border: solid 1px #ccc;
		padding: 2px;
		box-sizing: border-box;
		border-radius: 3px;
	}


	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button {
		text-align: center;
		margin-top: 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=button] {
		background-color: #1565C0;
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		border: solid 2px #1565C0;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=reset] {
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
		color: #000 !important;
		background-color: #ccc !important;
		border: solid 1px #ccc !important;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=button]:hover {
		background-color: #fff;
		opacity: 0.8;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=reset]:hover {
		opacity: 0.8;
	}


	#wrapper .main .top_2 article .width_box .detail .tag_search {
		list-style-type: none;
		margin: 10px 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .tag_search li {
		width: calc(100%/4);
		margin-bottom: 10px;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink {
		list-style-type: none;
		margin: 5px 1em;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink span {
		content: "";
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background-image: url("../img/arrow_r_b.svg");
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink a {
		color: black;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink a::after {
		content: "";
		background-image: url("../img/link.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}


	#wrapper .main .top_2 article .width_box .detail .doc_link {
		padding: 0;
		margin: 0px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		box-pack: justify;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li {
		width: calc(99%/3);
		max-width: calc(99%/3) !important;
		padding: 5px;
		box-sizing: border-box !important;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link::after {
		content: "";
		display: block;
		width: 33%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link.full li {
		width: 99%;
		max-width: 99% !important;
		padding: 5px;
		box-sizing: border-box !important;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link.full.digital {
		width: 80%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link.full::after {
		content: "";
		display: block;
		width: 99%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a {
		border: solid 1px #ccc;
		border-radius: 3px;
		padding: 3px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a img {
		width: 40%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a div.image {
		width: 40%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a div.image img {
		width: 100%;
		height: auto;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a span {
		width: 60%;
		padding: 3px;
		font-size: 0.9em;
		color: #0d0015;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a span object {
		width: 16px;
		vertical-align: middle;
		box-sizing: border-box;
		padding-right: 4px;
	}

	/*20210209*/
	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div {
		border: solid 1px #ccc;
		border-radius: 3px;
		padding: 3px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div a {
		display: inline;
		border: none;
		text-decoration: underline;
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div img {
		width: 40%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div span {
		width: 60%;
		padding: 3px;
		font-size: 0.9em;
		color: #0d0015;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div span object {
		width: 16px;
		vertical-align: middle;
		box-sizing: border-box;
		padding-right: 4px;
	}

	/*20210209終わり*/


	#wrapper .main .top_2 article .width_box .detail .file_link {
		list-style-type: none;
		margin: 1em;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li {
		padding: 3px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li i {
		padding-right: 5px;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a {
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a i {
		padding-right: 3px;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a:hover {
		text-decoration: underline;
	}


	#wrapper .main .top_2 article .width_box .detail .favorite {
		float: right;
		margin: 2px 0 0;
	}


	#wrapper .main .top_2 article .width_box .detail .favorite input {
		font-size: 0.9em;
		padding: 1px 10px;
		border-radius: 15px;
		background-color: #616161;
		color: #fff;
		border: none;
		cursor: pointer;
		letter-spacing: 0.01;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class {
		margin: 2px 0 0;
	}


	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a {
		padding: 0px 12px;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		margin-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a:hover {
		background-color: #1565C0;
		color: #fff;
	}



	#wrapper .main .top_2 article .width_box .detail .cat_class span {
		margin-right: 3px;
		letter-spacing: 0.01;
		margin: 0px 0px 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 600;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class span a {
		transition: all 0.5s;
		padding: 1px 20px;
		border-radius: 15px;
		border: solid 1px #1565C0;
		background-color: #EBEDEF;
		color: #212121;
		margin-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class .course a {
		border: solid 1px #008080;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class .course a:hover {
		background-color: #008080;
	}

	#wrapper .main .top_2 article .width_box .detail .text {
		margin: 15px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
	}

	#wrapper .main .top_2 article .width_box .detail .tag a:hover {
		color: #158EC0;
	}

	#wrapper .main .top_2 article .width_box .detail .tag span {
		margin-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube::before {
		display: none;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube1::before {
		content: "";
		background-image: url("../img/pdf.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube2::before {
		content: "";
		background-image: url("../img/youtube.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl {
		text-align: center;
		margin: 10px 0;
	}


	#wrapper .main .top_2 article .width_box .detail .img_dl img {
		width: 400px !important;
		border: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 {
		text-align: center;
		margin: 10px 0;
	}


	#wrapper .main .top_2 article .width_box .detail .img_dl2 img {
		width: 100% !important;
		margin: 0 auto;
		position: relative;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_r,
	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_l {
		display: inline-block;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 div i {
		font-size: 3em;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_r {
		position: absolute;
		top: 100%;
		left: 8%;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_l {
		position: absolute;
		top: 100%;
		right: 8%;
	}

	#wrapper .main .top_2 article .width_box .detail .center_p {
		text-align: center;
		margin: 20px 0 0px;
	}


	#wrapper .main .top_2 article .width_box .detail .pdf_dl {
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li {
		width: 50%;

	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li a i {
		margin-right: 5px;
	}



	#wrapper .main .top_2 article .width_box .detail .pdf_dl a {
		padding: 5px 20px;
		border: solid #1565C0 1px;
		font-weight: bold;
		color: #1565C0;
		margin: 5px;
		border-radius: 5px;
	}




	#wrapper .main .top_2 article .width_box .detail .video_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}


	#wrapper .main .top_2 article .width_box .detail .video_list li {
		width: 49%;
		margin-bottom: 10px;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 li {
		width: 49%;
		margin-bottom: 10px;
	}


	#wrapper .main .top_2 article .width_box .detail .video_list li iframe {
		width: 100%;
		height: 350px;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 li iframe {
		width: 100%;
		height: 350px;
	}
/*
	#wrapper .main .top_2 article .width_box .detail .relation_jirei h2 {
		padding:0px 0 5px 45px;
		background-color: #1565C0;
		background-image: url("../img/nav2.png");
		margin: 5px 0 10px;
		font-size: 1.2em;
		position:relative;
	}
	#wrapper .main .top_2 article .width_box .detail .relation_jirei h2::before{
		position:absolute;
		top:8px;
		left:0;
		content:url("../img/h1ai.png");		
	}
	*/
	#wrapper .main .top_2 article .width_box .detail .relation_jirei h3 {

	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li {
		width: 49.5%;
		border: solid 1px #ccc;
		border-radius: 5px;
		margin-bottom: 8px;
		transition: all 0.5s;

	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li:hover {
		border: solid 1px #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		color: #000;
		transition: all 0.5s;
		opacity: 1;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li a:hover {
		color: #1565C0;
	}


	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li .box_l {
		width: 30%;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li .box_l img {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li .box_r {
		width: 70%;
		font-size: 0.9em;
		line-height: 1.2em;
		padding: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei ul li .box_r span {
		margin-right: 5px;
		font-size: 0.9em;
		color: #1565C0;
	}


	/*Vchat*/

	#wrapper .main .top_2 article .width_box .vchat .vchat_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

	}

	#wrapper .main .top_2 article .width_box .vchat .vchat_box .box_l {
		width: 55%;
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .vchat .vchat_box .box_r {
		width: 45%;
	}

	#wrapper .main .top_2 article .width_box .vchat h3 {
		padding: 0;
		vertical-align: middle;
	}


	#wrapper .main .top_2 article .width_box .vchat h3::before {
		display: inline-block;
		content: url("../img/h2.png");
		width: 15px;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .vchat ul {
		padding: 0;
		margin: 0 0 0 20px;
		list-style-type: circle;
	}

	#wrapper .main .top_2 article .width_box .vchat object {
		width: 16px;
		margin-left: 4px;
	}



	#wrapper .main .top_2 article .width_box .vchat .qr_link {
		width: 100%;
		margin: 50px 0 0;
		border: solid 3px #038C33;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dt {
		width: 80%;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dd {
		width: 20%;
		text-align: right;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dd img {
		width: 70%;
	}

	/*端末紹介*/

	#wrapper .main .ss_terminal {
		margin-top: 30px;
	}

	#wrapper .main .ss_terminal h3 {
		text-align: center;

	}

	#wrapper .main .ss_terminal .list_no {
		list-style-type: decimal;
		margin: 0 2em;
	}

	#wrapper .main .ss_terminal .list_no li {
		margin-bottom: 10px;
	}

	#wrapper .main .ss_terminal .list_no li ul {
		margin: 0 2em;
		padding: 0;
	}

	#wrapper .main .ss_terminal .list_no li ul li {
		margin: 0;
		padding: 0 0 10px;
	}

	#wrapper .main .ss_terminal .list_no li .material-symbols-outlined {
		vertical-align: middle;
		color: #1565C0;
	}


	#wrapper .main .ss_terminal .list_kana {
		list-style-type: katakana;

	}

	#wrapper .main .ss_terminal .bold {
		display: block;
		text-decoration: underline;
		font-weight: 600;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .ss_terminal .bold2 {
		font-weight: 600;
	}



	#wrapper .main .ss_terminal .list_no a {
		color: black;
	}

	#wrapper .main .ss_terminal .list_no a {
		color: black;
	}

	#wrapper .main .ss_terminal .list_no a:hover {
		text-decoration: underline;
	}

	#wrapper .main .ss_terminal .list_no a::after {
		content: "";
		background-image: url("../img/link.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .ss_terminal .contact {
		margin: 40px 0 0 0;
		text-align: center;
	}

	#wrapper .main .ss_terminal .contact p {
		text-align: center;
	}

	#wrapper .main .ss_terminal .contact .address_box {
		padding: 10px 30px;
		margin: 10px 0;
		text-align: left;
		box-sizing: border-box;
		display: inline-block;
		background-color: #F3F9FC;
	}


	/*コース一覧*/


	#wrapper .main .top_2 article .width_box .course_list ul {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 0;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li {
		width: calc(98%/3);
		display: flex;
		flex-direction: column;
		border: solid 1px #ccc;
		border-radius: 15px;
		background-color: #fff;
		padding: 0 !important;
		margin-bottom: 20px !important;
	}



	#wrapper .main .top_2 article .width_box .course_list ul li .num_box {
		flex-grow: 1 !important;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li h3 {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 0;
		border-radius: 15px 15px 0 0;
		text-align: center;
		margin: 0 !important;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li img {
		width: 100%;
		margin-bottom: 10px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li div {
		position: relative;
		border: 0;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag {
		display: inline-block;
		position: absolute;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
		left: 0;
		top: 8px;
		box-sizing: border-box;
		padding: 0 20px 0 10px;
		margin: 0;
		height: 30px;
		line-height: 30px;
		color: #fff;
		z-index: 100;
		border-radius: 0 5px 5px 0;
		border-left: 1px solid #158EC0;
		background-color: #158EC0;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag:before {
		position: absolute;
		content: '';
		top: 0;
		left: -7px;
		border: none;
		height: 38px;
		width: 7px;
		background-color: #158EC0;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag:after {
		position: absolute;
		content: '';
		bottom: -7px;
		left: -5px;
		border: none;
		height: 7px;
		width: 5px;
		background: #4d99ca;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .keytitle {
		text-decoration: none;
		color: #15A2C0;
		margin: 1px 0px 0 5px;
		border: solid 1px #15A2C0;
		padding: 4px 10px 3px;
		line-height: 1;
		border-radius: 15px;
		display: inline-block;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li p {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li p a {
		color: #212121;
		margin-right: 3px;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li p a:hover {
		text-decoration: underline;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category span {
		width: calc(100%/2);
		padding: 3px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category span a {
		padding: 0;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		text-align: center;
		margin: 0;
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		margin: 0 auto;
		border-radius: 0px;
		border-bottom: dashed 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
		margin: 0 5px 0 0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag a:hover {
		color: #158EC0;
		background-color: #fff !important;
	}



	#wrapper .main .top_2 article .width_box .course_list ul li dl {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 10px 0 0px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.9em;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dt {
		width: 10%;
		padding-left: 5px;
		box-sizing: border-box;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li dl dt span {
		display: inline-block;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		border-radius: 50%;
		color: #fff;
		background-color: #1565C0;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dd {
		width: 90%;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li dl dd a {
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .more {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .more span {
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background: transparent url("../img/more.svg") no-repeat top center / contain;
	}



	#wrapper .main .top_2 article .width_box .course_list ul li .button {
		text-align: center;
		margin: 10px 0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .button a {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 50px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
	}




	#wrapper .main .top_2 article .width_box .mail_form {
		width: 600px;
		margin: 0 auto;
		font-size: 1em;
		border: solid #1565C0 1px;
		padding: 0px;
		box-sizing: border-box;
		border-radius: 5px;

	}

	#wrapper .main .top_2 article .width_box .mail_form h5 {
		background-color: #1565C0;
		color: #fff;
		padding: 5px 10px;
		font-size: 1em;
		margin: 0;
	}

	#wrapper .main .top_2 article .width_box .mail_form h5 i {
		padding-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .mail_form div {
		padding: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .mail_form p {
		font-weight: bold;
		font-size: 0.8em;
		margin: 2px 2px 0;
	}

	#wrapper .main .top_2 article .width_box .mail_form input {
		padding: 5px;
		border-radius: 3px;
		border: solid 1px #ccc;
		height: 30px;
		margin: 0px 2px;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .mail_form .input_l {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .mail_form textarea {
		padding: 5px;
		border-radius: 3px;
		height: 150px;
		border: solid 1px #ccc;
		width: 100%;
		box-sizing: border-box;
		font-size: 0.8em;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button .input_blue {
		background-color: #1565C0;
		border: solid 1px #1565C0;
		color: #fff;
		font-weight: bold;
	}


	#wrapper .main .top_2 article .width_box .mail_form .form_button input {
		cursor: pointer;
		line-height: 1em;
		height: 40px;
		width: 150px;
		margin: 5px;
		border-radius: 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button input:hover {
		opacity: 0.8;
	}



	#wrapper .main .top_2 article .width_box .sitemap {
		list-style-type: circle;
		margin-left: 2em;
	}

	#wrapper .main .top_2 article .width_box .sitemap li {
		margin-bottom: 5px;
	}

	#wrapper .main .top_2 article .width_box .sitemap li a {
		color: #000;
		text-decoration: underline;
	}


	#wrapper footer {
		background:#031E64;
		/*
		background-image: url(../img/f_bg.png);
		*/
	}

	#wrapper footer .back_top {
		position: relative;
	}

	#wrapper footer .back_top a {
		display: inline;
		position: absolute;
		top: -30px;
		right: 30px;
	}

	#wrapper footer .back_top a:hover {
		opacity: 1;
	}

	#wrapper footer article {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding: 40px 0;
		color: #fff;
	}

	#wrapper footer article .footer_l {
		width: 30%;
		border-right: dotted 3px #fff;
	}

	#wrapper footer article .footer_l h3 {
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 10px;
	}

	#wrapper footer article .footer_l p {
		font-size: 0.9em;
	}

	#wrapper footer article .footer_l p a {
		color: #fff;
	}


	#wrapper footer article .footer_r {
		width: 75%;
		height: 200px;
		margin: 0;
		position: relative;
	}

	#wrapper footer article .footer_r ul {
		list-style-type: none;
		margin: 0;
		padding: 0 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	#wrapper footer article .footer_r ul li {
		padding-right: 10px;
	}


	#wrapper footer article .footer_r ul li a {
		text-decoration: underline;
		color: #fff;
		font-size: 0.9em;
	}

	#wrapper footer article .footer_r .copyright {
		font-size: 0.9em;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.pc {
		display: block;
	}

	.sp {
		display: none;
	}

}


/*================PC2 600px 〜 959px================ */
@media screen and (min-width:600px) and (max-width:960px) {

	body {
		font-size: 88%;
	}

	#wrapper .container {
		width: 97%;
		margin: 0 auto;
	}


	#wrapper .pc {
		display: none;
	}

	#wrapper .sp {
		display: block;
	}

	.sp2 {
		display: none !important;
	}

	#wrapper .container {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}


	#wrapper header {
		padding: 5px 0 0px;
		background-color: #fff;/*
		background-image: url(../img/border.png), url(../img/header_sp.png);
		*/
		background-position: bottom, top;
		background-repeat: repeat-x, no-repeat;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 200;
		border-bottom: solid 1px #8ec4da;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	}

	#wrapper header ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}


	#wrapper header ul .head_l,
	#wrapper header ul .head_m,
	#wrapper header ul .head_r {
		width: calc(100%/3);
		text-align: center;
	}


	#wrapper header ul .head_l img {
		width: 120px;
		margin: 10px 0;
	}

	#wrapper header ul .head_r a {
		color: #000;
		margin-top: 10px;
		text-decoration: underline;
		font-size: 0.9em;
	}

	.global-nav {
		position: fixed;
		right: -450px;
		top: 0;
		width: 450px;
		height: 100vh;
		padding-top: 40px;
		background-color: #247fc4;
		transition: all .4s;
		border-left: 1px solid #fff;
		z-index: 200;
		overflow-y: auto;
		/* メニューが多くなったらスクロールできるように */
	}

	.hamburger {
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 300;
		margin-top: 10px;
		margin-right: 10px;
		background-image: url(../img/nav.png);
		border-radius: 5px;
	}

	.global-nav__list {
		margin: 20px 0 0 !important;
		padding: 0px;
		list-style: none;
	}


	.global-nav__item {
		padding: 0px 14px;
		text-align: left;
		line-height: 1.4em;
		width: 100%;
		box-sizing: border-box;
		height: 60px;
		display: table;
		border-bottom: dotted 1px #fff;
	}

	.global-nav__item a {
		display: table-cell;
		vertical-align: middle;
		padding: 8px 0;
		text-decoration: none;
		color: #fff;
		position: relative;
	}

	.global-nav__item a::after {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-top: #fff 2px solid;
		border-right: #fff 2px solid;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
	}


	.global-nav__item a i::after {
		content: "";
		display: block;
		clear: both;
	}

	.hamburger__line {
		position: absolute;
		left: 10px;
		width: 22px;
		height: 2px;
		background-color: #fff;
		transition: all .5s;
	}

	.hamburger__line--1 {
		top: 12px;
	}

	.hamburger__line--2 {
		top: 20px;
	}

	.hamburger__line--3 {
		top: 28px;
	}

	.black-bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: #000;
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
		cursor: pointer;
	}

	/* 表示された時用のCSS */
	.nav-open .global-nav {
		right: 0;
	}

	.nav-open .black-bg {
		opacity: .8;
		visibility: visible;
	}

	.nav-open .hamburger__line--1 {
		transform: rotate(45deg);
		top: 20px;
	}

	.nav-open .hamburger__line--2 {
		width: 0;
		left: 50%;
	}

	.nav-open .hamburger__line--3 {
		transform: rotate(-45deg);
		top: 20px;
	}

	.nav-open .hamburger {
		background-color: #fff;
	}

	.global-nav .font {
		margin: 10px;
	}

	.global-nav .font ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.global-nav .font ul li {
		height: 30px;
		width: 30px !important;
		margin-left: 3px;
		background-color: #fff;
		cursor: pointer;
		text-align: center;
		display: table;
		border-radius: 3px;
		color: #247fc4;
	}

	.global-nav .font ul li span {
		display: table-cell;
		vertical-align: middle;
		font-weight: bold;
	}

	.global-nav .search_container {
		padding: 0 10px;
		box-sizing: border-box;
	}

	.global-nav .search_container input[type="text"] {
		width: 200px;
		font-size: 0.9em;
		padding: 5px 5px;
		box-sizing: border-box;
		border: solid 1px #9E9E9E;
		border-radius: 5px;
	}

	.global-nav .search_container input[type="submit"] {
		border: solid 1px #9E9E9E;
		color: #000;
		background-color: #EEEEEE;
		font-size: 0.9em;
		cursor: pointer;
		padding: 5px 10px;
		box-sizing: border-box;
		border-radius: 5px;
	}


	#wrapper .main .top_1 {
		padding: 20px 0 40px;
		/*
		background-image: url(../img/border.png);
		background-position: bottom;
		background-repeat: repeat-x;
		*/
	}
	h1{
		margin-top:2%;
		line-heigt:1.2;
		font-size:90%;
	}
	#wrapper .main {
		padding-top: 60px;

	}

	#wrapper .main .top_1 article .top_1_l {
		width: 35%;
	}

	#wrapper .main .top_1 article .top_1_r {
		width: 65%;
	}


	#wrapper .main .top_1 article .intro {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 10px 0;
	}

	#wrapper .main .top_1 article .intro li {
		width: 20%;
	}

	#wrapper .main .top_1 article .intro li img {
		width: 100%;
	}

	#wrapper .main .top_1 article .intro .text {
		width: 80%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top_1_l .intro .img {
		width: 25%;
	}

	#wrapper .main .top_1 article .top_1_l .intro .img img {
		margin: 0 auto;
	}

	#wrapper .main .top_1 article .top1_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	#wrapper .main .top_1 article .top1_box .box_l {
		width: 50%;
		padding: 1px;
		border-radius: 5px;
		background-color: #ccc;
		height: 551px;
	}

	#wrapper .main .top_1 article .top1_box .box_r {
		width: 50%;
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r div {
		width: 100%;
		margin: 0 0 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		padding: 0;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a {
		width: 100%;
		height: 100%;
		color: #212121;
		padding: 0 10px 0 0;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3 {
		font-size: 1.2em;
		margin: 5px 0 15px;
		background: #1565C0;
		padding: 2px 10px;
		color: #fff;
		border-radius: 5px;
		box-sizing: border-box;
		position: relative;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3 span {
		border-left: solid 3px #D2E2F4;
		padding-left: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3::after {
		content: "";
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top: 10px solid #1565C0;
		position: absolute;
		top: 100%;
		left: 10px;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl {
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dt {
		width: 40%;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dt img {
		width: 100%;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dd {
		width: 60%;
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}


	#wrapper .main .top_1 article .top1_box .box_r ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#wrapper .main .top_1 article .top1_box .box_r ul li {
		width: calc(100%/2);
		padding: 5px;
		box-sizing: border-box;
		text-align: center;
	}


	#wrapper .main .top_1 article .top1_box .box_r ul li img {
		width: 100%;
		max-width: 150px !important;
	}


	#wrapper .main .top_1 article .news_list {
		width: 100%;
		margin: 40px 0 10px;
	}

	#wrapper .main .top_1 article .news_list h2 {
		vertical-align: middle;
	}

	#wrapper .main .top_1 article .news_list h2 span {
		color: #616161;
		padding-left: 10px;
		font-size: 0.6em;
		font-weight: bold;
		vertical-align: middle;
	}

	#wrapper .main .top_1 article .news_list dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		border-bottom: dotted 2px #ccc;
	}

	#wrapper .main .top_1 article .news_list dt {
		width: 10%;
		text-align: center;
	}

	#wrapper .main .top_1 article .news_list dt span {
		color: #fff;
		background-color: #158EC0;
		font-size: 0.8em;
		padding: 3px 20px;
		border-radius: 15px;
	}

	#wrapper .main .top_1 article .news_list dd {
		width: 90%;
	}

	#wrapper .main .top_1 article .news_list dd span {
		width: 120px;
		display: inline-block;
	}

	#wrapper .main .top_1 article .news_list dd a {
		color: #212121;
	}

	#wrapper .main .top_1 article .news_list dd a:hover {
		text-decoration: underline;
	}

	#wrapper .main .top_1 article .news_list .last_dl {
		border: 0;
	}

	#wrapper .main .top_1_2 {
		padding: 50px 0;
		/*
		background-image: url(../img/border.png), url(../img/bg.png);
		background-position: bottom, center;
		background-repeat: repeat-x, repeat;
*/
	}


	#wrapper .main .top_1_2 article h2 {
		text-align: center;
		line-height: 1.5em;
		padding: 0 0 20px;
		font-size: 1.6em;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article h2 span {
		display: block;
		color: #616161;
		font-size: 0.6em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_1_2 article .course_list .sp {
		display: none;
	}


	#wrapper .main .top_1_2 article .course_list ul {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 0;

	}

	#wrapper .main .top_1_2 article .course_list ul li {
		width: calc(98%/2);
		display: flex;
		flex-direction: column;
		border: solid 1px #ccc;
		border-radius: 15px;
		background-color: #fff;
		margin-bottom: 10px;
	}



	#wrapper .main .top_1_2 article .course_list ul li .num_box {
		flex-grow: 1 !important;
	}





	#wrapper .main .top_1_2 article .course_list ul li h3 {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 0;
		border-radius: 15px 15px 0 0;
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list ul li img {
		width: 100%;
		margin-bottom: 10px;
	}

	#wrapper .main .top_1_2 article .course_list ul li div {
		position: relative;
		border: 0;
	}


	#wrapper .main .top_1_2 article .course_list ul li .cat_tag {
		display: inline-block;
		position: absolute;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
		left: 0;
		top: 8px;
		box-sizing: border-box;
		padding: 0 20px 0 10px;
		margin: 0;
		height: 30px;
		line-height: 30px;
		color: #fff;
		z-index: 100;
		border-radius: 0 5px 5px 0;
		border-left: 1px solid #158EC0;
		background-color: #158EC0;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
	}

	#wrapper .main .top_1_2 article .course_list ul li .cat_tag:before {
		position: absolute;
		content: '';
		top: 0;
		left: -7px;
		border: none;
		height: 38px;
		width: 7px;
		background-color: #158EC0;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1_2 article .course_list ul li .cat_tag:after {
		position: absolute;
		content: '';
		bottom: -7px;
		left: -5px;
		border: none;
		height: 7px;
		width: 5px;
		background: #4d99ca;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1_2 article .course_list ul li .keytitle {
		text-decoration: none;
		color: #15A2C0;
		margin: 1px 0px 0 5px;
		border: solid 1px #15A2C0;
		padding: 4px 10px 3px;
		line-height: 1;
		border-radius: 15px;
		display: inline-block;
	}

	#wrapper .main .top_1_2 article .course_list ul li p {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
	}


	#wrapper .main .top_1_2 article .course_list ul li p a {
		color: #212121;
		margin-right: 3px;

	}

	#wrapper .main .top_1_2 article .course_list ul li p a:hover {
		text-decoration: underline;

	}

	#wrapper .main .top_1_2 article .course_list ul li .category {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_1_2 article .course_list ul li .category span {
		width: calc(100%/2);
		padding: 3px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article .course_list ul li .category span a {
		padding: 0;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		text-align: center;
		margin: 0;
		width: 100%;
	}

	#wrapper .main .top_1_2 article .course_list ul li span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_1_2 article .course_list ul li .tag {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		margin: 0 auto;
		border-radius: 0px;
		border-bottom: dashed 1px #ccc;
	}

	#wrapper .main .top_1_2 article .course_list ul li .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
		margin: 0 5px 0 0;
	}

	#wrapper .main .top_1_2 article .course_list ul li .tag a:hover {
		color: #158EC0;
		background-color: #fff !important;
	}



	#wrapper .main .top_1_2 article .course_list ul li dl {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 10px 0 0px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.9em;
	}

	#wrapper .main .top_1_2 article .course_list ul li dl dt {
		width: 15%;
		padding-left: 5px;
		box-sizing: border-box;
	}


	#wrapper .main .top_1_2 article .course_list ul li dl dt span {
		display: inline-block;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		border-radius: 50%;
		color: #fff;
		background-color: #1565C0;

	}

	#wrapper .main .top_1_2 article .course_list ul li dl dd {
		width: 85%;
	}

	#wrapper .main .top_1_2 article .course_list ul li .more {
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list ul li .more span {
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background: transparent url("../img/more.svg") no-repeat top center / contain;
	}



	#wrapper .main .top_1_2 article .course_list ul li .button {
		text-align: center;
		margin: 10px 0;
	}

	#wrapper .main .top_1_2 article .course_list ul li .button a {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 50px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_1_2 article .course_list ul li dl dd a {
		color: #1565C0;
	}

	#wrapper .main .top_1_2 article .course_list .more_course {
		margin: 30px 0;
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a {
		background-color: #fff;
		color: #1565C0;
		padding: 10px 150px;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a span {
		display: inline-block;
		height: 2em;
		vertical-align: middle;
		width: 2em;
		background: transparent url("../img/arrow_r_b.svg") no-repeat top center / contain;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a:hover span {
		background: transparent url("../img/arrow_r_w.svg") no-repeat top center / contain;
		display: inline-block;
		height: 2em;
		vertical-align: middle;
		width: 2em;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a:hover {
		background-color: #1565C0;
		color: #fff;

	}

	#wrapper .main .top_2 {
		padding: 50px 0;
		/*
		background-image: url(../img/border.png), url(../img/bg.png);
		background-position: bottom, center;
		background-repeat: repeat-x, repeat;
*/
	}


	#wrapper .toppage .top_2 {
		background-color: #C5D9EF;
		background-image: none;
		padding: 50px 10px;
		box-sizing: border-box;
		border: none;

	}

	#wrapper .main .top_2 .top_search {
		background-color: #fff;
		padding: 30px 40px;
		box-sizing: border-box;
		border-radius: 15px;
	}

	#wrapper .main .top_2 .top_search h2 {
		text-align: center;
		line-height: 1.5em;
		background-image: url("../img/border_tri.png");
		background-position: bottom;
		background-repeat: repeat-x;
		padding: 0 0 30px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search h2 span {
		display: block;
		color: #616161;
		font-size: 0.6em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_2 .top_search .tag_list {
		margin: 40px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 .top_search .tag_list span {
		font-size: 0.8em;
		margin: 4px 8px;
	}

	#wrapper .main .top_2 .top_search .tag_list span object {
		padding-right: 3px;
		width: 12px;
		display: inline-block;
		vertical-align: middle;
	}

	#wrapper .main .top_2 .top_search .tag_list span a {
		padding: 2px 12px;
		font-weight: 600;
		background-color: #EBEDEF;
		border: solid 2px #1565C0;
		border-radius: 20px;
		color: #212121;
	}

	#wrapper .main .top_2 .top_search .tag_list span a:hover {
		color: #fff;
		background-color: #1565C0;
	}


	/*---------------------------------
		アコーディオンボックス
	--------------------------------*/
	#wrapper .main .top_2 .top_search .acbox {
		width: auto;
		margin: 0 10px;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search {
		width: 150px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin: 0 auto;
		font-weight: bold;
		text-align: center;
		background: #E0E0E0;
		position: relative;
		display: block;
		padding: 3px 15px;
		border-radius: 15px;
		cursor: pointer;
		transition: 0.3s;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search:hover {
		opacity: 0.8;
	}


	#wrapper .main .top_2 .top_search .acbox .more_input {
		display: none;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search:after {
		content: "+";
		/* ラベルのアイコン */
		position: absolute;
		top: 52%;
		left: 5px;
		margin-top: -14px;
		background-color: #fff;
		width: 27px;
		border-radius: 15px;
	}

	#wrapper .main .top_2 .top_search .acbox .more_input:checked~.more_search::after {
		content: "-";
		/* ラベルをクリックした後のアイコン */
	}

	#wrapper .main .top_2 .top_search .acbox .acbox-under {
		border-top: dotted 1px #ccc;
		height: 0px;
		overflow: hidden;
		margin-top: 30px;
		opacity: 0;
		transition: 0.8s;
		/* 開閉スピードの設定 */
	}

	#wrapper .main .top_2 .top_search .acbox .more_input:checked~div {
		height: auto;
		border-radius: 0px;
		opacity: 1;
	}

	#wrapper .main .top_2 .top_search h3 {
		text-align: left;
		line-height: 1.5em;
		padding: 20px 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search .acbox-under h3 {
		text-align: center;
	}

	#wrapper .main .top_2 .top_search h4 {
		font-size: 1.1em;

	}

	#wrapper .main .top_2 .top_search h4::before {
		display: inline-block;
		content: url("../img/h3.png");
		padding-right: 10px;
	}



	#wrapper .main .top_2 .top_search .acbox-under .cat_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search li {
		width: calc(100%/2);
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search span {
		display: block;
		font-weight: 600;
		font-size: 1em;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search span i {
		padding-right: 5px;
		color: #008B8B;
	}

	#wrapper .main .top_2 .top_search .acbox-under select {
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border: solid 1px #9E9E9E;
	}

	#wrapper .main .top_2 .top_search .tag_search {
		list-style-type: none;
		margin: 10px 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 .top_search .tag_search li {
		width: calc(100%/2);
		margin-bottom: 10px;
	}

	/* 元々のチェックボックス（非表示） */
	.mycheckbox input[type="checkbox"] {
		display: none;
	}

	/* チェックボックスの代わりを成すラベル */
	.mycheckbox input[type="checkbox"]+label {
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding-left: 25px;
		padding-right: 10px;

	}

	/* ラベルの左に表示させる正方形のボックス□ */
	.mycheckbox input[type="checkbox"]+label::before {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		left: 0;
		top: 50%;
		background-color: #fff;
		border: 1px solid #9E9E9E;
		border-radius: 3px;
	}

	/* チェックが入った時のレ点 */
	.mycheckbox input[type="checkbox"]:checked+label::after {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 18px;
		height: 9px;
		margin-top: -9px;
		top: 50%;
		left: 3px;
		transform: rotate(-45deg);
		border-bottom: 3px solid;
		border-left: 3px solid;
		border-color: #1565C0;
		/* チェックの色*/
	}

	#wrapper .main .top_2 .top_search .free_text {
		border-radius: 5px;
		width: 100%;
		padding: 3px;
		box-sizing: border-box;
		border: 1px solid #9E9E9E;
		margin: 10px 0;
	}

	#wrapper .main .top_2 .top_search .resule_no p {
		text-align: center;
		margin: 20px 0;
	}

	#wrapper .main .top_2 .top_search .search_button {
		text-align: center;
		margin: 20px 0;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button] {
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #fff;
		background-color: #1565C0;
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		border: solid 2px #1565C0;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button]:hover {
		opacity: 1;
		background-color: #fff;
		color: #1565C0;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=reset] {
		color: #000 !important;
		background: #E0E0E0 !important;
		border: solid 2px #E0E0E0 !important;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=reset]:hover {
		opacity: 0.8;
	}




	#wrapper .main .top_2 article .width_box .contents_box {
		border-radius: 5px;
		background-color: #fff;
		padding: 20px 20px 40px;
		box-sizing: border-box
	}

	#wrapper .main .page1 {
		padding: 10px 0 50px;
	}

	#wrapper .main .top_2 .breadcrumbs {
		width: 100%;
		margin: 0 auto;
		padding: 20px 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .breadcrumbs li {
		display: inline-block;
		float: left
	}

	#wrapper .main .top_2 .breadcrumbs li::after {
		display: inline-block;
		content: ">";
		padding: 0 10px;
		color: #ccc;
	}

	#wrapper .main .top_2 .breadcrumbs li:last-child::after {
		display: none;
	}

	#wrapper .main .top_2 .breadcrumbs li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 .breadcrumbs::after {
		content: "";
		display: block;
		clear: both;
	}

	#wrapper .main .top_2 article .width_box .contents_box {
		border-radius: 5px;
		background-color: #fff;
		padding: 20px 20px 40px;
		box-sizing: border-box
	}


	#wrapper .main .top_2 article .width_box .project_list {
		list-style-type: none;
		display: block;
	}

	#wrapper .main .top_2 article .width_box .project_list li {
		width: 100%;
		background-color: #fff;
		padding: 10px;
		box-sizing: border-box;
		border-radius: 5px;
		margin: 10px 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		border: solid 1px #757575;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_l {
		width: 25%;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_l img {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r {
		width: 75%;
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r h3 {
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file {
		font-size: 1.5em;
		float: right;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file object {
		width: 20px;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file:after {
		content: "";
		display: block;
		clear: both;
	}


	#wrapper .main .top_2 article .width_box .project_list li .box_r .category {
		font-size: 0.8em;
		margin: 0px 0px 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 600;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a {
		padding: 0px 12px;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		margin-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category .course a {
		border: solid 1px #008080;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category .course a:hover {
		background-color: #008080;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span {
		color: #1565C0 !important;
		text-decoration: underline;
		margin-right: 5px;
		font-size: 0.9em;
	}



	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span a:hover {
		text-decoration: none;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r p {
		font-size: 0.9em;
		text-align: justify;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link {
		margin: 10px 0;
		border-top: dotted 1px #ccc;
		padding: 10px 0 0;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link a {
		background-color: #1565C0;
		color: #fff;
		border-radius: 15px;
		padding: 2px 20px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 500;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link a span {
		height: 1em;
		width: 1em;
		background: transparent url("../img/arrow_r_w.svg") no-repeat top center / contain;
		display: inline-block;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span {
		color: #1565C0;
		text-decoration: underline;
		margin-right: 5px;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span a:hover {
		text-decoration: none;
	}



	/*---------------------------------
		アコーディオンボックス
	--------------------------------*/
	#wrapper .main .top_2 article .width_box .detail .acbox {
		width: auto;
		margin: 5px 0 0px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search {
		text-align: center;
		position: relative;
		display: block;
		font-weight: 600;
		width: 150px;
		padding: 20px 0 0;
		margin: 0 auto;
		cursor: pointer;
		color: #000;
		border-bottom: solid 2px #000;
		transition: all 0.5s;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search:hover {
		border-bottom: solid 2px #1565C0;
	}


	#wrapper .main .top_2 article .width_box .detail .acbox .more_input {
		display: none;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search:after {
		content: "+";
		/* ラベルのアイコン */
		position: absolute;
		top: 75%;
		left: 5px;
		margin-top: -14px;
		width: 27px;
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_input:checked~.more_search::after {
		content: "-";
		/* ラベルをクリックした後のアイコン */
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .acbox-under {
		box-sizing: border-box;
		height: 0px;
		overflow: hidden;
		margin: 10px 0 20px;
		padding: 0px;
		opacity: 0;
		border-bottom: dashed 1px #ccc;
		transition: 0.8s;
		/* 開閉スピードの設定 */
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_input:checked~div {
		height: auto;
		border-radius: 0px;
		opacity: 1;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox h3 {
		text-align: left;
		line-height: 1.5em;
		padding: 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox h4 {
		font-size: 1.1em;

	}

	#wrapper .main .top_2 article .width_box .detail .acbox h4::before {
		display: inline-block;
		content: url("../img/h3.png");
		padding-right: 8px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under h3 {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search li {
		width: calc(100%/4);
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search span {
		display: block;
		font-weight: 500;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .course_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .course_search li {
		width: 100%;
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under select {
		width: 100% !important;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .free_text {
		width: 100%;
		border: solid 1px #ccc;
		padding: 2px;
		box-sizing: border-box;
		border-radius: 3px;
	}


	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button {
		text-align: center;
		margin-top: 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=button] {
		color: #fff;
		background-color: #1565C0;
		border: solid 1px #1565C0;
		padding: 5px;
		box-sizing: border-box;
		cursor: pointer;
		width: 150px;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 20px;
		margin: 0 5px 20px;
		transition: 0.3s;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=reset] {
		color: #fff !important;
		background-color: #9E9E9E !important;
		border: solid 1px #9E9E9E !important;
		padding: 5px;
		box-sizing: border-box;
		cursor: pointer;
		width: 150px;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 20px;
		margin: 0 5px 20px;
		transition: 0.3s;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input:hover {
		opacity: 0.8;
	}

	#wrapper .main .top_2 article .width_box .detail .tag {
		margin: 5px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .tag span a {
		color: #1565C0;
		text-decoration: underline;
		margin-right: 5px;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .detail .tag span a:hover {
		text-decoration: none;
	}


	#wrapper .main .top_2 article .width_box .detail .tag_search {
		list-style-type: none;
		margin: 10px 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .tag_search li {
		width: calc(100%/4);
		margin-bottom: 10px;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink {
		list-style-type: none;
		margin: 5px 1em;
	}


/*
	#wrapper .main .top_2 article .width_box .detail h2 {
		padding:0px 0 5px 45px;

		background-color: #1565C0;
		background-image: url("../img/nav.png");	

		margin: 5px 0 10px;
		font-size: 1.3em;
		color:#000;
		position:relative;
	}
	#wrapper .main .top_2 article .width_box .detail h2::before{
		position:absolute;
		top:0px;
		left:0;
		content:url("../img/h1ai.png");		
	}
	
	*/

	#wrapper .main .top_2 article .width_box .detail h3 {
		font-size: 1.2em;
		margin: 20px 0 15px;
	
	}


	#wrapper .main .top_2 article .width_box .detail .img_ss {
		width: 100% !important;
		text-align: center;
		margin: 10px 0;
	}




	#wrapper .main .top_2 article .width_box .detail .pdf_file {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li {
		margin: 10px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li a {
		background-color: #fdeff2;
		color: #000;
		padding: 5px 10px;
		border: solid 1px #f5b1aa;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li a i {
		padding-right: 3px;
		color: red;
	}

	#wrapper .main .top_2 article .width_box .detail .back_button {
		margin: 30px 0;
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .back_button a {
		color: #fff;
		background-color: #616161;
		padding: 8px;
		width: 250px;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .close_button {
		float: right;
		background-color: #1565C0;
		color: #fff;
		font-size: 0.8em;
		padding: 2px 15px;
		border-radius: 15px;
	}

	#wrapper .main .top_2 article .width_box .detail .close_button::after {
		content: "";
		display: block;
		clear: both;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink {
		list-style-type: none;
		margin: 5px 1em;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink span {
		content: "";
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		vertical-align: middle;
		background-image: url("../img/arrow_r_b.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink a {
		color: black;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink a::after {
		content: "";
		background-image: url("../img/link.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link {
		padding: 0;
		margin: 0px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li {
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a {
		border: solid 1px #ccc;
		border-radius: 3px;
		padding: 3px;
		display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a img {
		width: 40%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a div.image {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a div.image img {
		width: 100%;
		height: auto;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a span {
		width: 60%;
		padding: 3px;
		font-size: 0.9em;
		color: #0d0015;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a span object {
		width: 16px;
		vertical-align: middle;
		box-sizing: border-box;
		padding-right: 4px;
	}


	/*20210209*/
	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div {
		border: solid 1px #ccc;
		border-radius: 3px;
		padding: 3px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div a {
		display: inline;
		border: none;
		text-decoration: underline;
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div img {
		width: 40%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div span {
		width: 60%;
		padding: 3px;
		font-size: 0.9em;
		color: #0d0015;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div span object {
		width: 16px;
		vertical-align: middle;
		box-sizing: border-box;
		padding-right: 4px;
	}

	/*20210209終わり*/


	#wrapper .main .top_2 article .width_box .detail .file_link {
		list-style-type: none;
		margin: 1em;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li {
		padding: 3px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li i {
		padding-right: 5px;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a {
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a i {
		padding-right: 3px;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a:hover {
		text-decoration: underline;
	}

	#wrapper .main .top_2 article .width_box .detail .back_button {
		margin: 30px 0;
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .back_button a {
		color: #fff;
		background-color: #616161;
		padding: 8px;
		width: 250px;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list {
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}


	#wrapper .main .top_2 article .width_box .detail .model_list li {
		width: 24%;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li div {
		padding: 5px 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li img {
		width: 100%;
		border: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li h4 {
		text-align: center;
		font-size: 1em;
	}


	#wrapper .main .top_2 article .width_box .detail .model_list li p {
		text-align: center;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list li .arrow {
		text-align: center;
		margin: 0;
		padding: 0;
		background-color: #fff !important;
		font-size: 2em;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model1 {
		background-color: #FFFDED;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model1 h4 {
		border: solid 2px #FBC02D;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model1 .arrow span {
		color: #FBC02D;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model2 {
		background-color: #FFF6E8;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model2 h4 {
		border: solid 2px #F57C00;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model2 .arrow span {
		color: #F57C00;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model3 {
		background-color: #EEF7EF;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model3 h4 {
		border: solid 2px #388E3C;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model3 .arrow span {
		color: #388E3C;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model4 {
		background-color: #E9F7FE;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model4 h4 {
		border: solid 2px #0288D1;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .model4 .arrow span {
		color: #0288D1;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel p {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel .arrow span {
		text-align: center;
		font-size: 3em;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel div {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel div img {
		width: 400px;
		border: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 600px;
		margin: 0 auto;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul li {
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul li a {
		border: solid 1px #1565C0;
		color: #1565C0;
		width: 100%;
		padding: 3px 5px;
		box-sizing: border-box;
		font-weight: bold;
		border-radius: 3px;
		text-align: center;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .detail .model_list .tokyomodel ul li a:hover {
		color: #fff;
		background-color: #1565C0;
	}



	#wrapper .main .top_2 article .width_box .detail .cat_link {
		padding: 0;
		margin: 0px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li {
		width: calc(100%/3);
		padding: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a {
		border: solid 1px #1565C0;
		color: #1565C0;
		width: 100%;
		padding: 3px 5px;
		box-sizing: border-box;
		font-weight: bold;
		border-radius: 3px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a:hover {
		color: #fff;
		background-color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a i {
		float: right;
		font-size: 1.2em;
		padding-top: 3px;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a i::after {
		display: block;
		content: "";
		clear: both;
	}





	#wrapper .main .top_2 article .width_box .detail .ict_search {
		background-image: url(../img/border.png);
		background-position: bottom;
		background-repeat: repeat-x;
		box-sizing: border-box;
		margin-bottom: 30px;

	}

	#wrapper .main .top_2 article .width_box .detail .ict_search table {
		width: 100%;

	}

	#wrapper .main .top_2 article .width_box .detail .ict_search table th {
		width: 20%;
		vertical-align: top;
		text-align: left;
	}

	#wrapper .main .top_2 article .width_box .detail .ict_search table th span {
		padding-left: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .ict_search table th span::before {
		content: url("../img/h3.png");
		padding-right: 5px;
	}


	#wrapper .main .top_2 article .width_box .detail .ict_search table td ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#wrapper .main .top_2 article .width_box .detail .ict_search table td ul li {
		width: calc(100%/4);

	}

	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button {
		padding: 20px 0 30px;
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button input {
		width: 150px;
		text-align: center;
		padding: 10px;
		margin: 10px;
		border: none;
		cursor: pointer;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button input:hover {
		opacity: 0.8;
	}


	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button .button_blue {
		background-color: #1565C0;
		color: #fff;
	}


	#wrapper .main .top_2 article .width_box .detail .favorite {
		float: right;
		margin: 2px 0 0;
	}


	#wrapper .main .top_2 article .width_box .detail .favorite input {
		font-size: 0.9em;
		padding: 1px 10px;
		border-radius: 15px;
		background-color: #616161;
		color: #fff;
		border: none;
		cursor: pointer;
		letter-spacing: 0.01;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class {
		margin: 2px 0 10px;
	}


	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a {
		padding: 0px 12px;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		margin: 0 5px;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a:hover {
		background-color: #1565C0;
		color: #fff;
	}



	#wrapper .main .top_2 article .width_box .detail .cat_class span {
		margin-right: 3px;
		letter-spacing: 0.01;
		margin: 0px 0px 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 600;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class span a {
		transition: all 0.5s;
		padding: 1px 20px;
		border-radius: 15px;
		border: solid 1px #1565C0;
		background-color: #EBEDEF;
		color: #212121;
		margin: 0 5px 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class .course a {
		border: solid 1px #008080;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class .course a:hover {
		background-color: #008080;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube i {
		padding-right: 5px;
		color: #e53935;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube1::before {
		content: "";
		background-image: url("../img/pdf.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube2::before {
		content: "";
		background-image: url("../img/youtube.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}


	#wrapper .main .top_2 article .width_box .detail .img_dl {
		text-align: center;
		margin: 10px 0;
	}


	#wrapper .main .top_2 article .width_box .detail .img_dl img {
		width: 400px !important;
		border: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 {
		text-align: center;
		margin: 10px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 img {
		width: 100% !important;
		margin: 0 auto;
		position: relative;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_r,
	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_l {
		display: inline-block;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 div i {
		font-size: 3em;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_r {
		position: absolute;
		top: 100%;
		left: 3%;
	}

	#wrapper .main .top_2 article .width_box .detail .img_dl2 .arrow_l {
		position: absolute;
		top: 100%;
		right: 3%;
	}


	#wrapper .main .top_2 article .width_box .detail .center_p {
		text-align: center;
		margin: 20px 0 0px;
	}

	#wrapper .main .top_2 article .width_box .detail .img_ss {
		width: 100% !important;
		text-align: center;
		margin: 20px 0;
	}


	#wrapper .main .top_2 article .width_box .detail .pdf_dl {
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl a {
		padding: 5px 20px;
		border: solid #1565C0 1px;
		font-weight: bold;
		color: #1565C0;
		margin: 5px;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li {
		width: 50%;

	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li a i {
		margin-right: 5px;
	}



	#wrapper .main .top_2 article .width_box .detail .video_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list li {
		width: 49%;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list li iframe {
		width: 100%;
		height: 300px;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 li {
		width: 49%;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 li iframe {
		width: 100%;
		height: 300px;
	}


	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div {
		padding: 0 0 30px;
		border: solid 1px #ccc;
		border-radius: 8px;
		width: 80%;
		margin: 0 auto;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide img {
		border-radius: 8px 8px 0 0;
		width: 100% !important;
		margin: 0 auto;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div h4 {
		padding: 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div p {
		padding: 0 10px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}


	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div span {
		margin-right: 5px;
		font-size: 0.9em;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div a {
		background-color: #1565C0;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #fff;
		display: block;
		padding: 4px;
		font-weight: bold;
		border-radius: 15px;
		box-sizing: border-box;
		text-align: center;
		margin: 0 auto;
		width: 90%;
	}



	/*Vchat*/

	#wrapper .main .top_2 article .width_box .vchat .vchat_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

	}

	#wrapper .main .top_2 article .width_box .vchat .vchat_box .box_l {
		width: 55%;
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .vchat .vchat_box .box_r {
		width: 45%;
	}

	#wrapper .main .top_2 article .width_box .vchat h3 {
		padding: 0;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .vchat h3::before {
		display: inline-block;
		content: url("../img/h2.png");
		width: 15px;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .vchat ul {
		padding: 0;
		margin: 0 0 0 20px;
		list-style-type: circle;
	}

	#wrapper .main .top_2 article .width_box .vchat object {
		width: 16px;
		margin-left: 4px;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link {
		width: 100%;
		margin: 50px 0 0;
		border: solid 3px #038C33;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dt {
		width: 80%;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dd {
		width: 20%;
		text-align: right;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dd img {
		width: 70%;
	}

	/*端末紹介*/

	#wrapper .main .ss_terminal {
		margin-top: 30px;
	}

	#wrapper .main .ss_terminal h3 {
		text-align: center;

	}

	#wrapper .main .ss_terminal .list_no {
		list-style-type: decimal;
		margin: 0 2em;
	}

	#wrapper .main .ss_terminal .list_no li {
		margin-bottom: 10px;
	}

	#wrapper .main .ss_terminal .list_no li ul {
		margin: 0 2em;
		padding: 0;
	}

	#wrapper .main .ss_terminal .list_no li ul li {
		margin: 0;
		padding: 0 0 10px;
	}

	#wrapper .main .ss_terminal .list_no li .material-symbols-outlined {
		vertical-align: middle;
		color: #1565C0;
	}

	#wrapper .main .ss_terminal .list_kana {
		list-style-type: katakana;

	}

	#wrapper .main .ss_terminal .bold {
		display: block;
		text-decoration: underline;
		font-weight: 600;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .ss_terminal .bold2 {
		font-weight: 600;
	}

	#wrapper .main .ss_terminal .list_no a {
		color: black;
	}

	#wrapper .main .ss_terminal .list_no a:hover {
		text-decoration: underline;
	}

	#wrapper .main .ss_terminal .list_no a::after {
		content: "";
		background-image: url("../img/link.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}


	#wrapper .main .ss_terminal .contact {
		margin: 40px 0 0 0;
		text-align: center;
	}

	#wrapper .main .ss_terminal .contact p {
		text-align: center;
	}

	#wrapper .main .ss_terminal .contact .address_box {
		padding: 10px 30px;
		margin: 10px 0;
		text-align: left;
		box-sizing: border-box;
		display: inline-block;
		background-color: #F3F9FC;
	}




	/*コース一覧*/

	#wrapper .main .top_2 article .width_box .course_list .sp {
		display: none;

	}

	#wrapper .main .top_2 article .width_box .course_list ul {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 0;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li {
		width: calc(98%/2);
		display: flex;
		flex-direction: column;
		border: solid 1px #ccc;
		border-radius: 15px;
		background-color: #fff;
		margin-bottom: 10px;
		padding: 0 !important;
	}



	#wrapper .main .top_2 article .width_box .course_list ul li .num_box {
		flex-grow: 1 !important;
	}





	#wrapper .main .top_2 article .width_box .course_list ul li h3 {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 0;
		border-radius: 15px 15px 0 0;
		text-align: center;
		margin: 0 !important;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li img {
		width: 100%;
		margin-bottom: 10px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li div {
		position: relative;
		border: 0;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag {
		display: inline-block;
		position: absolute;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
		left: 0;
		top: 8px;
		box-sizing: border-box;
		padding: 0 20px 0 10px;
		margin: 0;
		height: 30px;
		line-height: 30px;
		color: #fff;
		z-index: 100;
		border-radius: 0 5px 5px 0;
		border-left: 1px solid #158EC0;
		background-color: #158EC0;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag:before {
		position: absolute;
		content: '';
		top: 0;
		left: -7px;
		border: none;
		height: 38px;
		width: 7px;
		background-color: #158EC0;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag:after {
		position: absolute;
		content: '';
		bottom: -7px;
		left: -5px;
		border: none;
		height: 7px;
		width: 5px;
		background: #4d99ca;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .keytitle {
		text-decoration: none;
		color: #15A2C0;
		margin: 1px 0px 0 5px;
		border: solid 1px #15A2C0;
		padding: 4px 10px 3px;
		line-height: 1;
		border-radius: 15px;
		display: inline-block;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li p {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li p a {
		color: #212121;
		margin-right: 3px;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li p a:hover {
		text-decoration: underline;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category span {
		width: calc(100%/2);
		padding: 3px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category span a {
		padding: 0;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		text-align: center;
		margin: 0;
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		margin: 0 auto;
		border-radius: 0px;
		border-bottom: dashed 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
		margin: 0 5px 0 0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag a:hover {
		color: #158EC0;
		background-color: #fff !important;
	}



	#wrapper .main .top_2 article .width_box .course_list ul li dl {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 10px 0 0px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dt {
		width: 15%;
		padding-left: 5px;
		box-sizing: border-box;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li dl dt span {
		display: inline-block;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		border-radius: 50%;
		color: #fff;
		background-color: #1565C0;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dd {
		width: 85%;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .more {
		text-align: center;
		font-size: 0.7em;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .more span {
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background: transparent url("../img/more.svg") no-repeat top center / contain;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li .button {
		text-align: center;
		margin: 10px 0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .button a {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 50px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dd a {
		color: #1565C0;
	}


	#wrapper .main .top_2 article .width_box .mail_form {
		width: 600px;
		margin: 0 auto;
		font-size: 1em;
		border: solid #1565C0 1px;
		padding: 0px;
		box-sizing: border-box;
		border-radius: 5px;

	}

	#wrapper .main .top_2 article .width_box .mail_form h5 {
		background-color: #1565C0;
		color: #fff;
		padding: 5px 10px;
		font-size: 1em;
		margin: 0;
	}

	#wrapper .main .top_2 article .width_box .mail_form h5 i {
		padding-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .mail_form div {
		padding: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .mail_form p {
		font-weight: bold;
		font-size: 0.8em;
		margin: 2px 2px 0;
	}

	#wrapper .main .top_2 article .width_box .mail_form input {
		padding: 5px;
		border-radius: 3px;
		border: solid 1px #ccc;
		height: 30px;
		margin: 0px 2px;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .mail_form .input_l {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .mail_form textarea {
		padding: 5px;
		border-radius: 3px;
		height: 150px;
		border: solid 1px #ccc;
		width: 100%;
		box-sizing: border-box;
		font-size: 0.8em;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button .input_blue {
		background-color: #1565C0;
		border: solid 1px #1565C0;
		color: #fff;
		font-weight: bold;
	}


	#wrapper .main .top_2 article .width_box .mail_form .form_button input {
		cursor: pointer;
		line-height: 1em;
		height: 40px;
		width: 150px;
		margin: 5px;
		border-radius: 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button input:hover {
		opacity: 0.8;
	}




	#wrapper .main .top_2 article .width_box .sitemap {
		list-style-type: circle;
		margin-left: 2em;
	}

	#wrapper .main .top_2 article .width_box .sitemap li {
		margin-bottom: 5px;
	}

	#wrapper .main .top_2 article .width_box .sitemap li a {
		color: #000;
		text-decoration: underline;
	}



	#wrapper .main .top_2 article .top_2_r {
		margin-top: 0;
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .top_2_r .topics h3 {
		padding-bottom: 5px;
		border-bottom: solid 2px #ccc;
		font-size: 1em;
	}

	#wrapper .main .top_2 article .top_2_r .topics h3::before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 21px;
		vertical-align: middle;
		background-image: url(../img/h2.png);
		background-repeat: no-repeat;

	}


	#wrapper .main .top_2 article .top_2_r .topics {
		background-color: #fff;
		border-radius: 5px;
		padding: 10px;
		margin: 0;
	}

	#wrapper .main .top_2 article .top_2_r .topics ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .top_2_r .topics ul li {
		padding: 10px 0;
		border-bottom: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .top_2_r .topics ul li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 article .top_2_r .banner ul {
		list-style-type: none;
		padding: 0;
		margin: 15px 0;
	}

	#wrapper .main .top_2 article .top_2_r .banner ul li {
		padding-bottom: 3px;
	}

	#wrapper .main .top_2 article .top_2_r .banner a {
		display: inline-block;
	}

	#wrapper .main .top_2 article .top_2_r .banner img {
		width: 100%;
	}

	#wrapper footer {
		background-color:#031E64;
		/*
		background-image: url(../img/f_bg.png);
		*/
	}

	#wrapper footer .back_top {
		position: relative;
	}

	#wrapper footer .back_top a {
		display: inline;
		position: absolute;
		top: -30px;
		right: 30px;
	}

	#wrapper footer .back_top a:hover {
		opacity: 1;
	}

	#wrapper footer article {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding: 30px 0 !important;
		box-sizing: border-box;
		color: #fff;
	}

	#wrapper footer article .footer_l {
		width: 48%;
		border-right: dotted 3px #fff;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#wrapper footer article .footer_l h3 {
		font-size: 1.1em;
		font-weight: normal;
		margin-bottom: 10px;
	}

	#wrapper footer article .footer_l p {
		font-size: 0.9em;
	}

	#wrapper footer article .footer_l p a {
		color: #fff;
	}


	#wrapper footer article .footer_r {
		width: 48%;
		height: 200px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 0;
		position: relative;
	}

	#wrapper footer article .footer_r ul {
		list-style-type: none;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#wrapper footer article .footer_r ul li a {
		text-decoration: underline;
		color: #fff;
		font-size: 0.9em;
	}

	#wrapper footer article .footer_r .copyright {
		font-size: 0.9em;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.pc {
		display: block;
	}

	.sp {
		display: none;
	}
	.sagasu{
		display: block;
	}

}



/*================スマホ　599px~~~================ */
@media screen and (max-width: 599px) {

	#wrapper .pc {
		display: none;
	}

	#wrapper .sp {
		display: block;
	}

	#wrapper .container {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}


	#wrapper header {
		padding: 5px 0 0px;
		background-color: #fff;
		/*
		background-image: url(../img/border.png), url(../img/header_sp.png);
		*/
		background-position: bottom, top;
		background-repeat: repeat-x, no-repeat;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 200;
		border-bottom: solid 1px #8ec4da;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	}

	#wrapper header ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper header ul .head_l,
	#wrapper header ul .head_m {
		width: 100%;
		text-align: center;
	}

	#wrapper header ul .head_r {
		display: none;
	}

	#wrapper header ul .head_m img {
		width: 250px;
	}

	#wrapper header ul .head_l {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 5px;
	}

	#wrapper header ul .head_l a {
		display: inline-block;
		margin-right: 10px;
	}

	#wrapper header ul .head_l a img {
		width: 150px;
	}

	#wrapper header ul .head_l a {
		color: #000;
		text-decoration: underline;
		font-size: 0.9em;

	}



	#wrapper header ul .head_r .font {
		display: none;
	}

	.global-nav {
		position: fixed;
		right: -320px;
		top: 0;
		width: 300px;
		height: 100vh;
		padding-top: 40px;
		background-color: #247fc4;
		transition: all .4s;
		border-left: 1px solid #fff;
		z-index: 200;
		overflow-y: auto;
		/* メニューが多くなったらスクロールできるように */
	}

	.hamburger {
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 300;
		margin-top: 10px;
		margin-right: 10px;
		background-image: url(../img/nav.png);
		border-radius: 5px;
	}

	.global-nav__list {
		margin: 20px 0 0 !important;
		padding: 0px;
		list-style: none;
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}


	.global-nav__item {
		padding: 0px 14px;
		text-align: left;
		line-height: 1.4em;
		width: 100%;
		display: table;
		border-bottom: dotted 1px #fff;
		height: 60px;
	}

	.global-nav__item a {
		padding: 8px 0;
		text-decoration: none;
		color: #fff;
		position: relative;
		display: table-cell;
		vertical-align: middle;
	}

	.global-nav__item a::after {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-top: #fff 2px solid;
		border-right: #fff 2px solid;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
	}


	.global-nav__item a i::after {
		content: "";
		display: block;
		clear: both;
	}

	.hamburger__line {
		position: absolute;
		left: 10px;
		width: 22px;
		height: 2px;
		background-color: #fff;
		transition: all .5s;
	}

	.hamburger__line--1 {
		top: 12px;
	}

	.hamburger__line--2 {
		top: 20px;
	}

	.hamburger__line--3 {
		top: 28px;
	}

	.black-bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: #000;
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
		cursor: pointer;
	}

	/* 表示された時用のCSS */
	.nav-open .global-nav {
		right: 0;
	}

	.nav-open .black-bg {
		opacity: .8;
		visibility: visible;
	}

	.nav-open .hamburger__line--1 {
		transform: rotate(45deg);
		top: 20px;
	}

	.nav-open .hamburger__line--2 {
		width: 0;
		left: 50%;
	}

	.nav-open .hamburger__line--3 {
		transform: rotate(-45deg);
		top: 20px;
	}

	.nav-open .hamburger {
		background-color: #fff;
	}

	.global-nav .font {
		margin: 10px;
	}

	.global-nav .font ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.global-nav .font ul li {
		height: 30px;
		width: 30px !important;
		margin-left: 3px;
		background-color: #fff;
		cursor: pointer;
		text-align: center;
		display: table;
		border-radius: 3px;
		color: #247fc4;
	}

	.global-nav .font ul li span {
		display: table-cell;
		vertical-align: middle;
		font-weight: bold;
	}

	.global-nav .search_container {
		padding: 0 10px;
		box-sizing: border-box;
	}

	.global-nav .search_container input[type="text"] {
		width: 200px;
		font-size: 0.9em;
		padding: 0px 5px;
		box-sizing: border-box;
		border: solid 1px #9E9E9E;
		border-radius: 5px;
	}

	.global-nav .search_container input[type="submit"] {
		border: solid 1px #9E9E9E;
		color: #000;
		background-color: #EEEEEE;
		font-size: 0.9em;
		cursor: pointer;
		padding: 0px 10px;
		border-radius: 5px;
	}


	.swiper-slide img {
		width: 75% !important;
	}

	h1{
		margin-top:4%;
		line-heigt:1.0;
		font-size:90%;
	}
	#wrapper .main {
		padding-top: 60px;

	}

	#wrapper .main .top_1 {
		padding: 20px 0;
		box-sizing: border-box;
		background-image: url(../img/border.png);
		background-position: bottom;
		background-repeat: repeat-x;
	}

	#wrapper .main .top_1 article {
		display: block;
	}


	#wrapper .main .top_1 article .intro {
		display: block;
		margin: 10px 0;
	}

	#wrapper .main .top_1 article .intro li {
		width: 100%;
	}

	#wrapper .main .top_1 article .intro li img {
		width: 100%;
	}

	#wrapper .main .top_1 article .intro .text {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}


	#wrapper .main .top_1 article .top1_box {
		display: block;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_l {
		width: 100%;
		padding: 1px;
		border-radius: 5px;
		background-color: #ccc;
		height: 551px;
		margin-bottom: 20px;
		display: none;
	}

	#wrapper .main .top_1 article .top1_box .box_r {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r div {
		width: 100%;
		margin: 0 0 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		padding: 0;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a {
		width: 100%;
		height: 100%;
		color: #212121;
		padding: 0;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl {
		display: block;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dt {
		width: 100%;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dt img {
		width: 100%;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_1 article .top1_box .box_r dl dd {
		width: 100%;
		padding: 0 10px 20px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3 {
		font-size: 1.2em;
		margin: 10px 0 15px;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		position: relative;
	}

	#wrapper .main .top_1 article .top1_box .box_r div a h3:before {
		/*
		content: url("../img/h2.png");
		*/
		padding-right: 10px;
		box-sizing: border-box;
		display: block;
		position: absolute;
		top: 5px;
		left: 0px;
	}



	#wrapper .main .top_1 article .top1_box .box_r ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		list-style-type: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}


	#wrapper .main .top_1 article .top1_box .box_r ul li {
		width: calc(99%/2);
		box-sizing: border-box;
	}

	#wrapper .main .top_1 article .top1_box .box_r ul li div {
		width: 100%;
		border: solid 1px #ccc;
		border-radius: 10px;

	}


	#wrapper .main .top_1 article .top1_box .box_r ul li div img {
		width: 100%;
		border-radius: 10px 10px 0 0;
	}

	#wrapper .main .top_1 article .news_list {
		width: 100%;
		margin: 40px 0 10px;
	}

	#wrapper .main .top_1 article .news_list h2 {
		vertical-align: middle;
	}

	#wrapper .main .top_1 article .news_list h2 span {
		color: #616161;
		padding-left: 10px;
		font-size: 0.6em;
		font-weight: bold;
		vertical-align: middle;
	}
	

	#wrapper .main .top_1 article .news_list dl {
		display: block;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		border-bottom: dotted 2px #ccc;
	}

	#wrapper .main .top_1 article .news_list dt {
		width: 100%;
	}

	#wrapper .main .top_1 article .news_list dt span {
		color: #fff;
		background-color: #158EC0;
		font-size: 0.8em;
		padding: 3px 20px;
		border-radius: 15px;
	}


	#wrapper .main .top_1 article .news_list dd span {
		width: 120px;
		display: inline-block;
	}

	#wrapper .main .top_1 article .news_list dd a {
		color: #212121;
	}

	#wrapper .main .top_1 article .news_list dd a:hover {
		text-decoration: underline;
	}

	#wrapper .main .top_1 article .news_list .last_dl {
		border: 0;
	}

	#wrapper .main .top_1_2 {
		padding: 20px 0;
		box-sizing: border-box;
		background-image: url(../img/border.png), url(../img/bg.png);
		background-position: bottom, center;
		background-repeat: repeat-x, repeat;

	}


	#wrapper .main .top_1_2 article h2 {
		text-align: center;
		line-height: 1.5em;
		padding: 0 0 10px;
		font-size: 1.6em;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article h2 span {
		display: block;
		color: #616161;
		font-size: 0.6em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_1_2 article .course_list {
		box-sizing: border-box;
		margin-bottom: 30px;

	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide {
		width: 100%;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .course_box {
		width: 80%;
		margin: 0 auto;
		border: solid 1px #ccc;
		border-radius: 15px;
		background-color: #fff;
	}


	#wrapper .main .top_1_2 article .course_list .swiper-slide h3 {
		background-color: #1565C0;
		color: #fff;
		padding: 3px;
		box-sizing: border-box;
		border-radius: 15px 15px 0 0;
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide img {
		width: 100% !important;
		margin-bottom: 10px;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .img_tag {
		position: relative;
		border: 0;
	}


	#wrapper .main .top_1_2 article .course_list .swiper-slide .cat_tag {
		display: inline-block;
		position: absolute;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
		left: 0;
		top: 8px;
		box-sizing: border-box;
		padding: 0 20px 0 10px;
		margin: 0;
		height: 30px;
		line-height: 30px;
		color: #fff;
		z-index: 100;
		border-radius: 0 5px 5px 0;
		border-left: 1px solid #158EC0;
		background-color: #158EC0;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
	}



	#wrapper .main .top_1_2 article .course_list .swiper-slide .keytitle {
		text-decoration: none;
		color: #15A2C0;
		margin: 1px 0px 0 5px;
		border: solid 1px #15A2C0;
		padding: 4px 10px 3px;
		line-height: 1;
		border-radius: 15px;
		display: inline-block;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide p {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
	}


	#wrapper .main .top_1_2 article .course_list .swiper-slide p a {
		color: #212121;
		margin-right: 3px;

	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide p a:hover {
		text-decoration: underline;

	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .category {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .category span {
		width: calc(100%/2);
		padding: 3px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .category span a {
		padding: 0;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		text-align: center;
		margin: 0;
		width: 100%;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .tag {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		margin: 0 auto;
		border-radius: 0px;
		border-bottom: dashed 1px #ccc;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
		margin: 0 5px 0 0;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .tag a:hover {
		color: #158EC0;
		background-color: #fff !important;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .num_box {
		margin-bottom: 30px;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide dl {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 5px 0 0px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.9em;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide dl dt {
		width: 15%;
		padding-left: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide dl dd a {
		color: #1565C0;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide dl dt span {
		display: inline-block;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		border-radius: 50%;
		color: #fff;
		background-color: #1565C0;

	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide dl dd {
		width: 85%;
		padding-right: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .more {
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .more span {
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background: transparent url("../img/more.svg") no-repeat top center / contain;
	}


	#wrapper .main .top_1_2 article .course_list .swiper-slide .button {
		text-align: center;
		margin: 10px 0;
	}

	#wrapper .main .top_1_2 article .course_list .swiper-slide .button a {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 50px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_1_2 article .course_list .more_course {
		margin: 30px 0;
		text-align: center;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a {
		background-color: #fff;
		color: #1565C0;
		padding: 10px 20px;
		border-radius: 30px;
		box-sizing: border-box;
		font-weight: bold;
		width: 80%;
		margin: 0 auto;
		border: solid 2px #1565C0;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a span {
		display: inline-block;
		height: 2em;
		vertical-align: middle;
		width: 2em;
		background: transparent url("../img/arrow_r_b.svg") no-repeat top center / contain;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a:hover span {
		background: transparent url("../img/arrow_r_w.svg") no-repeat top center / contain;
		display: inline-block;
		height: 2em;
		vertical-align: middle;
		width: 2em;
	}

	#wrapper .main .top_1_2 article .course_list .more_course a:hover {
		background-color: #1565C0;
		color: #fff;

	}

	
.kyoitem li a,.kyoitem2 li a{
		text-decoration: none;
		color:#212121;
}

	#wrapper .main .top_2 {
		padding: 30px 10px;
		box-sizing: border-box;
		/*
		background-image: url(../img/border.png), url(../img/bg.png);
		background-position: bottom, center;
		background-repeat: repeat-x, repeat;
*/
	}

	#wrapper .main .top_2 article {
		background-color: #fff !important;
		padding: 0px 10px 10px;
		box-sizing: border-box;
		border-radius: 5px;
	}

	#wrapper .toppage .top_2 {
		background-image: none !important;
		background-color: #C5D9EF !important;
		padding: 30px 10px 50px;
		box-sizing: border-box;

	}

	#wrapper .main .top_2 .top_search {
		background-color: #fff;
		padding: 15px 0 0;
		box-sizing: border-box;
		border-radius: 5px;
	}

	#wrapper .main .top_2 .top_search h2 {
		text-align: center;
		line-height: 1.5em;
		padding: 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search h2 span {
		display: block;
		color: #616161;
		font-size: 0.6em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_2 .top_search .tag_list {
		margin: 0px 0 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 .top_search .tag_list span {
		font-size: 0.8em;
		margin: 4px;
	}

	#wrapper .main .top_2 .top_search .tag_list span object {
		padding-right: 3px;
		width: 12px;
		display: inline-block;
		vertical-align: middle;
	}

	#wrapper .main .top_2 .top_search .tag_list span a {
		padding: 2px 12px;
		font-weight: 600;
		background-color: #EBEDEF;
		border: solid 2px #1565C0;
		border-radius: 20px;
		color: #212121;
	}

	#wrapper .main .top_2 .top_search .tag_list span a:hover {
		color: #fff;
		background-color: #1565C0;
	}
.shbox{
	display:block;
}
	.sagasu{
		display: block;
	}


	/*---------------------------------
		アコーディオンボックス
	--------------------------------*/
	#wrapper .main .top_2 .top_search .acbox {
		width: auto;
		margin: 0 10px;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search {
		width: 150px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin: 0 auto;
		font-weight: bold;
		text-align: center;
		background: #E0E0E0;
		position: relative;
		display: block;
		padding: 3px 15px;
		border-radius: 15px;
		cursor: pointer;
		transition: 0.3s;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search:hover {
		opacity: 0.8;
	}


	#wrapper .main .top_2 .top_search .acbox .more_input {
		display: none;
	}

	#wrapper .main .top_2 .top_search .acbox .more_search:after {
		content: "+";
		/* ラベルのアイコン */
		position: absolute;
		top: 52%;
		left: 5px;
		margin-top: -14px;
		background-color: #fff;
		width: 27px;
		border-radius: 15px;
	}

	#wrapper .main .top_2 .top_search .acbox .more_input:checked~.more_search::after {
		content: "-";
		/* ラベルをクリックした後のアイコン */
	}

	#wrapper .main .top_2 .top_search .acbox .acbox-under {
		border-top: dotted 1px #ccc;
		height: 0px;
		overflow: hidden;
		margin-top: 30px;
		opacity: 0;
		transition: 0.8s;
		/* 開閉スピードの設定 */
	}

	#wrapper .main .top_2 .top_search .acbox .more_input:checked~div {
		height: auto;
		border-radius: 0px;
		opacity: 1;
	}

	#wrapper .main .top_2 .top_search h3 {
		text-align: left;
		line-height: 1.5em;
		padding: 10px 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search .acbox-under h3 {
		text-align: center;
	}

	#wrapper .main .top_2 .top_search h4 {
		font-size: 1.1em;

	}

	#wrapper .main .top_2 .top_search h4::before {
		display: inline-block;
		content: url("../img/h3.png");
		padding-right: 10px;
	}



	#wrapper .main .top_2 .top_search .acbox-under .cat_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search li {
		width: calc(99%/2);
		padding: 0 0 10px 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search span {
		display: block;
		font-weight: 600;
		font-size: 1em;
	}

	#wrapper .main .top_2 .top_search .acbox-under .cat_search span i {
		padding-right: 5px;
		color: #008B8B;
	}

	#wrapper .main .top_2 .top_search .acbox-under select {
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border: solid 1px #9E9E9E;
	}

	#wrapper .main .top_2 .top_search .tag_search {
		list-style-type: none;
		margin: 10px 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#wrapper .main .top_2 .top_search .tag_search li {
		width: calc(99%/2);
		margin-bottom: 10px;
	}

	/* 元々のチェックボックス（非表示） */
	.mycheckbox input[type="checkbox"] {
		display: none;
	}

	/* チェックボックスの代わりを成すラベル */
	.mycheckbox input[type="checkbox"]+label {
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding-left: 25px;
		padding-right: 10px;

	}

	/* ラベルの左に表示させる正方形のボックス□ */
	.mycheckbox input[type="checkbox"]+label::before {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		left: 0;
		top: 50%;
		background-color: #fff;
		border: 1px solid #9E9E9E;
		border-radius: 3px;
	}

	/* チェックが入った時のレ点 */
	.mycheckbox input[type="checkbox"]:checked+label::after {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 18px;
		height: 9px;
		margin-top: -9px;
		top: 50%;
		left: 3px;
		transform: rotate(-45deg);
		border-bottom: 3px solid;
		border-left: 3px solid;
		border-color: #1565C0;
		/* チェックの色*/
	}

	#wrapper .main .top_2 .top_search .free_text {
		border-radius: 5px;
		width: 100%;
		padding: 3px;
		box-sizing: border-box;
		border: 1px solid #9E9E9E;
		margin: 10px 0;
	}

	#wrapper .main .top_2 .top_search .resule_no p {
		text-align: center;
		margin: 20px 0;
	}

	#wrapper .main .top_2 .top_search .search_button {
		text-align: center;
		margin: 20px 0;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button],
	#wrapper .main .top_2 .top_search .search_button input[type=reset] {
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #fff;
		background-color: #1565C0;
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		border: solid 2px #1565C0;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button]:hover {
		opacity: 1;
		background-color: #fff;
		color: #1565C0;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_2 .top_search .search_button .clear_button,
	#wrapper .main .top_2 .top_search .search_button input[type=reset] {
		color: #000 !important;
		background: #E0E0E0 !important;
		border: solid 2px #E0E0E0 !important;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=button]:hover {
		opacity: 0.8;
	}

	#wrapper .main .top_2 .top_search .search_button input[type=reset]:hover {
		opacity: 0.8;
	}


	#wrapper .main .top_2 .breadcrumbs {
		width: 100%;
		margin: 0 auto;
		font-size: 0.8em;
		padding: 5px 10px 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 .breadcrumbs li {
		display: inline-block;
		float: left
	}

	#wrapper .main .top_2 .breadcrumbs li::after {
		display: inline-block;
		content: ">";
		padding: 0 10px;
		box-sizing: border-box;
		color: #ccc;
	}

	#wrapper .main .top_2 .breadcrumbs li:last-child::after {
		display: none;
	}

	#wrapper .main .top_2 .breadcrumbs li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 .breadcrumbs::after {
		content: "";
		display: block;
		clear: both;
	}



	#wrapper .main .top_2 article .width_box {
		width: 100%;

	}

	#wrapper .main .top_2 article .width_box .news_detail .news_date {
		text-align: right;
	}



	#wrapper .main .top_2 article .width_box .contents_box {
		border-radius: 5px;
		background-color: #fff;
		padding: 10px 5px 20px;
		box-sizing: border-box
	}

	#wrapper .main .top_2 article .width_box .project_list {
		list-style-type: none;
		display: block;
	}

	#wrapper .main .top_2 article .width_box .project_list li {
		width: 100%;
		background-color: #fff;
		padding: 0px;
		box-sizing: border-box;
		border-radius: 5px;
		margin: 10px 0;
		border: solid 1px #757575;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_l {
		width: 100%;


	}

	#wrapper .main .top_2 article .width_box .project_list li .box_l img {
		width: 100%;
		border-radius: 5px 5px 0 0;



	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r {
		width: 100%;
		padding: 30px 10px 15px;
		box-sizing: border-box;
		position: relative;

	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r h3 {
		padding: 0;
		margin: 0;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file {
		font-size: 1.5em;
		position: absolute;
		top: 5px;
		right: 10px;

	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file object {
		width: 20px;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .file:after {
		content: "";
		display: block;
		clear: both;
	}


	#wrapper .main .top_2 article .width_box .project_list li .box_r .category {
		font-size: 0.8em;
		margin: 0px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 600;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a {
		padding: 0px 8px;
		margin: 2px 3px;
		box-sizing: border-box;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		margin-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category .course a {
		border: solid 1px #008080;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .category .course a:hover {
		background-color: #008080;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span {
		color: #1565C0;
		text-decoration: underline;
		margin-right: 5px;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag span a:hover {
		text-decoration: none;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r p {
		font-size: 0.9em;
		text-align: justify;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag {
		padding: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
		margin: 0 2px 0 0;
	}

	#wrapper .main .top_1_2 article .course_list ul li div .tag a:hover {
		color: #158EC0;
		background-color: #fff !important;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link {
		margin: 20px 0 10px;
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link a {
		background-color: #1565C0;
		color: #fff;
		border-radius: 15px;
		padding: 3px 0px;
		box-sizing: border-box;
		width: 60%;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 500;
	}

	#wrapper .main .top_2 article .width_box .project_list li .box_r .reference_link a span {
		height: 1em;
		width: 1em;
		background: transparent url("../img/arrow_r_w.svg") no-repeat top center / contain;
		display: inline-block;
		vertical-align: middle;
	}

	/*---------------------------------
		アコーディオンボックス
	--------------------------------*/
	#wrapper .main .top_2 article .width_box .detail .acbox {
		width: auto;
		margin: 5px 0 0px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search {
		text-align: center;
		position: relative;
		display: block;
		font-weight: 600;
		width: 150px;
		padding: 20px 0 0;
		box-sizing: border-box;
		margin: 0 auto;
		cursor: pointer;
		color: #000;
		border-bottom: solid 2px #000;
		transition: all 0.5s;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search:hover {
		border-bottom: solid 2px #1565C0;
	}


	#wrapper .main .top_2 article .width_box .detail .acbox .more_input {
		display: none;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_search:after {
		content: "+";
		/* ラベルのアイコン */
		position: absolute;
		top: 75%;
		left: 5px;
		margin-top: -14px;
		width: 27px;
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_input:checked~.more_search::after {
		content: "-";
		/* ラベルをクリックした後のアイコン */
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .acbox-under {
		box-sizing: border-box;
		height: 0px;
		overflow: hidden;
		margin: 10px 0 20px;
		padding: 0px;
		opacity: 0;
		border-bottom: dashed 1px #ccc;
		transition: 0.8s;
		/* 開閉スピードの設定 */
	}

	#wrapper .main .top_2 article .width_box .detail .acbox .more_input:checked~div {
		height: auto;
		border-radius: 0px;
		opacity: 1;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox h3 {
		text-align: left;
		line-height: 1.5em;
		padding: 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox h4 {
		font-size: 1.1em;

	}

	#wrapper .main .top_2 article .width_box .detail .acbox h4::before {
		display: inline-block;
		content: url("../img/h3.png");
		padding-right: 8px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under h3 {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 0 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search li {
		width: calc(99%/2);
		padding: 0;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search span {
		display: block;
		font-weight: 600;
		font-size: 1em;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .cat_search span i {
		padding-right: 5px;
		box-sizing: border-box;
		color: #008B8B;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under select {
		width: 100% !important;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .free_text {
		width: 100%;
		border: solid 1px #ccc;
		padding: 2px;
		box-sizing: border-box;
		border-radius: 3px;
	}


	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button {
		text-align: center;
		margin-top: 20px;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=button] {
		background-color: #1565C0;
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		border: solid 2px #1565C0;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=reset] {
		color: #000 !important;
		background-color: #ccc !important;
		border: solid 1px #ccc !important;
		padding: 5px;
		width: 150px;
		font-weight: 600;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		border-radius: 30px;
		margin: 0 5px 20px;
		transition: 0.3s;
	}

	#wrapper .main .top_2 article .width_box .detail .acbox-under .search_button input[type=button]:hover {
		background-color: #fff;
		opacity: 0.8;
		color: #1565C0;
	}




	#wrapper .main .top_2 article .width_box .detail .tag_search {
		list-style-type: none;
		margin: 10px 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#wrapper .main .top_2 article .width_box .detail .tag_search li {
		width: calc(99%/2);
		margin-bottom: 10px;
	}




	#wrapper .main .top_2 article .width_box .detail .sub_title {
		text-align: left;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .sub_title i {
		color: #1565C0;
		padding-right: 3px;
		font-size: 1.1em;
	}
/*
	#wrapper .main .top_2 article .width_box .detail h2 {
		position: relative;
		padding:5px 10px 10px 45px;
		background-image: url("../img/nav.png");
		margin: 5px 0 10px;
		color: #fff;
		font-size: 1.3em;
	}
	#wrapper .main .top_2 article .width_box .detail h2::before{
		position:absolute;
		top:8px;
		left:0;
		content:url("../img/h1ai.png");	
	}
	*/
	#wrapper .main .top_2 article .width_box .detail h3 {
		font-size: 1.2em;
		margin: 20px 0 15px;
	}
	/*
	#wrapper .main .top_2 article .width_box .detail h3::before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 21px;
		vertical-align: middle;
		background-image: url(../img/h2.png);
		background-repeat: no-repeat;
		padding-right: 5px;
	}
*/
	#wrapper .main .top_2 article .width_box .detail h4 {
		font-size: 1.1em;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube::before {
		display: none;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube1::before {
		content: "";
		background-image: url("../img/pdf.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_youtube2::before {
		content: "";
		background-image: url("../img/youtube.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file {
		display: block;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li {
		margin: 10px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li a {
		background-color: #fdeff2;
		color: #000;
		padding: 5px 10px;
		border: solid 1px #f5b1aa;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_file li a i {
		padding-right: 3px;
		color: red;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink {
		list-style-type: none;
		margin: 4px 0em;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink li {
		margin: 2px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink span {
		content: "";
		vertical-align: middle;
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background-image: url("../img/arrow_r_b.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink a {
		color: black;
		display: contents;
	}

	#wrapper .main .top_2 article .width_box .detail .sitelink a::after {
		content: "";
		background-image: url("../img/link.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link {
		padding: 0;
		margin: 0px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li {
		width: calc(100%/1);
		padding: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a {
		border: solid 1px #ccc;
		border-radius: 3px;
		padding: 3px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;

	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a img {
		width: 30%;
		height: auto;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a span {
		width: 100%;
		padding: 3px;
		font-size: 0.9em;
		color: #0d0015;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a div.image {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link li a div.image img {
		width: 100%;
		height: auto;
	}


	#wrapper .main .top_2 article .width_box .detail .doc_link li a span object {
		width: 16px;
		vertical-align: middle;
		box-sizing: border-box;
		padding-right: 4px;
	}



	/*20210209*/
	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div {
		border: solid 1px #ccc;
		border-radius: 3px;
		padding: 3px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div a {
		display: inline;
		border: none;
		text-decoration: underline;
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div img {
		width: 30%;
		height: auto;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div span {
		width: 70%;
		padding: 3px;
		font-size: 0.9em;
		color: #0d0015;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .doc_link .file_link_2 div span object {
		width: 16px;
		vertical-align: middle;
		box-sizing: border-box;
		padding-right: 4px;
	}

	/*20210209終わり*/



	#wrapper .main .top_2 article .width_box .detail .pc {
		display: none;
	}


	#wrapper .main .top_2 article .width_box .detail .file_link {
		list-style-type: none;
		margin: 1em;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li {
		padding: 3px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li i {
		padding-right: 5px;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a {
		color: #000;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a i {
		padding-right: 3px;
	}

	#wrapper .main .top_2 article .width_box .detail .file_link li a:hover {
		text-decoration: underline;
	}


	#wrapper .main .top_2 article .width_box .detail .back_button {
		margin: 30px 0;
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .back_button a {
		color: #fff;
		background-color: #616161;
		padding: 8px;
		width: 250px;
		border-radius: 30px;
	}



	#wrapper .main .top_2 article .width_box .detail .cat_link {
		padding: 0;
		margin: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li {
		width: calc(100%/1);
		padding: 5px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a {
		border: solid 1px #1565C0;
		color: #1565C0;
		width: 100%;
		padding: 3px 5px;
		box-sizing: border-box;
		font-weight: bold;
		border-radius: 3px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a:hover {
		color: #fff;
		background-color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a i {
		float: right;
		font-size: 1.2em;
		padding-top: 3px;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_link li a i::after {
		display: block;
		content: "";
		clear: both;
	}



	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button {
		padding: 20px 0 30px;
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button input {
		width: 150px;
		text-align: center;
		padding: 10px;
		margin: 10px;
		border: none;
		cursor: pointer;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button input:hover {
		opacity: 0.8;
	}


	#wrapper .main .top_2 article .width_box .detail .ict_search .search_button .button_blue {
		background-color: #1565C0;
		color: #fff;
	}


	#wrapper .main .top_2 article .width_box .detail .favorite {
		margin: 10px 0 0;
		text-align: right;
	}


	#wrapper .main .top_2 article .width_box .detail .cat_class span {
		letter-spacing: 0.01;
		margin: 0px 0px 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 600;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class span a {
		transition: all 0.5s;
		padding: 1px 10px;
		border-radius: 15px;
		border: solid 1px #1565C0;
		background-color: #EBEDEF;
		color: #212121;
		font-size: 0.9em;
		margin: 0 2px 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class .course a {
		border: solid 1px #008080;
	}

	#wrapper .main .top_2 article .width_box .detail .cat_class .course a:hover {
		background-color: #008080;
	}

	#wrapper .main .top_2 article .width_box .detail .text {
		margin: 10px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .tag {
		margin: 5px 0;
	}

	#wrapper .main .top_2 article .width_box .detail .tag span a {
		color: #1565C0;
		text-decoration: underline;
		margin-right: 5px;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .detail .tag span a:hover {
		text-decoration: none;
	}


	#wrapper .main .top_2 article .width_box .detail .img_dl {
		text-align: center;
		margin: 10px 0;
	}


	#wrapper .main .top_2 article .width_box .detail .img_dl img {
		width: 90%;
		border: solid 1px #ccc;
		margin: 0 auto;
	}

	#wrapper .main .top_2 article .width_box .detail .img_ss {
		width: 100% !important;
		text-align: center;
		margin: 20px 0;
	}


	#wrapper .main .top_2 article .width_box .detail .pdf_dl {
		text-align: center;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl a {
		padding: 5px 20px;
		border: solid #1565C0 1px;
		font-weight: bold;
		color: #1565C0;
		margin-bottom: 5px;
		border-radius: 5px;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li {
		width: 100%;

	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .pdf_dl2 ul li a i {
		margin-right: 5px;
	}



	#wrapper .main .top_2 article .width_box .detail .video_list {
		display: block;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 {
		display: block;
	}


	#wrapper .main .top_2 article .width_box .detail .video_list li {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 li {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list li iframe {
		width: 100%;
		margin: 0 auto;
		height: 300px;
	}

	#wrapper .main .top_2 article .width_box .detail .video_list2 li iframe {
		width: 100%;
		margin: 0 auto;
		height: 300px;
	}
/*
	#wrapper .main .top_2 article .width_box .detail .relation_jirei h2 {
		padding:0px 0 5px 45px;
		box-sizing: border-box;

		background-color: #1565C0;
		background-image: url("../img/nav2.png");

		margin: 5px 0 10px;
		font-size: 1.2em;
		line-height: 1.2em;
		position:relative;
	}
	
		#wrapper .main .top_2 article .width_box .detail .relation_jirei h2::before{
		position:absolute;
		top:8px;
		left:0;
		content:url("../img/h1ai.png");	
	}
	*/

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .pc {
		display: none;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div {
		padding: 0 0 30px;
		border: solid 1px #ccc;
		border-radius: 8px;
		width: 80%;
		margin: 0 auto;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide img {
		border-radius: 8px 8px 0 0;
		width: 100% !important;
		margin: 0 auto;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div h4 {
		padding: 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div p {
		padding: 0 10px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}


	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div span {
		margin-right: 5px;
		font-size: 0.9em;
		color: #1565C0;
	}

	#wrapper .main .top_2 article .width_box .detail .relation_jirei .swiper-slide div a {
		background-color: #1565C0;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #fff;
		display: block;
		padding: 4px;
		font-weight: bold;
		border-radius: 15px;
		box-sizing: border-box;
		text-align: center;
		margin: 0 auto;
		width: 90%;
	}


	/*Vchat*/

	#wrapper .main .top_2 article .width_box .vchat .vchat_box {
		display: block
	}

	#wrapper .main .top_2 article .width_box .vchat .vchat_box .box_l {
		width: 100%;
		margin-bottom: 20px;
	}

	#wrapper .main .top_2 article .width_box .vchat .vchat_box .box_r {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .vchat h3 {
		padding: 0;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .vchat h3::before {
		display: inline-block;
		background-image: url("../img/h2.png");
		width: 15px;
		vertical-align: middle;
	}

	#wrapper .main .top_2 article .width_box .vchat ul {
		padding: 0;
		margin: 0 0 0 20px;
		list-style-type: circle;
	}



	#wrapper .main .top_2 article .width_box .vchat a {
		display: inline;
	}

	#wrapper .main .top_2 article .width_box .vchat object {
		width: 16px;
		margin-left: 4px;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link {
		width: 100%;
		margin: 50px 0 0;
		border: solid 3px #038C33;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		display: block;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dt {
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dd {
		width: 100%;
		margin-top: 30px;
	}

	#wrapper .main .top_2 article .width_box .vchat .qr_link dd img {
		width: 150px;

		margin: 0 auto;
	}

	/*端末紹介*/

	#wrapper .main .ss_terminal {
		margin-top: 30px;
	}


	#wrapper .main .ss_terminal .list_no {
		list-style-type: decimal;
		margin: 0;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#wrapper .main .ss_terminal .list_no li {
		margin-bottom: 15px;
	}

	#wrapper .main .ss_terminal .list_no li ul {
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .ss_terminal .list_no li ul li {
		margin: 0;
		padding: 0 0 10px;
		box-sizing: border-box;
	}

	#wrapper .main .ss_terminal .list_no li .material-symbols-outlined {
		vertical-align: middle;
		color: #1565C0;
	}

	#wrapper .main .ss_terminal .list_kana {
		list-style-type: katakana;

	}

	#wrapper .main .ss_terminal .bold {
		display: block;
		text-decoration: underline;
		font-weight: 600;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .ss_terminal .bold2 {
		font-weight: 600;
	}

	#wrapper .main .ss_terminal .list_no a {
		color: black;
		text-decoration: underline;
	}


	#wrapper .main .ss_terminal .list_no a::after {
		content: "";
		background-image: url("../img/link.svg");
		display: inline-block;
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-left: 4px;
		box-sizing: border-box;
	}


	#wrapper .main .ss_terminal .contact {
		margin: 40px 0 0 0;
		text-align: center;
	}


	#wrapper .main .ss_terminal .contact .address_box {
		padding: 10px;
		margin: 0 auto;
		text-align: left;
		box-sizing: border-box;
		display: inline-block;
		background-color: #F3F9FC;
	}


	/*コース一覧*/

	#wrapper .main .top_2 article .width_box .course_list .sp {
		display: none;

	}

	#wrapper .main .top_2 article .width_box .course_list .pc {
		display: block !important;

	}


	#wrapper .main .top_2 article .width_box .course_list ul {
		list-style-type: none;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li {
		width: 100%;
		display: flex;
		flex-direction: column;
		border: solid 1px #ccc;
		border-radius: 15px;
		background-color: #fff;
		margin-bottom: 10px;
		padding: 0 0 10px 0 !important;
	}



	#wrapper .main .top_2 article .width_box .course_list ul li .num_box {
		flex-grow: 1 !important;
	}





	#wrapper .main .top_2 article .width_box .course_list ul li h3 {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 0;
		border-radius: 15px 15px 0 0;
		text-align: center;
		margin: 0 !important;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li img {
		width: 100%;
		margin-bottom: 10px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li div {
		position: relative;
		border: 0;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag {
		display: inline-block;
		position: absolute;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
		left: 0;
		top: 8px;
		box-sizing: border-box;
		padding: 0 20px 0 10px;
		margin: 0;
		height: 30px;
		line-height: 30px;
		color: #fff;
		z-index: 100;
		border-radius: 0 5px 5px 0;
		border-left: 1px solid #158EC0;
		background-color: #158EC0;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag:before {
		position: absolute;
		content: '';
		top: 0;
		left: -7px;
		border: none;
		height: 38px;
		width: 7px;
		background-color: #158EC0;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .cat_tag:after {
		position: absolute;
		content: '';
		bottom: -7px;
		left: -5px;
		border: none;
		height: 7px;
		width: 5px;
		background: #4d99ca;
		border-radius: 5px 0 0 5px;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .keytitle {
		text-decoration: none;
		color: #15A2C0;
		margin: 1px 0px 0 5px;
		border: solid 1px #15A2C0;
		padding: 4px 10px 3px;
		line-height: 1;
		border-radius: 15px;
		display: inline-block;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li p {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li p a {
		color: #212121;
		margin-right: 3px;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li p a:hover {
		text-decoration: underline;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category span {
		width: calc(100%/2);
		padding: 3px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .category span a {
		padding: 0;
		background-color: #EBEDEF;
		border: solid 1px #1565C0;
		border-radius: 20px;
		color: #212121;
		text-align: center;
		margin: 0;
		width: 100%;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li span a:hover {
		background-color: #1565C0;
		color: #fff;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag {
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9em;
		margin: 0 auto;
		border-radius: 0px;
		border-bottom: dashed 1px #ccc;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag a {
		text-decoration: underline;
		color: #1565C0;
		display: inline-block;
		margin: 0 5px 0 0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .tag a:hover {
		color: #158EC0;
		background-color: #fff !important;
	}



	#wrapper .main .top_2 article .width_box .course_list ul li dl {
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 10px 0 0px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dt {
		width: 15%;
		padding-left: 5px;
		box-sizing: border-box;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li dl dt span {
		display: inline-block;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		border-radius: 50%;
		color: #fff;
		background-color: #1565C0;

	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dd {
		width: 85%;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .more {
		text-align: center;
		font-size: 0.7em;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .more span {
		display: inline-block;
		height: 1.5em;
		width: 1.5em;
		background: transparent url("../img/more.svg") no-repeat top center / contain;
	}


	#wrapper .main .top_2 article .width_box .course_list ul li .button {
		text-align: center;
		margin: 10px 0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li .button a {
		background-color: #1565C0;
		color: #fff;
		padding: 3px 50px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 30px;
		font-weight: bold;
		border: solid 2px #1565C0;
	}

	#wrapper .main .top_2 article .width_box .course_list ul li dl dd a {
		color: #1565C0;
	}




	#wrapper .main .top_2 article .width_box .mail_form {
		width: 100%;
		margin: 20px 0;
		font-size: 1em;
		border: solid #1565C0 1px;
		padding: 0px;
		box-sizing: border-box;
		border-radius: 5px;

	}

	#wrapper .main .top_2 article .width_box .mail_form h5 {
		background-color: #1565C0;
		color: #fff;
		padding: 5px 10px;
		font-size: 1em;
		margin: 0;
	}

	#wrapper .main .top_2 article .width_box .mail_form h5 i {
		padding-right: 5px;
	}

	#wrapper .main .top_2 article .width_box .mail_form div {
		padding: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .width_box .mail_form p {
		font-weight: bold;
		font-size: 0.8em;
		margin: 2px 2px 0;
	}

	#wrapper .main .top_2 article .width_box .mail_form input {
		padding: 5px;
		border-radius: 3px;
		border: solid 1px #ccc;
		height: 30px;
		margin: 0px 2px 2px;
		font-size: 0.9em;
		width: 100%;
	}



	#wrapper .main .top_2 article .width_box .mail_form textarea {
		padding: 5px;
		border-radius: 3px;
		height: 150px;
		border: solid 1px #ccc;
		width: 100%;
		box-sizing: border-box;
		font-size: 0.8em;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button .input_blue {
		background-color: #1565C0;
		border: solid 1px #1565C0;
		color: #fff;
		font-weight: bold;
	}


	#wrapper .main .top_2 article .width_box .mail_form .form_button input {
		cursor: pointer;
		line-height: 1em;
		height: 40px;
		width: 100px;
		margin: 5px;
		border-radius: 5px;
		font-family: 'Montserrat', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#wrapper .main .top_2 article .width_box .mail_form .form_button input:hover {
		opacity: 0.8;
	}






	#wrapper .main .top_2 article .width_box .sitemap {
		list-style-type: circle;
		margin-left: 2em;
	}

	#wrapper .main .top_2 article .width_box .sitemap li {
		margin-bottom: 5px;
	}

	#wrapper .main .top_2 article .width_box .sitemap li a {
		color: #000;
		text-decoration: underline;
	}




	#wrapper .main .top_2 article .top_2_r {
		margin-top: 10px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .top_2_r .topics h3 {
		padding-bottom: 5px;
		border-bottom: solid 2px #ccc;
		font-size: 1em;
	}

	#wrapper .main .top_2 article .top_2_r .topics h3::before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 21px;
		vertical-align: middle;
		background-image: url(../img/h2.png);
		background-repeat: no-repeat;
	}

	#wrapper .main .top_2 article .sp_sns {
		padding: 1px;
		margin: 10px 0;
		border-radius: 5px;
		background-color: #ccc;
		height: 501px;
	}

	#wrapper .main .top_2 article .top_2_r .topics {
		background-color: #fff;
		border-radius: 5px;
		padding: 10px;
		margin: 0;
	}

	#wrapper .main .top_2 article .top_2_r .topics ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		font-size: 0.9em;
	}

	#wrapper .main .top_2 article .top_2_r .topics ul li {
		padding: 10px 0;
		border-bottom: solid 1px #ccc;
	}

	#wrapper .main .top_2 article .top_2_r .topics ul li a {
		color: #1565C0;
	}

	#wrapper .main .top_2 article .sp_twitter {
		margin: 10px 0;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .sp_twitter a {
		color: white;
		background-color: #1DA1F2;
		width: 90%;
		margin: 0 auto;
		padding: 5px 10px;
		box-sizing: border-box;
		font-weight: bold;
		border-radius: 5px;
		text-align: center;
	}


	#wrapper .main .top_2 article .top_2_r .banner {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#wrapper .main .top_2 article .top_2_r .banner ul {
		list-style-type: none;
		padding: 0;
		margin: 10px 0;
	}

	#wrapper .main .top_2 article .top_2_r .banner ul li {
		margin: 0;
		padding: 0 0 3px 0;
		text-align: center;
	}

	#wrapper .main .top_2 article .top_2_r .banner a {
		display: inline-block;
	}

	#wrapper .main .top_2 article .top_2_r .banner img {
		width: 160px;
	}

	#wrapper footer {
		background:#031E64;
		/*
		background-image: url(../img/f_bg.png);
		*/
		background-repeat: repeat;
	}

	#wrapper footer .back_top {
		position: relative;
	}

	#wrapper footer .back_top a {
		display: inline;
		position: absolute;
		top: -30px;
		right: 10px;
	}


	#wrapper footer .back_top a:hover {
		opacity: 1;
	}

	#wrapper footer article {
		display: block;
		padding: 40px 0;
		color: #fff;
	}

	#wrapper footer article .footer_l {
		width: 100%;
		border-bottom: dotted 3px #fff;
		padding: 30px 10px;
		box-sizing: border-box;
	}

	#wrapper footer article .footer_l .tokyo_logo {
		text-align: center;
		margin: 20px 0 30px;
	}

	#wrapper footer article .footer_l .tokyo_logo img {
		width: 200px;
	}

	#wrapper footer article .footer_l h3 {
		font-size: 1.1em;
		font-weight: normal;
		margin-bottom: 10px;
	}

	#wrapper footer article .footer_l p {
		font-size: 0.9em;
	}

	#wrapper footer article .footer_l p a {
		color: #fff;
		text-decoration: underline;
	}

	#wrapper footer article .footer_r {
		width: 100%;
	}

	#wrapper footer article .footer_r ul {
		list-style-type: none;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#wrapper footer article .footer_r ul li a {
		text-decoration: underline;
		color: #fff;
		font-size: 0.9em;
	}

	#wrapper footer article .footer_r .copyright {
		font-size: 0.8em;
		margin: 10px 0 0;
		text-align: center;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

}

table {

	border-collapse: collapse;

}

table th,
td {
	padding: 20px;
	box-sizing: border-box;
	line-height: 1.3;
}


@media screen and (max-width: 980px) {
		.sukurobox {
		overflow: scroll;
	}
	.kyoitem,.kyoitem2{
		display:block;
	}
	.kyoitem li,.kyoitem2 li{
		margin:10px auto;
		width:100%;
	}
.kyoitem li a,.kyoitem2 li a{
		text-decoration: none;
		color:#212121;;
}

.sukurobox p{
	margin-left: 15.5rem;
	color: red;
}

	.sukurobox p{
		margin-left: 14.5rem;
}


.sukuro {
	width: 100%;
	margin-bottom: 50px;
}


	th {

		border: 1px solid #DDD;
		background: #FFF9E6;
		padding: 20px 16px;

	}

	td {

		border: 1px solid #DDD;
		padding: 20px;
		text-align: center;
	}
	span {
		color:#212121;
	}

.title {
	background: #1565C0;
	padding-block: 20px;
	color: white;
	font-size: 24px;
	text-align: center;
}

.title_sub {
	background: #1565C0;
	padding: 20px;
	color: white;
	font-size: 24px;
	text-align: center;
	width: fit-content;
	margin: 0 auto;
}

a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 10px auto;
	padding: 1rem 0rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	max-width: 350px;
}
a.btn_04:hover {
	color: #27acd9;
	background: #fff;
}

a.btn_04.light{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 10px auto;
	padding: 1rem 0rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd969;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	max-width: 350px;
}



.workshop__about {

}

.workshop__about-title {
font-weight: bold;
font-size: 18px;
margin-top: 20px;
}

.workshop__about-text {
	padding-left: 50px;
}

.workshop__about-text {
		padding-left: 25px;
	}


.workshop__about-text li{
	padding-left: 50px;
}
	

.workshop__about-text li{
		padding-left: 25px;
}


.workshop__about-text-detail {
	margin-left: 50px;

}

.workshop__about-text-detail {
		margin-left: 25px;
	}

.workshop__about-text-detail p{
	margin-left: 50px;

}

.workshop__about-text-detail p{
		margin-left: 25px;
	}



.workshop__about-text-detail p{
	padding-top: 10px;

}

.workshop__about-text-detail-title {
	font-weight: bold;
	font-size: 16px;
	margin-top: 15px;

}



.btn_04 {

}

.th-title {
	width: 150px;
}

.left_banner_add {
	display: flex;
	justify-content: center;
	align-items: center;
	background: yellow;
	font-weight: bold;
	height: 108px;
	}


.left_banner_add {
			height: 90px;
			}

.space {
	padding-left: 48px;
}

}