@charset "UTF-8";



/* #globalWrap
----------------------------------------------- */
#globalWrap{ border-top:solid 1px #ddd;padding-top:20px; }

body#top #globalWrap{ border: 0;}

#globalWrap .directory{ height:20px; padding-top:10px; margin-bottom:20px; font-size:0.8rem;  display:none;}

#globalWrap .directory a:after{
	content:">";
		display:inline-block;
		padding:0 10px;
		color:#ccc;
}


#globalWrap h2.contentsTitle{font-size:3.0rem; line-height:1.2em; font-weight:bold; padding:20px 0 20px 0; margin-bottom:20px; border-bottom:dotted 0px #222222; color:#222222;}

body.titleHidden #globalWrap h2.contentsTitle{display:none;}
body#oc #globalWrap h2.contentsTitle{display:none;}


#globalWrap h3.pageyTitle{ display:none;}


main nav { width:200px;}



/* section
----------------------------------------------- */


section{ width:100%; padding:0px 0; margin-bottom:40px;  position:relative;}

section:after{
	content:'';
	display:block;
	clear:both;
}

section article{ box-sizing:border-box; position:relative;}

section article h2{border-bottom:dotted 1px #d9d9d9; margin-bottom:10px; line-height:1; min-height:35px; position:relative; font-weight: bold;}
section article .more{ position:absolute;top:0px; right:0; white-space:nowrap;}

section h2.icon{ border:0; margin-bottom:0px; padding-top:50px; text-align:center; font-size:2rem;}

section h2.icon:before{
		content:"";
		display:inline-block;
		opacity:1;
		width:50px;
		height:50px;
		background-color:#222222;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-25px;

}

section > p.read{ text-align:center; margin-bottom:10px;}




/* section 下層
----------------------------------------------- */


/*section.nav{ padding-right:240px; width:auto; }*/

section.contents{ }
section.contents article{ margin-bottom:30px; min-height:100px; padding:0px 0 30px 0; }
section.contents article h2{ font-weight: bold; }
section.contents article h3{ font-size:1.7rem; font-weight: bold; padding-bottom:10px; margin-bottom:10px; color:#222222;border-bottom:dotted 1px #ccc;}

section.contents article h4{ font-size:1.1em; font-weight: bold; margin-bottom:1em; }
section.contents article h5{ font-size:1.0em; font-weight: bold; margin-bottom:1em; }



section.contents article .read{ margin-bottom:20px; font-size:1.15rem; }











section.basic{ }
section.basic h2{ font-weight: bold; }
section.basic h3{ font-size:1.7rem; font-weight: bold; padding-bottom:10px; margin-bottom:10px; }

section.basic h4{ font-size:1.5rem; font-weight: bold; margin-bottom:1em; }
section.basic h5{ font-size:1.2rem; font-weight: bold; margin-bottom:1em; }

section.basic  .read{ margin-bottom:20px; font-size:1.15rem; }


 .spacer{ height: 5rem;}


section.basic .larger{ font-size: 1.5em;}
section.basic .larger_s{ font-size: 1.2em;}

section.basic .lines{ height: 5rem; position: relative; margin-bottom: 0.5rem;}
section.basic .lines::before{ content: ''; display: block; position: absolute;top: 50%; left: 0; width: 100%; height: 2px; background: #ccc;}


section.basic .bgBtn{ display: flex; justify-content: center;}
section.basic .bgBtn a{ display: inline-flex; align-items: center; background: #484848; color: #fff; padding: 1em 2em; font-size: 1.2rem;}
section.basic .bgBtn a:hover{background-color:#666;}

section.basic .bgBtn a span{}

/* #entryList article
----------------------------------------------- */

section#entryList{}

section#entryList article{  width:auto; height:auto; margin:0 0 20px 0; float:none; padding:20px;}



/* #entryList article.box 3column
----------------------------------------------- */

section#entryList article.box{ background-color:#fff;  min-height:150px; float:none; padding:10px 10px 35px 10px; box-sizing:border-box;

	box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;


}

section#entryList article.box:nth-child(3n){ margin-right:0;}


section#entryList article.box .mainImage{ position:relative; width:100%; padding-top:56%; background-color:#f2f2f2 !important; margin-bottom:10px;}
section#entryList article.box .mainImage a{ display:block; position:absolute; top:0; left:0; width:100%; padding-top:56%;}

section#entryList article.box header{ height:auto; margin:0; }
section#entryList article.box .tagList{ overflow:hidden; margin-bottom:5px; line-height:1; font-size:0.8rem;}
section#entryList article.box .tagList ul li{display:inline-block; margin:0 5px 3px 0;}
section#entryList article.box .tagList ul li a{ background-color:#222222; color:#fff; display:inline-block; padding:3px 10px; text-decoration:none !important;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
white-space:nowrap;
}



section#entryList article.box .entryTitle{ border:0; padding:0; margin-bottom:10px; font-size:1.1rem; font-family:'Hiragino UD Sans W5 JIS2004'; line-height:1.4;



}
section#entryList article.box .entry-content{ display:none; }
section#entryList article.box .date{ font-size:0.8rem; color:#ccc; position:absolute; bottom:10px; right:10px; letter-spacing:0;}





/* #postDetail article
----------------------------------------------- */


section#postDetail article { border-bottom:solid 2px #333;}

section#postDetail article .entry-main-image{ margin-bottom:20px; text-align:center;}
section#postDetail article .entry-main-image img.mainImg{ width:100%; height:auto;}
section#postDetail article .entry-main-image.tate img.mainImg{ width:50% !important; height:auto;}

section#postDetail article header{ margin-bottom:30px; height:auto; }

section#postDetail article .entryTitle{ border:0; font-size:2.8rem; line-height:1.5; padding:0 0 0px 0; margin-bottom:5px;}
section#postDetail article .entry-content{ line-height:2; font-size:1.2rem; margin-bottom:40px;}
section#postDetail article .entry-content img{ width:100%; height: auto;}

section#postDetail article .entry-content iframe{ display:block; margin:auto;}
section#postDetail article .entry-photo2{ font-size:0; letter-spacing:0; margin-bottom:40px;}
section#postDetail article .entry-photo2 ul{ width:100%; position:relative; }
section#postDetail article .entry-photo2 ul li{ width:31.333%; padding-top:18%; margin:1%; display:inline-block;}

section#postDetail article .entry-photo{ font-size:0; letter-spacing:0; margin-bottom:40px;}
section#postDetail article .entry-photo ul{ width:100%; position:relative; display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr; }
section#postDetail article .entry-photo ul li{ }
section#postDetail article .entry-photo ul li:before{ content: ''; display: block; width: 100%; height: 0; padding-top: 57.52%;}
section#postDetail article .entry-photo.column_2 ul{ grid-template-columns: 1fr 1fr;}

section#postDetail article .entry-content .photo-line{}
section#postDetail article .entry-content .photo-line  ul { list-style: none;}
section#postDetail article .entry-content .photo-line  ul li:before{ display: none;}

section#postDetail article .entry-content figure{ width: 100% !important; height: auto !important;}
section#postDetail article .entry-data{}

section#postDetail article .date{ font-size:0.8rem; color:#ccc; text-align:right;}
section#postDetail article .sns{ padding-top:20px; display: none;}



section#postDetail article .entry-content{}
section#postDetail article .entry-content .wp-video{ width:100% !important;}
section#postDetail article .entry-content video.wp-video-shortcode{ width:100% !important; height:auto !important; margin-bottom:1em;}

section#postDetail article .entry-content ul{ margin-bottom: 2em; }
section#postDetail article .entry-content ul li{padding-left: 1.5em; position: relative;}
section#postDetail article .entry-content ul li:not(:last-child){margin-bottom: 1em;  }
section#postDetail article .entry-content ul li:before{ content: '・'; font-size: 2em; line-height: 0; display: inline-block; position: absolute; top: 0.5em; left: 0;}
section#postDetail article .entry-content ol{ margin-bottom: 2em; }
section#postDetail article .entry-content ol li{}
section#postDetail article .entry-content ol li:not(:last-child){margin-bottom: 1em;  }
section#postDetail article .entry-content dl{ margin-bottom: 2em; }
section#postDetail article .entry-content dl dt{ font-size: 1.2em; }
section#postDetail article .entry-content dl dd{}
section#postDetail article .entry-content dl dd:not(:last-child){margin-bottom: 1em;  }


.videoMov{ width:100% !important; height:auto !important; margin-bottom:1em;}


section#postDetail article div.zoom2{ display:inline; overflow:hidden;}
section#postDetail article div.zoom2 br{ display:none;}
section#postDetail article div.zoom2 a{ display:inline-block; float:left; margin:0 10px 20px 10px;}
section#postDetail article div.zoom2 img{vertical-align:bottom;}


/* navigation
----------------------------------------------- */

/*#globalWrap nav{ width:200px; position:absolute; top:0px; right:0; z-index:10;}
*/
#globalWrap nav h3{ font-size:1.2;}
#globalWrap nav ul.sub{}
#globalWrap nav ul.sub li{ margin-bottom:5px; position:relative;}
#globalWrap nav ul.sub li a{ display:block; padding:5px; text-align:center;font-weight:400; border:solid 1px #666; background-color:#fff;}
#globalWrap nav ul.sub li a:hover{ background-color:#f6f6f6;}



#globalWrap nav ul.sub li.deactive{ opacity:.2;}
#globalWrap nav ul.sub li.deactive a{pointer-events: none;}

#globalWrap nav ul.tag{ display: none;}
#globalWrap nav ul.tag li{ margin-bottom:5px; position:relative;}
#globalWrap nav ul.tag li a{ display:block; padding:5px; text-align:center;font-weight:400; background-color:#222222; color:#fff;}

body#news .flexbox-main nav{width: 100%; display: block; margin-bottom: 2rem;}
body#news .flexbox-main nav ul.tag { display: flex; display: block; width: 100%;}
body#news .flexbox-main nav ul.tag li{ flex-wrap: wrap; display: inline-block; margin-right: 0.2em;}
body#news .flexbox-main nav ul.tag li a{ padding-left: 1em;padding-right: 1em;}



ul#contentsMenu{ margin-bottom:40px;}
ul#relatedMenu{}
ul#relatedMenu{}
ul#relatedMenu li{ margin-bottom:5px;}
ul#relatedMenu li a{ display:block; padding:5px; text-align:center; border:solid 1px #666 !important; color:#666;font-weight:200 !important;}









/* pagination
----------------------------------------------- */

.pagination{
	position:relative;

    text-align: center;
	margin-bottom:15px;
	overflow:hidden;
	font-size:0.8rem;
	line-height:2;

}

.pagination .page-numbers{
	display:inline-block;


    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}



.pagination a.prev,
.pagination a.next{ background: #000;
	color:#fff;
	display:inline-block;

    padding:5px 20px !important;
    margin:0px;
    text-decoration: none;

	-moz-transition: -moz-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

.pagination a.prev:hover,
.pagination a.next:hover{
	background: #c03530;
	}


.pagination a.prev{ position:absolute; top:0; left:0;}

.pagination a.next{ position:absolute; top:0; right:0;}



.entryPager{
    text-align: center;
	margin-bottom:15px;
	overflow:hidden;
	font-size:0.8rem;
	line-height:2;
}
.entryPager a{
	background: #000;
	color:#fff !important;
	display:inline-block;

    padding:5px 20px !important;
    margin:0px;
    text-decoration: none;

	-moz-transition: -moz-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);


	}

	.entryPager a:hover{
	background: #333;
	}

.entryPager .prev{ float:left;}

.entryPager .next{ float:right;}




/* form
----------------------------------------------- */




#input_type_fix{ width:0px; height: 0px; margin: 0; padding: 0; opacity: 0; display: inline;float: left;}

ul.formStyle1{ background-color:#fff; padding:10px 10px;border:solid 1px #ccc; margin:0px;}


	ul.formStyle1 #gpid_154,
	ul.formStyle1 #gpid_158{ display: none;}

ul.formStyle1 li{ margin:0 0 2px 0px;  padding:10px 5px 10px 5px;border-bottom:dotted 1px #ccc;}

ul.formStyle1 li{
	height:inherit;
	display:block;
	overflow:hidden;
}



.page-template-page_contactguide_form_send h2{ display:none;}

ul.formStyle1 li.last{ border:0;}

ul.formStyle1 dt{ border-left:solid 5px #666;text-align:left;padding:0px 10px 0px 10px; margin-bottom:0px; background:none; font-size:small; font-weight:bold;float:left; width:160px; clear:both;}

ul.formStyle1 dt .red,
ul.formStyle1 dd .red{ color:#f30;}

ul.formStyle1 dd{ margin:0 0 0 0; float:left; width:calc(100% - 160px); }

ul.formStyle1 dd input,
ul.formStyle1 dd select,
ul.formStyle1 dd textarea{ margin:3px 0 3px 0; padding:4px; border: solid 1px #aaa;}


ul.formStyle1 dd input.text-s{ width: 3em;}

ul.formStyle1 dd .wpcf7-list-item.first{ margin-left: 0;}

ul.formStyle1 label.error{ display:inline-block; padding-left: 10px; color: #c00;}

ul dl dd .sub{ margin-top: 1em; }
ul dl dd .sub:first-child{margin-top:0; }

.douiArea{ padding: 3em; border: solid 1px #999;margin: 2em 0 0 ;  display: flex;justify-content: center;}
.douiArea p{}
.douiArea .inFrame{ display: flex;justify-content: center; flex-wrap: wrap;
}
.douiArea .douiBtn{ display: inline-flex; justify-content: center; align-content: center; margin:1em auto 0;}


.douiArea .douiBtn p{ margin: 0;}
.douiArea .douiBtn .wpcf7-list-item{ margin: 0;}
.douiArea .douiBtn .wpcf7-list-item label{
  display: inline-flex; justify-content: center; align-content: center; background: #ddd; padding: 1em 3em;  margin: auto; font-size: 1.2em; font-weight: bold;
}

.douiArea .douiBtn .wpcf7-list-item-label{ margin: 0 0 0 1em;}

.wpcf7-submit{ padding: 1em 2em; font-size: 1.5em; color: #fff; font-weight: bold; background: #000;}
.wpcf7-submit.deactive{ pointer-events: none; opacity: .1;}


.wpcf7-spinner{ position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%,0);
}

span.hosoku{ color:#666; font-size:10px;}

div.submitBtn{ padding:30px 0 20px 0;text-align:center;}

div.submitBtn button{background-color:#c00; color:#fff;  display:inline-block; padding:20px 40px; margin:auto 20px; cursor:pointer; font-size: 1.5em; transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);}
div.submitBtn button:hover{ background-color: #e42e2e;}

div.submitBtn button.deactive{ background-color:#eee;color:#ccc;  pointer-events: none;}

div.back.button{background-color:#eee; color:#000;  display:inline-block; padding:10px 20px; margin:auto 20px; cursor:pointer;}


.bgLink{  padding-top: 20px; margin-bottom: 20px; font-size: 1.2rem}
.bgLink a{ display: inline-block; margin: 0; padding: 0 2em; line-height: 3em; background: #000; color: #fff !important; text-decoration: none;}
.bgLink a:hover{ background: #666;}

.bgLink.col_2{
  display: flex;
  padding-top: 2rem !important;
}

.bgLink.col_2 a{
  margin: 0;
}

.bgLink_sky{  padding-top: 20px; margin-bottom: 20px; font-size: 1.2rem}
.bgLink_sky a{ display: inline-block; margin: 0; padding: 1em 2em; line-height: 1.5em; background: #2e8ac9; color: #fff !important; text-decoration: none;}
.bgLink_sky a:hover{ background: #4396cf;}

.grid .bgLink_sky a{ display: block;}


#exFormInput textarea{ width: 80%; height: 100px;}




div#sslSecom{ margin: auto; width: 45%; min-height: 180px; position: relative;  display: -webkit-flex;
  display: flex; border: solid 1px #ccc; background-color:#fff; padding: 20px 20px 20px 20px;}

div#sslSecom .text{-webkit-flex: 1;
  flex: 1; padding-right:20px;  }

div#sslSecom .seal{ width: 80px;}


article.guest{border-bottom: solid 2px #333; margin-bottom: 30px;}
div.photo_3{ overflow: hidden;}
div.photo_3 img{ float:left; width: auto; height: 150px; margin-right: 10px;}



ul.page_navilist{ text-align: center;}
ul.page_navilist li{ display: inline-block; width: 60px; height: 60px; margin: 0 30px;}
ul.page_navilist li a{ display: block; line-height: 60px; background: #484848; color: #fff !important; text-decoration:none; font-size: 1.5em;}


.now_1 ul.page_navilist li:nth-of-type(1),
.now_2 ul.page_navilist li:nth-of-type(2),
.now_3 ul.page_navilist li:nth-of-type(3),
.now_4 ul.page_navilist li:nth-of-type(4),
.now_5 ul.page_navilist li:nth-of-type(5){ pointer-events: none; opacity: .5;}


section#info dl.list dd{padding-left:1.2em !important;}
	section#info dl.list dd:before {
		content: ' ';
		height: 0;
		position: absolute;
		width: 0;
		border: 6px solid transparent;
		border-left-color: #a4d6c3;
		left: 0.2em;
		top: 0.2em;
	}








.daySelectArea{ }

.daySelectArea {}
.daySelectArea dt{ width: 75px !important; padding-top: 5px !important; border: 0 !important;}
.daySelectArea dd{}

.daySelectArea select{
    margin: 3px 0 3px 0;
    padding: 10px;
    border: solid 1px #aaa;}
.daySelectArea select option{padding: 4px;}






div.careerWrap{
	padding: 20px 0;
}
div.careerWrap dl{
	display: grid;
	grid-gap: 10px 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
}



div.careerWrap dl dt{ font-size: 1.3em; border-bottom: solid 1px #666; border-left:solid 4px #666; padding: 2px 10px; }
div.careerWrap dl dd{ font-size: 0.9em; padding-bottom: 10px;}

div.careerWrap dl dd a{
	display: block;
    padding: 1em 20px;
    line-height: 1;
    text-align: center;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    background-color: #484848;
    color: #fff !important;
}
div.careerWrap dl dd a:hover{background-color:#666;}

div.careerWrap dl dd a span{}

















.flowArea{ padding: 2em 0;}
.arrow_box_b_c{
    position:relative;
    width:100%;
    height:auto;
    background:#FFFFFF;
    padding:0.5em 2em;
    text-align:center;
    border:2px solid #B2E0F8;
    font-size:1em;
    border-radius:2em;
    margin-bottom: 1.5em;
}
.arrow_box_b_c:after,.arrow_box_b_c:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.arrow_box_b_c:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:13px;
    border-right-width:13px;
    margin-left: -13px;
    border-top-color:#FFFFFF;
}
.arrow_box_b_c:before{
    border-color: rgba(0, 0, 0, 0);
    border-top-width:13px;
    border-bottom-width:13px;
    border-left-width:15px;
    border-right-width:15px;
    margin-left: -15px;
    margin-top: 2px;
    border-top-color:#B2E0F8;
}

.noArrow:after, .noArrow:before{ display: none !important;}
.bgSky{ background: #B2E0F8; color: #fff;}



.readBox{ padding-top: 2em; margin-bottom: 2em;}
.readBox h2{ position: relative; z-index: 1;}
.readBox p{position: relative; z-index: 2;}

.txtCenter{ text-align: center;}
.txtWhite{ color: #fff;}

.bgWhite{ background-color: #fff;}
.boxRadius{ border-radius: 1em;}

article.area{ padding: 2em;}
	.pcDevice article.area{ padding: 50px;}

article div.movie{ width: 100%; position: relative;}
article div.movie:before{content: ''; display: block; width: 100%; padding-top: 56.3%;}
article div.movie iframe{ position: absolute; top: 0; width: 100%; height: 100%;}


.scheduleWrap{
	display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
}
.scheduleWrap dl {width: 22%; margin: 0%;  text-align: center; font-weight: bold;}
.scheduleWrap dl:first-child{ }
.scheduleWrap dl dt	{font-size: 1.5em; }
.scheduleWrap dl dd	{ font-size: 1.3em;
	margin-bottom: 10%;

}
.scheduleWrap dl dd a{ display: block; background-color: #8fc31f; color: #fff !important; padding: 0.2em;box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
	 transition: all 300ms ease;
}
.scheduleWrap dl dd a:hover{  filter: brightness(110%);}


.cButton{ text-align: center; margin-bottom: 2em;}
.cButton a{
	    display: inline-block;
    margin: auto;
    padding: 1em 2em;
    line-height: 1.5em;
    background: #999;
    color: #fff !important;
    text-decoration: none;
    border-radius: 1em;
    box-shadow: 5px 6px 2px 0px rgba(0, 0, 0, 0.8);
}

.cButton a:after{

}


.cButton.sky a{
	background: #2e8ac9;
    color: #fff !important;
}
.cButton.pink a{
	background: #eb70a7;
    color: #fff !important;
     transition: all 300ms ease;
}

.cButton.pink a:hover{
	 filter: brightness(110%);
}




.soudanGrid{grid-gap: 2rem; text-align:center;  }
.soudanGrid h5{ text-align:center; font-weight:bold; color:#369;}
.soudanGrid .flowArea small{ display:block; line-height:1.2;}
.soudanGrid .red{ color:#c00;}


.soudanType { grid-gap: 2rem;}
.soudanType .gridItem{ background-color:#f2f2f2; padding:1rem;}
.soudanType h5{ margin-bottom:0.2rem !important;}
.soudanType small{ display:block; line-height:1.2;}

.footEx{}


@media screen and (max-width: 1000px) {

	.soudanType { }

}

/* wrap
----------------------------------------------- */



#lpFooter{ width: 100%; box-sizing: border-box; padding: 2em; text-align: center; background-color: #000; color: #fff;}
#lpFooter .link{}
#lpFooter .logo{ width: 50%; max-width: 200px;}



.pcDevice #lpFooter{ padding: 50px;}

.flowArea{ clear: both;}








#lpPage .readBox p { padding-left: 22%;}
#lpPage .readBox p img{ position: absolute; bottom: 8%; left: 0%; width: 33%; z-index: -1;}
#lpPage .readBox p small{ display: block; padding-top: 1em;}

#lpPage #setsumeiOnline{}
#lpPage #setsumeiOnline h3{ margin-bottom:0.5em;}
#lpPage #setsumeiOnline h5{ display: block;  background-color: #8fc31f; text-align: center; padding: 0.5em; font-size: 0.8em; margin:0 auto 1.5em auto; padding: 0.5em; 1em; color: #fff; border-radius: 1em; }
#lpPage #setsumeiOnline .subareaWrap{ }
#lpPage #setsumeiOnline .subareaWrap img{ float: right; width: 35%; margin: 0 0 2% 2%;}
#lpPage #setsumeiOnline .subareaWrap p:nth-of-type(2) ,
#lpPage #setsumeiOnline .subareaWrap p:last-child { margin-bottom: 0;}

#lpPage #soudanOnline{}
#lpPage #soudanOnline h3{ margin-bottom:0.5em;}
#lpPage #soudanOnline h5{ display: block;  background-color: #eb70a7; text-align: center; padding: 0.5em; font-size: 0.8em; margin:0 auto 1.5em auto; padding: 0.5em;  color: #fff; border-radius: 1em; }

#lpPage #soudanOnline .subareaWrap{ }
#lpPage #soudanOnline .subareaWrap img{ float: left; width: 25%; margin: 0 4% 2% 0;}
#lpPage #soudanOnline .subareaWrap p:last-child { margin-bottom: 0;}

#lpPage .toOc{ width: 80%; margin: auto;}

#lpPage article div.movie{ }

.subareaWrap p{ }
.pcDevice #lpPage{ min-width: 700px;font-size: 1.15em;}
.pcDevice #lpPage .readBox{ margin-bottom: 100px;}
.pcDevice #lpPage .readBox p{    padding-left: 15%;}
.pcDevice #lpPage .readBox p img{ 	bottom: -60%;    left: 0%;    width: 21%;}

.pcDevice #lpPage #setsumeiOnline h3{ margin-bottom:30px;}
.pcDevice #lpPage #setsumeiOnline h3 img{ max-width: 500px}
.pcDevice #lpPage #setsumeiOnline .subareaWrap img{ width: 30%;}

.pcDevice #lpPage #soudanOnline h3{ margin-bottom:30px;}
.pcDevice #lpPage #soudanOnline h3 img{ max-width: 500px}
.pcDevice #lpPage #soudanOnline .subareaWrap img{ width: 15%;}

.pcDevice #lpPage h5 {
	font-size: 1.2em !important;
    margin: 0 auto 30px auto !important;
    padding: 0.5em !important;
    border-radius: 2em !important;
}



.pcDevice .cButton a{
	font-size: 1.2em;
	padding: 1em 4em;
    line-height: 1.5em;
    border-radius: 2em;
    box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.5);
 }


.pcDevice article div.movie{ width:80%; max-width: 700px; margin: auto;}

.pcDevice #lpPage .toOc{ width: 350px; margin: auto;}
.pcDevice #lpPage .toOc a{     transition: all 300ms ease;}
.pcDevice #lpPage .toOc a:hover{ filter: brightness(110%);}







@media screen and (max-width: 1000px) {
	div.careerWrap dl{
	display: grid;
	grid-gap: 10px 20px;
    grid-template-rows: auto ;
    grid-template-columns: 1fr;
    grid-auto-flow:inherit;
}

div.careerWrap dl dt{ border-left:solid 6px #666; padding: 2px 20px; }
div.careerWrap dl dd.link{ margin-bottom: 40px;}



.soudanGrid{    grid-template-columns: 1fr !important;}



}