@charset "utf-8";

/* ======================
 * Contents CSS
======================= */

@media only all and (min-width: 751px) {

.spOnly {
	display: none !important;
}
.sizeFix {
	display: inline-block;
}


/* Section
=========================================*/
.innerSection {
	margin-top: 20px;
}
.innerSection + .innerSection {
	margin-top: 40px;
}

/* Heading
=========================================*/
.designingHeading {
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: solid 1px #49660f;
}
.designingHeading > span {
	display: block;
	padding-left: 35px;
	background: url(../../format/img/inner_ic01.png) no-repeat 0 50%;
	color: #49660f;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
.designingHeading + * {
	margin-top: 0 !important;
}


/* Text
=========================================*/
.paragraph01 {
	margin-top: 1em;
}
.paragraph02 {
	margin-top: 1.5em;
}
.paragraph03 {
	margin-top: 2em;
}
.bold {
	font-weight: bold !important;
}
.fontXS {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}
.fontS {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}
.fontM {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}
.fontL {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}
.fontXL {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}
.caption {
	font-size: 12px;
	font-size: 1.2rem;
}
.txRed {
	color: #ff0000;
}

/* List
=========================================*/


/* Link
=========================================*/
/* designingPager */
.designingPager {
	position: relative;
	width: 560px;
	margin: 30px auto 0;
}
.designingPager .pager01 {
}
.designingPager .pager01 > li {
	position: absolute;
	width: 104px;
}
.designingPager .pager01 > li.prev {
	left: 0;
	top: 0;
}
.designingPager .pager01 > li.next {
	right: 0;
	top: 0;
}

.designingPager .pager02 {
	text-align: center;
	letter-spacing: -0.4em;
}
.designingPager .pager02 > li {
	display: inline-block;
	width: 28px;
	margin: 0 5px;
	letter-spacing: normal;
}
.designingPager .pager02 > li.top {
	width: 54px;
}

/* forBackNunber */
.forBackNunber {
	margin: 30px auto 0;
	max-width: 330px;
}

/* Column
=========================================*/
/* variableCol2 */
.variableCol2 {
	margin-top: 30px;
}
.variableCol2 > .imgColRight {
	float: right;
	margin: 0 0 10px 15px;
}
.variableCol2 > .imgColLeft {
	float: left;
	margin: 0 15px 10px 0;
} 
.variableCol2 > .imgColRight img,
.variableCol2 > .imgColLeft img {
	border: solid 2px #ffffff;
	border-radius: 5px;
}
.designingBox .variableCol2 > .imgColLeft + .textCol {
	overflow: hidden;
}
.variableCol2 > .textCol {
}
.variableCol2 > .textCol > *:first-child {
	margin-top: 0 !important;
}


/* Table
=========================================*/


/* Box
=========================================*/
/* designingBox */
.designingBox {
	margin-top: 30px;
	border-radius: 5px;
	overflow: hidden;
	border: solid 2px #77933c;
}
.designingBox .boxTitle {
	display: block;
	padding: 9px 20px 7px;
	background: #77933c;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.designingBox .boxTitle > span {
}
.designingBox .boxInner {
	padding: 20px;
	background: url(../../format/img/inner_bg01.gif) no-repeat 100% 100% #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
}
.designingBox .boxInner > *:first-child {
	margin-top: 0 !important;
}

.designingBox .cateNeme {
	margin-top: 15px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.designingBox .cateList02 {
	margin-top: 5px;
}
.designingBox .cateList02 > li {
	position: relative;
	padding-left: 1em;
}
.designingBox .cateList02 > li + li {
	margin-top: 5px;
}
.designingBox .cateList02 > li:before {
	content: "●";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	left: 0;
	right: 0;
}
.designingBox .applyBtn01 {
	margin-top: 50px;
	text-align: center;
}
.designingBox .applyBtn01 img {
	width: 300px;
	height: auto;
}

/* vol_xx/index.html
=========================================*/
/* interviewTopWrap */
#interviewTopWrap {
	margin-top: 20px;
	position: relative;
}
#interviewTopWrap .authorName {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 20;
}
#interviewTopWrap.typeLeft .authorName {
	left: 10px;
	top: 10px;
}
#interviewTopWrap.typeRight .authorName {
	left: inherit;
	right: 10px;
	top: 10px;
}
#interviewTopWrap .interviewMainVisual {
	position: relative;
	z-index: 10;
	line-height: 0;
}
#interviewTopWrap .introduce {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 380px;
	padding: 25px 25px 20px;
	line-height: 1.5;
	background: #5c8013;
	z-index: 20;
	color: #ffffff;
}
#interviewTopWrap.typeLeft .introduce {
	left: 10px;
	bottom: 10px;
}
#interviewTopWrap.typeLeft .introduce {
	right: 10px;
	bottom: 10px;
}
#interviewTopWrap .introduce > *:first-child {
	margin-top: 0 !important;
}
#interviewTopWrap .introduce .introBtn01 {
	margin-top: 15px;
	line-height: 0;
	text-align: center;
}
#interviewTopWrap .introduce .introBtn01 + .introBtn01 {
	margin-top: 10px;
}

/* relatedLinkCol2 */
.relatedLinkCol2 {
	margin-top: 40px;
	text-align: center;
	letter-spacing: -0.4em;
}
.relatedLinkCol2 > .col {
	display: inline-block;
	margin: 0 25px;
	letter-spacing: normal;
}
.relatedLinkCol2 > .col .colLead {
	font-size: 12px;
	font-size: 1.2rem;
}
.relatedLinkCol2 > .col .bnrImg01 {
	margin-top: 5px;
}

/* Img
=========================================*/
/* innerImg */
.innerImg {
	line-height: 0;
	text-align: center;
}

/* ClearFix
=========================================*/
.variableCol2:after,
.clearFix:after,
.clearFix:after {
	content: "";
	display: block;
	clear: both;
}
.variableCol2,
.clearFix,
.clearFix {
	min-height: 1%;
	zoom: 1;
}


}