@charset "UTF-8";

/* 共通 */
* { -webkit-text-size-adjust: none; }
html, body {
	margin: 0;
	height: 100%;
	width: 100%;
	color: #333333;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
img { border: 0px; }
a,
input { outline: none; }
/* IE8 */
@media \0screen {
	html,body,#header { min-width: 990px; }
}

a:hover.onmouse,
a:active.onmouse {
	_width: auto;/* IEのバグ対策 */
	/* IEはa:hoverやa:activeにサイズ指定しないと画像が切換らない */
	text-decoration: none;
}

/* 画像ロールオーバー */
img.onmouseover,
img.onmouseout { border: 0; }

a:link img.onmouseover,
a:visited img.onmouseover { display: none; }

a:link img.onmouseout,
a:visited img.onmouseout { display: inline; }

/* onmouseoverはPCのみ */
@media screen and (min-width:970px){
	a:hover img.onmouseover,
	a:active img.onmouseover { display: inline; }
	a:hover img.onmouseout,
	a:active img.onmouseout { display: none; }
}
/* IE8 */
@media \0screen {
	a:hover img.onmouseover,
	a:active img.onmouseover { display: inline; }
	a:hover img.onmouseout,
	a:active img.onmouseout { display: none; }
}

/* ヘッダー
-------------------------------------------------------------------------- */
#header {
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	height: 60px;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 100;
}
#header .header-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: right;
}
#header .head-logo {
	width: 14%;
	text-align: left;
	vertical-align: middle;
}
#header .head-logo img {
	max-width: 110px;
	vertical-align: middle;
}
#header .header-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: right;
	vertical-align: middle;
	width: 100%;
}
#header .header-menu p a {
	color: #005e9e;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
	padding: 10px 1%;
	text-align: center;
	text-decoration: none;
	width: 100px;
	height: 40px;
}
#header .header-menu p a:hover {
	background-color:#eeeeee;
}
#header .header-menu p a.on {
	background-color: #0580c7;
	color:#ffffff;
}
#header .header-menu p a.on { transition: all 0.2s linear 0s; }
#header .oth-tel {
	font-size:13px;
	float: right;
	margin-top: 10px;
}
#header .header-menu .blue-button-header {
	color: #0580c7;
	border: 1px solid #0580c7;
	border-radius: 50px;
	padding: 10px 7px 10px 14px;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
	font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif !important;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	margin-right: 3px;
}
#header .header-menu .blue-button-header:hover {
	background-color: #0580c7;
	color: #ffffff;
	text-decoration: none;
}
#header .header-menu .blue-button-header:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 5px;
	height: 5px;
	border-top: 1px #0580c7 solid;
	border-right: 1px #0580c7 solid;
	transform: rotate(45deg);
	margin-left: 6px;
}
#header .header-menu .blue-button-header:hover:after {
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
}
#header .header-menu .red-button-header {
	display: inline-block;
	margin-right: 10px;
}
#header .header-menu .red-button-header input {
	color: #ffffff;
	border: 1px solid #eb4f50;
	border-radius: 50px;
	padding: 10px 17px 10px 14px;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
	font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif !important;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	background-color: #eb4f50;
	font-weight: bold;
	-webkit-appearance: none;
}
#header .header-menu .red-button-header input:hover {
	background-color: #ffffff;
	color: #eb4f50;
	text-decoration: none;
}
#header .header-menu .red-button-header:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 5px;
	height: 5px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	transform: rotate(45deg);
	margin-left: -15px;
}
#header .header-menu .red-button-header:hover:after {
	border-top: 2px #eb4f50 solid;
	border-right: 2px #eb4f50 solid;
}
#header .oth-link {
	float: right;
	padding-left: 1%;
}
/* PC/タブレット */
@media screen and (min-width: 671px),print {
	/*** ハンバーガー ***/
	#header .header-menu-switch { display: none; }
}
/* IE8 */
@media \0screen {
	#header .header-menu {
		float: left;
		width: 53%;
		display: table;
	}
	#header .head-logo { margin-top: 15px; }
	#header .header-menu {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	#header .header-menu p { display: table-row; }
	#header .header-menu p a {
		display: table-cell;
		min-width: 70px;
		height: 35px;
		text-align: center;
		padding: 10px 8px;
	}
	#header .header-menu p a.on {
		background-color: #2d70b5;
		color: #fff;
	}
	#header .header-menu p a span { display: block; }
	#header .header-tel .tel-m {
		display: none;
	}
	#header .head-logo img {
		width: 111px;
		height: auto;
	}
	/*** ハンバーガー ***/
	#header .header-menu-switch { display: none; }
}
/* タブレット */
@media screen and (min-width:671px) and (max-width:970px){
	#header .head-logo { width: 21%; }
	#header .head-logo img { width:auto; }
	#header .header-menu p a { min-width: 35px; }
	#header .header-menu div { display: none; }
	.co-btn-s > span > a { padding: 5px 8px 5px 5px; }
	.co-btn-s:hover > span > a { padding: 6px 8px 4px 5px; }
	.co-btn-red.co-btn-page > span > a:before { margin-top: 5px; }
}
/* スマホ */
@media screen and (max-width: 670px) {
	#header {
		height: 58px;
	}
	#header .header-inner {
		display: inline;
		margin: 0 auto 0;
	}
	#header .head-logo {
		margin: 16px 0 0 10px;
		display: inline-block;
	}
	#header .head-logo img {
		height: auto;
		width: 110px;
	}
	/*** ハンバーガー ***/
	#header .header-menu-switch {
		display: block;
		width: 30px;
		padding: 15px 20px;
		border-left: 1px #ffffff solid;
		float: right;
		line-height: 0;
		margin-right: -2%;
	}
	#header .header-menu-switch span {
		display: inline-block;
		height: 5px;
		background-color: #aaaaaa;
		margin: 0 0 4px;
		width: 30px;
	}
	#header .header-menu-switch.on {
		background-color: #f4f4f4;
		border-left: 1px #cccccc solid;
	}
	#header .header-menu {
		display: none;
		position: absolute;
		top: 58px;
		left: 0;
		background-color: #f4f4f4;
		width: 100%;
		z-index: 3;
	}
	#header .header-menu p a {
		display: block;
		border-bottom: 1px #cccccc solid;
		margin: 0;
		padding: 20px 0;
		width: 100%;
		height: auto;
	}
	#header .header-menu p a:first-child {
		border-top: 1px #cccccc solid;
	}
	#header .header-menu p a:hover { background-color: #eeeeee; }
	#header .header-menu p a.on,
	#header .header-menu p a.on:hover {
		background-color: #2d70b5;
		color:#ffffff;
	}
	#header .header-menu .blue-button-header {
		padding: 15px 0;
		width: 80%;
		display: block;
		margin: 15px auto 8px;
		height: auto;
		text-align: center;
		font-size: 14px;
	}
	#header .header-menu .red-button-header {
		display: block;
		margin: 0 auto 15px;
		text-align: center;
	}
	#header .header-menu .red-button-header input {
		width: 80%;
		margin-left: -20px;
		padding: 15px 0;
		font-size: 14px;
	}
	#header .header-menu .red-button-header:after { margin-left: -25px; }
}

/* コンテンツ共通
-------------------------------------------------------------------------- */
#request-wrap {
	min-height: 100%;
	position: relative;
	font-size: 16px;
	padding-bottom: 80px;
}
#request-wrap .request-contents {
	padding: 37px 0 0;
	text-align: center;
}
#request-wrap .request-contents .co-w750 { text-align: left; }
#request-wrap .big-ttl-blue {
	color: #005e9e;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 120px auto 15px;
}
#request-wrap .big-ttl-white {
	color: #ffffff;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 auto 15px;
}
#request-wrap .eng-ttl-blue {
	color: #005e9e;
	font-family: "A-OTF UD新ゴNT Pro R","A-OTF UD Shin Gothic NT Pro R","Hiragino Sans",sans-serif !important;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 5px;
	margin: 0 auto 20px;
}
#request-wrap .underline-blue {
	border: 4px solid #005e9e;
	display: block;
	margin: 0 auto;
	width: 45px;
}
#request-wrap .big-ttl-black {
	color: #333333;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 120px auto 15px;
}
#request-wrap .eng-ttl-black {
	color: #333333;
	font-family: "A-OTF UD新ゴNT Pro R","A-OTF UD Shin Gothic NT Pro R","Hiragino Sans",sans-serif !important;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 5px;
	margin: 0 auto 20px;
}
#request-wrap .underline-black {
	border: 4px solid #333333;
	display: block;
	margin: 0 auto;
	width: 45px;
}
#request-wrap .sml-ttl {
	font-size: 21px;
	font-weight: bold;
	margin: 40px auto 25px;
}
#request-wrap .txt {
	line-height: 1.8em;
	margin: 50px auto 0;
	max-width: 600px;
	text-align: left;
}
#request-wrap .mid-ttl-blue {
	color: #005e9e;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}
#request-wrap .gray-bck {
	background: #e7e7e7;
	margin: 60px 0 0;
	padding: 1px 0 60px;
}
#request-wrap .blue-bck {
	background: #f2f5fa;
	padding: 1px 0 120px;
}
#request-wrap .center-image {
	margin: 50px auto 0;
}
#request-wrap .center-image img {
	max-width: 588px;
	width: 100%;
	height: auto;
}

/* スマホ＆タブレット共通 */
@media screen and (max-width: 970px) {
	#request-wrap .hyde-pc { display: none; }
	#request-wrap .hyde-sp { display: inline-block; }
}

/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap { padding-bottom: 74px; }
	#request-wrap .request-contents {
		padding: 57px 0 0;
	}
	#request-wrap .big-ttl-white {
		font-size: 27px;
	}
	#request-wrap .big-ttl-blue {
		font-size: 28px;
	}
	#request-wrap .big-ttl-black {
		font-size: 28px;
		padding: 0 20px;
	}
}

/* タブレット */
@media screen and (min-width:671px) and (max-width:970px){
	#request-wrap .request-contents {
		padding: 38px 0 0;
	}
	#request-wrap .big-ttl-white {
		font-size: 34px;
	}
	#request-wrap .big-ttl-blue {
		font-size: 34px;
	}
	#request-wrap .big-ttl-black {
		font-size: 34px;
	}
}

/* PC */
@media screen and (min-width:970px){
	#request-wrap .hyde-pc { display: inline-block; }
	#request-wrap .hyde-sp { display: none; }
}

/* メインビジュアル
-------------------------------------------------------------------------- */
#request-wrap #main {
	background: #0580c7;
}
#request-wrap #main .main-visual {
	background: url('/lp/co-attraction/img/bck_map01.png') center center no-repeat;
	height: 1400px;
	margin-bottom: 150px;
	text-align: center;
}
#request-wrap #main .big-ttl {
	padding: 155px 0 50px;
	width: 950px;
	text-align: left;
	font-weight: 600;
	margin: auto;
	position: relative;
}
#request-wrap #main .big-ttl div:nth-child(1) {
	font-size: 30px;
	color: #ffea01;
}
#request-wrap #main .big-ttl div:nth-child(2) {
	font-size: 80px;
	color: #fff;
}
#request-wrap #main .big-ttl div:nth-child(3) {
	font-size: 23px;
	color: #fff;
	letter-spacing: 0.4em
}
#request-wrap #main .big-ttl div:nth-child(4) {
	font-size: 42px;
	background: #ffea01;
	border-radius: 70px;
	width: 140px;
	height: 140px;
	color: #0580c7;
	position: absolute;
	top: 155px;
	right: 5px;
	text-align: center;
	padding-top: 34px;
	box-sizing: border-box;
}

#request-wrap #main .big-ttl div:nth-child(4) span {
	font-size: 16px;
	display: block;
	line-height: 0;
}
#request-wrap #main .big-ttl div:nth-child(4) span:nth-child(1) {
	display: none;
}
#request-wrap #main .big-ttl div:nth-child(4) span:nth-child(2) {
	font-size: 72px;
	display: inline-block;
}
#request-wrap #main .big-ttl div:nth-child(4) span:nth-child(4) {
	line-height: 38px;
}
#request-wrap #main .button-area {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
#request-wrap #main .button-area .red-button-top { margin-bottom: 10px; }
#request-wrap #main .button-area .red-button-top input {
	color: #ffffff;
	border: 2px solid #eb4f50;
	border-radius: 50px;
	padding: 17px 5px;
	font-size: 22px;
	cursor: pointer;
	display: inline-block;
	font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif !important;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	background-color: #eb4f50;
	font-weight: bold;
	width: 95%;
	margin-left: -30px;
	-webkit-appearance: none;
}
#request-wrap #main .button-area .red-button-top input:hover {
	background-color: #ffffff;
	color: #eb4f50;
	text-decoration: none;
}
#request-wrap #main .button-area .red-button-top:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	transform: rotate(45deg);
	margin-left: -46px;
}
#request-wrap #main .button-area .red-button-top:hover:after {
	border-top: 2px #eb4f50 solid;
	border-right: 2px #eb4f50 solid;
}
#request-wrap #main .button-area span {
	font-size: 16px;
	color: #ffffff;
}
#request-wrap #main .main-visual .scroll {
	margin: 75px auto 110px;
}
#request-wrap #main .eng-ttl-white {
	color: #ffffff;
	font-family: "A-OTF UD新ゴNT Pro R","A-OTF UD Shin Gothic NT Pro R","Hiragino Sans",sans-serif !important;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 5px;
	margin: 0 auto 20px;
	font-variant-ligatures: none;
}
#request-wrap #main .underline-white {
	border: 4px solid #ffffff;
	display: block;
	margin: 0 auto;
	width: 45px;
}
#request-wrap #main .sml-ttl-white {
	color: #ffffff;
	font-size: 21px;
	font-weight: bold;
	margin: 40px auto 25px;
}
#request-wrap #main .txt-white {
	color: #ffffff;
	line-height: 1.8em;
	margin: 50px auto 0;
	text-align: center;
	max-width: 650px;
}
#request-wrap #main .main-visual .pc {
	padding: 0 20px;
	margin: 40px auto 0;
	max-width: 764px;
	text-align: center;
}
#request-wrap #main .main-visual .pc img {
	width: 100%;
	height: auto;
}

/* スマホ＆タブレット共通 */
@media screen and (max-width: 970px) {
	#request-wrap #main .main-visual .scroll img { width: 30px; }
}

/* タブレット */
@media screen and (min-width:671px) and (max-width:970px){
	#request-wrap #main .main-visual {
		height: 1060px;
		margin-bottom: 150px;
		padding: 0 20px;
	}
	#request-wrap #main .big-ttl {
		width: 96%;
		padding: 80px 0 50px;
	}
	#request-wrap #main .big-ttl div:nth-child(2) {font-size: 6.7vw;}
	#request-wrap #main .big-ttl div:nth-child(1) {font-size: 3.2vw;}
	#request-wrap #main .big-ttl div:nth-child(3) {
		font-size: 1.9vw;
		letter-spacing: 0.2em;
	}
	#request-wrap #main .big-ttl div:nth-child(4) {
		right: 2vw;
		top: 80px;
	}
	#request-wrap #main .main-visual .pc img {max-width: 600px;}
	#request-wrap #main .button-area .red-button-top input { width: 75%; }
	#request-wrap #main .main-visual .scroll { margin: 47px auto 60px; }
}
/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap #main .main-visual {
		height: 820px;
		margin-bottom: 50px;
		padding: 0 20px;
	}
	#request-wrap #main .big-ttl {
		width: 100%;
		text-align: center;
		padding: 60px 0 20px;
	}
	#request-wrap #main .big-ttl div:nth-child(1) {font-size: 4vw;}
	#request-wrap #main .big-ttl div:nth-child(2) {font-size: 7.8vw;}
	#request-wrap #main .big-ttl div:nth-child(3) {
		font-size: 2vw;
		letter-spacing: 0.1em;
	}
	#request-wrap #main .big-ttl div:nth-child(4) {
		font-size: 14px;
		border-radius: inherit;
		width: 100%;
		height: 35px;
		top: 0;
		right: 0;
		padding-top: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#request-wrap #main .big-ttl div:nth-child(4) span:nth-child(1) {
		display: inline-block;
		font-weight: normal;
		margin-right: 5px;
	}
	#request-wrap #main .big-ttl div:nth-child(4) span:nth-child(2) {font-size: 30px;}
	#request-wrap #main .big-ttl div:nth-child(4) span:nth-child(3),
	#request-wrap #main .big-ttl div:nth-child(4) span:nth-child(4) {display: none;}
	#request-wrap #main .red-button-top {
		width: 100%;
		border-radius: 50px;
	}
	#request-wrap #main .red-button-top input { padding: 17px 10px; }
	#request-wrap #main .button-area .red-button-top { margin-bottom: 5px; }
	#request-wrap #main .button-area .red-button-top input {
		width: 90%;
		padding: 12px 5px;
		font-size: 15px;
		margin-left: -15px;
	}
	#request-wrap #main .button-area .red-button-top:after { margin-left: -30px; }
	#request-wrap #main .button-area span { font-size: 14px; }
	#request-wrap #main .main-visual .scroll {
		margin: 30px auto 50px;
	}
	#request-wrap #main .main-visual .pc {
		margin: 20px auto 0;
		max-width: 350px;
		padding: 0;
		overflow: hidden;
	}
}

/* 流通額＆バイヤー数
-------------------------------------------------------------------------- */
#request-wrap .sales-channels .info-graphic {
	margin: 60px auto 0;
	width: 694px;
	text-align: center;
}
#request-wrap .sales-channels .info-graphic .japan {
	display: inline-block;
}
#request-wrap .sales-channels .info-graphic .world {
	display: inline-block;
}
#request-wrap .sales-channels .info-graphic .fs-13 {
	font-size: 13px;
	text-align: right;
	margin: 10px 0 0;
}

/* スマホ＆タブレット共通 */
@media screen and (max-width: 970px) {
	#request-wrap .sales-channels .info-graphic {
		width: 100%;
	}
	#request-wrap .sales-channels .info-graphic .japan img {
		max-width: 320px;
		width: 100%;
		height: auto;
	}
	#request-wrap .sales-channels .info-graphic .world img {
		max-width: 320px;
		width: 100%;
		height: auto;
	}
}

/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap .sales-channels {
		padding: 0 20px;
	}
	#request-wrap .center-image img {
		height: auto;
		max-width: 500px;
		width: 100%;
	}
	#request-wrap .sales-channels .info-graphic .japan {
		display: block;
	}
	#request-wrap .sales-channels .info-graphic .world {
		display: block;
	}
}

/* カンタンに使いこなせる！
-------------------------------------------------------------------------- */
#request-wrap .easy {
	margin: 120px 0 -170px;
	padding: 1px 0 120px;
}
#request-wrap .easy .yellow-bck {
	background: #f6f19c;
	height: 570px;
	margin: 0 0 -580px;
}
#request-wrap .easy .wrap {
	display: table;
	margin: 70px auto 60px;
	max-width: 1270px;
}
#request-wrap .easy .illust-pc {
	margin: 20px auto 0;
}
#request-wrap .easy .merit-wrap {
	float: left;
	padding: 3.5% 0 3% 3.5%;
	text-align: left;
	width: 45%;
}
#request-wrap .easy .wrap .icon-wrap {
	margin: 20px auto 0;
}
#request-wrap .easy .icon-ttl {
	color: #005e9e;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}
#request-wrap .easy .merit-wrap .icon {
	display: inline-table;
	margin: 15px 3.5%;
	text-align: center;
	width: 25.7%;
}
#request-wrap .easy .merit-wrap .icon img {
	height: auto;
	margin-bottom: 5px;
	max-width: 70px;
	position: relative;
	width: 90px;
	z-index: 10;
}
#request-wrap .easy .merit-wrap .icon div {
	display: block;
	font-size: 15px;
	line-height: 1.7em;
	text-align: left;
}
#request-wrap .easy .wrap .image {
	float: right;
	overflow: hidden;
	width: 46%;
	box-shadow:0px 0px 1em #cccccc;
}
#request-wrap .easy .wrap .image-actual {
	float: right;
	overflow: hidden;
	width: 46%;
	box-shadow:0px 0px 1em #cccccc;
}
#request-wrap .easy .wrap .image img {
	height: auto;
	max-width: 590px;
}
#request-wrap .easy .wrap .image-actual img {
	height: auto;
	max-width: 590px;
}

/* スマホ＆タブレット共通 */
@media screen and (max-width: 970px) {
	#request-wrap .easy .illust-pc {
		max-width: 710px;
		padding: 0 20px;
		text-align: center;
	}
	#request-wrap .easy .illust-pc img {
		width: 100%;
		height: auto;
	}
	#request-wrap .easy .wrap .merit-wrap {
		float: none;
		padding: 3.5% 0 3%;
		width: 100%;
	}
	#request-wrap .easy .wrap .image {
		float: none;
		margin: 20px auto 0;
		max-width: 590px;
		width: 100%;
	}
	#request-wrap .easy .wrap .image-actual {
		float: none;
		margin: 20px auto 0;
		max-width: 590px;
		width: 100%;
	}
}

/* タブレット */
@media screen and (min-width:671px) and (max-width:970px){
	#request-wrap .easy .yellow-bck {
		height: 500px;
		margin: 0 0 -510px;
	}
	#request-wrap .easy .illust-pc {
		margin: 0 auto;
	}
	#request-wrap .easy .wrap .icon-wrap {
		margin: 40px auto 0;
	}
}

/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap .easy .yellow-bck {
		height: 470px;
		margin: 0 0 -530px;
		min-height: 520px;
	}
	#request-wrap .txt {
		padding: 0 20px;
	}
	#request-wrap .easy .illust-pc {
		margin: 20px auto 0;
	}
	#request-wrap .easy .wrap {
		display: block;
		width: 90%;
	}
	#request-wrap .easy .icon-ttl {
		font-size: 22px;
	}
	#request-wrap .easy .wrap .icon-wrap {
		margin: 40px auto 0;
	}
	#request-wrap .easy .merit-wrap .icon {
		margin: 15px 4%;
		width: 40%;
	}
	#request-wrap .easy .wrap .image-actual img {
		height: auto;
		width: 100%;
	}
}

/* 活用事例
-------------------------------------------------------------------------- */
#request-wrap .voice .wrap {
	margin: 60px auto 70px;
	max-width: 950px;
	display: table;
}
#request-wrap .voice .wrap .left {
	display: table-cell;
	padding: 0 30px 0 0;
}
#request-wrap .voice .wrap .right {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#request-wrap .voice .wrap .right .face-wrap {
	display: table;
}
#request-wrap .voice .wrap .right .face-wrap .face {
	display: table-cell;
	vertical-align: middle;
}
#request-wrap .voice .wrap .right .face-wrap .face img {
	width: 100px;
	height: auto;
}
#request-wrap .voice .wrap .right .face-wrap .number-wrap {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 15px;
}
#request-wrap .voice .wrap .right .face-wrap .number {
	color: #005e9e;
	font-family: "A-OTF UD新ゴNT Pro R","A-OTF UD Shin Gothic NT Pro R","Hiragino Sans",sans-serif !important;
	font-size: 30px;
	font-weight: bold;
}
#request-wrap .voice .wrap .right .face-wrap .info {
	display: block;
	font-weight: bold;
	margin: 5px 0;
}
#request-wrap .voice .wrap .right .ttl {
	font-size: 22px;
	font-weight: bold;
	margin: 20px 0;
}
#request-wrap .voice .wrap .right .voice-txt {
	line-height: 1.8em;
}

/* スマホ＆タブレット共通 */
@media screen and (max-width: 970px) {
	#request-wrap .voice .wrap .left {
		display: block;
		padding: 0;
	}
	#request-wrap .voice .wrap .right {
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 80%;
	}
	#request-wrap .voice .wrap .right .face-wrap {
		display: inline-block;
		margin: 40px auto 0;
		text-align: left;
	}
	#request-wrap .voice .wrap .right .voice-txt {
		text-align: left;
	}
}

/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap .voice .wrap .left img {
		max-width: 465px;
		width: 100%;
		height: auto;
	}
	#request-wrap .voice .wrap .right .ttl {
		font-size: 18px;
	}
	#request-wrap .voice .wrap .right .face-wrap .info {
		font-size: 13px;
	}
}
/* 料金体系
-------------------------------------------------------------------------- */
#request-wrap .costs .wrap div.copy {
	background: #005e9e;
	padding: 15px;
	font-size: 28px;
	width: 950px;
	margin: 60px auto 5px;
	color: #fff;
	box-sizing: border-box;
}
#request-wrap .costs .wrap div.box {
	max-width: 950px;
	width: 100%;
	display: flex;
	margin: auto;
}
#request-wrap .costs .wrap div.box .clum-3 {
	width: 33%;
	margin-right: 5px;
}
#request-wrap .costs .wrap div.box .clum-3:last-child {
	margin-right: 0;
}
#request-wrap .costs .wrap div.box .clum-3 ul {
	padding: 5px 12px;
	font-size: 12px;
	text-align: left;
}
#request-wrap .costs .wrap div.box .clum-3 li {
	text-indent: -12px;
}
#request-wrap .costs .wrap div.box .clum-3 li:before {
	display: inline;
	content: "※";
}
#request-wrap .costs .wrap div.box .item {
	border: solid 3px #005e9e;
	background: #fff;
	box-sizing: border-box;
	height: 225px;
}
#request-wrap .costs .wrap div.box .item > p {
	background: #e6eaf1;
	padding: 15px;
	border-bottom: solid 1px #005e9e;
	margin-bottom: 45px;
}
#request-wrap .costs .wrap div.box > div:last-child .item > p {
	margin-bottom: 25px;
}
#request-wrap .costs .wrap div.box .item .margin {
  font-size: 18px;
}
#request-wrap .costs .wrap div.box .item .margin span:not(.small) {
  font-weight: 600;
  font-size: 22px;
}
#request-wrap .costs .wrap div.box .item .margin .small {
  display: block;
  font-size: 14px;
  color: #606060;
  margin-bottom: 20px;
}
span.en {
	font-size: 28px;
	font-weight: 600;
}
#request-wrap .costs .wrap div.box .item div span.zero {
	font-size: 52px;
	font-weight: 600;
}
#request-wrap .costs .wrap div.box .item div span.per {
	font-size: 28px;
	font-weight: 600;
	display: block;
}
/* TAB・SP */
@media screen and (max-width: 970px) {
	#request-wrap .costs .wrap {
		margin: 0 20px;
	}
	#request-wrap .costs .wrap div.copy {
		font-size: 20px;
		width: 100%;
	}
	#request-wrap .costs .wrap div.box .clum-3 {
		width: 100%;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#request-wrap .costs .wrap div.box {
		display: block;
	}
	#request-wrap .costs .wrap div.box .clum-3 {
		margin-top: 20px;
	}
	#request-wrap .costs .wrap div.box .item {
		margin: 0 0 5px 0;
	}
	#request-wrap .costs .wrap div.box .item div {
		height: 75px;
		margin-top: 15px;
	}
}
/* よくある質問
-------------------------------------------------------------------------- */
#request-wrap .faq-wrap {
	word-break: normal;
	max-width: 840px;
	margin: 0 auto 40px;
}
#request-wrap .faq-wrap .fixation-slide {
	padding: 20px 15px 17px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	line-height: 2em;
}
#request-wrap .faq-wrap .fixation-slide:first-child {
	border-top: 1px solid #ccc;
	margin-top: 100px;
}
#request-wrap .faq-wrap .fixation-slide:hover {background: #f2f5fa;}
#request-wrap .faq-wrap .fixation-slide .outer-wording {
	float: left;
}
#request-wrap .faq-wrap .fixation-slide .outer-wording .Q,
#request-wrap .faq-wrap .fixation-inner .fixation-inner-in .A {
	margin: -2px 7px 0 0;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	color: #215185;
	font-size: 22px;
}
#request-wrap .faq-wrap .fixation-slide .button-open,
#request-wrap .faq-wrap .fixation-slide .button-close {
	float: right;
}
#request-wrap .faq-wrap .fixation-slide .button-open img,
#request-wrap .faq-wrap .fixation-slide .button-close img {
	width: 20px;
	vertical-align: middle;
	margin-right: 5px;
}
#request-wrap .faq-wrap .fixation-slide .button-close {display: none;}
#request-wrap .faq-wrap .fixation-inner {display: none;}
#request-wrap .faq-wrap .fixation-inner .fixation-inner-in {
	padding: 20px 15px 20px 4.5em;
	line-height: 2em;
	text-indent: -0.9em;
	text-align: left;
}
#request-wrap .faq-wrap .fixation-inner .fixation-inner-in ul {
	margin: 0 0 0 1.1em;
	padding-right: 15px;
}
#request-wrap .faq-wrap .fixation-inner .fixation-inner-in ul li {
	list-style-type: disc;
	text-indent: 0;
}

/* SP */
@media screen and (max-width: 670px) {
	#request-wrap .faq-wrap .fixation-slide .outer-wording {
		width: 75%;
		padding-left: 1.9em;
		text-indent: -0.9em;
		line-height: 1.5em;
		text-align: left;
	}
	#request-wrap .faq-wrap .fixation-slide {padding: 15px 5px 10px;}
	#request-wrap .faq-wrap .fixation-inner .fixation-inner-in {padding: 15px 25px 10px 2.3em;}
}

/* 資料ダウンロード
-------------------------------------------------------------------------- */
#request-wrap .dl-area-last {
	padding: 50px 0 45px;
	background: #f2f5fa;
	margin-top: 120px;
	background-image: url(/lp/co-attraction/img/bck_book01.png);
	background-repeat: no-repeat;
	background-size: 850px;
	background-position: 52% 45%;
}
#request-wrap .dl-area-last div p {
	font-size: 22px;
	font-weight: bold;
	color: #0580c7;
	margin: 10px 0 15px;
}
#request-wrap .dl-area-last div a {
	color: #0580c7;
	border: 2px solid #0580c7;
	border-radius: 50px;
	padding: 15px 30px 15px 40px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif !important;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}
#request-wrap .dl-area-last div a:hover {
	background-color: #0580c7;
	color: #ffffff;
	text-decoration: none;
}
#request-wrap .dl-area-last div a:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 8px;
	height: 8px;
	border-top: 2px #0580c7 solid;
	border-right: 2px #0580c7 solid;
	transform: rotate(45deg);
	margin-left: 10px;
}
#request-wrap .dl-area-last div a:hover:after {
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
}
/* TAB・SP */
@media screen and (max-width: 970px) {
	#request-wrap .dl-area-last { background-size: 90%; }
}
/* SP */
@media screen and (max-width: 670px) {
	#request-wrap .dl-area-last {
		background-image: none;
		padding: 45px 20px 50px;
	}
	#request-wrap .dl-area-last div span { font-size: 13px; }
	#request-wrap .dl-area-last div p {
		font-size: 18px;
		line-height: 1.3;
		margin: 10px 0 10px;
	}
	#request-wrap .dl-area-last div img {
		margin: 0 15px 15px 0;
		width: 45%;
		max-width: 120px;
	}
	#request-wrap .dl-area-last div a {
		font-size: 15px;
		padding: 15px 20px 15px 30px;
	}
}

/* 世界と繋がろう
-------------------------------------------------------------------------- */
#request-wrap .end {
	background: #0580c7;
	padding: 1px 0 80px;
	background-image: url(/lp/co-attraction/img/bck_map02.png);
	background-repeat: repeat-x;
	background-size: 620px;
	background-position: bottom;
}
#request-wrap .end .sml-ttl {
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	margin: 70px auto 55px;
}
#request-wrap .end .end-button-area {
	background-color: #ffffff;
	width: 70%;
	margin: 0 auto;
	max-width: 750px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 20px 20px;
	position: relative;
}
#request-wrap .end .end-button-area .img-pop {
	position: absolute;
	top: -25px;
	left: -50px;
	width: 16%;
}
#request-wrap .end .end-button-area .img-pc {
	width: 220px;
	margin-right: 8%;
}
#request-wrap .end .end-button-area div p {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	margin-bottom: 7px;
}
#request-wrap .end .end-button-area div .red-button-top { margin-bottom: 7px; }
#request-wrap .end .end-button-area div .red-button-top input {
	color: #ffffff;
	border: 2px solid #eb4f50;
	border-radius: 50px;
	padding: 17px 5px;
	font-size: 22px;
	cursor: pointer;
	display: inline-block;
	font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif !important;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	background-color: #eb4f50;
	font-weight: bold;
	width: 95%;
	margin-left: -30px;
	-webkit-appearance: none;
}
#request-wrap .end .end-button-area div .red-button-top input:hover {
	background-color: #ffffff;
	color: #eb4f50;
	text-decoration: none;
}
#request-wrap .end .end-button-area div .red-button-top:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	transform: rotate(45deg);
	margin-left: -46px;
}
#request-wrap .end .end-button-area div .red-button-top:hover:after {
	border-top: 2px #eb4f50 solid;
	border-right: 2px #eb4f50 solid;
}
#request-wrap .end .end-button-area div span {
	font-size: 13px;
	color: #666666;
}

/* スマホ＆タブレット共通 */
@media screen and (max-width: 970px) {
	#request-wrap .end { background-size: 550px; }
	#request-wrap .end .illust img {
		max-width: 400px;
		width: 100%;
		height: auto;
	}
	#request-wrap .end .end-button-area { width: 85%; }
	#request-wrap .end .end-button-area .img-pop {
		top: -20px;
		left: -25px;
		width: 14%;
	}
	#request-wrap .end .end-button-area .img-pc { margin-right: 5%; }
	#request-wrap .end .end-button-area div .red-button-top input {
		width: 75%;
		font-size: 16px;
	}
}

/* SP */
@media screen and (max-width: 670px) {
	#request-wrap .end {
		padding: 1px 0 50px;
		background-repeat: no-repeat;
		background-size: 125%;
	}
	#request-wrap .end .sml-ttl {
		padding: 0 20px;
		margin: 45px auto 30px;
		font-size: 18px;
	}
	#request-wrap .end .end-button-area {
		width: 75%;
		display: block;
	}
	#request-wrap .end .end-button-area .img-pc { margin: 0 0 15px 0; }
	#request-wrap .end .end-button-area div p {
		font-size: 11px;
		font-weight: bold;
	}
	#request-wrap .end .end-button-area div .red-button-top { margin-bottom: 0; }
	#request-wrap .end .end-button-area div .red-button-top input {
		width: 90%;
		padding: 12px 5px;
		font-size: 15px;
		margin-left: -15px;
	}
	#request-wrap .end .end-button-area div .red-button-top:after { margin-left: -30px; }
	#request-wrap .end .end-button-area div span { font-size: 11px; }
}

/* ページトップへ
-------------------------------------------------------------------------- */
#request-wrap .page-top-wrap {
	position: relative;
	z-index: 10;
}
#request-wrap .page-top-wrap #page-top {
	bottom: 75px;
	cursor: pointer;
	font-size: 0;
	position: fixed;
	right: 30px;
}
#request-wrap .page-top-wrap #page-top a {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	z-index: 999;
}
#request-wrap .page-top-wrap #page-top a img { width: 50px; }

/* SP */
@media screen and (max-width: 670px) {
	#request-wrap .page-top-wrap #page-top {
		bottom: 70px;
		right: 10px;
	}
	#request-wrap .page-top-wrap #page-top a img { width: 50px; }
}

/* ページ下部固定資料請求ボタン
-------------------------------------------------------------------------- */
#request-wrap .red-button-bottom {
	background: #eb4f50;
	bottom: 0;
	cursor: pointer;
	position: fixed;
	right: 0;
	left: 0;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	width: 100%;
	z-index: 10;
	height: 50px;
	opacity: 0.85;
	display: flex;
	justify-content: center;
	align-items: center;
}
#request-wrap .red-button-bottom #red-button { width: 100%; }
#request-wrap .red-button-bottom:hover,
#request-wrap .red-button-bottom button:hover {
	color: ffffff;
	background-color: #FF7A7B;
}
#request-wrap .red-button-bottom *::before, #request-wrap .red-button-bottom *::after { transition: all 0.3s ease 0s; }
#request-wrap .red-button-bottom button {
	background: #eb4f50;
	border: none;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	height: 50px;
	width: 100%;
}
#request-wrap .red-button-bottom button span {
	font-size: 18px;
	font-weight: bold;
	padding-left: 15px;
}
#request-wrap .red-button-bottom button span:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 8px;
	height: 8px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	transform: rotate(45deg);
}
/* タブレット */
@media screen and (min-width:671px) and (max-width:970px){
	#request-wrap .red-button-bottom { font-size: 13px; }
	#request-wrap .red-button-bottom button span {
		font-size: 15px;
		padding-left: 5px;
	}
}

/* SP */
@media screen and (max-width: 670px) {
	#request-wrap .red-button-bottom button span {
		font-size: 16px;
		padding-left: 0;
	}
}

/* フォーム
-------------------------------------------------------------------------- */
/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap .fo-addressCompletion { display: none; }
	#request-wrap #address-sp-wrap {
		display: block;
		width: 120px;
	}
	#request-wrap .address-sp {
		background-image: url("/bp16_b/img/zip_button_rwd.gif") !important;
		background-repeat: no-repeat !important;
		border-width: 0 !important;
		cursor: pointer !important;
		display: block !important;
		height: 26px !important;
		vertical-align: middle !important;
		width: 46px !important;
		background-size: cover !important;
	}
}

/* 会社/概要・お問い合わせ
-------------------------------------------------------------------------- */
#request-wrap .contact {
	background-color: #023654;
	color: #ffffff;
}
#request-wrap .contact .contact-area {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	width: 95%;
	margin: 0 auto;
}
#request-wrap .contact .contact-area .company {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70%;
}
#request-wrap .contact .contact-area .company .left {
	font-size: 18px;
	font-weight: bold;
}
#request-wrap .contact .contact-area .company .right {
	border-left: 1px dotted #ffffff;
	font-size: 14px;
	margin-left: 45px;
	padding: 10px 0 10px 45px;
	line-height: 1.7;
}
#request-wrap .contact .contact-area .company .right span {
	font-size: 13px;
	display: block;
}
#request-wrap .contact .contact-area .contact-button { width: 30%; }
#request-wrap .contact .contact-area .contact-button div {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #cccccc;
	padding: 15px 0;
	width: 50%;
	max-width: 180px;
	border-radius: 10px;
	background-color: #0F4767;
	cursor: pointer;
}
#request-wrap .contact .contact-area .contact-button div:hover { background-color: #205878; }
#request-wrap .contact .contact-area .contact-button div a { color: #ffffff; }
#request-wrap .contact .contact-area .contact-button div:hover a { text-decoration: none; }
#request-wrap .contact .contact-area .contact-button div a:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 5px;
	height: 5px;
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	transform: rotate(45deg);
	margin-left: 12px;
}

/* タブレット */
@media screen and (max-width: 970px) {
	#request-wrap .contact .contact-area {
		display: block;
		text-align: center;
		width: 75%;
		padding: 30px 0;
	}
	#request-wrap .contact .contact-area .company {
		display: block;
		width: 100%;
	}
	#request-wrap .contact .contact-area .company .left {
		border-bottom: 1px dotted #ffffff;
		padding-bottom: 15px;
		margin-bottom: 10px;
	}
	#request-wrap .contact .contact-area .company .right {
		border: none;
		padding: 10px 0 20px 0;
		margin-left: 0;
	}
	#request-wrap .contact .contact-area .contact-button { width: 100%; }
	#request-wrap .contact .contact-area .contact-button div {
		width: 70%;
		max-width: none;
		margin: 0 auto;
	}
}

@media screen and (max-width: 670px) {
	#request-wrap .contact .contact-area { width: 90%; }
	#request-wrap .contact .contact-area .company .left {
		font-size: 15px;
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	#request-wrap .contact .contact-area .company .right {
		font-size: 12px;
		padding: 10px 0 15px 0;
	}
	#request-wrap .contact .contact-area .company .right span { font-size: 11px; }
	#request-wrap .contact .contact-area .contact-button div {
		font-size: 13px;
		padding: 10px 0;
	}
}

/* フッター
-------------------------------------------------------------------------- */
#request-wrap .footer {
	background-color: #000000;
	color: #ffffff;
	font-size: 11px;
	padding: 10px 0 5px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
}

/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap .footer {
		margin-bottom: -24px;
		min-height: 16px;
		position: static;
	}
}