/* ---------- common ---------------------------------------- */

.work #page-visual { background-image: url(../images/bg_visual_work.jpg);}
.comp #page-visual { background-image: url(../images/bg_visual_comp.jpg);}
.inte #page-visual { background-image: url(../images/bg_visual_inte.jpg);}
.guid #page-visual { background-image: url(../images/bg_visual_guid.jpg);}
.news #page-visual { background-image: url(../images/bg_visual_news.jpg);}


/**/
.work #page-visual {}


#page-visual .title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	text-align: center;
}
#page-visual .title h2 {
	font-size: 45px;
	color: #FFF;
	line-height: 100%;
	font-style: italic;
	font-weight: 900;
}
#page-visual .title .jp {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	display: inline-flex;
	align-items: center;
}
/*#page-visual .title .jp:after,
#page-visual .title .jp:before {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #FFF;
	display: block;
	width: 30px;
	margin: 0 7px;
}*/


.page-title {
	color: #082E44;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	margin-bottom: 30px;
}
.page-title span {
	display: block;
	color: #0187D1;
	font-size: 18px;
	font-weight: 900;
}

.jump {
	background-color: #092F44;
	color: #FFF;
	line-height: 50px;
	width: 360px;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
	font-size: 15px;
	font-weight: 700;
}
.jump a { color: #FFF; display: block;}

.jump span {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.jump span:after {
	font-family: FontAwesome;
	content: '\f054';
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	float: right;
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}

.jump:hover {
	background-color: #FFF;
}
.jump:hover a {color: #092F44;}

.jump:hover span:after { color: #092F44;}


/* ---------- home ---------------------------------------- */


/* スライダー */
.swiper-container {
	border-top: solid 1px #E0E0E0;
	min-width: 1200px;
}
.s-right2-wrap {
  position: relative;
  margin: 0 auto;
}
.s-right2-wrap .switch { width: 100%;}

.s-right2-wrap {}
.s-right2-wrap .slide01 {}
.s-right2-wrap .slide02 {}
.s-right2-wrap .slide03 {}
.s-right2-wrap .slide04 {}

.s-fade-text {
/*  position: absolute;
  top: 50%;
  left: 380px;*/
 position: absolute;
  top: 400px;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
/*.s-fade-text img {
	width: 100%;
	height: auto;
}*/


.s-right2-text,
.s-right2-sub {
  color: #FFF;
  /*opacity: 0;*/
	display: block;
}
/**/
.slide2 .s-right2-text, .slide2 .s-right2-sub { color: #0288D1;}
.slide4 .s-right2-text, .slide4 .s-right2-sub { color: #092F44;}


.s-right2-text {
	/*font-family: 'Roboto', sans-serif;*/
	/*line-height: 130%;*/
	line-height: 100%;
  font-size: 78px;
	font-weight: bold;
	/*font-style: italic;*/
	/*letter-spacing: 0.1em;*/
	/*margin-bottom: 20px;*/
	margin-bottom: 0px;
	text-shadow: 1px 1px 5px rgba(9,47,68,0.5);
}
/**/
.slide2 .s-right2-text,
.slide4 .s-right2-text { text-shadow: 0 0 0 rgba(9,47,68,0.5);}

.s-right2-sub {
	/*line-height: 200%;*/
	line-height: 180%;
  /*font-size: 16px;*/
  font-size: 42px;
	font-weight: bold;
	/*letter-spacing: 0.3em;*/
	text-shadow: 1px 1px 5px rgba(9,47,68,0.5);
}
/**/
.slide2 .s-right2-sub,
.slide4 .s-right2-sub { text-shadow: 0 0 0 rgba(9,47,68,0.5);}

/*.swiper-slide-active .s-right2-text {
  -webkit-animation: fadeIn 0.5s ease 0.8s 1 forwards;
  animation:         fadeIn 0.5s ease 0.8s 1 forwards;
}

.swiper-slide-active .s-right2-sub {
  -webkit-animation: fadeIn 0.5s ease 1.7s 1 forwards;
  animation:         fadeIn 0.5s ease 1.7s 1 forwards;
}*/


.s-right2-btn a {
color: #FFFFFF;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
width: 450px;
padding: 15px 0;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
margin-top: 50px;
border-color: rgba(13,171,223,1.0);
border-width:1px !important;
border-style: solid;
line-height: initial;
}


.s-right2-btn a:hover {
background: #00a3d9;
background: -moz-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: linear-gradient(to right, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 163, 217, 0.7)', endColorstr='rgba(0, 133, 178, 0.7)',GradientType=1 );
border-color: rgba(13,171,223,1.0);
}



@keyframes fadeIn {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}




/*.home .area .title .jp:after,
.home .area .title .jp:before {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #9E9E9E;
	display: block;
	width: 30px;
	margin: 0 7px;
}
.home .area .title .jp:after  {}
.home .area .title .jp:before {}*/


/* news */
.home .news-ticker {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	min-height: 60px;
	padding: 15px 10px 15px 5px;
	background-color: #092F44;
	margin-left: 300px;
	margin-bottom: 100px;
}
.home .news-ticker .title {
	float: left;
	padding: 5px 20px;
	font-family: "Roboto";
	font-size: 16px;
	font-weight: 900;
	line-height: 120%;
	color: #FFF;
}
.home .news-ticker .ticker {
	border-left: solid 1px #8497A2;
	padding-top: 5px;
	padding-left: 20px;
	margin-right: 120px;
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
}
	.home .news-ticker .ticker ul li a {
	color: #FFF;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 0.1em;
	display: block;
}
	.home .news-ticker .ticker ul li a:hover { text-decoration: underline;}

	.home .news-ticker .ticker ul li a span {
	font-family: "Roboto";
	font-size: 13px;
	font-weight: 900;
	margin-right: 15px;
}
	.home .news-ticker .more-button {
	position: absolute;
	top: 21px;
	right: 25px;
	background-color: #FFF;
	width: 80px;
	text-align: center;
}
	.home .news-ticker .more-button a {
	font-family: "Roboto";
	line-height: 20px;
	font-size: 11px;
	font-weight: 900;
	color: #062C44;
	display: block;
}

/* ticker */
.ticker {
	position: relative;
	overflow: hidden;
}
.ticker ul {
	width: 100%;
	position: relative;
}
.ticker ul li {
	width: 100%;
	display: none;
}





.home #work {overflow: hidden;}
.home #work .work-main-area {
	width: 90%;
	margin: 90px auto 60px;
	min-width: 1020px;
	max-width: 1270px;
}
.home #work .work-main-area.bottom {}

.home #work .work-main-area .block {
	float: left;
	width: 42%;
	background-color: #FFF;
	position: relative;
}
.home #work .work-main-area .block.left {
	float: left;
	margin-left: 50px;
}
.home #work .work-main-area.bottom .block.left {
	float: none;
	margin: auto;
	padding-bottom: 10px;
	padding-top: 1px;
}

.home #work .work-main-area .block.right {float: right;}
.home #work .work-main-area .block a {}

.home #work .work-main-area .block .photo {
	width: 100%;
	margin-top: -50px;
	margin-left: -50px;
	margin-bottom: 50px;
}
.home #work .work-main-area.bottom .block .photo {margin-bottom: 40px;}

.home #work .work-main-area .block .photo img {
	width: 100%;
	height: auto;
}
.home #work .work-main-area .block h3 {
	position: absolute;
	background-color: rgba(2,136,209,0.9);
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	width: 240px;
	line-height: 56px;
	bottom: 100px;
	left: -85px;
}
.home #work .work-main-area.bottom .block h3 {
	left: inherit;
	right: 20px;
}

.home #interview {
	height: 360px;
	padding-top: 90px;
	background-image:url(../images/bg_interview.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
}
.home #interview .title h2,
.home #interview .title .jp { color: #FFF;}
.home #interview .title .jp:before,
.home #interview .title .jp:after { background: #FFF;}
.home #interview .jump {
	background-color: #FFF;
}
.home #interview .jump a {color: #092F44;}

.home #interview .jump span:after {color: #092F44;}
.home #interview .jump:hover {
	background-color: #092F44;
}
.home #interview .jump:hover a {	color: #FFF;}

.home #interview .jump:hover span:after {color: #FFF;}

.home #guideline {
	padding-bottom: 0px;
	margin-bottom: -40px;
	padding-top: 100px;
}
.home #guideline .btn {
	position: relative;
	background-color: rgba(255,255,255,0.9);
	width: 470px;
	height: 160px;
	text-align: center;
	float: left;
	z-index: 10;
}
.home #guideline .btn a {
	display: block;
	width: 100%;
	height: 100%;
}

.home #guideline .btn.right {	float: right;}

.home #guideline .btn h3 {
	font-size: 24px;
	font-weight: bold;
	color: #082E44;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
.home #guideline .btn h3 span {
	display: block;
	font-size: 16px;
	font-weight: 900;
	line-height: 100%;
}
.home #guideline .btn .fa {
	width: 50px;
	height: 50px;
	background-color: #0288D1;
	color: #FFF;
	text-align: center;
	line-height: 53px;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
}


.home #movie {
	margin: 160px auto 0;
	min-width: 1020px;
	max-width: 1270px;
	padding-bottom: 150px;
}
.home #movie .btn {
	float: left;
	width: 50%;
	position: relative;
	box-sizing: border-box;
}
.home #movie .btn.left { border-right: solid 1px #FFF;}
.home #movie .btn a {
	display: block;
}
.home #movie .btn .back {
	width: 100%;
	height: auto;
}
.home #movie .btn .txt-area {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
.home #movie .btn h3 {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 200%;
	margin-bottom: 20px;
}
.home #movie .btn h3 span {
	display: block;
	font-size: 30px;
	font-weight: 900;
}
.home #movie .btn .play {
	width: 90px;
	height: 90px;
	margin: auto;
}


/* ---------- news ---------------------------------------- */
.news #contents { overflow: hidden;}
.news .news-cont {
	padding: 50px;
	max-width: 1270px;
	margin: 90px auto 100px;
	background-color: #FFF;
	overflow: hidden;
	box-sizing: border-box;
}

.news .catname {
	float: left;
	background-color: #0288D1;
	color: #FFF;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding: 0 13px;
	margin-left: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.08em;
	line-height: 180%;
}
.news .date {
	float: left;
	display: block;
	color: #092F44;
	font-size: 13px;
	letter-spacing: 0.1em;
	font-weight: bold;
}


/* blog-post */
.news .news-area {
	width: 75%;
	float: left;
}
.news .news-post {
	padding-bottom: 100px;
}
.news .news-post .title {
	clear: both;
	font-size: 18px;
	line-height: 140%;
	padding: 12px 0 22px;
	margin-bottom: 22px;
	letter-spacing: 0.1em;
	border-bottom: dotted 1px #BDBDBD;
}
.news .news-post .excerpt {
	font-size: 15px;
	line-height: 200%;
}

/* sidenav */
#sidenav {
	float: right;
	width: 180px;
}
#sidenav > section {
	margin-bottom: 40px;
}
#sidenav h2 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 16px;
	padding: 12px 0;
	background-color: #092F44;
	color: #FFF;
	font-weight: bold;
}
#sidenav nav ul { margin-left: 0em;}
#sidenav nav ul li {
	margin-bottom: 13px;
	line-height: 140%;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: dotted 1px #BDBDBD;
}
#sidenav a {
	padding-left: 7px;
	padding-bottom: 13px;
	display: block;
}

#sidenav nav ul li a::after {
	font-family: FontAwesome;
	content: '\f054';
	float: right;
	font-weight: normal;
	font-size: 12px;
	line-height: 180%;
}


#sidenav a:link ,
#sidenav a:visited {
	text-decoration: none;
	color: #0288D1;
}
#sidenav a:hover,
#sidenav a:active {
	text-decoration: underline;
}

.news .wp-pagenavi {
	padding-top:0px;
	clear: both;
}
/* wp-pagenavi */
.wp-pagenavi {
	clear: both;
	margin-bottom: 20px;
	padding-top: 70px;
	text-align: center;
	font-size: 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 48px;
	border: 2px solid #0288D1;
	font-size: 14px;
	color: #0288D1;
	text-decoration: none;
	margin-left: 10px;
	margin-bottom: 10px;
}
.wp-pagenavi span.pages {
	width: inherit;
	padding: 0 16px 0 5px;
	margin-left: 0;
	border: none;
	color: #3F372C;
	float: left;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	background-color: #0288D1;
	color: #FFF;
}
.wp-pagenavi span.pages {
	width: inherit;
	padding: 0 16px 0 5px;
	margin-left: 0;
}
.wp-pagenavi .extend {
	border: none;
	color: #0288D1;
	font-size: 14px;
	letter-spacing: 0.1em;
}


/* ---------- company ---------------------------------------- */
.comp #company {padding: 60px 0 120px;}

.swiper-infographic {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	z-index:1;
	padding-bottom: 40px;
}
.swiper-infographic .swiper-slide {text-align: center;}
.swiper-infographic .swiper-slide img {
	width: 90%;
	height: auto;
}
.swiper-infographic .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-infographic.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
  width: 100%;
}

#comp-menu {
	text-align: center;
	width: 720px;
	margin: 60px auto;
}
#comp-menu .block {
	width: 360px;
	float: left;
	box-sizing: border-box;
}

#comp-menu .block.mess { background-image: url(../images/company/bg_mess.jpg);}
#comp-menu .block.faq  { background-image: url(../images/company/bg_faq.jpg);}
#comp-menu .block.info { background-image: url(../images/company/bg_info.jpg);}
#comp-menu .block.left { border-right: solid 1px #EEEEEE;}

#comp-menu .block a {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
	display: block;
	padding: 38px 0;
	text-align: left;
}
#comp-menu .block a:before {
	font-family: FontAwesome;
	content: '\f054';
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	float: left;
	padding: 10px 10px 10px 40px;
}

#comp-menu .block a span {
	display: block;
	font-size: 12px;
	font-weight: 900;
}

.top-txt {
	width: 100%;
	text-align: center;
	padding-bottom: 45px;
	margin-bottom: 0px !important;
}


/* ---------- message ------------ */
#comp-main-cont {
	max-width: 1270px;
	margin: auto;
	padding: 70px 0 70px;
}
.mess .safety {
	background-image: url(../images/company/bg_message.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 1270px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	height: 720px;
}
.mess .safety h3 {
	color: #FFF;
	font-size: 42px;
	font-weight: bold;
	padding: 100px 0 20px;
}
.mess .safety p {
	color: #FFF;
	line-height: 240%;
	padding-bottom: 40px;
}
.mess .safety .name {}


/* ---------- infographic ------------ */
.info .area {
	background-color: #FFF;
	margin-bottom: 20px;
	position: relative;
	box-sizing: border-box;
	padding: 70px 0;
	text-align: center;
}
.info .area .left-area ,
.info .area .right-area {
	display: inline-block;
	margin: 0 3%;
}
.info #area04 { float: left;}
.info #area05 { float: right;}
.info #area04 ,
.info #area05 { width: 49.3%;}
.info #area06 { clear: both;}


.info .area p {
	padding-top: 15px;
	width: 300px;
	text-align: left;
}
.info #area02.area p {width: 360px;}
.info .area .btn {
	background-color: #092F44;
	width: 160px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
}
.info .area .btn a {
	display: block;
	line-height: 40px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../images/ic_site_white.png);
	background-position: right 20px center;
	background-repeat: no-repeat;
	padding-right: 15px;
}



/* ---------- work ---------------------------------------- */
.cont-area {
	max-width: 1270px;
	min-width: 1020px;
	margin: 100px auto 0;
	overflow: hidden;
	padding-bottom: 70px;
}
.work .blk { margin-bottom: 70px;}
.work .blk .photo {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.work #work-blk02.blk .photo,
.work #work-blk04.blk .photo {
	float: right;
}

.work .blk .photo img {
	width: 100%;
	height: auto;
}

.work .blk .text-area {
	background-color: rgba(255,255,255,0.9);
	width: 53.9%;
	min-width: 560px;
	float: left;
	position: relative;
	box-sizing: border-box;
	margin-top: 50px;
	margin-left: -50px;
	padding-bottom: 60px;
}
.work #work-blk02.blk .text-area,
.work #work-blk04.blk .text-area {
	float: right;
	margin-right: -50px;
}

.work .blk .text-area h2 {
	background-color: #0288D1;
	color: #FFF;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	line-height: 100px;
}
.work .blk .text-area .heading {
	color: #0085D1;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin: 30px 40px;
	line-height: 160%;
}
.work .blk .text-area ul {margin: 0 40px 25px;}
.work .blk .text-area ul li {
	background-color: #EEEEEE;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3px;
	line-height: 56px;
	box-sizing: border-box;
}
.work .blk .text-area ul li.half {
	width: 50%;
	float: left;
}
.work .blk .text-area ul li.half.left {
	border-right: solid 3px #FFF;
}
.work .blk .text-area dl {
	text-align: center;
	background-color: #EEEEEE;
	margin: 20px 40px 10px;
	padding: 15px 0;
}
.work .blk .text-area dl dt {
	font-size: 17px;
	border-right: solid 1px #616161;
	padding-right: 20px;
	margin-right: 20px;
}
.work .blk .text-area dl dd {
	display: inline-block;
	font-size: 15px;
}
.work .blk .text-area dl dt ,
.work .blk .text-area dl dd {
	display: inline-block;
	font-weight: bold;
	line-height: 120%;
}



.work .blk .text-area p {
	margin: 0 40px 0;
	font-size: 14px;
	line-height: 200%;
}
.work .blk .btn {
	background-color: #092F44;
	width: 160px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
}
.work .blk .btn a {
	display: block;
	line-height: 40px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../images/ic_site_white.png);
	background-position: right 20px center;
	background-repeat: no-repeat;
	padding-right: 15px;
}



/* ---------- interview ---------------------------------------- */
.inte #interview-list {
	font-size: 0;
	text-align: center;
	/*
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	*/
}
.inte #interview-list .block {
	width: 30%;
	min-width: 320px;
  overflow:hidden;
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
}

/**/
.inte #interview-list #employee01.block {}
.inte #interview-list #employee02.block { margin: 0 28px 30px;}
.inte #interview-list #employee03.block {}
.inte #interview-list #employee04.block { margin-right: 15px;}
.inte #interview-list #employee05.block { margin-left: 15px;}

.inte #interview-list .block a {
	color: #082E44;
	display: block;

}
.inte #interview-list .block a img {
	width: 100%;
	height: auto;
}


.inte #interview-list .block .text-area {
	position: relative;
	background-color: #FFF;
	min-height: 210px;
	box-sizing: border-box;
	padding: 8%;
}
.inte #interview-list .block .text-area .objective {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}
.inte #interview-list .block .text-area .objective:after {
	content: '';
	border-bottom: solid 1px #616161;
	width: 30px;
	display: block;
	padding-top: 12px;
}

.inte #interview-list .block .text-area .name {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
}
.inte #interview-list .block .text-area .name span {
	font-size: 12px;
	font-weight: 900;
	color: #0086D1;
	padding-left: 8px;
}
.inte #interview-list .block .text-area .office {
	font-size: 12px;
	color: #000;
	text-align: left;
}
.inte #interview-list .block .text-area .fa {
    width: 50px;
    height: 50px;
    background-color: #0288D1;
    color: #FFF;
    text-align: center;
    line-height: 53px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* ---------- 社員インタビューページ ------------ */

.inte-pagenav {text-align: center;}
.inte-pagenav a {}
.inte-pagenav a:hover {
	opacity: 0.6;  
	filter: alpha(opacity=60);  
}
.inte-pagenav .page {background-repeat: no-repeat;}
/**/
.inte-pagenav .page.echizen { background-image: url(../images/interview/ic_echizen.png);}
.inte-pagenav .page.senjimaru { background-image: url(../images/interview/ic_senjimaru.png);}
.inte-pagenav .page.kanada { background-image: url(../images/interview/ic_kanada.png);}
.inte-pagenav .page.ishimaru { background-image: url(../images/interview/ic_ishimaru.png);}
.inte-pagenav .page.morisaki { background-image: url(../images/interview/ic_morisaki.png);}

.inte-pagenav .page p {
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	float: left;
}
.inte-pagenav .page p span {
	display: block;
	font-size: 12px;
	color: #737373;
	font-weight: 900;
}
.inte-pagenav .page.prev {
	float: left;
	text-align: left;
	background-position: left 30px center;
	padding: 20px 0px 20px;
}
.inte-pagenav .page.prev:before {
	font-family: FontAwesome;
	content: '\f053';
	font-size: 16px;
	color: #0288D1;
	float: left;
	padding-top: 10px;
	padding-right: 110px;
}
.inte-pagenav .page.next {
	float: right;
	text-align: right;
	background-position: right 30px center;
	padding: 20px 0px 20px;
}
.inte-pagenav .page.next:after {
	font-family: FontAwesome;
	content: '\f054';
	font-size: 16px;
	color: #0288D1;
	float: right;
	padding-top: 10px;
	padding-left: 110px;
}

.inte-pagenav .list {
	vertical-align: middle;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../images/interview/ic_list.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 30px;
	margin-top: 20px;
	display: inline-block;
}
/**/
.echi .inte-pagenav .list {margin-left: 220px;}
.mori .inte-pagenav .list {margin-right: 200px;}

.page-top-area {
	position: relative;
	padding-bottom: 250px;
}
.page-top-area img {
	max-width: 100%;
	height: auto;
}
.page-top-area .page-objective {
	width: 40%;
	position: absolute;
	right: 40px;
	bottom: 70px;
	min-width: 440px;
}
/**/
.inte.senj .page-top-area .page-objective ,
.inte.kana .page-top-area .page-objective {
	right: 0;
	left: 40px;
}

.page-top-area .page-objective h2 {
	background-color: #0288D1;
	color: #FFF;
	font-weight: bold;
	font-size: 26px;
	box-sizing: border-box;
	padding: 35px;
	line-height: 150%;
}
.page-top-area .page-objective .prof {
	background-color: #FFF;
	box-sizing: border-box;
	padding: 25px 35px;
}
.page-top-area .page-objective .prof .data {
	font-size: 13px;
	color: #727272;
	font-weight: bold;
	text-align: left;
}
.page-top-area .page-objective .prof .name {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 5px 0 5px;
}
.page-top-area .page-objective .prof .name span {
	font-size: 12px;
	font-weight: 900;
	color: #0086D1;
	padding-left: 8px;
}
.page-top-area .page-objective .prof .office {
	font-size: 12px;
	color: #000;
	text-align: left;
}

.inte .area {margin-bottom: 70px;}
.inte .area .text-area {
	background-color: rgba(255,255,255,0.9);
	box-sizing: border-box;
	padding: 40px;
	width: 53.9%;
}
.inte .area .text-area .catchcopy {
	font-size: 18px;
	font-weight: bold;
	color: #0085D1;
	margin-bottom: 15px;
}
.inte .area .text-area p { line-height: 200%;}

.inte .area .photo {
	float: right;
	width: 50%;
	margin-left: -50px;
	margin-top: 60px;
}
/**/
.inte.senj .area .photo ,
.inte.kana .area .photo {
	float: left;
	margin-left: 0;
	margin-right: -50px;
}

.inte .area .photo img {
	max-width: 100%;
	height: auto;
}
.page-center-area .text-area {float: right;}
.page-end-area .text-area {
	float: right;
	margin-left: -50px;
	margin-top: 90px;
}
.page-end-area.area .photo {
	float: left;
	margin-left: 0px;
	margin-top: 0;
}
/**/
.inte.senj .page-end-area.area .photo ,
.inte.kana .page-end-area.area .photo {
	float: right;
	margin-left: -50px;
	margin-top: 0;
	margin-right: 0;
}



/* ---------- guideline ---------------------------------------- */

.guid .cont-area {padding-bottom: 120px;}
.guid .cont-area .block {
	min-width: 490px;
	width: 48%;
	float: left;
	box-sizing: border-box;
	position: relative;
}
.guid .cont-area .block.right {
	float: right;
}

.guid .cont-area .block a {}
.guid .cont-area .block .bg-photo {}
.guid .cont-area .block .bg-photo img {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.guid .cont-area .block .txt {
	background-color: #FFF;
	padding: 7%;
	width: 100%;
	box-sizing: border-box;
}
.guid .cont-area .block .txt h3 {
	color: #082E44;
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
}
.guid .cont-area .block .txt h3 span {
	display: block;
	font-size: 16px;
	font-weight: 900;
}
.guid .cont-area .block .txt h3:after {
    content: "";
    display: block;
    border-bottom: solid 1px #616161;
    width: 30px;
    margin: 10px 0 20px;
}
.guid .cont-area .block .txt p {
	color: #000;
}
.guid .cont-area .block .fa {
	width: 50px;
	height: 50px;
	background-color: #0288D1;
	color: #FFF;
	text-align: center;
	line-height: 53px;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#comp-main-cont .headline {
	text-align: center;
	margin-bottom: 45px;
}

.table-inner {
	background-color: #FFF;
	max-width: 1270px;
	min-width: 1020px;
	margin: 0 auto;
	padding: 70px 90px;
	margin-bottom: 50px;
}
.table-inner .table-list {
	width: 100%;
	border-top: solid 1px #D3D3D3;
	margin-bottom: 15px;
}
.table-inner .table-list th {
	background-color: #F5F5F5;
	border-right: solid 1px #D3D3D3;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 160px;
	vertical-align: middle;
}
.table-inner .table-list td {
	padding-left: 22px;
}
.table-inner .table-list th ,
.table-inner .table-list td {
	border-bottom: solid 1px #D3D3D3;
	padding-top: 20px;
	padding-bottom: 20px;
}
.table-inner .table-list td ul {}
.table-inner .table-list td ul li {}

.table-inner h3 {
	color: #0086D1;
	font-size: 20px;
	font-weight: bold;
	border-left: solid 3px #0086D1;
	padding-left: 15px;
	margin: 45px 0 25px;
}
.table-inner .btn {}
.table-inner .btn a {
	background-color: #0288D1;
	display: block;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 90px;
	width: 320px;
	text-align: center;
	margin-top: 20px;
}


/* ---------- 申込フォーム ------------ */
form {}
form table {
	width: 100%;
	border-top: solid 1px #D3D3D3;
	margin-bottom: 35px;
	margin-top: 80px;
}
form table th {
	background-color: #F5F5F5;
	
	font-size: 14px;
	font-weight: bold;
	width: 264px;
	vertical-align: middle;
	padding-left: 18px !important;
	padding-right: 18px;
}
form table th.deta {	vertical-align: top;}

form table td {	padding-left: 15px;
}
form table th ,
form table td {
	border-bottom: solid 1px #D3D3D3;
	padding-top: 12px;
	padding-bottom: 12px;
}
form table th {}

form table .nini {
	background-color: #959595;
	color: #FFF;
	float: right;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
	width: 32px;
	margin-top: 3px;
	border-radius: 2px;        /* CSS3草案 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */  
}
form table .hiss {
	background-color: #0288D1;
	color: #FFF;
	float: right;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
	width: 32px;
	margin-top: 3px;
	border-radius: 2px;        /* CSS3草案 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */  
}


form table td input {
	border: solid 1px #E0E0E0;
	/*background-color: #F5F5F5;*/
	height: 40px;
	width: 70% !important;
	padding: 8px;
	box-sizing: border-box;
}
form table td input[type="checkbox"] {
	height: auto;
	width: auto;
	margin-right: 2px;
}
form table td textarea {
	border: solid 1px #E0E0E0;
	/*background-color: #F5F5F5;*/
	padding: 8px;
	box-sizing: border-box;
	width: 90%!important;
    height: 350px !important;
}

form .contact-privacy { text-align: center; 	margin-bottom: 25px;}
form .contact-privacy a {
	text-decoration: underline;
	background-image: url(../images/guideline/ic_link.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 13px;
	margin-right: 5px;
}

form .contact-btn {text-align: center;}
form .contact-btn button {
	border: none;
	color: #FFF;
	background-color: #0288D1;
	font-size: 16px;
	font-weight: bold;
	width: 320px;
	line-height: 80px;
}

.form-table td span {
margin:  20px;
}

























































































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


#page-visual {height: 150px;}
#page-visual .title h2 {
	font-size: 26px;
	line-height: 50%;
}
#page-visual .title .jp {font-size: 13px;}
#page-visual .title .jp::after, #page-visual .title .jp::before {width: 20px;}
#page-visual .title .jp::before {margin-right: 0.3em;}
#page-visual .title .jp::after {margin-left: 0.3em;}


.page-title {
    font-size: 21px;
    line-height: 120%;
    margin-bottom: 25px;
}
.page-title span {
    font-size: 14px;
}


.jump {
	line-height: 40px;
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
	font-size: 12px;
}
.jump span:after {font-size: 11px;}


.top-txt {
	padding-bottom: 30px;
}



/* ---------- home ---------------------------------------- */

.swiper-container {
	min-width: 100%;
}
.s-fade-text {
 position: absolute;
  top: 60%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.s-right2-text {
	line-height: 130%;
  font-size: 9vw;
	margin-bottom: 10px;
}
.s-right2-sub {
	letter-spacing: 0.3em;
	line-height: 150%;
  font-size: 3.3vw;
}

.s-fade-text img {
	width: 80%;
	height: auto;
}



/* news */
.home .news-ticker {
	padding: 8px 0px;
	margin-left: 0;
	margin-bottom: 45px;
	min-height: 40px;
}
.home .news-ticker .title {
	font-size: 11px;
	padding: 5px 5%;
}
.home .news-ticker .ticker {
	padding-top: 0px;
	margin-right: 80px;
	padding: 5px 15px;
}
	.home .news-ticker .ticker ul li a {
	font-size: 11px;
	line-height: 150%;
}
	.home .news-ticker .ticker ul li a:hover { text-decoration: underline;}

	.home .news-ticker .ticker ul li a span {
	font-family: "Roboto";
	font-size: 11px;
	margin-right: 8px;
}
	.home .news-ticker .more-button {
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5%;
	background-color: #FFF;
	width: 60px;
	height: 18px;
	margin: auto;
}
	.home .news-ticker .more-button a {
	font-family: "Roboto";
	font-size: 9px;
	font-weight: 900;
	color: #062C44;
}





.home #work .work-main-area {
    width: auto;
    margin: auto;
    min-width: 100%;
		max-width: 100%;

}
.home #work .work-main-area .block {
	width: auto;
	margin-bottom: 40px;
	margin-top: 40px;
}
.home #work .work-main-area .block.left,
.home #work .work-main-area .block.right {
    float: right;
    margin-left: 60px;
}
.home #work .work-main-area.bottom .block.left {
    float: right;
    margin: 40px 0 40px 60px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.home #work .work-main-area .block .photo {
    width: 100%;
    margin-top: -40px;
    margin-left: -40px;
    margin-bottom: 40px;
}
.home #work .work-main-area .block h3 {
    font-size: 13px;
    width: 170px;
    line-height: 35px;
    bottom: 65px;
    left: -60px;
}
.home #interview {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
		position: relative;
		margin: 0;
}
.home #interview .title {
	padding: 35px 0;
}
.home #interview .jump {
    background-color: #092F44;
    color: #FFF;
		position: absolute;
		width: 90%;
		left: 0;
		right: 0;
}
.home #interview .jump a {
    color: #FFF;
}
.home #interview .jump span::after {color: #FFF;}
.home #interview .jump:hover {
	background-color: #FFF;
}
.home #interview .jump:hover a {
	color: #092F44;
}

.home #interview .jump:hover span::after {color: #092F44;}

.home #guideline .btn {
    width: 100%;
    height: 105px;
    margin-bottom: 20px;
}
.home #guideline .btn h3 {font-size: 17px;}
.home #guideline .btn h3 span { font-size: 11px;}
.home #guideline .btn .fa {
    width: 35px;
		height: 35px;
    line-height: 37px;
    font-size: 9px;
}

.home #movie {
	margin: 80px 5% 0;
	padding-bottom: 80px;
	min-width: auto;
	max-width: 100%;
}
.home #movie .btn {
	float: none;
	width: 100%;
}
.home #movie .btn.left {
	border-right: none;
	border-bottom: solid 1px #FFF;
}
.home #movie .btn h3 {
    font-size: 12px;
    line-height: 180%;
    margin-bottom: 10px;
}
.home #movie .btn h3 span {
    font-size: 18px;
}
.home #movie .btn .play {
    width: 45px;
    height: 45px;
    margin: auto;
}
.home #movie .btn .play img {
	width: 100%;
	height: auto;
}


/* ---------- news ---------------------------------------- */
.news .news-cont {
    padding: 20px;
    margin: 50px 5% 70px;
}
.news .news-area {
    width: 100%;
    float: none;
}
.news .news-post {
    padding-bottom: 60px;
}
.news .date {
    font-size: 11px;
}
.news .catname {
	margin-left: 8px;
	padding: 0 6px;
	font-size: 9px;
}
.news .news-post .title {
	font-size: 14px;
	line-height: 140%;
	padding: 6px 0 17px;
	margin-bottom: 17px;
}
.news .news-post .excerpt {
    font-size: 13px;
    line-height: 200%;
}

#sidenav {
    float: none;
    width: 100%;
}
#sidenav h2 {
    font-size: 12px;
    margin-bottom: 16px;
    padding: 8px 0;
}
#sidenav nav ul li {
    margin-bottom: 10px;
    font-size: 12px;
}

/* wp-pagenavi */
.wp-pagenavi {
    margin-bottom: 20px;
    padding-top: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
	font-size: 11px;
	height: 26px;
	width: 26px;
	line-height: 28px;
	margin-bottom: 8px;
}
.wp-pagenavi span.pages {
	padding: 0 6px 0 0;
}





/* ---------- company ---------------------------------------- */
#comp-main-cont .headline {
    margin-bottom: 30px;
}

#comp-menu {
	width: auto;
	margin: 50px auto;
}
#comp-menu .block {
	width: 100%;
	float: none;
	background-repeat: no-repeat;
	background-size: cover;
}
#comp-menu .block.left {
	border-right: solid none #EEEEEE;
	border-bottom: solid 1px #EEEEEE;
}
#comp-menu .block a {
	font-size: 16px;
	padding: 30px 0;
}
#comp-menu .block a::before {
	font-size: 12px;
	padding: 10px 10px 10px 20px;
}

.comp #company {padding: 50px 5% 70px;}

#company .left-area {
	float: none;
	width: 100%;
}
#company .left-area .block {min-height: auto;}
#company .txt {padding: 7% 5%;}
#company h3 {font-size: 18px;}
#company h3 span {font-size: 13px;}
#company h3::after {margin: 7px 0 15px;}

#company .right-area {
	float: none;
	width: 100%;
}
#company .right-area .txt {position: inherit;}
.swiper-infographic .swiper-slide img {
	width: 100%;
	height: auto;
}
#company .fa {
	width: 35px;
	height: 35px;
	line-height: 37px;
	font-size: 9px;
}

#comp-main-cont {
	max-width: 1270px;
	margin: auto;
	padding: 40px 5% 20px;
}
.mess .safety {
	max-width: 1270px;
	height: auto;
	padding: 0 10px 230px;
}
.mess .safety h3 {
	font-size: 21px;
	padding: 70px 0 20px;
}
.mess .safety p {
	line-height: 200%;
	padding-bottom: 30px;
}
.mess .safety p br { display: none;}

.mess .safety .name {}
.mess .safety .name img {
	max-width: 100%;
	height: auto;
}



.info .area {
	padding: 30px 20px;
}
.info .area .left-area, .info .area .right-area {
	margin: 0;
	display: block;
}
.info .area img {
	max-width: 100%;
	height: auto;
	margin: 10px 0;
}
.info .area p {
    padding-top: 0px;
    width: auto;
    text-align: left;
}
.info #area02.area p {
    width: auto;
}

.info .area .btn a {
    line-height: 35px;
    font-size: 11px;
    background-position: right 13px center;
    padding-right: 9px;
}
.info .area .btn {
    width: 130px;
}
.info #area04, .info #area05 {
    width: auto;
}
.info #area04 ,
.info #area05 {
    float: none;
}




/* ---------- work ---------------------------------------- */

.cont-area {
	max-width: 1270px;
	min-width: auto;
	margin: 60px auto 0;
	padding-bottom: 20px;
}
.work .blk {
	margin-bottom: 40px;
	padding: 0 5%;
}
.work .blk .photo {
	width: 100%;
	float: none;
}
.work #work-blk02.blk .photo, .work #work-blk04.blk .photo {
    float: none;
}
.work .blk .text-area {
	width: 100%;
	min-width: 10%;
	float: none;
	margin-top: 0;
	margin-left: 0;
	padding-bottom: 55px;
}
.work #work-blk02.blk .text-area, .work #work-blk04.blk .text-area {
    float: none;
    margin-right: 0;
}
.work .blk .text-area h2 {
	font-size: 21px;
	line-height: 60px;
}
.work .blk .text-area .heading {
	font-size: 16px;
	margin: 25px 20px;
}
.work .blk .text-area ul {
	margin: 0 20px 20px;
}
.work .blk .text-area ul li {
	font-size: 14px;
	line-height: 150%;
	padding: 15px 10px;
}
.work .blk .text-area p {
	margin: 0 20px 0;
	font-size: 13px;
	line-height: 200%;
}
.work .blk .btn {width: 130px;}
.work .blk .btn a {
	line-height: 35px;
	font-size: 11px;
	background-position: right 13px center;
	padding-right: 9px;
}
.work .blk .text-area ul li.half.left {
	border-right: none;
}
.work .blk .text-area ul li.half {
	width: 100%;
	float: none;
}
.work .blk .text-area dl {
	background-color: #EEEEEE;
	margin: 15px 20px 10px;
	padding: 16px 20px;
}
.work .blk .text-area dl dt, .work .blk .text-area dl dd {
	display: table-cell;
	font-weight: bold;
	line-height: 160%;
	text-align: left;
}
.work .blk .text-area dl dt {
	font-size: 15px;
	padding-right: 10px;
	margin-right: 10px;
	min-width: 70px;
	vertical-align: middle;
}
.work .blk .text-area dl dd {
	padding-left: 10px;
	font-size: 14px;
}



/* ---------- interview ---------------------------------------- */
.inte-pagenav {
	text-align: center;
	padding: 0 5%;
	margin: 0 5% 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}
.inte-pagenav .list {
	font-size: 12px;
	padding-top: 26px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.echi .inte-pagenav .list ,
.mori .inte-pagenav .list {
	margin-left: auto;
	margin-right: auto;
}
.inte-pagenav .page {
	background-repeat: no-repeat;
	background-size: 60px auto;
	display: inline-block;
	float: none !important;
	position: relative;
}
.inte-pagenav .page.prev {
	background-position: top center;
	padding: 10px;
}
.inte-pagenav .page.next {
	background-position: top center;
	padding: 10px;
}
.inte-pagenav .page p {
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	display: inherit;
	padding-top: 55px;
	text-align: center;
	float: none;
}
.inte-pagenav .page p span {
	font-size: 11px;
}
.inte-pagenav .page.prev::before {
	font-size: 14px;
	padding-top: 10px;
	padding-right: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	margin: auto;
	height: 20px;
}
.inte-pagenav .page.next::after {
	font-size: 14px;
	padding-top: 10px;
	padding-left: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -15px;
	margin: auto;
	height: 20px;
}

.inte .area {
	margin-bottom: 40px;
	padding: 0 5%;
}
.inte .top-txt {
	padding: 0 5% 30px;
	width: auto;
}
.inte #interview-list {
	padding: 0 5%;
}
.inte #interview-list .block {
	width: auto;
	min-width: 100%;
}
.inte #interview-list #employee02.block {
	margin: 0 0 30px;
}
.inte #interview-list #employee05.block {
	margin-left: 0;
}
.inte #interview-list .block img {
	max-width: 100%;
	width: 100%;
}
.inte #interview-list .block .text-area {
	min-height: auto;
	padding: 6%;
}
.inte #interview-list .block .text-area .objective {
	font-size: 16px;
	margin-bottom: 10px;
}
.inte #interview-list .block .text-area .name {
	font-size: 15px;
}
.inte #interview-list .block .text-area .name span {
	font-size: 11px;
}
.inte #interview-list .block .text-area .fa {
	width: 35px;
	height: 35px;
	line-height: 37px;
	font-size: 9px;
}
.page-top-area .page-objective {
	width: 100%;
	position: inherit;
	right: 0;
	bottom: 0;
	min-width: 100%;
}
.inte.senj .page-top-area .page-objective, .inte.kana .page-top-area .page-objective {
	right: 0;
	left: 0;
}
.page-top-area .page-objective h2 {
	font-size: 18px;
	padding: 20px;
	line-height: 150%;
}
.page-top-area .page-objective .prof {
	padding: 20px;
}
.page-top-area {
	position: relative;
	padding: 0 5% 40px;
}
.inte .area .photo {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}

.inte .area .text-area {
	padding: 25px 20px;
	width: 100%;
}
.inte .area .text-area .catchcopy {
	font-size: 17px;
	margin-bottom: 13px;
}
.page-end-area.area .photo {
	float: none;
}
.inte.senj .page-end-area.area .photo, .inte.kana .page-end-area.area .photo {
	float: none;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
}
.page-end-area .text-area {
	float: none;
	margin-left: 0;
	margin-top: 0;
}



/* ---------- guideline ---------------------------------------- */
.guid .cont-area {padding: 0 5% 50px;}
.guid .cont-area .block {
    min-width: 100%;
    width: 100%;
    float: none;
		margin-bottom: 30px;
}
.guid .cont-area .block .txt {padding: 6%;}
.guid .cont-area .block .txt h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
.guid .cont-area .block .txt h3 span {font-size: 13px;}
.guid .cont-area .block .txt h3::after {margin: 7px 0 15px;}
.guid .cont-area .block .txt p {}
.guid .cont-area .block .fa {
	width: 35px;
	height: 35px;
	line-height: 37px;
	font-size: 9px;
}

.table-inner {
	padding: 25px 20px;
	min-width: auto;
}
.table-inner .table-list th, .table-inner .table-list td {
	padding-top: 15px;
	padding-bottom: 15px;
}
.table-inner .table-list th {
	width: 80px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
}
.table-inner .table-list td {padding-left: 10px;}

.table-inner h3 {
    font-size: 16px;
    padding-left: 10px;
    margin: 30px 0 15px;
}
.table-inner .btn a {
    font-size: 14px;
    line-height: 70px;
    width: auto;
    margin-top: 20px;
}


/* ---------- 申込フォーム -------------- */
form table th, form table td {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px;
	font-size: 12px;
}
form table td {padding: 8px 0 20px !important;}
form table .hiss ,
form table .nini {
	float: none;
	display: inline-block;
	margin-left: 12px;
}
form table td textarea { height: 130px;}
form input, form textarea {
	padding: 3px 5px;
	width: 100%;
	line-height: 190%;
	box-sizing: border-box;
}
form .contact-btn button {
	font-size: 14px;
	width: 100%;
	line-height: 60px;
	margin-bottom: 20px;
}


form table td input {
	width: 100% !important;
}

form table td textarea {
	width: 100% !important;
}

.form-table td span {
margin:  0 0 20px 0;
}



.s-right2-btn a {
color: #FFFFFF;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
width: 60%;
padding: 5px 0;
margin: 0 auto;
font-size: 3.3vw;
font-weight: bold;
margin-top: 3.0vw;
}



}






.swiper-slide {
max-height: 735px;
}



.slick-box3 li {
padding-left:0;
margin-bottom: 0;

}