/*
Theme Name:tani-theme
*/
html {
	font-size: 62.5%;
}
html.parent {
overflow:hidden;
}
body {
	background:#ffffff;	
}
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
font-family:"游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
color:#222222;
font-weight:500;
}
.roboto {
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:0.1em;
}
.noto {
	font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width : 767px){
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
	font-size: 1.4rem;
	}
input[type=text],input[type=tel],input[type=email] ,textarea,select  {
	font-size: 1.6rem;
	scale:(0.8);
	}
	hr {
		margin:24px auto;
	}
}
@media screen and (min-width : 768px){
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
	font-size: 1.6rem;
	}
	hr {
		margin:48px auto;
	}
}
input[type="text"],input[type="submit"],input[type="email"], button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

a {
	outline: none;
	text-decoration:none;
}
article p a{
	color:#0066cc;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
strong {
	font-weight:900;
	color:#cc0000;
}
p {
	line-height:200%;
	padding-bottom:16px;
}
ol li {
	list-style-type:decimal;
	margin-left:16px;
	padding-left:4px;
	line-height:200%;
}
ul.dot li {
	list-style-type:disc;
	margin-left:16px;
	padding-left:4px;
	line-height:200%;
}
img {
	height: auto;
	max-width:100%;
	margin-left: auto;
	margin-right: auto;
}
hr {
	border-bottom:3px solid #c33222;
	max-width:90px;
	display:block;
}
.red {color:#cc0000;}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?wqik8w');
  src:  url('../fonts/icomoon.eot?wqik8w#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.svg?wqik8w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-camera:before {
  content: "\f030";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-twitter2:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.span-class{
	font:red;
}

/*-----------------------------------------
wordpress-editor-settings
------------------------------------------*/
.editor p {
	display: block;
	margin: 1em 0;
}
.editor em {font-style: italic;}
.editor blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 32px;
	-webkit-margin-end: 32px;
}
/* img */
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}
 
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	width:100%;
	max-width: 100%;
}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

/*-----------------------------------------
flexbox-bone
------------------------------------------*/
.flex {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;	
}
.flex-middle {
	-webkit-align-items:center; /* Safari */
	align-items:center;
}
.flex-center {
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
}
.flex-right {
	-webkit-justify-content:right; /* Safari */
	justify-content:right;
}
.flex-between {
	-webkit-justify-content:space-between; /* Safari */
	justify-content:space-between;
}
.flex-column {
	-webkit-flex-direction: column; /* Safari */
	flex-direction: column;
}
.flex.flex-sep-2>* {
	width:50%;
	width:calc(100% / 2);
}
.flex.flex-sep-3>* {
	width:33.3333%;
	width:calc(100% / 3);
}
.flex.flex-sep-4>* {
	width:25%;
	width:calc(100% / 4);
}
.flex.flex-sep-5>* {
	width:20%;
	width:calc(100% / 5);
}
.flex.flex-sep-6>* {
	width:16.6666%;
	width:calc(100% / 6);
}
.flex.flex-sep-7>* {
	width:14.2857%;
	width:calc(100% / 7);
}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.flex5 {flex:5;}

@media screen and (max-width : 767px){
	.flex-sp-column {
	-webkit-flex-direction: column-reverse; /* Safari */
	flex-direction: column-reverse;
	}
	.flex.flex-sp-sep-2>* {
	width:50%;
	width:calc(100% / 2);
	}
	.flex.flex-sp-sep-3>* {
	width:33.3333%;
	width:calc(100% / 3);
	}
	.flex.flex-sp-sep-4>* {
	width:25%;
	width:calc(100% / 4);
	}
	.flex.flex-spacer>* {
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	}
}
@media screen and (min-width : 768px){
	.flex-pc {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	}
	.flex-pc.flex-sep-2>*,.flex-pc.flex-pc-sep-2>*,.flex.flex-pc-sep-2>* {
	width:50%;
	width:calc(100% / 2);
	}
	.flex-pc.flex-sep-3>*,.flex-pc.flex-pc-sep-3>*,.flex.flex-pc-sep-3>* {
	width:33.3333%;
	width:calc(100% / 3);
	}
	.flex-pc.flex-sep-4>*,.flex-pc.flex-pc-sep-4>*,.flex.flex-pc-sep-4>* {
	width:25%;
	width:calc(100% / 4);
	}
	.flex-pc.flex-sep-5>*,.flex-pc.flex-pc-sep-5>*,.flex.flex-pc-sep-5>* {
	width:20%;
	width:calc(100% / 5);
	}
	.flex-pc.flex-sep-6>*,.flex-pc.flex-pc-sep-6>*,.flex.flex-pc-sep-6>* {
	width:16.6666%;
	width:calc(100% / 6);
	}
	.flex.flex-spacer>*,.flex-pc.flex-spacer>* {
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
	}
	.flex-sep-2.flex-spacer>*:nth-child(odd) {
	margin-left:-8px;
	}
	.flex-sep-2.flex-spacer>*:nth-child(even) {
	margin-right:-8px;
	}
	.flex-sep-3.flex-spacer>*:nth-child(3n+1) {
	margin-left:-8px;
	}
	.flex-sep-3.flex-spacer>*:nth-child(3n+3) {
	margin-right:-8px;
	}
	.flex-sep-4.flex-spacer>*:nth-child(4n+1) {
	margin-left:-8px;
	}
	.flex-sep-4.flex-spacer>*:nth-child(4n+4) {
	margin-right:-8px;
	}
	.flex-sep-5.flex-spacer>*:nth-child(5n+1) {
	margin-left:-8px;
	}
	.flex-sep-5.flex-spacer>*:nth-child(5n+5) {
	margin-right:-8px;
	}
}

/*-----------------------------------------
master-layout-settings
------------------------------------------*/
.anchor {display:block;}
@media screen and (max-width : 767px){
	.container-full {
	width:100%;
	min-width:320px;
	}
	.container {
	padding-left:16px;
	padding-right:16px;
	margin-left:auto;
	margin-right:auto;
	}
	.container-txt {
	margin-left:auto;
	margin-right:auto;
	}
	.pc-only {
	display:none !important;
	}
	.anchor {
	margin-top:-44px;
	padding-top:44px;
	}
	span.sp-break {display:block;}
}
@media screen and (min-width : 768px){
	.container-full {
	width:100%;
	min-width:1200px;
	}
	.container {
	width:1060px;
	margin-left:auto;
	margin-right:auto;
	padding-left:50px;
	padding-right:50px;
	}
	.container-txt {
	width:720px;
	margin-left:auto;
	margin-right:auto;
	}
	.sp-only {display:none !important;}
	span.pc-break {display:block;}
	.text-center-pc {text-align:center;}
	.anchor {
	margin-top:-50px;
	padding-top:50px;
	}
}
.text-center {text-align:center;}
/*-----------------------------------------
header
------------------------------------------*/
header {
	position:fixed;
	z-index: 998;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

@media screen and (max-width : 767px){
	header.smaller .pc-navi {
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
	}
	.header-spacer {
	position:relative;
	z-index:1;
	height:44px;
	}
}
@media screen and (min-width : 768px){
	header {
		/* height:150px; */
		/* top:-50px; */
	}
	header.smaller {
		top:0px;
	}
	header.smaller .pc-navi {
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
	}
}
/*------------------------------------
pc-navi
------------------------------------*/
.pc-navi {
	height:50px;
	background:#ffffff;
}
.pc-navi-menu li {
	width:calc(850px / 7);
	height:50px;
	text-align:center;
}
.pc-navi-menu a {
	display:block;
	color:#c33222;
	font-size:1.4rem;
	font-weight:700;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:50px;
}
.pc-navi-menu a:hover {
	color:#ffffff;
	background:#c33222;
}
@media screen and (max-width : 767px){
	.pc-navi-center {
	height:44px;
	}
	.pc-navi-logo {
	display:block;
	position:absolute;
	z-index:20;
	top:-3px;
	left:0px;
	}
	.pc-navi-logo img {
	margin:10px auto 0px 10px;
	}
}
@media screen and (min-width : 768px){
	.pc-navi nav {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	}
	.pc-navi-center {
	width:0px;
	height:50px;
	}
	.pc-navi-center:before {
	width:400px;
	height:100px;
	bottom:-100px;
	}
	.pc-navi-logo {
	display:block;
	position:absolute;
	z-index:20;
	top:60px;
	left:40px;
	}
	.pc-navi-logo img {
	margin:10px auto 0px auto;
	}
}

.pc-navi-entry {
	display:block;
	position:absolute;
	z-index:20;
	top:0px;
	left:235px;
	width:200px;
	height:50px;
	color:#c33222;
	font-weight:700;
	line-height:50px;
	background-image: url(../images/drop-inner.svg);
}
.pc-navi-logo img {
	width:50%;
	height:auto;
	display:block;
}
.pc-navi-maintitle {
	display:block;
	position:absolute;
	font-weight:900;
	color:#c33222;
	z-index:20;
	top:120px;
	left:100px;
	width:200px;
	text-align:center;
}
.pc-navi .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width:133px;
	width:calc(800px / 6);
	background: #ffffff;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	padding: 0;
}
.pc-navi .menu-item-has-children:hover .sub-menu {
	  display: block;
}
.pc-navi .menu-item-has-children {
	position: relative;
}
.pc-navi .menu-item-has-children:hover {
	  cursor: pointer;
}
.pc-navi .sub-menu a {
	display:block;
	height:40px;
	line-height:40px;
	text-align: center;
}
.pc-navi .sub-menu a:hover {
	color:#ffffff;
	background:#c33222;
}
/*-----------------------------------------
drawr(SP mode menu)
------------------------------------------*/
.drawr-body-on {
	position:relative;
}
.drawr-body-on:before {
	content:"";
	position:fixed;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.7);
	z-index:999;
}
.drawr-btn {
    display: block;
    position: fixed;
    top:0px;
    right:0px;
    cursor: pointer;
    z-index: 9999;
	background-color:rgba(255,255,255,0.2);
	border-radius:0 0 0 10px;
}
.drawr-btn span {
	border-bottom: 2px solid #c33222;
	width: 24px;
	height:24px;
	position: absolute;

	display:block;
	transition: all 0.4s ease;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.drawr-btn span:before,.drawr-btn span:after {
	content: '';
	display: inline-block;
	border-top: 2px solid #c33222;
	width: 24px;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	transition: all 0.4s ease;
}
@media screen and (max-width : 767px){
	.drawr-btn {
    width:44px;
    height:44px;
	}
	.drawr-btn span {
	top: 7px;
	right:10px;
	}
}

@media screen and (min-width : 768px){
	.drawr-btn {
    width:80px;
    height:80px;
	}
	.drawr-btn span {
	top:21px;
	right:28px;
	}
}

.drawr-btn span:before {top:6px;}
.drawr-btn span:after {top: 14px;}
.drawr-btn-peke span {
	border-bottom: 3px solid #ffffff;
	border-bottom: none;
}
.drawr-btn-peke {
}
.drawr-btn-peke span:before {
	border-top: 3px solid #ffffff;
	transform: rotate(-45deg);
	top:14px;
}
.drawr-btn-peke span:after {
	border-top: 3px solid #ffffff;
	transform: rotate(45deg);
	top: 14px;
}
.drawr {
    display: none;
    background-color:#c33222;
    position: fixed;
    top: 0px;
    right:0;
    width:320px !important;
    height:100% !important;
	overflow-y:auto;
	overflow-x:hidden;
    z-index: 1100;
	border-radius:0px 0px 0px 5px;
}
.drawer-menu {
	width:320px;
	padding-top:16px;
	margin-left:auto;
	margin-right:auto;
}
.drawer-menu li {
	padding-left:16px;
}
.drawer-menu li a {
	display:block;
	color:#ffffff;
	width:320px;
	padding:12px 8px;
}

/*-----------------------------------------
mainvisual
------------------------------------------*/
#mainvisual {
	position:relative;
	z-index: 1;
	overflow: hidden;
	background-color:#000000;
}
.recruit-maincopy {
	color:#c33222;
	font-weight:900;
	line-height: 70%;
}
.mainvisual-normal {
	background-size:cover;
	background-position:center top;
}
@media screen and (max-width : 767px){
	.mainvisual-normal {
		height:40vh;
		max-height:440px;
	}
	.recruit-maincopy {
		font-size:18vw;
		position:absolute;
		width:90vw;
		height:auto;
		bottom:0px;
		left: 1vw;
		font-size: 43px;
	}
}
@media screen and (min-width : 768px){
	.mainvisual-top {
		height:850px;
	}
	.mainvisual-normal {
		height:440px;
	}
	.recruit-maincopy {
		font-size:14.0rem;
		position:absolute;
		width:100%;
		height:auto;
		bottom:4px;
		left:50px;
	}
	.recruit-maincopy.maincopy-upper {
	bottom:10px;
	}
}
/*-----------------------------------------
article-parts
------------------------------------------*/
article {
	position:relative;
	z-index:10;
}
.bg-gray {
	background:#f3f3f3;
	position: relative;
	z-index: 1;
}
.page-tt,.page-tt-under {
	text-align: center;
}
.page-tt-under {
	font-weight:900;
	color:#c33222;
}
.page-tt h1,.page-tt h2,.page-tt h3 {
	display:inline-block;
	font-weight:900;
	color:#c33222;
	padding-bottom:4px;
	border-bottom:3px solid #c33222;
	margin-bottom:16px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing:0.1em;
}
.page-tt.page-tt-white h1,
.page-tt.page-tt-white h2,
.page-tt.page-tt-white h3
 {
	color:#ffffff;
	border-bottom:3px solid #ffffff;
}
.page-tt-under.page-tt-under-white {
	color:#ffffff;
}
@media screen and (max-width : 767px){
	.page-tt h1,.page-tt h2,.page-tt h3 {
		font-size:2.4rem;
	}
}
@media screen and (min-width : 768px){
	.page-tt h1,.page-tt h2,.page-tt h3 {
		font-size:4.0rem;
	}
}

.btn-recruit {
	display:inline-block;
	position: relative;
	border:2px solid #c33222;
	border-radius:30px;
	color:#c33222;
	font-weight:700;
	text-align: center;
	min-width: 160px;
	padding:13px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}
.btn-recruit:hover {
	color:#ffffff;
	background:#c33222;
}
@media screen and (max-width : 767px){
	.btn-recruit {
		margin-top:24px;
		margin-bottom:24px;
	}
}
@media screen and (min-width : 768px){
	.btn-recruit {
		margin-top:48px;
		margin-bottom:48px;
	}
}
.maintitle {
	background:#c33222;
	position:relative;
	z-index: 99;
}

.maintitle h1,.maintitle h2 {
	color:#ffffff;
	font-weight:900;
	text-align: center;
}
.recruit-description {
	color:#ffffff;
	font-weight:900;
	text-align: center;
}
@media screen and (max-width : 767px){
	.maintitle {
		padding-top:24px;
		padding-bottom:24px;
	}
	.maintitle h1,.maintitle h2 {
		font-size:10vw;
	}
	.recruit-description {
		margin-top:16px;
		font-size:4vw;
		letter-spacing: 0.1em;
		line-height:150%;
	}
	.mainarea {
		padding-top:60px;
	}
}
@media screen and (min-width : 768px){
	.maintitle {
		padding-top:48px;
		padding-bottom:48px;
	}
	.maintitle h1,.maintitle h2 {
		font-size:6.0rem;
	}
	.recruit-description {
		margin-top:32px;
		font-size:1.8rem;
		letter-spacing: 0.1em;
	}
	.mainarea {
		padding-top:110px;
	}
}

/*-----------------------------------------
紹介コンテンツ
------------------------------------------*/
.btn-recruit-contents {
	display:inline-block;
	position: relative;
	border:1px solid #A82B1D;
	color:#A82B1D;
	font-weight:700;
	text-align: center;
	min-width: 160px;
	padding:13px;
	text-align: center;
	overflow: hidden;
}
.contents-bg-clor {
	background:#fff;
	display: block;
}
@media screen and (max-width : 767px){
	.btn-recruit-contents {
		margin-top:12px;
		margin-bottom:12px;
		margin-left:6px;
		margin-right:6px;
	}
}
@media screen and (min-width : 768px){
	.btn-recruit-contents {
		margin-top:24px;
		margin-bottom:24px;
		margin-left:12px;
		margin-right:12px;
	}
}
/* .contents-list a {
	display:block;
	position:relative;
	background:#ffffff;
}
.contents-list a:hover {
	box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
}
.contents-list a div {
	overflow:hidden;
}
.contents-list a img {
	display:block;
	transition: all 0.4s;
}
.contents-list a:hover img {
	transform: scale(1.1);
}
.contents-list a:after {
	font-family: 'icomoon';
	content: "\f107";
	color:#c33222;
	position: absolute;
	text-align:center;
	font-size:3.0rem;
	text-align: center;
	bottom:12px;
	left:50%;
	margin-left:-15px;
	width:30px;
	height:30px;
} */
.contents-list li {
	width: 300px;
}
.contents-list h2 {
	color:#000000;
	font-weight:900;
	line-height:150%;
}
.contents-list p {
	padding-left: 20px;
	padding-right: 20px;
}
@media screen and (max-width : 767px){
	.contents-list {
		padding-bottom:24px;
	}
	.contents-list h2 {
		padding:16px;
	}
}
@media screen and (min-width : 768px){
	.contents-list {
		padding-bottom:48px;
	}
	.contents-list h2 {
		font-size: 23px;
	}
}
/*-----------------------------------------
college
------------------------------------------*/
.college-red {
	color:#ff6600;
}
.college-section-1 p {
	padding-bottom:32px;
}
@media screen and (min-width : 768px){
	.college-red {
	font-size:2.4rem;
	}
}
/*-----------------------------------------
faq
------------------------------------------*/
.faq-section dt,.faq-section dd {
	position:relative;
}
.faq-section dt {
	font-size: 20px;
    border-left: 4px solid #c33222;
    padding: 1rem 2rem;
	/* color:#c33222; */
	font-weight:700;
	line-height:200%;
	background-color: #F6F6F6;
}
.faq-section dd {
	line-height:200%;
}
@media screen and (max-width : 767px){
	.faq-section dt {
		font-size:1.6rem;
		padding-bottom:16px;
	}
	.faq-section dt:before,.faq-section dd:before {
		top:0px;
		width:30px;
		height:30px;
		left:-30px;
	}
	.faq-section dd {
		margin-top:16px;
		padding-bottom:16px;
		margin-bottom:16px;
	}
}
@media screen and (min-width : 768px){
	.faq-section dt,.faq-section dd {
		margin-left:60px;
		padding-left:24px;
	}
	.faq-section dt {
		font-size:1.6rem;
		padding-bottom:16px;
	}
	.faq-section dt:before,.faq-section dd:before {
		top:-6px;
		width:60px;
		height:60px;
		left:-60px;
	}
	.faq-section dd {
		margin-top:24px;
		padding-bottom:24px;
		margin-bottom:24px;
	}
	.faq-first dt {
		font-weight:bold;
	}
}
/*-----------------------------------------
flow
------------------------------------------*/
.flow-section dt,.flow-section dd {
	position:relative;
}
.flow-section dt {
	color:#c33222;
	font-weight:700;
	line-height:200%;
}
.flow-section dd {
	line-height:200%;
}
.flow-section dl dt:before {
	font-family: 'Noto Sans JP', sans-serif;
	background-image: url(../images/rounddot.svg);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	text-align:center;
}
.flow-section dl dt:nth-child(1):before {
	content:"1";
}
.flow-section dl dt:nth-child(3):before {
	content:"2";
}
.flow-section dl dt:nth-child(5):before {
	content:"3";
}
.flow-section dd:after {
	font-family: 'icomoon';
	content: "\f107";
	position: absolute;
	text-align:center;
	font-size:2.4rem;
	text-align: center;
	bottom:-16px;
	left:50%;
	margin-left:-12px;
	width:24px;
	height:24px;
}
.flow-section dd:last-child:after {
	display:none;
}
@media screen and (max-width : 767px){
	.flow-section dt,.flow-section dd {
		margin-left:30px;
		padding-left:12px;
	}
	.flow-section dt {
		font-size:1.6rem;
		padding-bottom:16px;
	}
	.flow-section dt:before {
		top:0px;
		width:30px;
		height:30px;
		left:-30px;
		font-size:1.4rem;
		line-height:30px;
	}
	.flow-section dd {
		padding-bottom:16px;
		margin-bottom:24px;
	}
}
@media screen and (min-width : 768px){
	.flow-section dt,.flow-section dd {
		margin-left:60px;
		padding-left:24px;
	}
	.flow-section dt {
		font-size:2.4rem;
		margin-top:48px;
		padding-bottom:16px;
	}
	.flow-section dt:before {
		top:-6px;
		width:60px;
		height:60px;
		left:-60px;
		line-height:60px;
	}
	.flow-section dd {
		padding-bottom:24px;
		margin-bottom:24px;
	}
}
/*-----------------------------------------
topics
------------------------------------------*/
.topics-list li {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
}
.topics-list a {
	display:block;
	position:relative;
	background:#ffffff;
}
.topics-list a:hover {
	box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);

}
.topics-list a div {
	overflow:hidden;
}
.topics-list a img {
	display:block;
	transition: all 0.4s;
}
.topics-list a:hover img {
	transform: scale(1.1);
}
.topics-list h2 {
	font-weight:700;
	line-height:150%;
}
.topics-list-date {
	color:#ffffff;
	background:#333333;
	padding:4px;
	font-size:1.4rem;
	text-align:center;
	max-width:100px;
	border-radius:3px;
	margin:16px auto 0px 16px;
}
.topics-single-pic {
	background-position: center top;
	background-size:cover;
}
.topics-single-txt h1 {
	font-weight:700;
	line-height:150%;
	margin-bottom:16px;
}
.topics-single-name {
	margin-bottom:32px;
}
.topics-single-end {
	clear: both;
	border-bottom:1px solid #c33222;
}
@media screen and (max-width : 767px){
	.topics-list {
		padding-bottom:24px;
	}
	.topics-list a {
		width:90vw;
		margin-bottom:16px;
	}
	.topics-list h2 {
		padding:16px;
	}
	.topics-single-txt h1 {
		font-size:2.0rem;
		padding-top:16px;
	}
	.topics-single-end {
		padding-bottom:32px;
	}
}
@media screen and (min-width : 768px){
	.topics-list {
		padding-bottom:48px;
	}
	.topics-list a {
		width:300px;
		margin-bottom:30px;
	}
	.topics-list h2 {
		padding:16px;
	}
	.topics-single-txt h1 {
		font-size:3.0rem;
/* 		text-align:center; */
		margin-bottom:48px;
	}
}
/*-----------------------------------------
voice
------------------------------------------*/
.voice-list a {
	display:block;
	position:relative;
	background:#ffffff;
}
.voice-list a:hover {
	box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
}
.voice-list a div {
	overflow:hidden;
}
.voice-list a img {
	display:block;
	transition: all 0.4s;
}
.voice-list a:hover img {
	transform: scale(1.1);
}
.voice-list a:after {
	font-family: 'icomoon';
	content: "\f107";
	color:#c33222;
	position: absolute;
	text-align:center;
	font-size:3.0rem;
	text-align: center;
	bottom:12px;
	left:50%;
	margin-left:-15px;
	width:30px;
	height:30px;
}
.voice-list h2 {
	color:#000000;
	font-weight:900;
	line-height:150%;
}
.voice-single-pic {
	background-position: center top;
	background-size:cover;
}
.voice-single-txt h1 {
	font-weight:700;
	line-height:150%;
	margin-bottom:16px;
}
.voice-single-name {
	margin-bottom:32px;
}
.voice-single-end {
	clear: both;
	border-bottom:1px solid #c33222;
}
@media screen and (max-width : 767px){
	.voice-list {
		padding-bottom:24px;
	}
	.voice-list a {
		width:90vw;
		padding-bottom:32px;
		margin-bottom:16px;
	}
	.voice-list h2 {
		padding:16px;
	}
	.voice-single-pic {
		width:90vw;
		height:67vw;
	}
	.voice-single-txt h1 {
		font-size:2.0rem;
		padding-top:16px;
	}
	.voice-single-end {
		padding-bottom:32px;
	}
}
@media screen and (min-width : 768px){
	.voice-list {
		padding-bottom:48px;
	}
	.voice-list a {
		width:300px;
		padding-bottom:48px;
		margin-bottom:30px;
	}
	.voice-list h2 {
		padding:16px;
	}
	.voice-single-pic {
		width:300px;
		height:400px;
		overflow: hidden;
		float:left;
		margin-right:40px;
		margin-bottom:40px;
	}
	.voice-single-txt h1 {
		font-size:3.0rem;
	}
}
/*-----------------------------------------
youkou
------------------------------------------*/
.youkou-section li {
	position:relative;
}
.youkou-section li a {
	position:relative;
	display:block;
	background:#f0f0f0;
	border-radius:30px;
	color:#c33222;
	font-weight:700;
	line-height:150%;
}
.youkou-section li a:hover:before {
	color:#ffffff;
	border-right: 12px solid #c33222;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
@media screen and (max-width : 767px){
	.youkou-section li {
		padding-bottom:16px;
	}
	.youkou-section li:before {
		display:none;
	}
	.youkou-section li a {
		margin-left:12px;
		font-size:1.6rem;
		padding:8px;
	}
}
@media screen and (min-width : 768px){
	.youkou-section li {
		padding-bottom:32px;
	}
	.youkou-section li:before {
		top:0px;
		width:60px;
		height:60px;
		line-height:60px;
		font-size:1.6rem;
	}
	.youkou-section li a {
		font-size:2.0rem;
		padding:16px;
	}
}
.youkou-box .tablepress th,.youkou-box .tablepress td {
	padding:12px;
	line-height:200%;
}
/*-----------------------------------------
entry
------------------------------------------*/
.new-entrytable table {
	width:100%;
	margin:16px auto;
}
.new-entrytable th,.new-entrytable td {
	padding:12px;
	text-align:left;
}
.new-entrytable tr:nth-child(even) {
	background:#f3f3f3;
}
.new-entrytable input[type=text],
.new-entrytable input[type=email],
.new-entrytable select,
.new-entrytable textarea {
	border:1px solid #dddddd;
	border-radius:4px;
	padding:4px;
}
.new-entrytable input[type=submit] {
	display:block;
	border:none;
	color:#ffffff;
	background: #c33222;
	border-radius:4px;
	padding:8px 16px;
	text-align:center;
	margin:24px auto;
}
@media screen and (max-width : 767px){
	.new-entrytable th,.new-entrytable td {
	display:block;
	}
	.new-entrytable input,
	.new-entrytable select,
	.new-entrytable textarea {
	max-width:84vw;
	}
}
@media screen and (min-width : 768px){
	.new-entrytable textarea {
	width:90%;
	}
}
/*-----------------------------------------
bottomlink
------------------------------------------*/
.bottom-contact p {
	color:#c33222;
}
@media screen and (max-width : 767px){
	.bottom-contact {
	padding-top:40px;
	padding-bottom:40px;
	}
}
@media screen and (min-width : 768px){
	.bottom-contact {
	padding-top:40px;
	padding-bottom:40px;
	}
	.bottom-contact .btn-recruit .btn-recruit-contents {
		margin-top:24px;
	}
}
/*-----------------------------------------
footer
------------------------------------------*/
footer {
	position: relative;
	overflow: hidden;
}
.footer-credit,.footer-tel {
	font-weight:700;
}
.footer-tel span {
	display:block;
}
@media screen and (max-width : 767px){
	footer>div {
		padding-top:10px;
		padding-bottom:10px;
	}
	.footer-logo {
		padding-bottom:20px;
	}
	.footer-logo img {
		max-width:160px;
		width:100%;
		height:auto;
		display:block;
		margin:0px auto;
	}
	.footer-credit {
		text-align:center;
		line-height:150%;
		padding-bottom:16px;
		font-size:1.3rem;
	}
	.footer-tel {
		color:#c33222;
		text-align:center;
		font-size:2.4rem;
	}
	.footer-tel span {
		font-size:1.4rem;
		color:#c33222;
		padding-top:8px;
	}
}
@media screen and (min-width : 768px){
	footer>div {
		padding-top:40px;
		padding-bottom:40px;
	}
	.footer-logo {
		width:200px;
		padding-right:40px;
	}
	.footer-logo img {
		width:160px;
		height:160px;
	}
	.footer-credit {
		width:520px;
	}
	.footer-tel {
		width:240px;
		text-align:right;
		font-size:3.0rem;
		color:black;
	}
	.footer-tel span {
		font-size:1.4rem;
		color:black;
		padding-top:8px;
	}
}
/*-----------------------------------------
animation
------------------------------------------*/
.fadeup {
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.fadeupon {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.delay1 {
	transition-delay:0.2s !important;
}
.delay2 {
	transition-delay:0.4s !important;
}
.delay3 {
	transition-delay:0.6s !important;
}
.delay4 {
	transition-delay:0.8s !important;
}
.fadeleft {
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translate3d(40px,0px,0);
    transform: translate3d(40px,0px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.fadelefton {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.faderight {
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translate3d(-40px,0px,0);
    transform: translate3d(-40px,0px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.faderighton {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.slideleft {
    -webkit-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translate3d(40px,0px,0);
    transform: translate3d(40px,0px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slidelefton {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.slideright {
    -webkit-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translate3d(-40px,0px,0);
    transform: translate3d(-40px,0px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.sliderighton {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.btn-sns {
	display:block;
	color:#ffffff;
	border-radius:4px;
	padding:12px;
	text-align:center;
	position:relative;
	display:block;
    padding: 0px !important;
	width:40px;
	height:40px;
    text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
	text-align:center !important;
}
.btn-twitter:before, .btn-facebook:before {
    font-size: 24px !important;
	text-indent:0%;
}
.btn-twitter {
	background:#55acee;
}
.btn-twitter:before {
	content: "\f099";
	font-size:24px;	
	font-family: 'icomoon' !important;
	speak: none;
 	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position:absolute;
	top:8px;
	left:8px;
}
.btn-facebook {
	background:#3b579d;
}
.btn-facebook:before {
	content: "\f09a";
	font-size:24px;	
	font-family: 'icomoon' !important;
	speak: none;
 	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position:absolute;
	top:8px;
	left:8px;
}
@media screen and (max-width : 767px){
.sns-gridbox div {
	padding-bottom:32px;
}
.sns-gridbox .grid-2 {
	float:left;
	width:50% !important;
}
.sns-gridbox .grid-2 a {
	margin-left:auto;
	margin-right:auto;
}
}

.yarpp-related .yarpp-thumbnail img {
	object-fit: cover;
}

.sub_title{
	height: 150px;
	width: 210px;
}

@media screen and (max-width:480px) {
 
	/*　この位置に記述する　*/
	.sub_title {
		width: 100%;
		}
	}


/*
追記
*/
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb70{
	margin-bottom:70px;
}
.mb80{
	margin-bottom:80px;
}
.mb90{
	margin-bottom:90px;
}
.mb100{
	margin-bottom:100px;
}