@charset "utf-8";

section.white:before{
	content: "";
	background: #fff;
	position: absolute;
	width: 75%;
	right: 0;
	height: 100%;
	top: -5%;
	z-index: -1;
	/* border-radius: 100px 0 0 100px; */
}

section.white2:before{
	content: "";
	background: rgba(0,39,122,0.05);
	position: absolute;
	width: 39%;
	left: 0;
	height: 115vh;
	top: -25%;
	z-index: -1;
	/* border-radius: 100px 0 0 100px; */
}
/*++++++++++++++
slide
++++++++++++++*/
section#slide {
	max-width: 100%;
	margin: 0;
	position: relative;
	height: 100vh;
	padding: 100px 0 0;
}
section#slide .slidebox{
	position: absolute;
	right: 0;
	width: 80%;
}
section#slide .slidebox ul{
	z-index: 0;
	overflow: hidden;
	display: block;
	position: relative;
	/* border: 1px solid #111; */
	/* border-radius: 0 0 0 30px; */
	border-left: none;
}
section#slide .slidebox ul li{
	width: 100%;
	/* background: #ccc; */
	height: 800px;
	/* border-radius: 0 0 0 30px; */
	overflow: hidden;
	box-sizing: border-box;
	/* border-radius: 50px 0 0 0; */
	position: relative;
}
section#slide .slidebox ul li img {
	/* border-radius: 50px 0 0 0; */
	width: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
}
section#slide .catch {
	position: absolute;
	bottom: 2%;
	left: -10%;
	/* width: 300px; */
	z-index: 99;
}
section#slide .catch img {
	display:block;
	margin: 0 0 20px;
}
section#slide .catch b{
	font-size: 1.8em;
	background: #fff;
	display: inline-block;
	padding: 10px 25px;
	margin: 0 0 20px;
	letter-spacing: 1px;
}
section#slide .catch b:last-child {
	margin:0;
}
/*++++++++++++++
concept
++++++++++++++*/
section#concept {
	clear: both;
	/* height: 750px; */
	position: relative;
	/* display: flex; */
	/* margin: 50px 0 0; */
	padding: 0 0 100px;
	align-items: baseline;
}
section#concept .conceptbox {
	display: flex;
	/* width: 1100px; */
	justify-content: space-between;
	flex-wrap: wrap;
}
section#concept .conceptbox dl{width: 55%;}
section#concept .conceptbox dt {
	margin: 0 0 20px;
	font-size: 2em;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.8;
	color: #23338b;
}
section#concept .conceptbox dd .button{
	margin: 0;
	padding: 20px 20px 20px 35px;
}
section#concept .conceptbox dd p{
	line-height: 2.5;
	letter-spacing: 0;
	font-size: 1em;
	font-weight: 700;
	color: #23338b;
}

section#concept .concept_imgbox {
	position: relative;
	width: 40%;
	margin: 0;
}
section#concept .concept_imgbox figure{
	top: 0;
	left: 0;
	width: 400px;
	position: absolute;
	/* height: 286px; */
	background: #ccc;
	border-radius: 10px;
}
section#concept .concept_imgbox figure:nth-child(2){
	/* background: #333; */
	top: 40%;
	left: 35%;
}
section#concept .flex {
	position: relative;
	justify-content: left;
	margin: 0 auto 50px;
}
section#concept .flex .button {
	margin: 0 20px 0 0;
	padding: 20px 60px 18px 20px;
}

/*++++++++++++++
movie
++++++++++++++*/
section#movie {padding: 0 0 100px;margin: -3% auto 0;}
section#movie .inner {
	
max-width: 1000px;
	
padding: 3px 3px 0;
}
section#movie .moviebox{
}
section#movie .moviebox iframe{
	width: 100%;
	height: 600px;
	border: 1px solid #23338b;
	padding: 3px;
	box-sizing: border-box;
}
/*++++++++++++++
content
++++++++++++++*/
section#content {
	position: relative;
	align-items: center;
	background: rgba(0,39,122,0.05);
	padding: 100px 0 50px;
	overflow: hidden;
}
section#content .inner {
	margin: 0 auto 100px;
	padding: 20px 0;
}

section#content .concentbox {
	
height: auto;
}
section#content .concentbox ul{
	margin: 0;
}
section#content .concentbox li{
	padding: 0 clamp(8px, 0.8vw, 20px);
	/* width: 29%; */
	margin: 0;
	background: none;
}

section#content .concentbox li a{
	position: relative;
	/* background: #fff; */
	/* box-shadow: 0 5px 5px rgb(0 0 0 / 10%); */
	height: 100%;
}
section#content .concentbox li figure{
	width: 100%;
	border-radius: 10px;
	margin: 0;
	position: relative;
	z-index: 0;
	border: none;
	padding: 0;
	height: 300px;
}
section#content .concentbox li figure img {
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

section#content .concentbox li dl {padding: 14px 14px 0 30px;/* background: rgb(35,51,139); *//* background: linear-gradient(-180deg, rgba(35,51,139,1) 41%, rgba(11,22,83,1) 100%); */position: absolute;bottom: 0;margin: 15px 0;}
section#content .concentbox li dt {font-size: 0.88em;color: #666;margin: 0 0 5px;letter-spacing: 1px;}
section#content .concentbox li dd p {color: #fff;font-weight: 500;font-size: 1.3em;}

section ul.kiji li,section ul.kiji li:nth-child(2n), #news .newsbox li:nth-child(3n) {
	margin: 0 30px 0 0;
}
section ul.kiji li:last-child {
	margin:0;
}

#news .newsbox li a {
}
section#news ul.kiji li .date {
	
	
display: flex;
}

section ul.kiji li:last-child{margin: 0 0 0 !important;}

section#content .concentbox ul.slick-dots li {
	margin: 0 !important;
	background: none;
}

/*ノートPC等*/
@media screen and (max-width: 1899px) {
section#slide .slidebox {
	width: 78%;
}
section#slide .catch {
	bottom: 8%;
}	
}
@media screen and (max-width: 1699px) {
section.white:before{
	content: "";
	background: #fff;
	position: absolute;
	width: 75%;
	right: 0;
	height: 100%;
	top: -5%;
	z-index: -1;
	/* border-radius: 100px 0 0 100px; */
}

section.white2:before{
}
/*++++++++++++++
slide
++++++++++++++*/
section#slide {
	padding:100px 0 50px;
}
section#slide .slidebox {
	width:83%;
}	
section#slide .slidebox ul li {
	height: auto;
}
section#slide .slidebox ul li img {
	top:0;
}	

/*++++++++++++++
concept
++++++++++++++*/

section#concept .conceptbox {
}
section#concept .conceptbox dd p{font-size: 1em;line-height: 2.5;}


section#concept .concept_imgbox {
}
section#concept .concept_imgbox figure{width: 380px;}
section#concept .concept_imgbox figure:nth-child(2){
}
/*++++++++++++++
movie
++++++++++++++*/

/*++++++++++++++
content
++++++++++++++*/
section#content {height: auto;}
section#content .inner {
	margin: auto;
	padding: 20px 0 0;
}

section#content .concentbox li{margin: 0;}
section#content .concentbox li:nth-child(3n){
	margin: 0;
}

section#content .concentbox li figure{
	margin: 0;
}

section#content .concentbox li dt {font-size: 0.88em;color: #666;margin: 0 0 5px;letter-spacing: 1px;}
section#content .concentbox li dd p {
    font-size: 1.1em;
    word-wrap: break-word;
    letter-spacing: 0;
    text-align: center;
}


}
/*タブレット*/
@media screen and (max-width: 1299px) {
section.white:before{
	content: "";
	background: #fff;
	position: absolute;
	width: 75%;
	right: 0;
	height: 100%;
	top: -5%;
	z-index: -1;
	/* border-radius: 100px 0 0 100px; */
}

section.white2:before{height: 100%;}
/*++++++++++++++
slide
++++++++++++++*/

section#slide {margin: 0px 0 100px;height: auto;width: 95%;float: right;padding: 100px 0 0;}

section#slide .slidebox {
	position: relative;
	width: auto;
	margin: auto;
}
	
section#slide .slidebox ul li{}

section#slide .catch b{
	font-size: 1.1em;
}
section#slide .catch {
	width: 60%;
	left: -5%;
}	
section#slide .catch b:last-child {
	margin:0;
}
/*++++++++++++++
concept
++++++++++++++*/
section#concept {height: auto;}
section#concept .conceptbox {
}
section#concept dl{
	margin: 30px 30px 100px 0;
	width: 55%;
}

section#concept dd p{
	line-height: 2;
	font-size: 0.9em;
}

section#concept .concept_imgbox {margin: 0;}
section#concept .concept_imgbox figure{width: 320px;}
section#concept .concept_imgbox figure:nth-child(2){left: 25%;width: 320px;top: 30%;}
/*++++++++++++++
movie
++++++++++++++*/
section#movie {
    margin: 0 0 150px;
}
section#movie .inner {
	
max-width: 800px;
}

section#movie .moviebox iframe{
	height: 500px;
}
/*++++++++++++++
content
++++++++++++++*/

section#content .concentbox li:nth-child(3n){
	margin: 0 0 40px;
}

section#content .concentbox li dt {font-size: 0.88em;color: #666;margin: 0 0 5px;letter-spacing: 1px;}
section#content .concentbox li  {padding: 0 clamp(8px, 1vw, 20px);margin: 0 10px 40px 0;}


}
/*タブレット*/
@media screen and (max-width: 1023px) {
section.white:before{
	content: "";
	background: #fff;
	position: absolute;
	width: 75%;
	right: 0;
	height: 100%;
	top: -5%;
	z-index: -1;
	/* border-radius: 100px 0 0 100px; */
}

section.white2:before{height: 100%;top: 0;}
/*++++++++++++++
slide
++++++++++++++*/

section#slide .slidebox ul li{
}
section#slide .slidebox ul li img {margin: 0;top: 0;}

section#slide .catch b{
}
section#slide .catch b:last-child {
	margin:0;
}
/*++++++++++++++
concept
++++++++++++++*/
section#concept {
	padding: 0 0 80px;
	height: auto;
}
section#concept .conceptbox {
}
section#concept dl{margin: 0 0 20px 0;}
section#concept dt {
	font-size: 1.3em;
}

section#concept .conceptbox dd p{font-size: 0.9em;}

section#concept .concept_imgbox {
	width: 42%;
	display: flex;
	padding: 0 0 100px;
	justify-content: center;
}
	
section#concept .concept_imgbox figure{width: 250px;}
section#concept .concept_imgbox figure:nth-child(2){width: 280px;top: 40%;position: absolute;right: 0;left: inherit;}

	

/*++++++++++++++
movie
++++++++++++++*/
section#movie {margin: 0;}
section#movie .inner {max-width: 640px;}
section#movie .moviebox{
}
section#movie .moviebox iframe{
	box-sizing: border-box;
	height: 400px;
}
/*++++++++++++++
content
++++++++++++++*/
section#content {
	margin: 0;
}

section#content .concentbox li{margin: 0 10px 30px 0;}
section#content .concentbox li:nth-child(3n){
	margin: 0 0 40px;
}
section#content .concentbox li figure {
    height: 200px;
}   

section#content .concentbox li dt {font-size: 0.88em;color: #666;margin: 0 0 5px;letter-spacing: 1px;}
section#content .concentbox li dl {
    padding: 0 10px;
}

section#content ul.slick-dots{
    margin: 20px 0 0 !important;
	
}
 	
}

/*スマホ横*/
@media screen and (max-width: 767px) {
section.white:before{
	content: "";
	background: #fff;
	position: absolute;
	width: 75%;
	right: 0;
	height: 100%;
	top: -5%;
	z-index: -1;
	/* border-radius: 100px 0 0 100px; */
}

section.white2:before{top: -10%;height: 90%;width: 50%;}
/*++++++++++++++
slide
++++++++++++++*/
section#slide {margin: 80px 0 40px;max-width: 100%;width: 100%;padding: 0;}

section#slide .catch {
    z-index: 999;
    width: 90%;
    bottom: 0;
    left: 0;
}
section#slide .catch b{font-size: 0.95em;}
section#slide .catch b:last-child {
	margin:0;
}
section#slide .catch img.sp {
	width: 250px;
}	
/*++++++++++++++
concept
++++++++++++++*/
section#concept {width: 100%;overflow: hidden;}
section#concept .conceptbox {display: block;margin: 0 auto 50px;}
section#concept .concept_imgbox {
	width: 80%;
	margin: auto;
}	
section#concept .conceptbox dl{
	width: 100%;
}
section#concept dd .button{
	margin: 0;
	padding: 20px 20px 20px 35px;
}
section#concept dd p{letter-spacing: 0;}

section#concept .concept_imgbox figure {width: 280px;position: relative;margin: 0 0 30px;left: -20%;}
section#content .inner {
	
max-width: 100%;
}	

section#content ul.slick-dots {
	padding: 0;
	margin: 30px 0 0 !important;
}	
section#content .concentbox ul{
    width: 100%;
    margin: 0 0 30px;
    }
section#content .concentbox li{
	margin: 0 0 5px;
	width: 100%;
}
section#content .concentbox li:nth-child(3n){
	margin: 0 0 5px;
}
section#content .concentbox li a{
	display: block;
	align-items: center;
	border-radius: 10px;
}
section#content .concentbox li figure{
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
	height: 240px;
	border-radius: 0;
}
section#content .concentbox li figure img {
    border-radius: 0;
    width: 100%;
}

section#content .concentbox li dl {width: 100%;margin: 0;padding: 10px;box-sizing: border-box;}
section#content .concentbox li dt {font-size: 0.88em;color: #666;margin: 0 0 5px;letter-spacing: 1px;}
section#content .concentbox li dd {
    padding: 0;
}
section#content .concentbox li dd p {
	
font-size: 0.9em;
}	

section#concept .flex {display: flex;display: block;}
section#concept .flex .button {
	font-size: 0.8em;
	margin: 0 auto 20px;
	max-width: 90%;
}
/*++++++++++++++
movie
++++++++++++++*/
section#movie .inner {max-width: 90%;box-sizing: border-box;margin: auto;}

/*++++++++++++++
content
++++++++++++++*/
section#content {
    margin: 0;
    padding: 50px 0 0;
}

section#content .concentbox li:nth-child(3n){
	margin: 0 0 5px;
	overflow: hidden;
}

section#content .concentbox li dt {
	font-size: 0.88em;
	color: #666;
	margin: 0 0 5px;
	letter-spacing: 1px;
}

section#news ul.kiji li .date {
	display: flex;
	/* border-top: 1px solid #eee; */
	padding: 0 0 10px 0 !important;
}
section ul.kiji li, section ul.kiji li:nth-child(2n), #news .newsbox li:nth-child(3n) {
	margin: 0 0 20px;
	border-bottom: 1px solid #eee;
}
	
}

/*スマホ縦*/
@media screen and (max-width: 480px) {
section.white:before{
	content: "";
	background: #fff;
	position: absolute;
	width: 75%;
	right: 0;
	height: 100%;
	top: -5%;
	z-index: -1;
	/* border-radius: 100px 0 0 100px; */
}

section.white2:before{
}
/*++++++++++++++
slide
++++++++++++++*/
section#slide {
	
}
section#slide {max-width: 100%;width: 100%;margin: 0;height: auto;padding: 0;}
section#slide .slidebox{position: relative;width: 100%;}
section#slide .slidebox ul{z-index: -1;border-radius: 0;border: none;}
section#slide .slidebox ul li{
    height: auto;
    border-radius: 0;
}
section#slide .slidebox ul li img {border-radius: 0;position: relative;}
section#slide .catch {z-index: 1000;left: 0;width: 80%;bottom: 0;}
section#slide .catch b{}
section#slide .catch b:last-child {
	margin:0;
}

/*++++++++++++++
concept
++++++++++++++*/
section#concept {width: 100%;overflow: hidden;margin: 0;}
section#concept .conceptbox {display: block;}
section#concept .concept_imgbox {
	width: 100%;
	margin: 20px auto 50px;
	padding: 0;
}	

	
section#concept .conceptbox dl{
	width: 100%;
	margin: 50px 30px 0 0;
}
section#concept dd .button{
	margin: 0;
	padding: 20px 20px 20px 35px;
	max-width: 100%;
}
section#concept .conceptbox dd p{
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 2;
}

section#concept .concept_imgbox figure {width: 240px;}
section#concept .concept_imgbox figure:nth-child(2) {
	width: 240px;
	right: 2%;
}	


section#concept .flex {display: block;margin: 70px auto 0;width: 100%;}
section#concept .flex .button {
}	
/*++++++++++++++
movie
++++++++++++++*/
section#movie {
    padding: 0 0 80px;
    margin: 0;
}
section#movie .inner {max-width: 100%;padding: 0;margin: auto;}
section#movie .moviebox{
}
section#movie .moviebox iframe{
	height: 230px;
	border: none;
	padding: 0;
}
/*++++++++++++++
content
++++++++++++++*/
section#content {margin: 0;padding: 50px 0 0;}
section#content .inner {
	margin: 0 0 20px;
	padding: 20px 0;
	max-width: 99%;
}

section#content .concentbox {
	
}
/*++++++++++++++
news
++++++++++++++*/
section#news ul.kiji li a {
	align-items: flex-start;
} 
section#news ul.kiji li dl {
	padding: 0;
}	


section ul.kiji li, section ul.kiji li:nth-child(2n), #news .newsbox li:nth-child(3n) {
}	

section#content .concentbox li figure {
	height: 200px;
}	
}