@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
.img-responsive {
	width:100%
}
.padding-rl {
	padding:0 15px
}
.clearfix:before,
.clearfix:after {
	content:" ";
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
*zoom:1
}
.nolist {
	margin:0;
	padding:0
}
.nolist li {
	list-style:none
}
.fz14 {
	font-size:1.4rem
}
.with-line {
	background:transparent url(../img/heading-bg.png) center center repeat-x;
	font-family:'Open Sans Condensed', sans-serif
}
.with-line span {
	display:inline-block;
	background-color:#FFF;
	padding:0 15px
}
.btn,
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-link,
.navbar-inner,
.navbar .btn-navbar,
.navbar-inverse .navbar-inner,
.navbar-inverse .btn-navbar,
.progress,
.progress .bar,
.progress-striped .bar,
.progress-danger .bar,
.progress .bar-danger,
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger,
.progress-success .bar,
.progress .bar-success,
.progress-success.progress-striped .bar,
.progress-striped .bar-success,
.progress-info .bar,
.progress .bar-info,
.progress-info.progress-striped .bar,
.progress-striped .bar-info,
.progress-warning .bar,
.progress .bar-warning,
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
	filter:none;
	background-image:none
}
.fz20 {
	line-height:1.5;
	font-size:1.6rem
}
@media (min-width: 768px) {
.fz20 {
font-size:2rem
}
}
#main .my-col {
	padding:0 15px
}
#main img.logo {
	width:160px;
	margin-bottom:10px
}
@media (min-width: 768px) {
#main img.logo {
width:180px
}
}
#main #div-logo {
	margin:50px 0
}
@media (min-width: 768px) {
#main #div-logo {
margin:100px 0
}
}

#main .item-wrapper {
	-js-display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-js-flex-direction:row;
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	-js-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:30px;
}
#main .item-wrapper div {
	width:100%;
	margin-bottom:15px
}
@media (min-width: 768px) {
#main .item-wrapper div {
width:25%;
padding:0 5px;
margin-bottom:10px
}
}
#main .item-wrapper div.inner {
	width:100%;
	padding-top:100%;
	margin:0;
	background-size:cover;
	background-position:0 50%;
	background-repeat:none;
	cursor:pointer;
	position:relative
}

#main section {
	width:100%;
	margin:0 0 40px 0;
	padding:0;
	word-wrap:break-word;
	/*font-family:'Open Sans Condensed', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif*/
}

#main h4 {
	font-size:2.0rem;
	text-align:left;
	color:#999;
	margin-bottom:0;
	padding: 0 0 15px 0;
}

#main h3 {
	font-size:2.2rem;
	color:#999;
	margin-bottom:0;
	padding: 0 0 10px 0;
}
#main h2 {
	width:100%;
	font-family:'Open Sans Condensed', sans-serif;
	margin:0;
	padding:0;
}

.descreption{
	text-align:center;
	padding:0 0 10px 0;
}


/* ---------------------------------------------------------
レイアウト
------------------------------------------------------------ */
#wrapper {
}


/* ---------------------------------------------------------
メイン
------------------------------------------------------------ */
.subttl{
	padding:0;
}

.subttl span{
	font-size:1.4rem;
}
.programlist{
	positopn:relative;
	width:100%;
	
	line-height:1.8;
	padding:20px 0 20px 20px;
	margin:0 0 30px 0;
	background:#f3f3f3;
}



/*Q&A
------------------------------------------------------------ */
dl.faqs{
	width:100%;
	paddign:0 0 20px 0;
}
dl.faqs dt{
    position:relative;
    /*text-decoration:underline;*/

    background:url(../../recruit-2018/images/icon_qa01.gif) 0 2px no-repeat;

    padding:0 0 0 20px;
	margin:0 0 10px 0;
}
dl.faqs dt:hover{
    cursor:pointer;
}
dl.faqs dd{
    position:relative;

	color:#333;
    background:url(../../recruit-2018/images/icon_qa02.gif) 0 2px no-repeat;

    padding:0 0 10px 20px;
	margin:0;
}
dl.faqs .hover{
    text-decoration:underline;
}


/*みなさまからの感想
------------------------------------------------------------ */
ul.commentlist{
	width:100%;
	margin:0 0 0 12px;
}

ul.commentlist li{
	padding:0 0 10px 0;
	text-indent:-17px;
}


/*------------------------------------------------------------ */
.video {
    position: relative;
    width: 100%;
	padding-bottom:0;
}
.video:before {
    content:"";
    display: block;
    padding-top: 42.55%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#videocontents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main .brochure{
	margin:0;
	padding:0;
}

#main .brochure img {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

.mgb20{
margin-bottom:20px;
}



.btn-outer{
	font-size:2rem;
	width:100%;
	margin:6rem auto;
	text-align:center;
}
@media (min-width: 768px) {
.btn-outer {
	width:60%;
}
}


.btn-outer a:hover{
	text-decoration: none;
}
/*.btn-default{
    color: #fff;
    background-color: #999494;
    text-decoration: none;
	border:solid 1px;
}


.btn-default a:link, a:visited {
    transition: .1s all ease-in;
    text-decoration: none;
}*/


.item-wrapper-nohover .onhover{
	cursor: default !important;
}