* {
	border:0;margin:0;padding:0;
	border-collapse:collapse;
	box-sizing: border-box;

}

html {
	min-width:320px;
}

.ups,
img.zooms, 
img.vibe, 
img.lefts, 
img.rights, 
img.fades {
	opacity: 0;
}

.swiper-slide img {
    vertical-align:bottom;
}


.list, .list2 {
	text-align:left;
}
.list2 {
	text-indent:0.7em;
}
.list a {
	font-size:0.9em;
}
.list2 a {
	font-size:0.8em;
}

footer {
	width:100%;
	background:#dee2f4;

	padding:10px 20px 30px;
}

body {
	width:100%;
	height:100%;

	font-size:18px;color:#252823;
	font-weight: 400;
	line-height:2em;

	overflow-x:hidden;
}

.bg_030 {
	background:url('../img/back.png');
	background-size:;
	background-position:center top;
	background-repeat:repeat;
	background-attachment:fixed;
}

.bg_031 {
	background:url('../img/back/001.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.bg_032 {
	background:url('../img/back/002.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.bg_033 {
	background:url('../img/back/003.jpg');
	background-size:contain;
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.bg_034 {
	background:url('../img/back/004.jpg');
	background-size:contain;
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.bg_041 {
	background:url('../img/works/icons/back_01.png');
	background-position:center center;
	background-repeat:repeat;
	background-attachment:fixed;
}

.bg_042 {
	background:url('../img/works/icons/back_02.png');
	background-position:center center;
	background-repeat:repeat;
	background-attachment:fixed;
}

main, .main {
}


.plan_icon span {
	background:#64bcd4;
	font-size:16px;
	color:#fff;
	padding: 5px 20px;
	line-height:2.5;
	border-radius:5px;
}

.big_fonts {
    width:640px;
	font-size:1.8em;
	line-height:1.7;
	font-weight:800;
	
    color:#64bcd4;
    display:block;
    margin:0 auto;
}



/** ヘッダー **/
header {
	width:100%;height:100px;
	background:#2a4966;
}

header a img {
    max-height:80px;
}

.head_area {
	width:100%;height:100px;
	max-width:1080px;
	margin:0 auto;
}
.head_logo {
	width:33.3%;
	float:left;
	padding:15px 20px;
}
.head_menu {
	width:66.6%;
	float:right;
}

.menu {
	width:100%;height:90px;
	padding-top:20px;
}

.menu ul {
	width:100%;height:90px;
	max-width:1080px;
	margin:0 auto;
	table-layout:fixed;
}

.menu ul li {
	width: 19%;
	display:inline-block;
	text-align:center;
	vertical-align:middle;

	position: relative;
}

.menu ul li:nth-child(3) {
	width:24%;
}

.menu ul li::after {
	position: absolute;
	top: -7px;
	left: 15%;
	content: '';
	width: 70%;
	height: 3px;
	background: #44a6bf;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}

.menu ul li:hover::after {
	transform: scale(1, 1);
}

.menu a {
	font-size:14px;
	font-weight:600;
	letter-spacing:0.02em;

	width:100%;height:100%;
	padding:12px 0;

	display: inline-block;
	text-decoration: none;

	position: relative;
	transition: all 0.3s ease-out;
}

.menu a:hover {
	font-size:15px;
	letter-spacing:-0.05px;
}

.menu a::before {
	border-right: 1px solid #666;

	width:100%;height:20px;
	content: '';
	display:block;
	position:absolute;

	top:20px;bottom:0;left:0;right:0;
	margin:auto;
}

.menu a::after {
	width: 7px;height: 7px;
	content: '';
	background: #333;
	border-radius:3.5px;
	display:block;
	position:absolute;
	bottom:0;left:0;right:0;
	margin:auto;

	transform-origin: center top;
	transition: transform .1s;
	transform: scale(1, 1);
}

.menu a:hover::after {
	background: #44a6bf;
	transform: scale(1.2, 1.2);
}

.flex_content {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}

.item {
	flex-basis: 50%;
	position:relative;
	margin:0;padding:0;
    vertical-align: middle;
    border:0;
}

.item2 {
	flex-basis: calc( 100% / 4 );
	position:relative;
	margin:0;padding:0;
	text-align:center;
    vertical-align: middle;
}

.item3 {
	flex-basis: 31.5%;
	position:relative;
	margin:0;padding:0;
	margin-bottom:20px;
	text-align:center;
    vertical-align: middle;
}

.item4 {
	flex-basis: 63.5%;
	position:relative;
	margin:0;padding:0;
	text-align:center;
    vertical-align: middle;
}

.item2 > img {
	padding:10px;
}

.recruit_area h3 {
  position: relative;
  background: #f9f9f9;
  padding: 0.25em 0.5em;
	margin-bottom:15px;
  border-left: solid 2em #666;
}

.recruit_area h3:before {
  font-family: "Ionicons";
  content: "\f2ab";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

ul.lists {
  padding: 0 1em;
  position: relative;
}

ul.lists li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

ul.lists li:before {
  font-family: "Ionicons";
  content: "\f2ab";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

ul.lists li:last-of-type {
  border-bottom: none;
}

/* history */
#timeline ul {
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 100%;
	margin: 30px auto;
	padding: 0;
}

#timeline ul:after {
	content:"";
	z-index: 1;
	position: absolute;
	left: 50%;
	top:0;
	width: 2px;
	margin-left: -2px;
	min-height: 100%;
	background-color: #949494;
}

#timeline li {
	z-index: 9999;
	position: relative;
	width: 48%;
	padding: 20px;
	float: left;
	background-color: #fff;
	margin-bottom: 130px;
}

#timeline li.left {
	float: left;
	clear: left;
	margin-top:-50px;
}

#timeline li.right {
	text-align:left;

	float: right;
	clear: right;
}

#timeline li.highlight {
	font-size:1.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing:0.1em;
	text-align:center;
	float: none;
	clear: both;
	width: auto;
	background:#EFF0F2;
}

.timestamp {
	font-size:1.2em;
	font-family: Arial;
	letter-spacing:0.1em;
	font-weight:600;
	color:#008842;
}

/* arrow */

#timeline li:before {
	content:"";
	z-index: -1;
	position: absolute;
	top: 18px;
	right: -20px;
	left: -20px;
	width: 5%;
	height: 2px;
	background-color: #949494;
}

#timeline li.left:before {
	left: auto;
}

#timeline li.right + #timeline li.left:before,
#timeline li.left + #timeline li.right:before {
	top: 36px;
}

#timeline li.highlight:before {
	background-color: #EFF0F2;
}


/* dot */

#timeline li:after {
	content:"";
	z-index: 1;
	position: absolute;
	top: 13px;
	right: -26px;
	left: -28px;
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	border-radius: 100%;
	background-color: #949494;
}

#timeline li.left:after {
	left: auto;
}

#timeline li.right + #timeline li.left:after,
#timeline li.left + #timeline li.right:after {
	top: 35px;
}

#timeline li.right:after {
	right: auto;
}

#timeline li.highlight:after {
	left: 50%;
	margin-left: -8px;
	right: auto;
	top: -25px;
}

#timeline li.highlight:after {
	display:none;
}



#csr_r {
/*	margin:20px;*/
	display:flex;
	flex-wrap:wrap;
}

#csr_r li {
	width:50%;
	display:inline-block;
	padding: 20px;
}

#csr_r li.as {
	border-right:1px solid #949494;
	border-bottom:1px solid #949494;
}

#csr_r li.bs {
	border-bottom:1px solid #949494;
}

#csr_r li.cs {
	border-right:1px solid #949494;
}

section {
	width:100%;

	padding:0;margin:0;
	position:relative;
}

#Main_visual {
    height:85vh;
    position:relative;
}

#Main_visual img {
    width:100%;
    max-width:960px;
    left:0;right:0;top:0;bottom:0;
    margin:auto;
    position:absolute;
}

.overview_pc {
	max-width:480px;
	display:block;
	position:absolute;
	left:0;right:0;bottom:0;
	margin:auto;
}


.section_title {
	width:100%;height:400px;
	background-image: url(../img/back/001.jpg);
	background-size:cover;
	background-position: center center;
	position:relative;
}

.section_title_002 {
	width:100%;height:400px;
	background-image: url(../img/back/002.jpg);
	background-size:cover;
	background-position: center center;
	position:relative;
}

.section_title_003 {
	width:100%;height:400px;
	background: url(../img/back/003_left.jpg), url(../img/back/003_right.jpg), #fff;
	background-repeat: no-repeat;
	background-size:25%;
	background-position: 20% center, 80% center;
	position:relative;
}

/* インタビュー */


.maru_half {
	width:100%;height:100%;
	font-size: 1em;
	color: #44a6bf;
	padding: 0;
	border:0;
	border-radius: 50%;
	background: #fff;
}

.next_title {
	width:90%;
	max-width:480px;height:60px;

	font-size:1.3em;
	font-weight:600;
	color:#fff;
	letter-spacing:0.1em;
	line-height:60px;

	background:#44a6bf;
	margin: auto;
	text-align:center;
	display:block;

	position:absolute;
	left:0;right:0;top:0;bottom:0;

	border-radius:5px;
}

.bg_hulf {
	background:linear-gradient(90deg,#e9767f 0%,#e9767f 50%,#44a6bf 50%,#44a6bf 100%);
}


.content {
	width:100%;
	max-width:1080px;
	
	padding:40px 20px;
	margin:0 auto;

	position:relative;
}

.content2 {
	width:100%;
	max-width:1080px;

	padding:40px 0;
	margin:0 auto;

	position:relative;
	overflow:hidden;

}
.content3 {
	width:100%;
	max-width:1080px;

	padding:0;
	margin:0 auto;

	position:relative;
	overflow:hidden;

}

.round {
    border-radius:10px;    
}

.fixed {
	position:fixed;
	bottom:0;left:0;
	z-index:10000;
}

.pc_not, #toggle {
	display:none;
}

.comment {
	text-indent:1em;
	margin-bottom:1.5em;
}

.comment_up {
	margin-top:1em;
}

.acn {
	width:100%;height:100%;
	font-size:1em;
	color:#fff;
	display:inline-block;
	cursor:pointer;
	margin-bottom:20px;
}

.acn .fa {
	display:inline-block;
	color:#fff;
}

.drop_area {
	padding:20px 40px 40px;
	text-align:left;
	display:none;
}

.big_icon {font-size:1.2em;}
.small_icon {font-size:0.8em;vertical-align:baseline;}
.small2_icon {font-size:0.9em;line-height:1.75em;}
.big2_icon {font-size:1.4em;line-height:1.4em;font-weight:600;text-decoration:underline;}
.jambo_icon {font-size:1.8em;}

.big3_icon {
  text-align: center;
  font-size: 3em;
  color: #333;
  font-weight: 700;
  text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
	padding:20px;
	text-decoration:underline;
}

.img_base_area {
	position:relative;
}

.img_base_area_02 {
	position:relative;
    padding-bottom:5%;
}

.base_img {
    
}

.img_base_area .over_img {
	max-width:80%;
	
	position:absolute;
	left:0;right:0;top:50%;
    z-index:1;margin:auto;
}

.img_base_area_02 > .over_img {
	max-width:18%;
	
	position:absolute;
	right:5%;bottom:0;
    z-index:1;margin:auto;
}

.img_base_area_02 .right_space {
    padding-right:20%;
}

.r_bar {border-right:1px solid #eee;}
.r_bar2 {border-right:1px dashed #887451;}

p, .p_br {
	margin-bottom:40px;
}

/* Plan box */

h1,h2,h3, .subtitle, .sub_title {
	font-weight:600;
}

h1 {
	font-size:1.3em;
	font-weight: 700;
    letter-spacing: :0.3em;
    text-decoration:underline;
	color:#fff;
}

h2{
	font-size:1.8em;
	font-weight:800;
    color:#fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing:0.15em;
	text-align:center;
  position: relative;
  padding: 0.6em;
  background: #7f1a20;
}

h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;right:0;margin:auto;
  border: 15px solid transparent;
  border-top: 15px solid #7f1a20;
  width: 0;
  height: 0;
}

h2 span {
    font-size:1.3em;
    text-decoration:underline;
    padding: 0 5px;
}

.big_font {
    font-size:1.5em;
}

.sub_title {
	font-size:1.25em;
	font-weight:600;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing:0.15em;
	color:#fff;
	text-align:center;
    padding:5px;
}

.interview {
	font-size:1.2em;
	margin-bottom:80px;
	line-height:1.8em;
}

.interview h3 {
	font-size:1.4em;
	font-weight:800;
	color:#44a6bf;
    line-height:1.8;

	margin-bottom:20px;
}

.interview h3 span {

	color:#e55a6a;
	text-decoration:underline;

}

.lines-on-sides {
	font-family: 'Dancing Script', cursive,  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	display: table;
	text-align: center;
	white-space: nowrap;
}
.lines-on-sides:after, .lines-on-sides:before {
	content: '';
	display: table-cell;
	width: 50%;
	background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
	background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
	-webkit-background-clip: padding;
	background-clip: padding;
}
.lines-on-sides:after {
	border-left: 1em solid transparent;
}
.lines-on-sides:before {
	border-right: 1em solid transparent;
}

h5{
	font-size:0.6em;
	text-align:center;
}

.flow_up {
	margin-top:-260px;
}

.arrow {
	height:90px;
	position:relative;
}
.arrow span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 3px solid #222;
  border-bottom: 3px solid #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

.hint {
	font-size:0.6em;
	text-align:left;
}

.hint2 {
	font-size:0.8em;
	text-align:left;
}

.subtitle {
	width:100%;
	font-size:1.2em;
	color:#ffffff;
	padding:5px 10px;

	position:relative;
}

.subtitle2 {
	font-size:1.8em;
	font-weight:bold;
	position:relative;
	padding-left:2.5em;
	border-bottom:2px solid #FB6507;
}

.sub_no {
	font-size:2.5em;
	font-weight:bold;
	color:#ffffff;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.85);

	position:absolute;
	left:0.5em;top:-0.15em;
}

.sub_no2 {
	font-size:2.2em;
	font-weight:bold;
	color:#FB6507;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);

	position:absolute;
	left:0.3em;top:-0.5em;
}

.sub_no3 {
	font-size:0.9em;
	font-weight:bold;
	color:#00499d;
	position:absolute;
	right:0;top:-1.6em;

	padding:0 20px;
	background:#fff;
	border:1px solid #00499d;
	border-radius:10px 10px 0 0;
}

.sub_point {
	font-weight:600;
	color:red;
}

.hall_icon * {
	line-height:1em;
}

.hall_icon li {
	/*width:23%;*/height:3.5em;
	font-size:14px;
	color:#fff;
	margin:0.83%;
	padding:0.7em 1em 0.7em;
	text-align:center;
	vertical-align: middle;
	display:inline-block;
	background:#ccc;

	border-radius:5px;
}

.hall_icon li.active {
	background:#6A3A0C;
}

a {
	color:#44a6bf;
	text-decoration:none;
	transition: all 0.3s ease-out;
}
a.st {color:#44a6bf;font-weight:bold;}
a:link {color:#44a6bf;}
a:visited {color:#44a6bf;}
a:hover {color:#333;text-decoration:none;}
a:active {color:#44a6bf;}

a:hover img {
	filter: Alpha(opacity=70);
	opacity: 0.7;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7 ease;
}

img {
	width:auto;
	max-width: 100%;
	height: auto;
}

img.full {
	width:100%;
}

img.hulf {
	width:80%;max-width:480px;
	height:auto;
}

.balloon {
 	position: relative;
	display: inline-block;
 	margin: 0 0 1.5em;
	padding: 0 10px;
 	width: 120px;
 	height: 60px;
 	line-height: 60px;
 	vertical-align: middle;
 	text-align: center;
 	color: #FFF;
	font-size: 1.4em;
 	font-weight: bold;
	background: #70a6ff;
 	border-radius: 50%;
 	box-sizing: border-box;
}

.balloon:before{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #70a6ff;
 	z-index: 0;
}

#recruit_point li {
    padding:20px;
    position:relative;
}

.staff_left {
    position:absolute;
    left:-10%;top:0;
    z-index:2;

    width:25%;
    max-width:240px;
}

.staff_right {
    position:absolute;
    right:-10%;top:0;
    z-index:2;
    
    width:25%;
    max-width:240px;
}

.staff_left2 {
    position:absolute;
    left:-10%;top:0;
    z-index:2;

    width:50%;
    max-width:240px;
}

.staff_right2 {
    position:absolute;
    right:-10%;top:0;
    z-index:2;
    
    width:50%;
    max-width:240px;
}

.flow_base {
    position:relative;
}

.arrow_img {
    position:absolute;
    right:-5%;top:10%;bottom:0;margin:auto;
    z-index:2;
}

.arrow_img2 {
    position:absolute;
    left:-35%;right:0;bottom:-10%;margin:auto;
    z-index:2;
}

.arrow_img3 {
    position:absolute;
    left:-3%;top:15%;bottom:0;margin:auto;
    z-index:2;
}


/* header */
header {
	width:100%;
}

.frame {
/*	max-width:860px;*/
	padding:3px;
	border:1px solid #ccc;
	background:#fff;
	margin:0 auto;
	position:relative;
	display:inline-block;
}

.hall_box {
	min-height:200px;
	margin:0 0 20px;
	padding:10px 0;
	text-align: center;
}

.hall_box span {
	display:inline-block;
}

.shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.shadow2 {
	box-shadow: 0 0 10px 0 #333;

	border-left:1px solid #555;
	border-right:1px solid #555;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* table*/
table {display:table;table-layout:fixed;width:100%;}

#plan, #plan2, #plan3, .guide, .guide2, .guide_05 {
	width:100%;max-width:1080px;
	margin:0;padding:0;
	text-align:left;
}

.guide th, .guide td, .guide_05 th, .guide_05 td {
	border:1px solid #ccc;
	padding:10px;
}

.guide th {
	background:#ffc993;
	width:33.3%;
}

#plan tr {
	border-bottom:1px solid #92013D;
}

#plan2 tr {
	border-bottom:1px solid #fff;
}

#plan tr:last-child {
	border-bottom:none;
}

#plan td.titles, .guide2 {
	width:30%;
	text-align:center;
	padding:10px;
}

#plan td,  .guide2 td {
	width:70%;
}

#plan th,#plan td,#plan2 th,#plan2 td,#plan3 th,#plan3 td, .process_tab td {
	padding:10px;
}

#plan2 th,#plan3 th {
	width:25%;
	font-weight:600;
}

#plan2 td {
	width:75%;
	text-align:left;
}

#plan3 td {
	width:40%;
}

.guide_03, .guide_04 {
	margin:0;
	border:solid #eee 1px;
}

.guide td:first-child {
	width:33%;
	vertical-align:middle;
}


.guide_02 tr, .guide_04 tr {
	border-top:solid #aaa 1px;
	border-bottom:solid #aaa 1px;
}

.guide_03 td:first-child, .guide_04 td:first-child {
	width:33%;
	text-align:center;
	vertical-align:middle;
	padding:20px;
	background:#ccc;
}

.guide_02 th {
	width:30%;
	vertical-align:middle;
	border-right:dashed #aaa 1px;
}

.guide td  {
	width:66%;padding:10px;
	background:#fff;
}

.guide_03 td {
	width:66%;padding:20px;
	text-align:left;
}

.guide_04 td {
	width:33%;padding:20px;
	border:solid #eee 1px;
}

.guide_02 td {
	width:70%;
	padding:10px;
	background:#fff;
}

.guide_02 th {
	text-align:center;
	padding:10px;
}

.guide_02 th {
	background:#eee;
	border-right:1px solid #ccc;
}

.guide_05 th {
	width:25%;
	background:#FFF0FF;
}
.guide_05 td {
	width:75%;
	background:#fff;
}

br {line-height:0em;}
#list_hulf {
	width:100%;
}

#list_hulf li {
	width:50%;
	display:inline-block;
	padding:20px;
}

/* menu bar */
ul, li {
	list-style:none;
	margin:0;padding:0;
}

/*list_action*/
.action {
	transition: transform 1.2s ease;

	opacity: 0;
	transform: translate(0,120px); 
}

.actions {
	opacity: 1.0;
	transform: translate(0,0); 
}

.action_02 {
	opacity: 0.5;
	transition: transform 1.5s ease;
}

.actions_02 {
	opacity: 1;
}

.action_03 {
	transform: scale(1);
	transition: transform 1.5s ease;
}

.actions_03 {
	transform: scale(1.1);
}

.plan_icon {
    max-width:800px;
	margin:0 auto;
}

.plan_icon li img {
	width:90%;
}

.plan_icon li {
	width:calc( 100% / 6 );
	font-size:0.8em;
	text-align:center;
    padding:1%;
	display:inline-block;
}


.voice_list {
	margin:0 auto;
}

.voice_list li img {
	width:100%;
}

.voice_list li {
	width:16.6%;height:auto;
	font-size:0.7em;
	letter-spacing:-0.1em;

	text-align:center;

	display:inline-block;
	padding:10px;
}

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

/* page */

.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.top {vertical-align:top !important;}
.middle {vertical-align:middle !important;}
.bottom {vertical-align:bottom !important;}

.bg_white {
	background:rgba(255,255,255,0.7);
}

.bg_black {
	background:rgba(0,0,0,0.6);
	color:#ffffff;
}

.bg_000 {
	background:#f9f9f9;
	color:#ffffff;
}

.bg_001 {
	background:#ffffff;
}

.bg_002 {
	background:#7f1a20;
	color:#ffffff;
}

.bg_003 {
	background:#f4f1ea;
}

.bg_004 {
	background:#e0f2f6;
}

.bg_005 {
	background:#7e001a;
	color:#ffffff;
}

.bg_006 {
	background:#364d8c;
	color:#ffffff;
}

.bg_007 {
	background:linear-gradient(90deg,#ffffff 0%, #ffffff 50%, #f4e7d6 100%);
}

.bg_008 {
	background:#35b597;
	color:#ffffff;
}

.bg_009 {
	background:#e2707a;
	color:#fff;
}

.bg_010 {
	background:url('../img/back.png');
	background-size:;
	background-position:center top;
	background-repeat:repeat;
	background-attachment:fixed;
}

.bg_011 {
	background:url('../img/back/001.png'), #f4f1ea;
	background-size: 30%;
	background-position:right bottom;
	background-repeat:no-repeat;}
.bg_012 {
	background:url('../img/back/002.png'), #f4f1ea;
	background-size: 30%;
	background-position:left bottom;
	background-repeat:no-repeat;}
.bg_013 {
	background:url('../img/back/001.png'), linear-gradient(180deg,#d19d97 0%,#d19d97 50%,#fff 100%);
	background-size: 30%, cover;
	background-position:right bottom;
	background-repeat:no-repeat;}
.bg_014 {background:#f4fff4;}
.bg_015 {background:#f4ffff;}
.bg_016 {background:#f4f9ff;}
.bg_017 {background:#f9f4ff;}

.bg_021 {background:#d3381c;}
.bg_022 {background:#f39800;}
.bg_023 {background:#f7c114;}
.bg_024 {background:#47885e;}
.bg_025 {background:#2792c3;}
.bg_026 {background:#17184b;}
.bg_027 {background:#522f60;}

.bg_050 {
	background:url('../img/back/page/corp.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.bg_051 {
	background:url('../img/back/page/entry.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.bg_052 {
	background:url('../img/back/page/interview.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.bg_053 {
	background:url('../img/back/page/recruit.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.bg_054 {
	background:url('../img/back/page/works.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}


.overwhite {
    height:100%;
    position:absolute;
    left:0;top:0;
    z-index:1;
}
.overwhite_base {
    height:290px;
    position:relative;
}

.font_white, .font_white * {
	color:#ffffff;
}

.font_blue, .font_blue * {
	color:#000080;
}

.font_red, .font_red * {
	color:#C13332;
	padding:5px 10px;
}

.font_green, .font_green * {
	color:#329F67;
}

.font_vio, .font_vio *{
	color:#c170a9;
}

.sp_left {
	text-align:center;
}

.comment_box {
	font-size:0.9em;
	line-height:160%;
	vertical-align:middle;
}

.border_box {
	padding:20px;
	position:relative;
	transition: all 0.3s ease;
}

.border_box > a {
	width:100%;height:100%;
	position:absolute;
	display:block;
	z-index:1;
	left:0;top:0;
}

.border_box > .round {
	transition: all 0.7s ease;
}

.border_box:hover {
	background:#666666;
	color:#ffffff;
}

.border_box:hover > .round {
	border-radius:0;
}

.border_box h2 {
	font-size:1.3em;
	letter-spacing:0;
}

.border_box2 {
	border:1px solid #eee;
}

.border_box3 {
	border:3px solid #5873B6;
}

.border_box4 {
	border:3px solid #DD5F13;
}

.border_box5 {
	border:3px solid #00913A;
}

.pickup {
	color:#333;
}

/* contents */
.m_none {margin:0;}
.m_20 {margin:20px auto;}
.m_20v {margin:5px 15px;}

.p_none {padding:0;}
.p_10 {padding:10px}
.p_10i {padding:10px 0 0;}
.p_20 {padding:20px 10px}
.p_20v {padding:0 20px;}
.p_20w {padding:20px 0;}
.p_20x, .pc_p20, .pc_p20_sp_p10 {padding:20px;}
.p_40 {padding:40px}
.p_40v {padding:0 40px;}
.u_bar {border-bottom: 1px #92013D solid;margin:5px 0;}

.round_up {
	border-radius: 10px 10px 0 0;
}

.round_down {
	border-radius: 0 0 10px 10px;
}

.tab {display:table;table-layout:fixed;}
.tab2 {display:table;table-layout:fixed;}
.tab_full {width:100%;display:table-cell;}
.tab_split85 {width:85%;display:table-cell;}
.tab_split80 {width:80%;display:table-cell;}
.tab_split75 {width:75%;display:table-cell;}
.tab_split66 {width:66.6%;display:table-cell;}
.tab_split60 {width:60%;display:table-cell;}
.tab_hulf {width:50%;display:table-cell;}
.tab_split40 {width:40%;display:table-cell;}
.tab_split33 {width:33.3%;display:table-cell;}
.tab_split30 {width:30%;display:table-cell;}
.tab_split25 {width:25%;display:table-cell;}
.tab_split20 {width:20%;display:table-cell;}
.tab_split16 {width:16.6%;display:table-cell;}
.tab_split15 {width:15%;display:table-cell;}
.tab_split12 {width:12.5%;display:table-cell;}
.tab_split5 {width:5%;display:table-cell;}
.tab-tr {display:table-row;}

.w_full {
	width:100%;
	max-width:1080px;
	margin:0 auto;
	table-layout:fixed;
}

.w_wide {
	width:100%;height:auto;
	margin:0 auto;
}

.w_wide_sp {
	width:100%;height:auto;
    max-width:320px;
    margin:0 auto;
}

.w_wide_tab {
	width:100%;height:auto;
    max-width:640px;
    margin:0 auto;
}

.banner_area li {
	width:50%;
	margin:0 0 10px;padding:10px;
	font-size:0.7em;
	list-style:none;
	display:inline-block;
}

.banner_area li:nth-child(odd){ 
	border-right:2px dotted #252823;
}

.banner_area_02 li {
	width:33.3%;
	margin:0 0 10px;padding:10px;
	border-right:2px dotted #252823;
	font-size:0.7em;
	list-style:none;
	display:inline-block;
}

.banner_area_02 li:last-child{ 
	border-right:0;
}

.banner_area_03 li {
	width:33.3%;
	margin:0 0 10px;padding:10px;
	border-right:2px dotted #252823;
	font-size:0.7em;
	list-style:none;
	display:inline-block;
}

.banner_area_03 li:last-child{ 
	border-right:0;
}

#hall_list td, #Submenu li, #pay_list td {
	padding: 10px;
}

#Submenu li {
	width:33%;

	list-style:none;
	display:inline-block;
}

.hall_area li img {
	width:100%;
}

.hall_area li {
	width:33%;
	margin:0 0 10px;padding:10px;
	list-style:none;
	display:inline-block;
	text-align:center;
}

.hall_area div h3 {
	font-size:1.5em;
	margin:5px auto;
}

.hall_area * {
	font-size:0.8em;
	line-height:150%;
}


.flow_title {
	width:100%;
	font-size:1.3em;
	font-weight:500;
	text-align:center;

	padding:5px 60px;

	display:block;
	position:relative;
}

.flow_no {
	font-size:2.6em;
	color:#F18A01;

	position:absolute;
	top:-50px;left:20px;
}

.flow_no2 {
	width:72px;height:72px;
	line-height:72px;

	font-size:3em;
	color:#fff;
	background:#F7B866;

	position:absolute;
	top:-20px;left:20px;
	border-radius: 36px;
}

.flow_img_base {
	text-align:center;

	position:relative;
	padding:20px 100px;
}

.flow_img {
	max-width:150px;
	position:absolute;
	top:-40px;right:20px;
}

.about_img {
	max-width:150px;
	position:absolute;
	top:-40px;left:20px;
}

.topic_listbox {
	height:auto;
	max-height:180px;
	border: 1px solid #ccc;
	padding: 10px;
	overflow-y:scroll;
	
}


/*faq*/
.page_menu {
	width: 100%;
	margin:0 auto;
	font-size:0;
}

.page_category{
	width:23%;height:100%;
	padding:10px;margin:1%;
	background:#887451;
	list-style:none;
	display:inline-block;
}

.page_category a{
	width:100%;height:100%;
	padding:0;margin:0;
	font-size:1em;color:#fff;
	display:block;
	text-align: center;
}

.page_category a:hover{
	text-decoration:none;
}

.page_category:hover{
	background:#329F67;
	transition:0.7s;
}

hr.line_001 {
	width:90%;max-width:1080px;
	border:0;margin:10px auto 15px auto;height:1px;background:transparent;
	background-image: -webkit-linear-gradient(left, transparent, #887451, transparent);
	background-image: -moz-linear-gradient(left, transparent, #887451, transparent);
	background-image: -ms-linear-gradient(left, transparent, #887451, transparent);
	background-image: -o-linear-gradient(left, transparent, #887451 transparent);
}

hr.line_002 {
	width:100%;
	border:0;margin:20px auto;height:2px;background:transparent;
	background:#7f1a20;
}

/* form */
.agree {
    width: 100%;
    height: 300px;
    overflow-x: auto;
    padding: 10px;
		margin-bottom:10px;
    border: solid 1px #808080;
	background:#fff;
}

.agree pre {
    font-size: 0.7em;
}

.form .font_red, .form .font_red * {
	border:2px solid #fff;
	font-size:0.8em;
	color:#fff;
	padding: 3px 10px;
	margin-left:1em;
	border-radius:5px;
	background:#cd5c5c;}
.form, .form2 {
	width:100%;
	border:0;margin:0;padding:0;
}

.form th {
	width:30%;
	background: #999;
	vertical-align:middle;
}

.form2 th {
	width:30%;
	background: #ec727d;
	vertical-align:middle;
}

.form td, .form2 td {
	width:70%;
	background:#fff;
}

.form th, .form2 th {
	font-size:0.9em;
	font-weight:bold;
	color:#fff;

	padding: 10px 10px;
	border-top:1px solid #ccc;

}

.form td, .form2 td {
	padding:20px;
	border-top:1px solid #ccc;
}

.label {
	text-align:left;
	letter-spacing:0.1em;
}

.tbox {
	width:100%;height:2.5em;

	font-size:1.1em;
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px 10px;
}

.tbox2 {
	width:45%;
	border:1px solid #333;
	border-radius:3px;
	padding:10px 20px;

	color:#333;
}

.tarea {
	width:100%;height:10em;

	font-size:1.1em;
	border:1px solid #eee;
	border-radius:3px;
	padding:10px 10px;

	color:#333;
}

.f_btn {
	width:100%;height:60px;

	font-size:1em;
	background:#7e001a;
	padding:10px 20px;

	color:#fff;
	text-align:center;

	display:inline-block;

	border-radius:3px;
	box-shadow: 2px 2px 5px -2px #6A3A0D;
}

.f_btn:hover {
	background:#222;
}

.f_btn:disabled {
		height:60px;
	font-size:0.85em;
	background:#EC6277;
}


input:focus, textarea:focus {
	border:2px solid #ccc;
}


#pageTop {
	background-color: rgba(0,0,0,0.7);
	padding:0;
	width:48px;height:48px;
	position: fixed;
	bottom: 30px;
	right: 15px;
	z-index: 9999;

	border-radius: 48px;
}

#pageTop a {
	width:48px;height:48px;
	background-color: transparent;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align:center;
	line-height:48px;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.remodal h2 {
	font-size:1.4em;
}

.tit {
	font-size:1.2em;
	text-align:center;
}

.title_space {
	position:relative;
}

#Sitemap {
	border-top:7px solid #D194BF;
	background: #F3E2EE;
	padding:20px;
	padding-bottom:200px;
}

#Sitemap li {
	font-size:11px;
}

#Sitemap li a {
	font-size:13px;
	color:	#D194BF;
}

#pcup {
	margin-top:-150px;
}


.que, .ans {
	padding-left:90px !important;
    position:relative;
	
}

.que {
    font-size:1.3em;
    color:#1a3d7a;
    margin-bottom:10px;
}

.que:before {
	content: "Ｑ";
	left:40px;
	position:absolute;
	font-size:32px;
    font-weight:800;
    color:#7f1a20;
}

.ans:before {
	content: "Ａ";
	left:40px;
	position:absolute;
	font-size:36px;
    font-weight:800;
    color:#1a3d7a;
}

.sp_fixed {
	display: none;
}

@media only screen and (max-width: 719px) {
p, .p_br {
    margin-bottom:20px;
}
.head_logo {
	width:auto;
	padding:10px;
}

.head_menu {
	width:60px;
}

#sp_menu {
	width:60px;height:100%;
	text-align:center;
	display:block;

}

#sp_menu:hover {
	background:#333;
}

#sp_menu:hover span {
	font-size:1.3em;
	color:#fff;
}

#sp_menu span {
	width:100%;height:90px;
	line-height:100%;
	display:inline-block;
	line-height:80px;
}

.bg_hulf {
	background:linear-gradient(180deg,#e9767f 0%,#e9767f 50%,#44a6bf 50%,#44a6bf 100%);
}

.overview_pc {
	max-width:100%;height:auto;
	display:block;
	position:relative;
}

.section_title, 
.section_title_003 {
	height:250px;
}

.section_title_002 {
	height:auto;
}


.item2 {
	flex-basis: calc( 100% / 2 );
	position:relative;
	margin:0;padding:0;
	text-align:center;
    vertical-align: middle;
}

.item3, .item4 {
	flex-basis: 100%;
    
}

.cont_01 {order: 1;}
.cont_02 {order: 2;}
.cont_03 {order: 3;}
.cont_04 {order: 4;}
.cont_05 {order: 5;}
.cont_06 {order: 6;}
.cont_07 {order: 7;}
.cont_08 {order: 8;}
.cont_09 {order: 9;}
.cont_10 {order: 10;}
.cont_11 {order: 11;}
.cont_12 {order: 12;}
.cont_13 {order: 13;}
.cont_14 {order: 14;}
.cont_15 {order: 15;}
.cont_16 {order: 16;}
.cont_17 {order: 17;}
.cont_18 {order: 18;}
.cont_19 {order: 19;}
.cont_20 {order: 20;}

#pcup {
	margin-top:0;
}

#Camp_area2, #Main_007 {background-color:#fff;}

header {
	height:90px;
}

header img {
    max-height:80px;
}

#logo_area {
	display:inline-block;
}

#logo_area .tab_hulf  {
	width:100%;
}
	
	#logo_area img {
	display:inline-block;
	width:auto;
	}

.main {
	overflow:hidden;
}

#Main_001 .message {
	font-weight:bold;
	text-align:center;
	padding:20px 20px 120px;
}


body {
	line-height:1.35;

	font-size:16px;
}

#menu {
    padding:10px;
}
.menu_full {
}
.menu_full a {
    width:100%;height:100%;
    display:block;
    padding:10px;
}
.menu_full:hover{
    background:#fff;
}

.menu_full:hover a {
    color:#333;
}

#toggle {
	width:70px;height:90px;
	color: #222;
	font-size:0.8em;
	font-weight:600;
	letter-spacing:-0.1em;
	float:right;
	border-left:1px solid #f9f9f9;
	padding:10px 0;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
		
	display:block;
	position:absolute;
	right:0;
}

#toggle i {
	font-size:3.5em;
	color: #c170a9;
	line-height:100%;
}

h1 {
	font-size:1.4em;
    letter-spacing:0;
    padding: 10px;
}

h2 {
	font-size:1.2em;
    letter-spacing: 0;
	padding:5px 10px;
    margin-bottom:10px;

	width:100%;
/*	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}

.interview h3, .interview h3 span {
	font-size:18px;
}

.interview {
    font-size:1em;
    margin-bottom:30px;
    line-height:1.5em;
}

.subtitle{
	font-size:1.15em;
/*	padding: 5px 10px;*/
}

.hulf_br {
	line-height:70%;
}

#menu_bar li a {
	color:#333;
}

#plan th, #plan td, .guide_05 th, .guide_05 td {
	display:block;
	width:100%;
}

.guide_05 th,.guide_05 td {
		border-bottom:none;
	}

.form th, .form td, .guide th, .guide td, .guide_02 th, .guide_02 td {
/*	text-align:center;*/
	display:block;
	width:100%;
}


.form2 th, .guide_corp th {
	border:none;
}

.form2 th, .form2 td, .guide_corp th, .guide_corp td {
	text-align:center;
	display:block;
	width:100%;
}

#plan td, #plan td.titles {
	display:block;
	width:100%;
}

#plan tr {
	border:none;
}

#plan2 th, #plan2 td, .guide_corp th, .guide_corp td {
	display:block;
	width:100%;
}
	
.pc_p20 {padding:0;}
.pc_p20_sp_p10 {padding:10px;}

.sp_not, #Tel_space {
	display:none;
}
.pc_not {
	display:inline;
}

.sp_left {
	text-align:left;
}


.tab > div {
	width:100%;
	display:block;
}


/*Menu*/
.big_point {
	font-size:1em;
	padding:0 10px;
	}

nav {
	display:none;
}

#menu-box {
	width: 100%;
	font-size:0.7em;
	z-index:9999;
}

#Submenu li {
	width:50%;
	padding: 3px;
}

#hall_list td {
	padding: 10px;
}

#pay_list td {
	padding:0;
}

.hall_area li {
	width:100%;
}

.banner_area_03 li {
	width:100%;
	margin:0;padding:10px;
	border-right:0;
	border-bottom:2px dotted #252823;
	font-size:0.7em;
	list-style:none;
	display:inline-block;
}

.banner_area_03 li:last-child{ 
	border-bottom:0;
}

#Sitemap {
	display:none;
}

.jambo_icon {font-size:1.4em;}

.page_category {
	width:100%;
	padding:3%;margin-top:10px;
	border-bottom:1px #fff solid;
	background:#bca78d;
	list-style:none;
	display:block;
	float: none;
}

.r_bar2 {border:none;}

.voice_list li {
	width:33.3%;height:auto;
}

.flow_up {
	margin-top:-180px;
}

.arrow {
	height:150px;
}

.next_button {
	margin-bottom:10px;
	max-width:100%;
}

.section_title_003 {
	width:100%;height:auto;
	background: #fff;
	position:relative;
    display:block;
}

.section_title_003 .next_title {
    bottom:60%;
}
    
.img_down_003 {
    padding-top:15%;
    display:block;
}    

.guide td, .guide_03 td, .guide_04 td {width:100% !important;display:block;}

    #pageTop {
        bottom:10%;
    }


#timeline li{
	width: 90%;
	margin-left:20px;
}

#timeline li.right {
	float: left;
	clear:left;
}

#timeline ul:after {
	left:10px;
}

#timeline li:before, #timeline li.left:before {
	left:-5px;

}

#timeline li.right:after {
	left: -18px;
}

#timeline li.left:after {
	left:-18px;
	right:0;
}

.big_fonts {
    width:100%;
	font-size:1.5em;
	line-height:1.5;
}

.overwhite {
    display:none;
}


.que, .ans {
	padding-left:60px !important;
    position:relative;
	
}

.que {
    font-size:1.3em;
    color:#1a3d7a;
    margin-bottom:10px;
}

.que:before {
	content: "Ｑ";
	left:10px;
	position:absolute;
	font-size:32px;
    font-weight:800;
    color:#7f1a20;
}

.ans:before {
	content: "Ａ";
	left:10px;
	position:absolute;
	font-size:36px;
    font-weight:800;
    color:#1a3d7a;
}

.sp_fixed {
    display:block;
    position:fixed;
    left:0;bottom:0;
    z-index:10001;
}

}
/* */