body{
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 1.8em;
	font-size:15px;
	min-width: 960px;
	}

/* ----------------------------------------

コンテンツ最大幅の設定

---------------------------------------- */

.sp-inline{
	display: none;
}

.content-wrap{
	max-width:1200px;
	margin:0 auto;
	padding:0 16px;
	}

.content-wrap-l{
	max-width:1300px;
	margin:0 auto;
	padding:0 16px;
	}
.menu-mgn{
	margin-top:96px;
}

.slick-next {
    right: 8px !important;
}
.slick-prev {
    left: 8px !important;
    z-index: 2;
}

.sp-foot-nav{
	display:none;
}
/*共通パディング*/
/*
.box-pd{
	padding-top: 160px;
	padding-bottom: 100px
}
*/

/* ----------------------------------------

各ページ共通要素

---------------------------------------- */

/*各共通タイトル*/
/*
.common-ttl {
    font-size: 30px;
}
.lower-ttl{

}
*/


/* ----------------------------------------

共通フォントスタイル

---------------------------------------- */

/*
.color-1{
	color:#a88220;
}
.color-2{
	color:#ffdf03;
}

.color-3{
	color:#1d1106;
}

.bg-color-1{
	background-color: :#a88220;
}
.bg-color-2{
	background-color:#ae7430;
}

.bg-color-3{
	background-color:#1d1106;
}


.font-1{
	font-family: 'Anton', sans-serif;
}

.mincho{
	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	}

.mincho2{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

*/

/* ----------------------------------------

パンくず

---------------------------------------- */
/*
.bread-wrap{

	position:relative;
	}
.breadcrumb {
    margin-top: 35px;
    font-size: 16px;
    font-weight: normal;
    font-family: -webkit-body;
}

.breadcrumb li{
	display:inline-block;
	}

.breadcrumb li a{
	color:#666;
	}

.breadcrumb li a:hover{
	text-decoration:underline;
	}

.breadcrumb li a:after{
	content:">";
	padding:0 8px;
	text-decoration:none !important;
	display: inline-block;
	}
*/
/* ----------------------------------------

上部に戻るボタン

---------------------------------------- */
/*
.to-top-btn {
    position: fixed;
    right: 0px;
    bottom: 0px;
    border: double #3ec8fb 1px;
    background: #000000;
    color: #3ec8fb;
    padding: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 1.5em;
}*/

.common-ttl {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	font-size: 47px;
	line-height: 1.5;
	font-weight: 900;
}
.common-ttl span{
	font-size:20px;
	display:block;
	margin-top:10px;
}

.common-ttl2 {
	position:relative;
	border-left:4px solid #fff;
	padding-left:10px;
}
.common-ttl3 span {
	font-family: 'Anton', sans-serif;
	font-size: 50px;
	color: #c30d23;
	display: block;
	margin-bottom: 20px;
}
.common-ttl3 {
	font-size: 20px;
	position:relative;

	text-align:center;
	font-weight:800;
}
.common-ttl2 span{
	display:block;
	font-size:18px;
	margin-top:10px;
}

.white{
	color:#fff;
}

.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

/* nav */
header .menu{
	margin-left:auto;
	padding-right: 10px;
	padding-top: 10px;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}



/*アイコンのスペース*/
#nav-open {
    display: inline-block;
position:relative;
line-height:1em;
    background-color: #fff;
    padding: 5px;
    vertical-align: middle;
		z-index:99;
		position:relative;
		font-size:13px;
		width:50px;
		height:50px;
}
#nav-open i{
	position: absolute;
	    width: 100%;
			text-align:center;
left:0px;
top:34px;
font-size:12px;
font-style:none;

}

#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
 width:100%;
  height: 3px;
left:0px;
  border-radius: 3px;
  background: #999;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span{
	top: 8px;
	left:5px;
	width:calc(100% - 10px);
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: .3s ease-in-out;
}

#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 330px;
  height: 100%;
  background:#252525;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);

}

.navigation_item {
}
.sp-nav .navigation_item a,
.slide-toggle
 {
  width: 100%;
  padding: 1.0rem;
  color: #fff;
  border-bottom: 1px solid #ccc;
  display: block;
}

/*============================
#main-header
============================*/
#main-header {
	min-width:1200px;
	width:100%;
	padding:10px 0;
	background-color:rgba(255,255,255,0.7);
	position:fixed;
	left:0;
	top:0;
	z-index:999;
}
#main-header .flex{
	align-items: center;
}
#main-header .logo {
	margin-right:15px;
}
#main-header .logo img{
	width: 150px;
}
#main-header .tel {
	margin-right:10px;
}
#main-header .cp {
	margin-right: 10px;
}
#main-header .cp .name {
	font-weight: bold;
	font-size: 20px;
}

#main-header .cp .route {
	background-color: #333;
	color: #fff;
	padding: 5px;
	line-height: 1em;
	text-align: center;
}
#main-header .content-wrap{
	max-width: inherit;
}
/*============================
#main-visual
============================*/
#main-visual {
	/*background-image:url(../img/bg.png);*/
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	padding:81px 0 0px;
}
#main-visual img{
	width: 100%;
	vertical-align: bottom;
}

#main-visual .main-catch {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-412px;
	margin-top:-133px;
	z-index:2;
}
#main-visual .slider {
}
#main-visual .slider .item {
}
#main-visual .slider .item .info {
}

.slider{
	width:1406px;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 1200px) {
	.slider{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
	.slider img{
	width:100%;

	}
}

/*============================
#course
============================*/
#course {
	padding:80px 0;
	color: #fff;
	position: relative;
	z-index: 0;
	background: #464646;
}
/*
#course::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;
	transform: skewY(4deg);
	transform-origin: top right;

	z-index: -1;
	width:100%;
	height:100%;
	background: #464646;
}

 */
#course .content-wrap{

}

#course .list {
}
#course .list .item {
	width:calc(25% - 20px);
	background-color: #fff;
	text-align:center;
	margin-top:40px;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
	color:#000;
}

.course-col-2{
	width:calc(50% - 20px) !important;
}

.course-col-3{
	width:calc(33.333% - 20px) !important;
}

#course .list .item .img img{
	width: 100%;
}
#course .list .item .info{
	padding: 20px;
	position: relative;
	z-index: 0;
}
/*
#course .list .item .info::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;
	transform: skewY(2deg);
	transform-origin: top right;
	z-index: -1;
	width:100%;
	height:100%;
	background: #fff;
}*/
#course .list .item .icon{
	width: 80px;
	height: 80px;
	padding: 10px;
	background-color: #333;
	border-radius: 50%;
	margin: -65px auto 20px;
}

#course .list .item .icon img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}

#course .list .item .ttl {
	font-size: 19px;
	font-weight: bold;
}
#course .list .item .txt {
	margin-top:20px;
	text-align:left;
}
#course .list .item a{
	display: block;
	padding: 15px;
	color: #fff;
	border-radius: 5px;
	background-color: #c30d23;
	margin-top: 20px;
}

/*============================
#feature
============================*/
#feature {
	position:relative;
	/*background-color:#73ADBB;*/
	padding: 80px 0 180px;
	/*color:#fff;*/
}

#feature .list {
}
#feature .list .item {
	width:calc(33.333% - 20px);
	background-color: #fff;
	text-align:center;
	margin-top:40px;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
	color:#000;

}


#feature .list .item .img {
}
#feature .list .item .img img{
	width: 100%;
	height: 200px;
	object-fit: cover;
vertical-align: bottom;
}
#feature .list .item .info{
	padding: 20px;
	background: #c30d23;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

#feature .list .item .info::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;
	transform: skewY(10deg);
	transform-origin: top right;
	z-index: -1;
	width:100%;
	height:100%;
	background: #464646;
}

#feature .list .item .ttl {

	font-size:22px;
	color: #fff;
	margin-top:20px;
	font-weight:800;
}
#feature .list .item .txt {
	margin-top:20px;
		text-align:left;
}



.bnr {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

/*============================
#point
============================*/
#point {

	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center top;
	background-size:cover;
	padding:60px 0;
	color:#387D8D;
}
#point {
}
#point .common-ttl {
}
#point .icon {
	text-align:center;
}
#point .img {

}
#point .copy {
	font-size:30px;
	font-weight:bold;
}
#point .copy .row{
}
#point .copy .row2{
	text-align:right;
	margin-top:40px;
}


#point .txt {
	margin-top:40px;
	text-align:center;
	color:#000;
}
#instagram {
	padding:60px 0;
}
#instagram .gallery_photo {
margin-top:20px;
}
#instagram .gallery_photo .gallery_photo_list {
	width:calc(25% - 40px);
	border:1px solid #ccc;
	padding:10px;
	margin-top:20px;
	height:150px;
}
#instagram .gallery_photo .gallery_photo_list img{
	width:100%;
	height:100%;
	object-fit:cover;
}

#instagram .txt {
	margin-top:40px;
	text-align:center;
	color:#000;
}

.photo_list{
margin-top:40px;
}
.photo_list .item{
	margin-top:40px;
width:calc(25% - 30px);
background-color:#efefef;
}
.photo_list .item a{
}
.photo_list .item a img{
	height:262px;
	width:100%;
	object-fit:cover;
}
.photo_list .item .caption{
padding:10px;

}

/*============================
#course1
============================*/
.plan {
	/*
	background-image:url(../img/bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;*/
	background-image:url(../img/bg-content.png);
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center top;
	background-size:cover;

	position:relative;
	color:#fff;
	padding:60px 0;
	background-color:#6596bf;
}
.plan::before {
	/*
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(32,88,172,0.8);

	 */
}
.plan {
}
.plan .common-ttl2{
	border-bottom: 1px solid #000;
	padding-bottom: 40px;
	margin-bottom: 40px;
	font-weight: bold;
	text-align: center;
}

.plan .icon{
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 40px;
	font-weight: bold;
}
.plan .icon{
	width: 150px;
	height: 150px;
	padding: 40px;
	background-color: #333;
	border-radius: 50%;
	margin: -115px auto 20px;
	margin-bottom: 80px;
}
.plan .icon img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}


.plan .content {
	background-color:#fff;
	padding:40px;
	color:#000;
	position:relative;
	margin-top:120px;
}
.plan .content .copy {
	font-size:18px;
	font-weight: bold;

	padding: 10px;
	margin-bottom: 40px;
	    line-height: 1.8;
	background-color: #efefef;
	border-radius: 5px;
}
.plan .content>.img {
	margin-top:20px;

}
.plan .content>.img img{
width:100%;
}
.plan .content>.txt {
	font-size:15px;
	text-align:center;
	margin-top:20px;
}
.plan .content>.console{
	padding:10px;
	background-color:#efefef;
	border-radius:10px;
	color:#ff3030;
	margin-top:20px;
}
.plan .content>.ttl {
	background-color:rgba(32,88,172,1);
	font-size:20px;
	    padding: 10px 10px 10px 20px;
	border-radius:30px;
	margin-top:40px;
	margin-bottom:20px;
	color:#fff;
}
.plan .content .list {
}
.plan .content .list .item {
	width:50%;
	padding:10px;
margin-bottom:20px;
}

.plan .content .list .item:nth-child(odd) {
border-right:1px solid #2058AC;

}
.plan .content .list .item .ttl {
	font-weight:700;

}
.plan .content .list .item .ttl i{
	margin-right:10px;

}
.plan .content .list .item .txt {
	margin-top:10px;
}
.plan .content .sche-outer {
}
.plan .content .sche-outer .img{
	position:relative;
	width:49%;
}
.plan .content .sche-outer .img img{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	object-fit:cover;
	width:100%;
}
.plan .content .info{
	width:57%;
	background-color: #eef7ff;
	padding: 40px;
}

.plan .content .ttl{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 40px;
}
.plan .content .txt{
	font-weight: bold;
}
.plan .content .txt ul li{
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 1.5em;
	position: relative;
}
.plan .content .txt ul li::before {
	position: absolute;
	left: 0;
	top:0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f00c';

	color: #6596bf;
}

.plan .content .sche {
	width:40%;
}
.plan .content .sche table{
	border:1px solid #387D8D;
	/*width:500px;*/
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
}
.plan .content .sche table td{
		border:2px solid #fff;
		padding:10px;
		text-align:center;
	background-color: #efefef;
	font-weight: bold;
}
.plan .content .sche table .blue{
		background-color:#6596bf;
		color:#fff;
	font-weight: bold;
	width: 100px;

}
.plan .content .sche table th{
		border:2px solid #fff;
		padding:10px;
		text-align:center;
	font-weight: bold;
	background-color: #c3d9ec;
	width: 100px;
}
.plan .content .sche table span{
font-weight: bold;
	font-size: 20px;
	color: red;
}

.plan .content .sche .console{
	font-size: 12px;
	margin-top: 20px;
}


.plan .content .price {
	font-size:20px;
	text-align:center;
	font-weight:900;
	margin-top:20px;
}
.plan .content .price i{
	font-style:normal;
	margin-right:10px;
}
.plan .content .price span{
	font-size:37px;
	color:#FF1616;
}

.plan .galary{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.plan .galary .item{
	width: 50%;
}
.plan .galary .item img{
	width: 100%;
	vertical-align: bottom;
}
.pay{
	color:#666;
	display:flex;
	justify-content:center;
	align-items:center;
}
.pay div{
	line-height:1.5em;
}
.pay img{
	width:80px;
}
.plan{

}

 .plan .content-wrap{
	margin-bottom: 80px;
}
.plan .content-wrap:last-child{
	margin-bottom: 0;
}
.plan .content .to-link {
	text-align:center;

}
.plan .content .to-link a{
	color:#FF1616;
	display:inline-block;
	margin-top:20px;
	padding:10px;
	border:1px solid #FF1616;
}
.plan .content .ttl2 {
	margin-top:20px;
	border-bottom:1px solid #2058AC;
	padding-bottom:10px;
	font-size:20px;

}
.plan .content .sche table span {
	font-weight: bold;
	font-size: 16px;
	color: red;
}

.plan .content .other {
	margin-top:20px;
}

/*============================
#acccess
============================*/
#access .common-ttl3{

}
#access{
		color:#333;
		padding:60px 0;
}

#access .content {
	margin-top:40px;
}
#access .content .map {
	width:50%;
	overflow: hidden;
}
#access .content .map iframe{
	width:100%;
}
#access .content .info {
	width:50%;
	padding-left:40px;
}
#access .content .info .ttl {
	border-bottom:#333 1px solid;
	padding-bottom:20px;
	line-height:1.5em;
	margin-bottom:20px;
	font-size:18px;
	font-weight: bold;
}
#access .content .info .txt {
}
#access .content .info .img {
	margin-top:20px;
}

/*============================
#contact
============================*/
#contact {
	margin-top:40px;

}
#contact .content-wrap{
	background-color:#333;
	padding:40px;
}

#contact .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 40px;
}
#contact .list .item{
	width: 49%;
}
#contact .list .item img{
	width: 100%;
	margin-top: 20px;
}
#contact .main-ttl {
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight: bold;
	border-bottom:1px solid #fff;
	padding-bottom:20px;
}
#contact .main-ttl i{
	display:block;
margin-bottom:10px;
	font-size:40px;
}
#contact .content {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	padding:40px;
	margin-top:40px;
}
#contact .content .item {
	display:flex;
	flex-wrap:wrap;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
#contact .content .item .ttl {
	width:30%;
	color:#2058AC;
}

#contact .content .item .ttl .req {
	color:#fff;
	background-color:#FF7A7A;
	font-size:12px;
	padding:4px;
	display:inline-block;
	margin-left:10px;
	line-height:1em;
}
#contact .content .item .form {
		width:70%;
}
#contact .content .item .form input[type=text],
#contact .content .item .form input[type=email],
#contact .content .item .form input[type=tel]
{
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #999;
	border-radius: 10px;
	outline: none;

}
#contact .content .item .form textarea{
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #999;
	border-radius: 10px;
	outline: none;

}
.radio{
	display:inline-block;
}

.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
	    line-height: 1em;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
  color: #d01137;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 11px;
  height: 11px;
  background: #d01137;
  border-radius: 50%;
}

#contact .content .ssl {
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
	font-size:15px;
}

#contact .content .ssl .img {
	width:50px;
}
#contact .content .ssl .txt {
	width:calc(100% - 50px);
	padding-left:10px;
}
#contact .content .to-send {
	text-align:center;
}
#contact .content .to-send button{
	outline: none;
	background-color:#FF7A7A;
	max-width:300px;
	width:100%;
	display:inline-block;
	border-radius:10px;
	color:#fff;
	margin-top:20px;
	padding:20px;
	border: none;
	appearance:none;
        cursor: pointer;
}

/*============================
#main-footer
============================*/
#main-footer {
	background-color:#c30d23;
	padding:40px;
	font-size:13px;
	text-align:center;
	margin-top:80px;
	color:#fff;
}

.thanks{
	padding:60px 0;
}

.close-btn {
	position:absolute;
	right: 6px;
    top: 9px;
	z-index:99;
	display: inline-block;
	width: 30px;
	height: 30px;
border: 1px solid #ccc;
	cursor: pointer;
}
.close-btn span::before,
.close-btn span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 16%;
	margin: -8% 0 0 -42%;
	background: #ccc;
}
.close-btn span::before {
	transform: rotate(-45deg);
}
.close-btn span::after {
	transform: rotate(45deg);
}

.fadein {
  opacity : 0;
  transform : translate(0, 30px);
  transition : all 500ms;
}
.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

/*============================
#service
============================*/
#service {
	padding:60px 0;
}
#service  .top-txt {
	text-align:center;
	border-bottom:1px solid rgba(32,88,172,1);
	padding-bottom:10px;
}
#service  .rental {
}
#service  .common-ttl3 {
	color: rgba(32,88,172,1);
}
#service .top-txt {
	margin-top:20px;
}
#service  .rental .info {
 width:49%;
 margin-top:20px;
}
#service  .rental .info .ttl {
	color: rgba(32,88,172,1);
	font-size:30px;
}
#service  .rental .info .txt {
 margin-top:20px;
}
#service  .rental .img {
	margin-top:20px;
width:49%;
height:250px;
}
#service  .rental .img img{
	height:100%;
	width:100%;
	object-fit:cover;
}
#service  .price {
}
#service  .price .item {
	border-radius: 30px;
	overflow:hidden;
		text-align:center;
		width:24%;
		background-color:#efefef;
		margin-top:20px;
}
#service  .price .item .ttl {
	background-color: rgba(32,88,172,1);
    font-size: 16px;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
}
#service  .price .item .txt {
	font-weight:bold;
	padding:10px;
	font-size:18px;
}
#service  .price .item .txt a{
	text-decoration:underline;
}
#service  .price .item .txt span{
	font-size:13px;
}
#service  .pay {
}
#service  .tokuten {
	padding:10px;
	margin-top:20px;
	background-color: #f4f9ff;
}
#service  .tokuten .ttl {
	font-size:20px;
	color:rgba(32,88,172,1);
	border-bottom:1px solid rgba(32,88,172,1);
	padding-bottom:10px;
	margin-top:5px;
}
#service  .tokuten .txt {
}
#service  .price.col2 {
}
#service  .price.col2 .item {
	width:49%;
}
#service  .price.col2 .item .ttl {

}
#service  .price.col2 .item .txt {
}


.insta-btn{
	background-color:#88C4D2;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	margin:10px 0;
}


/*============================
#voice
============================*/
#voice {
	padding: 80px 0;
}
#voice .content-wrap.fadein {
}
#voice .content-wrap.fadein .common-ttl3 {
}
#voice .content-wrap.fadein .item {
display: flex;
	flex-wrap: wrap;
	padding: 40px;
	background-color: #fff;
	margin-top: 40px;
	box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}

#voice .content-wrap.fadein .item .img {
}
#voice .content-wrap.fadein .item .img{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
}
#voice .content-wrap.fadein .item .img img {
object-fit: cover;
	width: 100%;
	height: 100%;
}
#voice .content-wrap.fadein .item .info {
	width: calc(100% - 240px);
	padding-left: 40px;
}
#voice .content-wrap.fadein .item .info .ttl {
	font-weight: bold;
	margin-bottom: 20px;

}
#voice .content-wrap.fadein .item .info .ttl span{
	font-size: 18px;
	margin-left: 10px;
}
#voice .content-wrap.fadein .item .info .txt {

}
#voice .content-wrap.fadein .item .info .txt b{
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 10px;
}
#sp-foot-nav{
	display: none;
}


/*============================
#media-area
============================*/
#media-area {
	background-color: #ae0009;
	padding: 20px;
}

#media-area .content-wrap {
}
#media-area .content-wrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#media-area .content-wrap ul li{}
#media-area .content-wrap  .ttl {
}

/*============================
#ctn-area
============================*/
.ctn-area {
	background-color: #333;
	padding: 20px 0 40px;
}
.ctn-area .content-wrap {
}
.ctn-area .content-wrap .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.ctn-area .content-wrap .item {

}

/*============================
#recommend-area
============================*/
.recommend-area {
	padding: 20px 0 20px;
	background-color: #4080bd;
	position: relative;
}

.recommend-area .content-wrap {
}
.recommend-area .content-wrap .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: -40px;
}
.recommend-area .content-wrap .item {
	width: 49%;
	border:1px solid #ccc;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);

}

.recommend-area .content-wrap .item a{
	display: flex;
}
.recommend-area .content-wrap .img{
	width: 150px;
	height: 150px;
	background-color: #efefef;
}
.recommend-area .content-wrap .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.recommend-area .content-wrap .info{
	width: calc(100% - 150px);
	padding-left: 20px;
}
.recommend-area .content-wrap .info .icon{
	font-weight: bold;
	font-size: 12px;
	color:#2aabd2;
	margin-bottom: 10px;
}
.recommend-area .content-wrap .info .ttl{
	font-weight: bold;
	font-size: 24px;
}
.recommend-area .content-wrap .info .txt{
	margin-top: 10px;
}
.recommend-area .content-wrap .info .txt span{
	text-decoration: underline;
	color: #1c87bc;
	text-align: right;
	display: block;
	margin-top: 10px;

	font-size: 16px;

}

.national-course .item{
	margin-top: 20px;
	border:1px solid #ccc;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	color:#333;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
}

.national-course .item a{
	display: flex;
}
.national-course .img{
	width: 150px;
	height: 150px;
	background-color: #efefef;
}
.national-course .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.national-course .info{
	width: calc(100% - 150px);
	padding-left: 20px;
}
.national-course .info .icon{
	font-weight: bold;
	font-size: 12px;
	color:#2aabd2;
	margin-bottom: 10px;
}
.national-course .info .ttl{
	font-weight: bold;
	font-size: 24px;
}
.national-course .info .txt{
	margin-top: 10px;
}
.national-course .info .txt span{
	text-decoration: underline;
	color: #1c87bc;
	text-align: right;
	display: block;
	margin-top: 10px;

	font-size: 16px;

}

#news-area{
	padding: 10px;
	color:#fff;
	background-color: #666;
}
#news-area .item{
	display: flex;
	flex-wrap: wrap;
}
#news-area .item .date{
	margin-right: 20px;
}
#news-area .item .txt a{
text-decoration: underline;
	font-weight: bold;
}

.sche-ttl{
	font-weight: bold;
	margin-bottom: 10px;
	color: #3e81b9;
}

.elarning {
	background-color: #2aabd2;
}
.elarning .content-wrap.fadein {
}
.elarning .content-wrap.fadein .content {
	display: flex;
	flex-wrap: wrap;
}
.elarning .content-wrap.fadein .content .img {
	width: 50%;
}
.elarning .content-wrap.fadein .content .info {
	width: 50%;
	padding-left: 20px;
	color: #fff;
}
.elarning .content-wrap.fadein .content .info .ttl {
	color: #2aabd2;
	font-weight: bold;
	font-size: 24px;
	background-color: #fff;
	padding: 5px;
	display: inline-block;
}
.elarning .content-wrap.fadein .content .info>.txt {
	margin-top: 20px;
}
.elarning .content-wrap.fadein .content .info .list {
	display: flex;
	justify-content: space-around;
}
.elarning .content-wrap.fadein .content .info .list .item {
	width: 30%;
	margin-top: 20px;
}
.elarning .content-wrap.fadein .content .info .list .item .icon {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
}
.elarning .content-wrap.fadein .content .info .list .item .icon img{
	width: 50%;
	height: 50%;
	margin-top: 20px;
}
.elarning .content-wrap.fadein .content .info .list .item .txt {
	margin-top: 10px;
	border-radius: 10px;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	padding: 10px;
}
.elarning .content-wrap.fadein .content .info .console {
	margin-top: 20px;
	font-size: 13px;
}



/* 以下タブレット(col-md)の設定 */
@media screen and (max-width: 992px) {


}