@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img {
	width: 100%;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.small {
	font-size: 80%;
}

#infoMain {
	margin: 5px 0 0 0;
	width: 100%;
	display: block;
	overflow: hidden;
	font-feature-settings: "palt"1;
}

/**/
.fb-like>span {
	width: 100px !important;
}

.fb-like iframe {
	width: 100px !important;
}

/* COMMON --------------------------------------------------*/
.infoW {
	margin: 0 auto;
	width: 1000px;
	display: block;
	overflow: hidden;
	text-align: left;
}

#infoMain a:hover img {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
}

#infoMain a img {
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
}

.contentBox {
	margin: 0 auto 40px;
	width: 1000px;
	display: block;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	.infoW {
		width: calc(100% - 20px);
	}
}

/* SNS */
.keibiSns {
	margin: 16px 0 10px 0;
	padding: 0;
	overflow: hidden;
	float: right;
}

.keibiSns li {
	float: left;
	margin-left: 10px;
	list-style: none;
}

.keibiSns iframe {
	margin: 0 !important;
}

.twBtn {
	margin: 0;
}

/* GENERIC */
.mb10 {
	margin: 0 0 10px 0 !important;
}

.f_w_nomal {
	font-weight: normal;
}

.dPc {
	display: block;
}

.dSp {
	display: none;
}

@media screen and (max-width: 640px) {
	.dPc {
		display: none;
	}

	.dSp {
		display: block;
	}
}

/* MAIN IMAGE --------------------------------------------------*/
#infoTitleArea {
	margin: 0 0 40px 0;
	height: 320px;
	background: url("/info/keibi/images/main.png") center center/auto 320px no-repeat;
}

#infoTitleArea h1 {
	margin: 0 auto;
	padding: 100px 0 0 0;
	width: 720px;
}

#infoTitleArea h1 img {
	width: 100%;
}

#infoTitleAreaSp {
	display: none;
}

@media screen and (max-width: 640px) {
	#infoTitleArea {
		display: none;
	}

	#infoTitleAreaSp {
		margin: 0 0 20px 0;
		width: 100%;
		display: inherit;
	}

	#infoTitleAreaSp h1 img {
		width: 100%
	}
}

/* READ --------------------------------------------------*/
.infoTxt {
	margin: 0 auto 30px auto;
	width: 1000px;
	text-align: center;
	line-height: 1.6em;
	color: #666;
}

@media screen and (max-width: 640px) {
	.infoTxt {
		margin: 0 auto 20px auto;
		width: calc(100% - 20px);
		text-align: left;
		font-size: 15px;
	}
}

/* ANCHOR LINK --------------------------------------------------*/
.anchorLink {
	margin: 0 auto 50px;
	width: 1000px;
}

.anchorLink ul {
	overflow: hidden;
}

.anchorLink ul li {
	float: left;
	position: relative;
	margin: 0 25px 0 0;
	width: 180px;
	height: 180px;
	font-size: 26px;
	line-height: 1.3em;
	text-align: center;
	background: #263792 url("/info/keibi/images/arrow_down_y.png") center 145px/22px 18px no-repeat;
	border-radius: 20px;
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
}

.anchorLink ul li:last-child {
	margin: 0;
}

.anchorLink ul li:hover {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
}

.anchorLink ul li a {
	position: absolute;
	padding: 28px 0 0 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: 700;
	color: #FEEF35;
	text-decoration: none;
}

.anchorLink ul li a.line2 {
	padding: 46px 0 0 0;
}

@media screen and (max-width: 640px) {
	.anchorLink {
		margin: 0 auto 30px;
		width: 324px;
	}

	.anchorLink ul li {
		position: relative;
		margin: 0 12px 12px 0;
		width: 100px;
		height: 100px;
		font-size: 14px;
		background: #263792 url("/info/keibi/images/arrow_down_y.png") center 80px/12px 10px no-repeat;
		border-radius: 12px;
	}

	.anchorLink ul li:nth-child(3) {
		margin: 0 0 12px 0;
	}

	.anchorLink ul li:nth-child(4) {
		margin: 0 12px 0 56px;
	}

	.anchorLink ul li a {
		padding: 18px 0 0 0;
	}

	.anchorLink ul li a.line2 {
		padding: 26px 0 0 0;
	}
}

/* INTRO --------------------------------------------------*/
.intro h2 {
	margin: 0 0 40px 0;
	color: #263792;
	font-weight: 700;
	font-size: 47px;
	text-align: center;
}

.introSub {
	display: block;
	margin: 0 auto 40px auto;
	padding: 35px 20px;
	color: #263792;
	font-size: 23px;
	font-weight: bold;
	background-color: #FEEF35;
	border-radius: 20px;
	width: 300px;
}

@media screen and (max-width: 640px) {
	.intro h2 {
		margin: 0 0 30px 0;
		font-size: 26px;
	}

	.introSub {
		margin: 0 0 30px 0;
		padding: 30px 15px;
		font-size: 18px;
		border-radius: 15px;
	}
}

/* CONTENT COMMON --------------------------------------------------*/
.infoW h2 {
	padding: 20px 30px 0;
	height: 80px;
	display: inline-block;
	color: #FEEF35;
	font-size: 38px;
	font-weight: bold;
	background: #263792;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.keibi {
	width: 100%;
	border: 10px solid #263792;
}

.num {
	font-family: 'Bebas Neue', cursive;
	font-weight: normal;
}

.ann {
	text-align: right;
	font-size: 84%;
	line-height: 1.3em;
}

.kB {
	color: #263792;
}

.kG {
	color: #898989;
}

/* keibi ----------------------*/
.overlap {
	position: relative;
}

span.operation {

	position: absolute;
	color: #263792;
	font-weight: bold;
	font-size: 24px;
	top: 10%;
	left: 3%;
	-ms-transform: translate(-1%, -0%);
	-webkit-transform: translate(-1%, -0%);
	transform: translate(-1%, 0%);
	margin: 0;
	padding: 0;

}

@media screen and (max-width: 640px) {
	.infoW h2 {
		padding: 10px 10px 0;
		height: 40px;
		font-size: 19px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.keibi {
		border: 5px solid #263792;
	}

	span.operation {
		font-size: 13px;
		left: 3.5%;
	}
}

/* #1 SCALE --------------------------------------------------*/
#scale {
	padding: 80px 0 0 0;
}

.scaleInner {
	overflow: hidden;
	padding: 10px;
	border-bottom: 10px solid #263792;
}

.scaleInner:last-child {
	border-bottom: none;
}

.scale1_1 {
	float: left;
	width: 540px;
}

.scale1_1 div {
	margin: 0 0 15px 0;
}

.scale1_1 div img {
	width: 100%;
}

.scale1_1 h3 {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 43px;
	font-weight: 700;
	line-height: 1;
}

.scale1_1 p.data {
	text-align: center;
	font-size: 44px;
	font-weight: 700;
}

.scale1_1 p.data span {
	font-size: 128px;
	background: url("/info/keibi/images/highlight.png") left 83px/auto 40px repeat-x;
	line-height: 1;
}

.scale1_2 {
	float: right;
	width: 370px;
	background-color: #E5E7F2;
}

.scale1_2 h3 {
	padding: 14px 0;
	text-align: center;
	color: #FEEF35;
	font-size: 169%;
	font-weight: bold;
	background-color: #263792;
}

.scale1_2>div {
	padding: 10px
}

.scale1_2 div.pct img {
	width: 100%;
}

.scale1_2Inner {
	overflow: hidden;
	margin: 10px 0 0 0;
}

.scale1_2Left {
	padding: 0 49px 0 0;
	float: left;
	width: 219px;
	background: url("/info/keibi/images/arrow_right_b.png") right center/38px 64px no-repeat;
}

.scale1_2Left h4 {
	margin: 0 0 5px 0;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #FEEF35;
	font-size: 20px;
	font-weight: bold;
	background-color: #263792;
}

.scale1_2Left p.num {
	text-align: center;
	font-size: 87px;
	background: url("/info/keibi/images/highlight.png") left 70px/auto 27px repeat-x;
	line-height: 1;
}

.scale1_2Right {
	padding: 0;
	float: right;
	width: 120px;
}

.scale1_2Right h4 {
	margin: 0 0 5px 0;
	line-height: 42px;
	height: 42px;
	text-align: center;
	color: #E5E7F2;
	font-weight: bold;
	background-color: #898989;
	font-size: 13px;
}

.scale1_2Right p.num {
	padding: 14px 0;
	text-align: center;
	font-size: 59px;
	line-height: 1;
}

.scale1_2 p.ann {
	margin: 5px 0 0 0;
}

.scale1_2 p.left,
.scale1_2 p.right {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.scale2_1 {
	float: left;
	padding: 0 63px 0 0;
	width: 545px;
	background: url("/info/keibi/images/arrow_right_b.png") right center/38px 64px no-repeat;
}

.scale2_1 div {
	margin: 0 0 15px 0;
}

.scale2_1 div img {
	width: 100%;
}

.scale2_1 h3 {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 43px;
	line-height: 1;
	font-weight: 700;
}

.scale2_1 p.data {
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
}

.scale2_1 p.data span {
	font-size: 288%;
	background: url("/info/keibi/images/highlight.png") left 83px/auto 40px repeat-x;
}

.scale2_2 {
	float: right;
	width: 390px;
}

.scale2_2 div {
	margin: 0 0 18px 0;
}

.scale2_2 div img {
	width: 100%;
}

.scale2_2 h3 {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 34px;
	line-height: 1;
	font-weight: 700;
}

.scale2_2 p.data {
	margin: 28px 0 6px 0;
	text-align: center;
	font-size: 44px;
	line-height: 1;
	font-weight: 700;
}

.scale2_2 p.data span {
	font-size: 248%;
}

.scale3 {
	padding: 0;
	width: 100%;
}

.scale3 h3 {
	margin: 10px 0;
	text-align: center;
	font-size: 43px;
	font-weight: 700;
	line-height: 1;
}

.scale3 div img {
	width: 100%;
}

@media screen and (max-width: 640px) {
	#scale {
		padding: 40px 0 0 0;
	}

	.scaleInner {
		border-bottom: 5px solid #263792;
	}

	.scale1_1 {
		float: none;
		width: 100%;
	}

	.scale1_1 div {
		margin: 0 0 10px 0;
	}

	.scale1_1 h3 {
		margin: 0 0 10px 0;
		font-size: 34px;
	}

	.scale1_1 p.data {
		font-size: 27px;
	}

	.scale1_1 p.data span {
		font-size: 78px;
		background: url("/info/keibi/images/highlight.png") left 50px/auto 24px repeat-x;
	}

	.scale1_2 {
		float: none;
		margin: 20px 0 0 0;
		width: 100%;
	}

	.scale1_2 h3 {
		padding: 10px 0;
		font-size: 18px;
	}

	.scale1_2Left {
		padding: 0 36px 0 0;
		width: 59%;
		background: url("/info/keibi/images/arrow_right_b.png") right center/30px 50px no-repeat;
	}

	.scale1_2Left h4 {
		height: 38px;
		font-size: 14px;
	}

	.scale1_2Left p.num {
		text-align: center;
		font-size: 70px;
		background: url("/info/keibi/images/highlight.png") left 38px/auto 24px repeat-x;
	}

	.scale1_2Right {
		width: 38%;
	}

	.scale1_2Right h4 {
		padding: 0;
		height: 38px;
	}

	.scale1_2Right p.num {
		padding: 10px 0;
		font-size: 50px;
	}

	.scale1_2 p.left,
	.scale1_2 p.right {
		font-size: 20px;
	}

	.scale2_1 {
		float: none;
		padding: 0;
		width: 100%;
		background: none;
	}

	.scale2_1 h3 {
		margin: 0 0 10px 0;
		font-size: 24px;
	}

	.scale2_1 p.data {
		font-size: 28px;
	}

	.scale2_1 p.data span {
		font-size: 78px;
		background: url("/info/keibi/images/highlight.png") left 50px/auto 24px repeat-x;
	}

	.scale2_2 {
		float: none;
		width: 100%;
	}

	.scale2_2 div {
		margin: 15px 0;
	}

	.scale2_2 h3 {
		font-size: 24px;
	}

	.scale2_2 p.data {
		margin: 18px 0 6px 0;
		font-size: 28px;
	}

	.scale2_2 p.data span {
		font-size: 72px;
	}

	.scale3 h3 {
		margin: 0 0 10px 0;
		font-size: 24px;
		line-height: 1.3em;
	}
}

/* #2 GUARDS --------------------------------------------------*/
#guards {
	padding: 80px 0 0 0;
}

ul.guardsInner {
	overflow: hidden;
}

ul.guardsInner li {
	padding: 10px;
	float: left;
}

ul.guardsInner li:nth-child(1) {
	width: 495px;
	height: 400px;
	border-right: 10px solid #263792;
	border-bottom: 10px solid #263792;
}

ul.guardsInner li:nth-child(2) {
	width: 485px;
	height: 400px;
	border-bottom: 10px solid #263792;
}

ul.guardsInner li:nth-child(3) {
	width: 495px;
	height: 410px;
	border-right: 10px solid #263792;
}

ul.guardsInner li:nth-child(4) {
	width: 485px;
	height: 410px;
}

ul.guardsInner li div {
	margin: 0 0 20px 0;
	width: 100%;
}

ul.guardsInner li div img {
	width: 100%;
}

ul.guardsInner li p {
	margin: 0;
	width: 100%;
	color: #263792;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.42em;
}

ul.guardsInner li p span {
	color: #263792;
	background: url("/info/keibi/images/highlight.png") left 18px/auto 15px repeat-x;
	font-weight: 700;
}

@media screen and (max-width: 640px) {
	#guards {
		padding: 40px 0 0 0;
	}

	ul.guardsInner li {
		float: none;
	}

	ul.guardsInner li:nth-child(1) {
		width: 100%;
		height: auto;
		border-right: none;
		border-bottom: 5px solid #263792;
	}

	ul.guardsInner li:nth-child(2) {
		width: 100%;
		height: auto;
		border-bottom: 5px solid #263792;
	}

	ul.guardsInner li:nth-child(3) {
		width: 100%;
		height: auto;
		border-right: none;
		border-bottom: 5px solid #263792;
	}

	ul.guardsInner li:nth-child(4) {
		width: 100%;
		height: auto;
	}

	ul.guardsInner li div {
		margin: 0 0 10px 0;
	}

	ul.guardsInner li p {
		font-size: 17px;
	}

	ul.guardsInner li p span {
		background: url("/info/keibi/images/highlight.png") left 10px/auto 10px repeat-x;
	}
}

/* #3 TYPE --------------------------------------------------*/
#type {
	padding: 80px 0 0 0;
}

.typeInner {
	overflow: hidden;
	padding: 10px;
	border-bottom: 10px solid #263792;
}

.typeInner:last-child {
	border-bottom: none;
}

.typeLeft {
	float: left;
	width: 600px;
}

.typeLeft div {
	margin: 0 0 10px 0;
}

.typeLeft div img {
	width: 100%;
}

.typeLeft p {
	margin: 0;
	width: 100%;
	color: #263792;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.42em;
}

.keibiType {
	overflow: hidden;
}

.keibiType ul {
	float: left;
	width: 50%;
}

.keibiType ul li {
	width: 100%;
	color: #263792;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.42em;
}

.typeRight {
	float: right;
	padding: 0;
	width: 340px;
	background-color: #E5E7F2;
}

.typeRight h3 {
	padding: 14px 0;
	text-align: center;
	color: #FEEF35;
	font-size: 22px;
	font-weight: 700;
	background-color: #263792;
}

.typeRightInner {
	overflow: hidden;
	margin: 0;
	padding: 10px;
}

.typeRightInnerLeft {
	float: left;
	width: 155px;
}

.typeRightInnerRight {
	float: right;
	width: 155px;
}

.typeRightInnerLeft div,
.typeRightInnerRight div {
	margin: 0 0 10px 0;
	width: 100%;
}

.typeRightInnerLeft div img,
.typeRightInnerRight div img {
	width: 100%;
}

.typeRightInner h4 {
	margin: 0 0 10px 0;
	height: 43px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.14em;
}

.typeRightInner h4.singleB {
	padding: 14px 0 0 0;
	color: #FEEF35;
	background-color: #263792;
}

.typeRightInner h4.doubleB {
	padding: 7px 0 0 0;
	color: #FEEF35;
	background-color: #263792;
}

.typeRightInner h4.singleG {
	padding: 14px 0 0 0;
	color: #E5E7F2;
	background-color: #898989;
}

.typeData {
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

.typeData span {
	font-size: 49px;
}

.typeData span.hl {
	background: url("/info/keibi/images/highlight.png") left 32px/auto 15px repeat-x;
}

.typeData sup {
	font-size: 50%;
	vertical-align: super;
}

.result dl {
	margin: 0 0 5px 0;
	overflow: hidden;
}

.result dl:last-child {
	margin: 0;
}

.result dl dt {
	float: left;
	margin: 0 5px 0 0;
	padding: 7px 0;
	text-align: center;
	width: 75px;
	height: 30px;
	color: #263792;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	background-color: #FEEF35;
	border-radius: 10px;
}

.result dl dd {
	float: left;
	padding: 7px 0 0 0;
	height: 30px;
	color: #263792;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

.result dl.double dt {
	margin: 0 5px 0 0;
	padding: 11px 0;
	height: 37px;
}

.result dl.double dd {
	padding: 0;
	height: 37px;
	line-height: 1.3em;
}

.result div {
	margin: 0 auto 5px;
	width: 218px;
}

.result div img {
	width: 100%;
}

.sup {
	margin: 0 0 5px 0;
	padding: 5px;
	text-align: center;
	width: 100%;
	height: 25px;
	color: #263792;
	font-weight: bold;
	background-color: #FEEF35;
	border-radius: 10px;
	font-size: 13px;
}

.result h4 {
	margin: 5px 0;
	padding: 4px 0 0 0;
	text-align: center;
	height: 22px;
	color: #FEEF35;
	background-color: #263792;
}

@media screen and (max-width: 640px) {
	#type {
		padding: 40px 0 0 0;
	}

	.typeInner {
		border-bottom: 5px solid #263792;
	}

	.typeInner:last-child {
		border-bottom: none;
	}

	.typeLeft {
		float: none;
		width: 100%;
	}

	.typeLeft p {
		margin: 0 0 10px 0;
		font-size: 15px;
	}

	.keibiType ul li {
		font-size: 15px;
	}

	.typeRight {
		float: none;
		width: 100%;
	}

	.typeRight h3 {
		padding: 10px 0;
		font-size: 18px;

	}

	.typeRightInnerLeft {
		float: left;
		width: calc(50% - 5px);
	}

	.typeRightInnerRight {
		float: right;
		width: calc(50% - 5px);
	}

	.typeRightInnerLeft div,
	.typeRightInnerRight div {
		margin: 0 0 5px 0;
		width: 147px;
	}

	.typeRightInner h4 {
		margin: 0 0 5px 0;
		height: 38px;
		font-size: 12px;
	}

	.typeRightInner h4.singleB {
		padding: 12px 0 0 0;
	}

	.typeRightInner h4.doubleB {
		padding: 6px 0 0 0;
	}

	.typeRightInner h4.singleG {
		padding: 12px 0 0 0;
	}

	.typeData {
		font-size: 20px;
	}

	.typeData span {
		font-size: 44px;
	}

	.typeData span.hl {
		background: url("/info/keibi/images/highlight.png") left 29px/auto 13px repeat-x;
	}

	.result dl dt {
		padding: 7px;
		height: 27px;
		font-size: 14px;
	}

	.result dl dd {
		height: 27px;
		font-size: 14px;
	}

	.result dl.double dt {
		padding: 11px 0;
		height: 37px;
	}

	.result dl.double dd {
		height: 37px;
		line-height: 1.3em;
	}

	.result div {
		width: 60%;
	}

	.sup {
		padding: 6px;
		height: 24px;
	}

	.result h4 {
		padding: 3px 0 0 0;
		height: 20px;
	}
}


/* #4 FIELD --------------------------------------------------*/
#field {
	padding: 80px 0 0 0;
}

#field div.keibi {
	background: linear-gradient(90deg, #FFF 0%, #FFF 63.25%, #E5E7F2 63.25%, #E5E7F2 100%);
}

.fieldInner {
	overflow: hidden;
}

.fieldIndustry {
	float: left;
	overflow: hidden;
	padding: 10px;
	width: 620px;
}

.fieldAlsok {
	float: right;
	padding: 10px;
	width: 360px;
}

.headIndustry,
.headAlsok {
	padding: 24px 0 0 0;
	width: 100%;
	height: 110px;
	text-align: center;
	color: #263792;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	background: url("/info/keibi/images/arrow_down_b.png") center 65px/32px auto no-repeat;
}

.headIndustry {
	background-color: #FEF586;
}

.headAlsok {
	background-color: #FFF;
}

.fieldAge {
	margin: 20px auto 10px;
	width: 300px;
	height: 30px;
	text-align: center;
	color: #FEEF35;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #263792;
	border-radius: 15px;
}

.fieldIndustryIntro,
.fieldIndustryIntro2 {
	width: 300px;
	text-align: center;
	color: #263792;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4em;
	background-color: #FEEF35;
	border-radius: 30px;
}

.fieldIndustryIntro {
	margin: 0 auto 20px;
	padding: 30px 0;
}

.fieldIndustryIntro2 {
	margin: 10px 0 10px 160px;
	padding: 15px 35px;
}

.fieldIndustryIntro2 p {
	margin: 10px 0 0 0;
}

.fieldIndustryIntro2 p img {
	width: 100%;
}

.fieldIndustryBox {
	border: 5px solid #263792;
}

.boxMb {
	margin: 0 0 15px 0;
}

.fieldIndustryBox h4 {
	padding: 10px 0;
	text-align: center;
	color: #263792;
	font-size: 20px;
	font-weight: 700;
	background-color: #FEEF35;
}

.fieldIndustryBoxInner {
	overflow: hidden;
	padding: 10px;
}

.fieldIndustry1_1 {
	float: left;
	width: 285px;
	padding: 0 20px 0 0;
	border-right: 5px solid #263792;
}

.fieldIndustry1_2 {
	float: right;
	width: 265px;
}

.fieldIndustry1_1 p,
.fieldIndustry1_2 p,
.fieldIndustryInner p {
	margin: 0 0 5px 0;
	height: 38px;
	color: #263792;
	font-size: 15px;
	line-height: 1.3em;
}

.fieldIndustry1_1 img,
.fieldIndustry1_2 img {
	width: 100%;
}

.fieldIndustryArea {
	overflow: hidden;
}

.fieldIndustryArea:last-child {
	margin: 15px 0 0 0;
}

.fieldIndustryArea div.fieldIndustryBox {
	width: 290px;
}

.boxL {
	float: left;
}

.boxR {
	float: right;
}

.fieldIndustryInner {
	padding: 10px;
}

.fieldIndustryInner div {
	width: 260px;
}

.fieldIndustryInner div img {
	width: 100%;
}

.fieldAlsokIntro {
	margin: 0 auto 20px;
	padding: 15px 20px;
	width: 300px;
	text-align: center;
	color: #263792;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	background-color: #FEEF35;
	border-radius: 30px;
}

.fieldAlsokIntro p {
	margin: 5px 0;
	padding: 8px 0;
	width: 100%;
	color: #263792;
	background-color: #FFF;
	border-radius: 10px;
}

.fieldAlsok h4 {
	padding: 9px 0;
	text-align: center;
	color: #FEEF35;
	font-size: 20px;
	font-weight: bold;
	background-color: #263792;
}

.fieldAlsok>h4 {
	margin: 0 0 20px 0;
	padding: 14px 0;
}

.fieldAlsokBox {
	margin: 0 0 20px 0;
	background: #FFF;
}

.fieldAlsokBoxInner {
	padding: 10px;
	background-color: #FFF;
}

.fieldAlsokBoxInner div.pct {
	margin: 20px 0;
	width: 100%;
}

.fieldAlsokBoxInner div.pct img {
	width: 100%;
}

.fieldAlsokBoxInner div.pct p {
	margin: 10px 0 0 0;
	padding: 6px 0 4px;
	text-align: center;
	color: #263792;
	font-weight: bold;
	border-radius: 10px;
	background-color: #FEEF35;
}

.fieldAlsokDataArea {
	overflow: hidden;
}

.fieldAlsokDataHead {
	float: left;
	padding: 7px 0 6px;
	width: 80px;
	text-align: center;
	color: #FEEF35;
	font-weight: 700;
	line-height: 1.25em;
	background-color: #263792;
	font-size: 13px;
}

.fieldAlsokData {
	float: right;
	width: 230px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}

.fieldAlsokData span {
	font-size: 333%;
	background: url("/info/keibi/images/highlight.png") left 37px/auto 19px repeat-x;
}

.noHead {
	float: none;
	width: 100%;
}

.fieldAlsokDataAreaW {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	overflow: hidden;
	border-top: 4px solid #263792;
}

.fieldAlsokDataAreaW p.fieldAlsokDataHead {
	padding: 4px 0 3px;
	color: #E5E7F2;
	background-color: #898989;
}

.fieldAlsokDataAreaW p.fieldAlsokData span {
	font-size: 300%;
	background: none;
}

.fieldAlsokArea {
	overflow: hidden;
}

.fieldAlsokArea>div.fieldAlsokBox {
	margin: 0;
	float: left;
	width: 165px;
}

.fieldAlsokArea>div.fieldAlsokBox:first-child {
	margin: 0 10px 0 0;
}

.fieldAlsokArea>div.fieldAlsokBox p {
	color: #263792;
	font-size: 15px;
	line-height: 1.3em;
}

.fieldAlsokArea>div.fieldAlsokBox div.pct {
	margin: 10px 0 0 0;
}

@media screen and (max-width: 640px) {
	#field {
		padding: 40px 0 0 0;
	}

	#field div.keibi {
		background: none;
	}

	.fieldIndustry {
		float: none;
		width: 100%;
	}

	.fieldAlsok {
		float: none;
		padding: 10px;
		width: 100%;
		background-color: #E5E7F2;
	}

	.headIndustry,
	.headAlsok {
		margin: 0 auto 10px auto !important;
		padding: 9px 0 0 0;
		height: 45px;
		font-size: 14px;
		background: url("/info/keibi/images/arrow_down_b.png") center 30px/14px auto no-repeat;
	}

	.headIndustry {
		background-color: #FEF586;
	}

	.headAlsok {
		background-color: #FFF;
	}

	.fieldInner>.headIndustry {
		width: calc(100% - 20px);
	}

	.fieldAge {
		margin: 20px auto 10px;
		padding: 0;
		width: 200px;
		height: 24px;
		text-align: center;
		font-size: 12px;
		border-radius: 12px;
		line-height: 24px;
	}

	.fieldIndustryIntro,
	.fieldIndustryIntro2 {
		width: 100%;
		font-size: 14px;
		border-radius: 15px;
	}

	.fieldIndustryIntro {
		margin: 0 auto 10px;
		padding: 10px;
	}

	.fieldIndustryIntro2 {
		margin: 0 auto;
		padding: 10px;
		width: calc(100% - 20px);
	}

	.fieldIndustryIntro2 p {
		margin: 10px auto 0;
		width: 65%;
	}

	.boxMb {
		margin: 0 0 10px 0;
	}

	.fieldIndustryBox {
		/* 未修正 */
		margin: 0 0 10px 0;
	}

	.fieldIndustryBox h4 {
		padding: 8px 0;
		font-size: 17px;
	}

	.fieldIndustry1_1 {
		float: none;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		width: 100%;
		border-right: none;
		border-bottom: 5px solid #263792;
	}

	.fieldIndustry1_2 {
		float: none;
		width: 100%;
	}

	.fieldIndustry1_1 p,
	.fieldIndustry1_2 p,
	.fieldIndustryInner p {
		height: auto;
		font-size: 16px;
	}

	.fieldIndustryArea:last-child {
		margin: 0;
	}

	.fieldIndustryArea div.fieldIndustryBox {
		width: 100%;
	}

	.boxL {
		float: none;
	}

	.boxR {
		float: none;
	}

	.fieldIndustryInner div {
		width: 100%;
	}

	.fieldAlsokIntro {
		margin: 0 auto 10px;
		padding: 10px;
		width: 100%;
		font-size: 14px;
		border-radius: 15px;
	}

	.fieldAlsokIntro p {
		padding: 5px 0;
	}

	.fieldAlsok h4 {
		padding: 8px 0;
		font-size: 17px;
	}

	.fieldAlsok>h4 {
		margin: 0 0 10px 0;
		padding: 10px 0;
	}

	.fieldAlsokBox {
		margin: 0 0 10px 0;
	}

	.fieldAlsokBoxInner div.pct {
		margin: 10px 0;
	}

	.fieldAlsokBoxInner div.pct p {
		padding: 5px 0 4px;
	}

	.fieldAlsokDataArea {
		overflow: hidden;
	}

	.fieldAlsokDataHead {
		padding: 5px 0 4px;
		width: 74px;
	}

	.fieldAlsokData {
		font-size: 17px;
		width: 200px;
	}

	.noHead {
		width: 100%;
	}

	.fieldAlsokData span {
		font-size: 52px;
		background: url("/info/keibi/images/highlight.png") left 35px/auto 18px repeat-x;
	}

	.fieldAlsokDataAreaW p.fieldAlsokDataHead {
		padding: 4px 0 3px;
	}

	.fieldAlsokDataAreaW p.fieldAlsokData span {
		font-size: 55px;
	}

	.fieldAlsokArea>div.fieldAlsokBox {
		margin: 0;
		float: left;
		width: calc(50% - 5px);
	}

	.fieldAlsokArea>div.fieldAlsokBox p {
		font-size: 16px;
	}
}

/* #5 IF --------------------------------------------------*/
#if {
	padding: 80px 0 0 0;
}

#if div.keibi {
	position: relative;
	height: 838px;
	background: url("/info/keibi/images/p_if_base.png") center center/980px 818px no-repeat;
}

.ifHead {
	overflow: hidden;
	width: 100%
}

.ifHead h2 {
	float: left;
}

.ifHead p {
	float: right;
	margin: 17px 0 0 0;
	padding: 0 0 0 55px;
	height: 50px;
	color: #263792;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3em;
	background: url("/info/keibi/images/icon_check.png") left center/50px 50px no-repeat;
}

.if_btn {
	position: absolute;
	width: 149px;
}

.if_btn a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height
	/**/
	: 143px;
	padding-top: 143px;
	background: url("/info/keibi/images/btn_check.png") left top/149px 286px no-repeat;
	background-position: 0 0;
}

.if_btn a:hover {
	background-position: 0 -143px;
}

#if01 {
	left: 12px;
	top: 182px;
}

#if02 {
	left: 163px;
	top: 62px;
}

#if03 {
	left: 314px;
	top: 130px;
}

#if04 {
	left: 692px;
	top: 628px;
}

#if05 {
	left: 808px;
	top: 95px;
}

#if06 {
	left: 162px;
	top: 610px;
}

#if07 {
	left: 805px;
	top: 379px;
}

#if08 {
	left: 576px;
	top: 428px;
}

#if09 {
	left: 312px;
	top: 334px;
}

#if10 {
	left: 578px;
	top: 210px;
}

#if11 {
	left: 392px;
	top: 554px;
}

#if12 {
	left: 96px;
	top: 356px;
}

@media screen and (max-width: 640px) {
	#ifSp {
		padding: 40px 0 0 0;
	}

	#ifSp div.keibi {
		position: relative;
		height: auto;
		background: none;
	}

	.ifMap {
		width: 100%;
		border-bottom: 5px solid #263792;
	}

	.ifMap img {
		width: 100%;
	}

	.ifHeadSp {
		margin: 0;
		padding: 5px;
		color: #263792;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.3em;
		background: #E5E7F2;
	}

	ul.ifLink {
		overflow: hidden;
		width: 100%;
	}

	ul.ifLink li {
		float: left;
		width: calc(100% / 3);
	}

	ul.ifLink li img {
		width: 100%;
	}
}

/* LINKS */
.keibiLink {
	margin: 40px 0 0 0;
	padding: 0 0 50px 0;
	background: #F5F5F5;
}

.keibiLink h2 {
	margin: 0 0 40px 0;
	padding: 15px 0;
	text-align: center;
	color: #FFF;
	font-size: 23px;
	line-height: 1.3em;
	background-color: #263792;
}

.keibiLinkInner {
	overflow: hidden;
	margin: 0 auto;
	width: 920px;
	text-align: left;
}

ul.guardLink,
ul.alsokLink {
	width: 460px;
}

ul.guardLink {
	float: left;
}

ul.alsokLink {
	float: right;
}

ul.guardLink li,
ul.alsokLink li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	font-size: 18px;
	line-height: 1.3em;
	background: url("/info/keibi/images/arrow_link_b.png") left center/5px 6px no-repeat;
}

ul.guardLink li a,
ul.alsokLink li a {
	color: #666;
}

ul.guardLink li a:hover,
ul.alsokLink li a:hover {
	text-decoration: underline;
}

.lpdf {
	padding-right: 20px;
	background: url("/info/keibi/images/link_pdf.png") right center/13px 13px no-repeat;
}

.nW {
	padding-right: 15px;
	background: url("/info/keibi/images/link_nw.png") right center/9px 9px no-repeat;
}

@media screen and (max-width: 640px) {
	.keibiLink {
		margin: 20px 0 0 0;
		padding: 0 0 20px 0;
	}

	.keibiLink h2 {
		margin: 0 0 20px 0;
		padding: 15px 20px;
		text-align: left;
		font-size: 15px;
	}

	.keibiLinkInner {
		margin: 0 auto;
		width: calc(100% - 20px);
	}

	ul.guardLink,
	ul.alsokLink {
		width: 100%;
	}

	ul.guardLink {
		margin: 0 0 15px 0;
		float: none;
	}

	ul.alsokLink {
		float: none;
	}

	ul.guardLink li,
	ul.alsokLink li {
		margin: 0 0 5px 0;
		padding: 0 0 0 15px;
		font-size: 15px;
		background: url("/info/keibi/images/arrow_link_b.png") left center/5px 6px no-repeat;
	}

	ul.guardLink li a,
	ul.alsokLink li a {
		color: #666;
	}

	ul.guardLink li a:hover,
	ul.alsokLink li a:hover {
		text-decoration: underline;
	}

	.lpdf {
		padding-right: 20px;
		background: url("/info/keibi/images/link_pdf.png") right center/13px 13px no-repeat;
	}

	.nW {
		padding-right: 15px;
		background: url("/info/keibi/images/link_nw.png") right center/9px 9px no-repeat;
	}
}