@charset "utf-8";
/* CSS Document */

.header-pd{
	padding-top: 60px;
}
.content-inner{
	padding-bottom: 70px;
}

@media (min-width: 768px) {
	.header-pd{
		padding-top: 90px;
	}
}

@media (min-width: 992px) {
	.header-pd{
		padding-top: 0;
	}
	.content-inner{
		padding-bottom: 100px;
	}
}

/************************************************

top
 
************************************************/
/* main image */
.main-image-wrap {
	position: relative;
	width: 100%;
	height: 450px;
	margin-bottom: 50px;
}
.main-image {
	position: relative;
	width: 100%;
	height: 450px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.main-image:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	/*background-color: rgba(0,0,0,0.3);*/
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.main-image-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	z-index: 100;
}

.main-image-content {
	display: table-cell;
	padding: 0 15px;
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
}
.main-image-content .content-title{
	color: #fff;
	/*margin: 0;*/
}


/* bx-slider */
.bx-wrapper {
	position:relative;
}
.bx-pager {
	position:absolute;
	bottom:-18px;
	width:100%;
	text-align:center;
}	
.bx-pager .bx-pager-item {
	display:inline-block;
	margin:0 4px;
}
.bx-pager .bx-pager-item .bx-pager-link {
	display:block;
	width:8px;
	height:8px;
	text-indent:-9999px;
	background-color:#ddd;
	border-radius:4px;
}
.bx-pager .bx-pager-item .bx-pager-link.active,.bx-pager .bx-pager-item .bx-pager-link:hover {
	background-color:#999;
}
.bx-controls-direction {
}
.bx-controls-direction a.disabled {
	display:none;
}
.banner-slider-wrap .bx-controls-direction .bx-prev {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:40px;
	height:100%;
	text-indent:-9999px;
	background:url(images/icon-arrow-prev.png) 50% 50% no-repeat;
	background-size:16px auto;
}
.banner-slider-wrap .bx-controls-direction .bx-next {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:40px;
	height:100%;
	text-indent:-9999px;
	background:url(images/icon-arrow-next.png) 50% 50% no-repeat;
	background-size:16px auto;
}
.bx-controls-direction .bx-prev:hover,.bx-controls-direction .bx-next:hover {
	opacity:0.7;
}
.bx-caption {
	margin:8px 0 0 0;
	font-size:1em;
	line-height:1.5em;
}

/* banner-slider */
.banner-slider-wrap{
	margin-bottom: 50px;
}
.banner-slider > div img {
	width:100%;
}
.banner-slider > div a:hover{
	opacity: 0.7;
}

/* top-service-list */
.top-service-list{
	margin-bottom: -25px;
}
.top-service-list div{
	margin-bottom: 25px;
}
.top-service-list div a,
.top-service-list div div {
	display: block;
	position: relative;
}
.top-service-list div a:hover{
	opacity: 0.7;
}
.top-service-list div a .bgr-black,
.top-service-list div div .bgr-black{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
.top-service-list div a .top-service-list-text,
.top-service-list div div .top-service-list-text{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 3rem;
	line-height: 1.2em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	width: 100%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.top-service-list div a .top-service-list-text > span,
.top-service-list div div .top-service-list-text > span{
	display: block;
	font-size: 1.8rem;
}

/* top-bg-area */
.top-bg-area{
	display: table;
    width: 100%;
	background-position: 50% 50%;
    background-size: cover;
	color: #fff;
    text-align: center;
}
.top-bg-area .content-subtitle{
	margin-bottom: 20px;
}
.top-bg-area.works{
    background-image: url(images/bg-top-works.jpg);	
  margin-bottom: 5px;
}
.top-bg-area.company{
    background-image: url(images/bg-top-company.jpg);	
}
.top-bg-area-inner{
    display: table-cell;
	background-color: rgba(0,0,0,0.3);
	padding-top: 100px;
	padding-bottom: 100px;
    vertical-align: middle;
}
.top-bg-area.works .works-icon{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.top-bg-area.works .works-icon td img{
	width: auto;
	max-height: 92px;
}
.top-bg-area.works .inline-block{
	display: none;
}

/* column */
.column-2{
	margin-top: 70px;
	text-align: center;
}
.column-2 .column-l,
.column-2 .column-r{
	display: block;	
}
.column-2 .column-l .link-button.bl a,
.column-2 .column-r .link-button.bl a{
	margin-top: 50px;
}
.column-2 .column-r .content-inner{
	padding-top: 0;
}
.top-news-list li{
	border-bottom: 1px dashed #1a1a1a;
	padding: 15px 0;
	text-align: left;
}

/* top-news-list */
.top-news-list li:first-child{
	padding-top: 0;
}
.top-news-list li a{
	color: #1a1a1a;
}
.top-news-list li dl{
	margin: 0;
}
.top-news-list li dl dt,
.top-news-list li dl dd{
	font-size: 1.4em;
	line-height: 2;	
}
.top-news-list li dl dd{
	text-decoration: underline;
}
.top-news-list li dl dd:hover{
	text-decoration: none;	
}


@media (min-width: 768px) {
	/* main image */
	.main-image-wrap{
		margin-bottom: 50px;
		height: 550px;
	}
	.main-image{
		position: relative;
		height: 550px;
	}
	.main-image-content{
		display: block;
		position: absolute;
		left: 60px;
		bottom: 40px;
		padding: 0 60px 0 0;
		text-align: left;
	}
	.main-image-content .content-title{
		text-align: left;
		font-size: 2em;
		line-height: 1.2em;
	}
	.main-image-content .content-title > span{
		font-size: 6rem;
	}	
	
	/* top-bg-area */
	.top-bg-area.works{
		text-align: left !important;
	}
	.top-bg-area.company{	
		text-align: right !important;
	}
	.top-bg-area.company .content-title,
	.top-bg-area.company .content-subtitle{
		text-align: right;		
	}
	.top-bg-area.works .works-icon{
		display: none;
	}
	.top-bg-area.works .inline-block{
		display: block;
		margin-bottom: 30px;
	}
	.top-bg-area.works .inline-block li{
		margin: 0 10px;
	}
	.top-bg-area.works .inline-block li img{
		width: auto;
		height: 90px;		
	}

	/* column */
	.column-2 .column-l,
	.column-2 .column-r{
		width: 45%;	
	}
	.column-2 .column-l{
		float: left;
	}
	.column-2 .column-r{
		float: right;
	}
	.column-2 .column-l .content-text{
		text-align: left;
	}
	.column-2 .column-r .content-inner{
		padding-top: 0;
	}
	
	/* top-service-list */
	.top-service-list div a .top-service-list-text,
	.top-service-list div div .top-service-list-text{
		font-size: 2.5em;
	}
}
@media (min-width: 992px) {
	/* main image */
	.main-image-wrap{
		margin-bottom: 100px;
		/*height: 700px;*/
	}
	.main-image{
		/*height: 700px;*/
	}
	.main-image-content{
		left: 80px;
		bottom: 60px;
		padding: 0 80px 0 0;
	}
	.main-image-content .content-title{
		text-align: left;
		font-size: 3em;
		line-height: 1.2em;
	}
	.main-image-content .content-title > span{
		font-size: 6rem;
	}
	
	/* top-bg-area */
	.top-bg-area.works .inline-block li{
		margin: 0 20px;
	}
	.top-bg-area .content-text{
		width: 650px;
		display: inline-block;
		margin-bottom: 30px;
	}

	/* banner-slider */
	.banner-slider-wrap{
		margin-bottom: 100px;
	}
	/* column */
	.column-2{
		margin-top: 100px;
	}

	/* top-service-list */
	.top-service-list div a .top-service-list-text,
	.top-service-list div div .top-service-list-text{
		font-size: 3em;
	}
}

/************************************************

reform
 
************************************************/

.reform-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reform-list li {
  width: 50%;
  padding: 0 5px;
  margin-bottom: 10px;
  float: left;
}
.reform-list li img {
  display: block;
  margin-bottom: 5px;
}
.reform-list li span {
  display: block;
  font-size: 1.4em;
  line-height: 1.5em;
  text-align: center;
}
@media (min-width: 768px) {
  .reform-list li {
    width: 33.33%;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .reform-list li {
    width: 20%;
  }
  .reform-list li span {
    font-size: 1.6em;
  }
}

/************************************************

company
 
************************************************/
/* .content-table01 */
.content-table01{
	width: 100%;
}
.content-table01 tr{
	border-bottom: 1px dashed #1a1a1a;	
}
.content-table01 th,
.content-table01 td{
	font-size: 1.6em;
	line-height: 2em;
}
.content-table01 th{
	padding: 5px 0;
	white-space: nowrap;
	padding-right: 15px;
	font-weight: normal;
	vertical-align: top;
}
.content-table01 td{
	padding: 0 0 5px 0;	
}

/* google map */
.gmap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sp-mgb-30{
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.sp-mgb-30{
		margin-bottom: 0;
	}	
}

/************************************************

career
 
************************************************/
.bg-color-text{
	background-color: #e6e6e6;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

/* content-table02 */
.content-table02{
	border-top: 1px solid #1a1a1a;
}
.content-table02 tr{
	border-bottom: 1px solid #1a1a1a;
}
.content-table02 th,
.content-table02 td{
	font-size: 1.2em;
	line-height: 1.2em;
}
.content-table02 th{
	background-color: #e6e6e6;
	white-space: nowrap;
	padding: 10px 25px;
	font-weight: normal;
	vertical-align: middle;
}
.content-table02 td{
	padding: 10px 0 10px 10px;
}

@media (min-width: 768px) {
	.bg-color-text{
		margin-bottom: 35px;
		padding: 20px;
		font-size: 2.4em;
	}
	.content-table02 th,
	.content-table02 td{
		font-size: 1.6em;
		line-height: 2em;
	}
	.content-table02 th{
		padding: 20px 50px;
	}
	.content-table02 td{
		padding: 20px;
	}
}


/************************************************

news
 
************************************************/
/* news-list-wrap */
.news-list-wrap{
	margin-bottom: 70px;
}
.news-list-wrap > div:first-child{
	margin-bottom: 70px;
}
.news-list li{
	border-bottom: 1px dashed #1a1a1a;
	line-height: 1;
}
.news-list li a{
	position: relative;
	display: block;
	padding: 30px 20px 30px 0;
	color: #1a1a1a;
	line-height: 1;
}
.news-list li a:after{
	position: absolute;
	top: 50%;
	right: 0;
	content: "\f105";
	margin-top: -0.5em;
	font-family: FontAwesome;	
	font-size: 1.8em;
	line-heihgt: 1.2em;
}
.news-list li a:hover{
	text-decoration: underline;
}
.news-list li dl dt{
	float: left;
	margin-right: 10px;
	font-weight: normal;
}
.news-list li dl dt,
.news-list li dl dd{
	font-size: 1.4em;
	line-height: 1.2em;
	text-align:left;
}
.news-list li dl dd{
	overflow: hidden;
}
.news-list li dl dd p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-archives-title{
	border-bottom: 1px solid #1a1a1a;
	padding-bottom: 15px;
	font-size: 1.8em;
	line-height: 1.2em;
}
.news-archives-list li{
	border-bottom: 1px dashed #1a1a1a;
	font-size: 1.4rem;
	line-height: 1.2em;
  position: relative;
}
.news-archives-list li:after{
	position: absolute;
	top: 15px;
	right: 0;
	content: "\f105";
	font-family: FontAwesome;	
	font-size: 1.4rem;
	line-height: 1.2rem;
}
.news-archives-list li a{
	display: inline-block;
	padding: 15px 5px 15px 0;
	color: #1a1a1a;
	font-size: 1.4rem;
	line-height: 1.2em;
}
/* pager-list-wrap */
.pager-list-wrap{
	text-align: center;	
}

.wp-pagenavi {
  border-top: 1px solid #1a1a1a;
	padding-top: 25px;
}
.wp-pagenavi span,
.wp-pagenavi a {
	margin: 0 7px;
	padding: 0 5px 3px 5px;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #1a1a1a;  
}
.wp-pagenavi span,
.wp-pagenavi a:hover {
	border-bottom: 1px solid #1a1a1a;
}

/*
.pager-list{
	display: table;
	width: 100%;
	border-top: 1px solid #1a1a1a;
	padding-top: 25px;
}
.pager-list li{
	display: table-cell;
}
.pager-list li a{
	margin: 0 7px;
	padding: 0 5px 3px 5px;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #1a1a1a;
}
.pager-list li:first-child a{
	margin-left: 0;
	padding-left: 0;	
}
.pager-list li:last-child a{
	margin-right: 0;
	padding-right: 0;	
}
.pager-list li.active a,
.pager-list li a:hover{
	border-bottom: 1px solid #1a1a1a;
}
*/

/* news detail */
.news-detail-wrap{
	width: 100%;
}
.news-detail-title{
	font-size: 1.8em;
	line-height: 1.2em;
	border-bottom: 1px dashed #1a1a1a;
	margin-bottom: 35px;
	padding-bottom: 20px;
}
.news-detail-title span{
	display: block;
	font-size: 1.4rem;
}
.news-detail-wrap .pull-left{
	max-width: 100%;
	float: none;
	margin: 0 0 25px 0;
}
.news-detail-wrap .content-text{
	margin-bottom: 70px;
}
.news-detail-wrap .link-button{
	text-align: center;
}

@media (min-width: 768px) {
	.news-list-wrap > div:first-child{
		margin-bottom: 0;
	}
	.news-list li dl dt{
		margin-right: 30px;
	}
	.news-list li dl dt,
	.news-list li dl dd{
		font-size: 1.6em;
	}
  .news-archives-list li:after{
    top: 20px;
    font-size: 1.8rem;
  }
	.news-archives-list li,
  .news-archives-list li a{
		font-size: 1.8rem;
	}
  .wp-pagenavi {
    display: inline-block;
    padding-top: 30px;
  }
  .wp-pagenavi span,
  .wp-pagenavi a {
    margin: 0 10px;
    padding: 0 8px 5px 8px;
    font-size: 1.8em;
  }
	/*
  .pager-list{
		display: inline-block;
		width: auto;
		padding-top: 30px;
	}
	.pager-list li{
		display: inline-block;
	}
	.pager-list li a{
		margin: 0 10px;
		padding: 0 8px 5px 8px;
		font-size: 1.8em;
	}
  */

	/* news detail */
	.news-detail-title{
		font-size: 2.4em;
		margin-bottom: 35px;
		padding-bottom: 20px;
	}
	.news-detail-title span{
		font-size: 1.6rem;
	}
	.news-detail-wrap .pull-left{
		width: 370px;
		margin: 0 25px 25px 0;
	}
	.news-detail-wrap .content-text{
		margin-bottom: 100px;
	}
  .entry-content {
    font-size:
  }
}

@media (min-width: 992px) {
	/* news detail */
	.news-detail-wrap{
		width: 950px;
		margin: 0 auto;
	}
}


/************************************************

works
 
************************************************/
/* works-category-list-sp */
.works-category-list-sp{
	border-top:  1px solid #1a1a1a;
	margin-bottom: 50px;
}
.works-category-list-sp li{
	border-bottom: 1px solid #1a1a1a;	
}
.works-category-list-sp li:nth-child(odd){
	border-right: 1px solid #1a1a1a;	
}
.works-category-list-sp a{
	display: block;
	padding: 20px 0;
	font-size: 1.8em;
	line-height: 1.2em;
	color: #1a1a1a;
	text-align:center;
}
.works-category-list-sp a span{
	padding-bottom: 3px;
}
.works-category-list-sp a:hover span,
.works-category-list-sp li.active a span{
	border-bottom: 1px solid #1a1a1a;
}
.works-category-list{
	width: 100%;
}
.works-case-wrap > div{
	margin-bottom: 25px;
}
.case-image{
	position: relative;
	display: block;
	margin-bottom: 15px;
	width: 100%;
	height: 230px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.case-image .category-label{
	position: absolute;
	top: 15px;
	left: 0;	
}
.category-label{
	display: inline-block;
	min-width: 100px;
	background-color: #4a4498;
	padding: 10px;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}
.category-label a {
	color: #fff;
}
.category-label a.hover {
	opacity: 0.7;
}

.case-image:hover{
	opacity: 0.7;
}
.case-name{
	font-size: 1.6em;
	line-height: 2em;
	text-align: center;
}
.case-name a{
	color: #1a1a1a;
}
.case-name a:hover{
	text-decoration: underline;
}
/* works detail */
.space-top{
	margin-top: 50px;	
}
.case-title{
	text-align: left;
	margin-bottom: 20px;
}
.works-detail-wrap{
	margin-bottom: 40px;
}
.works-detail-wrap .bx-wrapper{
	width: 290px;
	height: 193px;
	margin: 0 auto;
}
.works-slider li{
	text-align: center;
	overflow: hidden;
}
.works-slider li img{
	width: auto;
	height: 193px;
}
#bx-pager{
	width: 290px;
	margin: 10px auto 0;
}
#bx-pager img{
	width: auto;
	height: 60px;
}
#bx-pager a{
	display: inline-block;
	margin: 0 4px 4px 0;	
}
#bx-pager a:last-child{
	margin-right: 0;
}
.bg-color01{
	background-color: #e6e6e6;
	margin-bottom: 50px;
}
.person-image-wrap{
	margin-bottom: 25px;	
}
.person-image{
	max-width: 170px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto 20px;
	padding: 5px;
}
.person-name{
	font-size: 1.6em;
	line-height: 2em;
	text-align: center
}
.arrow-box {
	position: relative;
	background: #ffffff;
	margin: 22px -15px 0 -15px;
	padding: 20px;
}
.arrow-box:after {
	bottom: 100%;
	left: 50%;
	content: '';
	position: absolute;
	border-bottom: 22px solid #fff;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	margin-left: -11px;
}
@media (min-width: 768px) {
	.works-category-list-sp a{
		font-size: 1.6em;
	}
	.works-category-list{
		margin-bottom: 40px;
		text-align: center;
	}
	.works-category-list li{
		display: inline-block;
		min-width: 140px;
		border-left: 1px solid #1a1a1a;
		margin-bottom: 10px;
		font-size: 1.8em;
		line-height: 1.2em;
		text-align: center;
	}
	.works-category-list li:last-child{
		border-right: 1px solid #1a1a1a;
	}
	.works-category-list li a{
		display: block;
		padding: 10px 0;
		color: #1a1a1a;
	}
	.works-category-list li a span{
		padding-bottom: 8px;
		line-height: 1;
	}
	.works-category-list li a:hover span,
	.works-category-list li.active a span{
		border-bottom: 1px solid #1a1a1a;
	}
	.works-case-wrap > div{
		margin-bottom: 50px;
	}
	.case-image {
		height: 180px;
	}
	.case-name{
		font-size: 2em;
		line-height: 1.2em;
	}
	/* works detail */
	.works-detail-wrap{
		margin: 0 40px 40px 40px;
	}
	.works-detail-wrap .bx-wrapper{
		width: 603px;
		height: 402px;
		margin: 0 auto;
	}
	.works-slider li img{
		width: auto;
		height: 402px;
	}
	.works-detail-wrap .bx-controls-direction .bx-prev {
		position:absolute;
		top:0;
		left:-60px;
		display:block;
		width:40px;
		height:100%;
		text-indent:-9999px;
		background:url(images/icon-arrow02-prev.png) 50% 50% no-repeat;
		background-size:18px auto;
	}
	.works-detail-wrap .bx-controls-direction .bx-next {
		position:absolute;
		top:0;
		right:-60px;
		display:block;
		width:40px;
		height:100%;
		text-indent:-9999px;
		background:url(images/icon-arrow02-next.png) 50% 50% no-repeat;
		background-size:18px auto;
	}
	#bx-pager{
		width: 603px;
		margin: 9px auto 0;
	}
	#bx-pager a{
		margin: 0 9px 9px 0;	
	}
	#bx-pager img{
		width: auto;
		height: 74px;
	}
	.arrow-box {
		position: relative;
		background: #ffffff;
		margin: 0 0 0 22px;
		padding: 20px;
	}
	.arrow-box:after {
		left: 0;
		top: 40px;
		content: '';
		position: absolute;
		border-right: 22px solid #fff;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		margin-left: -34px;
		margin-top: -6px;
	}
}

@media (min-width: 992px) {
	.space-top{
		margin-top: 100px;	
	}	
	.works-detail-wrap{
		margin-bottom: 50px;
	}
	.works-detail-wrap .bx-wrapper{
		width: 862px;
		height: 575px;
	}
	.works-slider li img{
		width: auto;
		height: 575px;
	}
	#bx-pager{
		width: 862px;
		margin: 30px auto 0;
	}
	#bx-pager a{
		margin: 0 15px 15px 0;	
	}
	#bx-pager img{
		width: auto;
		height: 105px;
	}
	.bg-color01{
		margin-bottom: 100px;
	}
	.arrow-box:after {
		top: 90px;
	}
	.case-image {
		height: 230px;
	}

}


/************************************************

service
 
************************************************/
.method-image-wrap{
	/*margin-top: 20px;*/
}
.method-image-wrap .content-subtitle{
	text-align: center;
}
.method-image-list{
  padding: 0;
}
.method-image-list li {
  margin-bottom: 30px;
}
.method-image-list li img {
  display: block;
  margin-bottom: 10px;
}
.method-image-list li span{
	display: block;
  font-size: 1.4em;
  line-height: 1.5em;
  text-align: center;
}
.flow-content ul {
	margin-bottom: 25px;
}
.flow-content ul li{
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}
.flow-content ul li.line:after{
	position: absolute;
	top: 40px;
	left: 6px;
	content: "";
	width: 1px;
	height: 500px;
	background-color: #1a1a1a;
}
.flow-content ul li p{
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 0;
	font-size: 1.8em;
	font-weight: bold;
	line-height:1;
	position: relative;
	z-index: 1;
}
.flow-content ul li dl{
	overflow: hidden;
	margin: 0;
}
.flow-content ul li dl dt{
	padding: 10px 0;
	font-size: 1.8em;
	line-height:1;
}
.flow-content ul li dl dd{
	font-size: 1.6em;
	line-height: 2em;
}

@media (min-width: 768px) {
  .method-image-list li span{
    font-size: 1.6em;
  }
	.flow-content-schedule{
		background-color: rgba(255,255,255,0.8);
		padding: 30px;
		margin: 50px 0;
	}
	.flow-content{
		background-image: url(images/opencampus-flow-img.jpg);
		background-size: cover;
		background-position: center center;
	}
	.flow-content ul li.line:after{
		position: absolute;
		top: 44px;
		left: 6px;
		content: "";
		width: 1px;
		height: 500px;
		background-color: #1a1a1a;
	}
	.flow-content ul li p{
		font-size: 2.2em;
	}
	.flow-content ul li dl dt{
		font-size: 2.2em;
	}
	.flow-content ul li dl dd{
		font-size: 1.4em;
	}
}

@media (min-width: 992px) {

	.flow-content-schedule{
		background-color: rgba(255,255,255,0.8);
		padding: 30px;
		margin: 50px 0;
	}
	.flow-content{
		background-image: url(images/opencampus-flow-img.jpg);
		background-size: cover;
		background-position: center center;
	}
	.flow-content ul li{
		position: relative;
		overflow: hidden;
		padding-bottom: 30px;
	}
	.flow-content ul li.line:after{
		position: absolute;
		top: 44px;
		left: 6px;
		content: "";
		width: 1px;
		height: 500px;
		background-color: #1a1a1a;
	}
	.flow-content ul li p{
		float: left;
		margin: 0 20px 0 0;
		padding: 10px 0;
		font-size: 2.4em;
		line-height:1;
		position: relative;
		z-index: 1;
	}
	.flow-content ul li dl{
		overflow: hidden;
		margin: 0;
	}
	.flow-content ul li dl dt{
		padding: 10px 0;
		font-size: 2.4em;
		line-height:1;
	}
	.flow-content ul li dl dd{
		font-size: 1.6em;
		line-height: 1.8;
	}
}


/************************************************

contact
 
************************************************/
.contact-dial-wrap{
	display: table;
	margin: 0 auto 25px;
}
.contact-dial-wrap > div{
	display: block;
	text-align: center;
}
.contact-dial-wrap > div:first-child{
	margin-bottom: 15px;
}
.contact-dial-wrap > div > p{
	font-size: 1.6em;
	line-height: 2em;
}
.contact-dial-wrap + .content-text{
	margin-bottom: 30px;
}
.contact-dial-wrap .dial-wrap .free-dial{
	background-size: 42px;
	padding-left: 55px;
}
.contact-dial-wrap .dial-wrap .free-dial a{
	font-size: 3.2rem;
}

@media (min-width: 768px) {
	.contact-dial-wrap{
		margin: 0 auto 50px;
	}
	.contact-dial-wrap > div{
		display: table-cell;
		vertical-align: middle;
	}
}


/************************************************

	form　レイアウト用

************************************************/
.form-wrap{
	width: 100%;
	border: 1px solid #666;
	padding: 20px;
}
.form-lead-text{
	margin-bottom: 30px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

/* form-item */
.form-item {
	padding:20px 0;
	border-bottom:1px dashed #1a1a1a;
}
.form-content .form-item:first-child{
	border-top:1px dashed #1a1a1a;
}
.form-item .row {
	margin:0;
}

/* form-item-name */
.form-item-name {
	margin:0 0 5px;
	font-size:1.6em;
	font-weight: bold;
	line-height:1.2em;
}
.form-item-name span {
	margin-left:5px;
	font-size:12px;
	color:#f44336;
}

/* form-item-field */

/* form-item-annotation */
.form-item-annotation {
	margin:10px 0 0;
	font-size:12px;
	line-height:1.5em;
	color:#999;
}
/* form-btn */
.form-btn {
	padding:30px 0;
	text-align:center;
}
@media (min-width: 768px) {
	.form-wrap{
		padding: 30px 60px;
	}
	.form-lead-text{
		font-size: 1.8em;
	}

	
	/* form-item */
	.form-item {
		padding:30px 0;
		overflow:hidden;
	}
	
	/* form-item-name */
	.form-item-name {
		float:left;
		width:200px;
		font-size:1.8em;
	}
	
	/* form-item-field */
	.form-item-field {
		margin-left:230px;
		clear:right;
	}


}

@media (min-width: 992px) {
	.form-wrap{
		width: 970px;
		margin: 0 auto;
		padding: 60px 90px;
	}
}

/************************************************

	form 入力用

************************************************/

/* form style reset */

.form-item input,
.form-item button,
.form-item textarea,
.form-item select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-sizing:border-box;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* text,email,textarea */
.form-item input[type="text"],
.form-item input[type="email"],
.form-item textarea {
	padding:1em 10px;
	width:100%;
	font-size: 1.6em;
	line-height:1.2em;
	color:#333;
	background:#f0f0f0;
	border:1px solid #f0f0f0;
}
.form-item input[type="text"]:focus,
.form-item input[type="email"]:focus,
.form-item textarea:focus {
	background:#fff;
}
		.form-item.item-number input[type="text"] {
			max-width:60px;
		}

/* radio */
.mw_wp_form .horizontal-item + .horizontal-item {
	margin:0;
}
.form-item input[type="radio"] {
	display:none;
}
.form-item label {
	display:inline-block;
	margin:6px;
	padding:0.7em 0;
	font-size: 1.4em;
	font-weight: normal;
	line-height:1.2em;
	color:#333;
	box-sizing:border-box;
	background:#f0f0f0;
	cursor:pointer;
}
.form-item label:hover {
	/*opacity:0.7;*/
  background-color: #4a4498;
  color: #fff;  
}
		.form-item.item-grade label,
		.form-item.item-type label,
		.form-item.item-job label,
		.form-item.item-type label {
			padding:1.2em 1.8em;
			text-align:center;
		}
		.form-item.item-date label {
			width:56px;
			text-align:center;
		}
		.form-item.item-course label,
		.form-item.item-interest-course label {
			display:block;
			padding:0.7em;
		}
		.form-item.item-pick-up label {
			width:100px;
			padding:0.7em;
			text-align:center;
		}
		
/* checkbox */

/* submit */
.form-btn input[type="submit"] {
	display: inline-block;
	width: 100%;
	max-width: 290px;
	padding: 15px 0;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	background-color: #333;
	color: #fff;	
}
.form-btn input[type="submit"]:hover {
	opacity: 0.7;	
}



/* error */
.mw_wp_form .error {
	display:inline-block;
	margin:10px;
	font-size:12px;
	line-height:1.4em;
	color:#f44336;
	font-weight:bold;
}

/* form-confirm-content */
.form-confirm-content .form-item .form-item-name {
	font-size:12px;
	line-height:1.5em;
}
.form-confirm-content .form-item .form-item-field {
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
}
.form-confirm-content .form-item .form-item-name span,
.form-confirm-content .form-item .form-item-annotation,
.form-confirm-content .form-item.agreement,
.form-confirm-content .form-item .select-wrap:after {
	display:none !important;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output {
  font-size: 1.4em!important;
  line-height: 1.4em;
  padding: 0.8em;
}



@media (min-width: 768px) {
	
.form-confirm-content .form-item .form-item-name {
	font-size:16px;
	line-height:1.5em;
}
.form-item input[type="text"],
.form-item input[type="email"],
.form-item textarea {
	font-size: 1.8em;
}
.form-item label {
	font-size: 1.6em;
}
}



/************************************************

	entry-content

************************************************/
.entry-content {
  margin-bottom: 70px;
}
.entry-content p {
  margin-bottom: 1em;
  font-size: 1.4rem;
  line-height: 2em;
}
.entry-content p:last-child {
  margin-bottom: 0;
}
.entry-content img {
  max-width: 100%;
  width: auto;
  margin-bottom: 30px;
}
.entry-content a {
  color: #0088cc;
}
.entry-content a.hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .entry-content p {
    font-size: 1.6rem;
  }
}