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

#box-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
#box-wrapper .box-main {
	width: 860px;
	margin: 0 auto;
}

.fixed {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
}

.head-menu {
	padding: 16px;
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.head-menu .head-menu-l {
	float: left;
}
.head-menu .head-menu-r {
	float: right;
	margin: 6px 0 0 0;
}
.head-menu .head-menu-r ul {
	overflow: hidden;
}
.head-menu .head-menu-r ul li {
	float: left;
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
	margin-left: 10px;
	height: 28px; /*margin:0 16px 0 0;*/
}
.head-menu .head-menu-r ul li:first-child {
	margin-left: 0px;
}
.head-menu .head-menu-r ul li a {
	color: #000;
	text-decoration: none;
}
.head-menu .head-menu-r ul li a:hover {
	color: #ccc;
}
.head-menu .head-menu-r ul li.intern:before {
	position: absolute;
	content: '';
	background-image: url(../img/ic-intern.png);
	background-size: cover;
	width: 25px;
	height: 28px;
	display: inline-block;
}
.head-menu .head-menu-r ul li.intern span {
	margin: 4px 0 0 34px;
	display: inline-block;
}
.head-menu .head-menu-r ul li.entry:before {
	position: absolute;
	content: '';
	background-image: url(../img/ic-entry.png);
	background-size: cover;
	width: 24px;
	height: 28px;
	display: inline-block;
}
.head-menu .head-menu-r ul li.entry span {
	margin: 4px 0 0 34px;
	display: inline-block;
}

.update {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 14px;
}

#content01 {
	position: relative;
}
.c01-main-pc {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../img/c01-pc-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.c01-main-sp {
	display: none;
}
/*
.c01-main {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 790px;
}
.c01-main-l {
	display: table-cell;
	width: 42%;
	background-image: url(../img/c01-bg-kuma.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.c01-main-sp {
	display: none;
}
.c01-main-r {
	display: table-cell;
	width: 58%;
	vertical-align: middle;
	padding: 0 0 0 5%;
	background: rgba(0, 0, 0, 1);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(24, 149, 212, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(7%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(24, 149, 212, 1)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(24, 149, 212, 1) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(24, 149, 212, 1) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(24, 149, 212, 1) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(24, 149, 212, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1895d4', GradientType=1 );
}
*/
#content02 {
	background-color: #0086d1;
	padding: 80px 0 80px 0;
	color: #fff;
	text-align: center;
}
.c02-main p {
	margin: 0 auto 30px;
}
.c02-main p:last-child {
	margin: 0 auto 0px;
}
.c02-txt1 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;
	line-height: 140%;
}
.c02-txt2 {
	line-height: 180%;
}
.c02-txt2 span {
	display: block;
}
.c02-txt2 span br {
	display: none;
}

#content03 {
	background-image: url(../img/c03-bg-parts1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#content03 .c03-main {
	margin: 0 auto 60px;
}
#content03 .c03-main div {
	margin: 0 auto 60px;
	text-align: center;
}
#content03 .c03-main div.mb0 {
	margin: 0 auto -30px;
}
#content03 .c03-main div:last-child {
	margin: 0 auto 0px;
}
.c03-title {
	background-image: url(../img/c03-bear-white.png);
	background-repeat: no-repeat;
	background-position: top;
}
.c03-title span {
	display: block;
	padding: 160px 0 0 0;
}
.c03-subtitle {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;
	text-align: center;
	line-height: 120%;
}
.c03-txt {
	text-align: left !important;
	width: 500px;
	position: relative;
}
.c03-parts1 img {
	width: 424px;
}
.c03-parts2 img {
	width: 360px;
}
.c03-parts3 img {
	width: 446px;
}
.c03-parts4 {
	background-image: url(../img/c03-parts4-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.c03-parts4 img {
	width: 574px;
}

.sw2 {
	background-image: url(../img/bg-sw2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	z-index: 1;
}
.sw2-star {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -2;
}
.sw2-cont-main-title {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 100px;
	transform: translate(-50%, 0%);
}
.sw2-cont {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background-image: url(../img/bg-sw2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 1050px;
	z-index: 6;
}
.sw2-cont-main {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}
.sw2-cont-main-btn1 {
	position: absolute;
	z-index: 10;
	left: 176px;
	top: 80px;
}
.sw2-cont-main-btn2 {
	position: absolute;
	z-index: 10;
	right: 0px;
	top: 70px;
}
.sw2-cont-main-btn3 {
	position: absolute;
	z-index: 10;
	left: 300px;
	top: 320px;
}
.sw2-cont-main-btn4 {
	position: absolute;
	z-index: 10;
	left: 760px;
	top: 370px;
}
.sw2-cont-main-btn5 {
	position: absolute;
	z-index: 10;
	left: 660px;
	top: 540px;
}
.sw2-cont-main-btn6 {
	position: absolute;
	z-index: 10;
	left: 980px;
	top: 520px;
}
.sw2-cont-main-btn7 {
	position: absolute;
	z-index: 10;
	left: 34px;
	top: 650px;
}
.sw2-cont-main-btn8 {
	position: absolute;
	z-index: 10;
	right: 400px;
	top: 626px;
}
.sw2-cont-main-btn9 {
	position: absolute;
	z-index: 10;
	right: 70px;
	top: 600px;
}
.sw2-cont-main-btn10 {
	position: absolute;
	z-index: 10;
	left: 750px;
	top: 720px;
}
.sw2-cont-main-more {
	display: block;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 90px;
	z-index: 10;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 90%;
}
.sw2-cont-main-more ul {
	display: block;
	font-size: 0;
}
.sw2-cont-main-more ul li {
	display: inline-block;
}
.sw2-cont-main-more ul li:first-child {
	margin: 0 24px 0 0;
}
.sw2-cont-main-more ul li a {
	border: solid 2px #000;
	padding: 12px 24px 10px;
	text-decoration: none;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.sw2-cont-main-more ul li a:hover {
	background-color: #000;
	color: #fff;
}

#content04 {
	padding: 60px 0 0 0;
}
.c04-parts1 {
	text-align: center;
}
.c04-main-title {
	text-align: center;
	margin: 0 auto 60px;
}
.c04-main {
	background-color: #0086d1;
	text-align: center;
	padding: 80px 0;
}
.c04-parts2 {
	text-align: left !important;
	margin: 0 auto -11%;
}
.c04-parts3 {
	text-align: right !important;
	margin: 0 auto -11%;
}
.c04-parts4 {
	text-align: left !important;
}

#content05 {
	padding: 80px 0;
}
.c05-title {
	text-align: center;
	margin: 0 auto 60px;
}

.c05-main ul {
	overflow: hidden;
	margin: 0 -3.3333% 0 0;
}
.c05-main ul li {
	float: left;
	margin: 0 3.3333% 0 0;
	width: 30%;
}
.c05-main ul li p {
	margin: 0 auto 24px;
}
.c05-main ul li p:last-child {
	margin: 0 auto 0px;
}
.c05-main ul li p.c05-main-title {
	color: #0086d1;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;
	text-align: center;
}
.c05-main ul li p.c05-main-btn a {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #0086d1;
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
}
.c05-main ul li p.c05-main-btn a:hover {
	background-color: #4fc0ff;
}

.foot-cont {
	text-align: center;
}
.foot-cont p {
	margin: 0 auto 36px;
	line-height: 120%;
}
.foot-cont p.foot-title {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 36px;
	letter-spacing: 0.6em;
}
.foot-cont p.foot-subtitle {
	font-weight: bold;
	font-size: 20px;
}
.foot-cont p.foot-subtitle br {
	display: none;
}
.foot-cont p.foot-url a {
	font-weight: bold;
	font-size: 26px;
	color: #0086d1;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.foot-list ul {
	overflow: hidden;
	margin: 0 -4% 60px 0;
	display: block;
	width: 100%;
	text-align: center;
}
.foot-list ul li {
	/*float:left;*/
	width: 60%;
	margin: 0 auto; /*margin:0 4% 0 0;*/
	display: inline-block;
}

.foot-list ul li a {
	border: solid 2px #000;
	padding: 66px 25px 25px 25px;
	display: block;
	text-align: center;
	color: #000;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.foot-list ul li.foot-list-web {
	display: none;
}
.foot-list ul li.foot-list-web a:after {
	position: absolute;
	content: '';
	background-image: url(../img/ic-web.png);
	background-size: cover;
	width: 25px;
	height: 28px;
	display: inline-block;
	left: 50%;
	top: 24px;
	transform: translate(-50%, 0%);
}

.foot-list ul li.foot-list-intern {
	margin-bottom: 20px;
}

.foot-list ul li.foot-list-intern a:after {
	position: absolute;
	content: '';
	background-image: url(../img/ic-intern.png);
	background-size: cover;
	width: 25px;
	height: 28px;
	display: inline-block;
	left: 50%;
	top: 24px;
	transform: translate(-50%, 0%);
}
.foot-list ul li.foot-list-entry a:after {
	position: absolute;
	content: '';
	background-image: url(../img/ic-entry.png);
	background-size: cover;
	width: 25px;
	height: 28px;
	display: inline-block;
	left: 50%;
	top: 24px;
	transform: translate(-50%, 0%);
}
.foot-pagetop {
	margin: 20px auto;
	text-align: center;
}
.foot-pagetop a {
	display: inline-block !important;
}
.copyright {
	background-color: #0086d1;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

/*-----モーダルウィンドウ-----*/

.link {
	text-align: center;
}

.modal-content {
	width: 90%;
	margin: 0;
	padding: 20px 20px;
	border: none;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 2;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}
.button-link {
	color: #00f;
	text-decoration: underline;
}
.button-link:hover {
	cursor: pointer;
	color: #f00;
}

.modal-close {
	text-align: left;
}

#modal-win {
	width: 100%;
	position: absolute;
	text-align: -webkit-center;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	position: relative;
	z-index: 1010;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 80% !important;
	font-size: 12px;
	text-align: left;
	color: #fff;
}
#modal-win-inner > * {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#modal-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	cursor: pointer;
}
.modal-photo {
	text-align: center;
}
.modal-icon {
	text-align: center;
}
.modal-icon img {
	width: 40px;
}
.modal-title {
	text-align: center;
	font-size: 16px;
	margin: 20px auto 16px auto;
	position: relative;
}
.modal-title span {
	font-size: 1.8rem;
}
.modal-title2 {
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0 auto 16px auto;
	position: relative;
	font-size: 26px;
	font-family: 'Noto Sans JP', sans-serif;
}
.modal-title2 br {
	display: none;
}
.modal-caption {
	position: relative;
	width: 70%;
	text-align: left !important;
	color: #fff;
	margin: 0 auto 16px auto;
	font-size: 16px;
	color: #fff;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.1em;
	-webkit-overflow-scrolling: touch;
}
.modal-link {
	width: 100%;
	text-align: center;
	margin: 20px auto;
	overflow: hidden;
}
.modal-link-l {
	float: left;
}
.modal-link-r {
	float: right;
}
.modal-link a {
	border: solid 1px #999;
	padding: 3px 10px 2px;
	color: #999999;
	font-size: 11px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.modal-link a:hover {
	background-color: #cecece;
	color: #fff;
}
#box1,
#box2,
#box3,
#box4,
#box5,
#box6,
#box7,
#box8,
#box9,
#box10,
#box11,
#box12,
#box13,
#box14,
#box15,
#box16,
#box17,
#box18,
#box19,
#box20 {
	display: none;
	background-color: rgba(15, 64, 92, 0.8);
	/*background-color: #ffffff;*/
	padding: 20px;
	margin: 0 auto;
	width: 100% !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.device-pc {
	display: block;
	text-align: center;
}
.device-sp {
	display: none;
	text-align: center;
}
.device-pc2 {
	display: block;
	text-align: center;
}
.device-sp2 {
	display: none;
	text-align: center;
}

.open,
.close {
	margin: 16px auto 0;
	text-align: center;
}
.open a,
.close a {
	display: inline-block;
	padding: 10px 30px;
	text-align: center;
	color: #fff !important;
	background-color: #0086d1;
	text-decoration: none !important;
	font-weight: bold;
}
.modal-caption strong {
	font-weight: normal;
}
.modal-caption p {
	display: inline-block;
}

@media only screen and (max-width: 1280px) {
	.sw2-cont {
		width: 1280px;
	}
}

@media only screen and (max-width: 1024px) {
	/*.c01-main {
		height: 500px;
	}
	.c01-main-r img {
		width: 60%;
	}*/
}

@media only screen and (max-width: 768px) {
	#box-wrapper .box-main {
		width: 94%;
	}

	.head-menu {
		padding: 14px 12px 12px 12px;
	}
	/*
	.c01-main {
		display: none;
	}
	.c01-main-sp {
		display: block;
		width: 100%;
	}*/

	.c03-txt {
		width: 80%;
	}

	.sw2 {
		display: none;
	}
	.sw2-star {
		display: none;
	}
	.sw2-cont {
		height: auto;
		background-image: none;
		width: 100%;
	}
	.sw2-cont-main {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.sw2-cont-main-btn1,
	.sw2-cont-main-btn2,
	.sw2-cont-main-btn3,
	.sw2-cont-main-btn4,
	.sw2-cont-main-btn5,
	.sw2-cont-main-btn6,
	.sw2-cont-main-btn7,
	.sw2-cont-main-btn8,
	.sw2-cont-main-btn9,
	.sw2-cont-main-btn10 {
		display: none;
	}
	.sw2-cont-main-more {
		position: relative;
		bottom: 0;
		width: 80%;
		margin: 0 auto;
		left: auto;
		transform: inherit;
	}
	.sw2-cont-main-more ul {
		display: block;
		font-size: 0;
		margin: 30px auto 0;
	}
	.sw2-cont-main-more ul li {
		display: inline-block;
	}
	.sw2-cont-main-more ul li:first-child {
		margin: 0 24px 0 0;
	}
	.sw2-cont-main-more ul li a {
		border: solid 2px #000;
		padding: 12px 24px 10px;
		text-decoration: none;
		color: #000;
		font-size: 16px;
		font-weight: bold;
	}
	.sw2-cont-main-more ul li a:hover {
		background-color: #000;
		color: #fff;
	}

	.sw2-cont-main-title-sp {
		position: absolute;
		z-index: 10;
		left: 50%;
		top: 100px;
		transform: translate(-50%, 0%);
	}
	.sw2-cont-main-sp {
		position: relative;
	}

	.modal-close {
		display: none;
	}
	.modal-content {
		display: block;
	}
	#box1,
	#box2,
	#box3,
	#box4,
	#box5,
	#box6,
	#box7,
	#box8,
	#box9,
	#box10,
	#box11,
	#box12,
	#box13,
	#box14,
	#box15,
	#box16,
	#box17,
	#box18,
	#box19,
	#box20 {
		display: block;
		background-color: #fff;
	}
	.modal-caption {
		width: 80%;
		line-height: 160%;
		color: #000;
		margin: 0 auto 0;
	}
	.modal-title2 {
		line-height: 140%;
	}
	.modal-title2 br {
		display: block;
	}

	.device-pc2 {
		display: none;
	}
	.device-sp2 {
		display: block;
	}
}

@media only screen and (max-width: 480px) {
	.c01-main-pc {
		display: none;
	}
	.c01-main-sp {
		display: block;
	}

	.head-menu .head-menu-l img {
		height: 28px;
	}
	.head-menu .head-menu-r {
		margin: 0px 0 0 0;
	}
	.head-menu .head-menu-r ul li {
		margin-left: 6px;
	}
	.head-menu .head-menu-r ul li.intern span {
		margin: 4px 0 0 26px;
	}
	.head-menu .head-menu-r ul li.intern:before {
		width: 20px;
		height: 23px;
	}

	.head-menu .head-menu-r ul li a {
		font-size: 13px;
	}

	.update {
		font-size: 12px;
	}

	#content02 {
		padding: 40px 0;
		background: rgba(0, 0, 0, 1);
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 132, 209, 1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(18%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 132, 209, 1)));
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 132, 209, 1) 100%);
		background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 132, 209, 1) 100%);
		background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 132, 209, 1) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 132, 209, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0084d1', GradientType=0 );
	}

	.c02-txt1 {
		font-size: 16px;
	}
	.c02-txt2 span {
		margin: 0 auto 12px;
		line-height: 140%;
	}
	.c02-txt2 span br {
		display: block;
	}

	#content03 {
		background: none;
	}
	.c03-title {
		background-image: url(../img/c03-bear-white2.png);
		background-size: cover;
	}
	.c03-title span {
		display: block;
		width: 60%;
		margin: 0 auto;
		padding: 140px 0 0 0;
	}
	#content03 .c03-main div {
		margin: 0 auto 30px;
		text-align: center;
	}
	.c03-txt {
		width: 100%;
	}
	.c03-parts1 img {
		width: 80%;
	}
	.c03-parts2 {
		padding: 0 0 0 0px;
	}
	.c03-parts2 img {
		width: 70%;
	}
	.c03-parts3 img {
		width: 70%;
	}
	.c03-parts4 img {
		width: 90%;
	}
	.c03-parts4 {
		background-size: cover;
	}
	#content03 .c03-main div.mb0 {
		margin: 0 auto -16px;
	}

	.sw2-cont-main-title {
		top: 40px;
	}
	.sw2-cont-main-more ul li:first-child {
		margin: 0 0px 16px 0;
	}
	.sw2-cont-main-more ul li {
		display: block;
		width: 100%;
	}
	.sw2-cont-main-more ul li a {
		display: block;
	}
	.sw2-cont-main-more {
		width: 90%;
	}
	.sw2-cont-main-title-sp {
		top: 40px;
	}

	#content04 {
		padding: 0px 0 0 0;
	}
	.c04-main-title {
		width: 60%;
		margin: 0 auto 40px;
	}
	.c04-main {
		padding: 40px 0;
	}
	.c04-parts2 {
		margin: 0 0 -11% -6%;
	}
	.c04-parts3 {
		margin: 0 -10% -11% 0;
	}
	.c04-parts4 {
		margin: 0 0 0 -6%;
	}

	#content05 {
		padding: 40px 0;
	}
	.c05-title {
		width: 60%;
		margin: 0 auto 40px;
	}
	.c05-main ul {
		margin: 0;
	}
	.c05-main ul li {
		display: block;
		margin: 0 auto 24px;
		width: 100%;
	}
	.c05-main ul li p.c05-main-photo {
		width: 60%;
	}
	.c05-main ul li p.c05-main-title {
		text-align: center;
		font-size: 20px;
	}
	.c05-main ul li p.c05-main-btn {
		text-align: center;
	}
	.c05-main ul li p.c05-main-btn a {
		display: inline-block;
		padding: 10px 30px;
	}
	.c05-main ul li p {
		margin: 0 auto 16px;
	}
	.foot-cont p:last-child {
		margin: 0 auto 0px;
	}
	.foot-cont p.foot-subtitle br {
		display: block;
	}
	.foot-cont p.foot-title {
		font-size: 20px;
		letter-spacing: 0.2em;
	}
	.foot-cont p.foot-url a {
		font-size: 18px;
		letter-spacing: 0em;
	}
	.modal-title2 {
		font-size: 18px;
	}

	.foot-list ul {
		margin: 0 0 40px 0;
	}
	.foot-list ul li {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0% 16px 0;
	}
	.foot-list ul li a {
		padding: 15px;
		font-size: 16px;
	}
	.foot-list ul li.foot-list-web {
		display: block;
	}
	.foot-list ul li.foot-list-web a:after {
		left: 12px;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.foot-list ul li.foot-list-intern a:after {
		left: 12px;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.foot-list ul li.foot-list-entry a:after {
		left: 12px;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.foot-pagetop img {
		width: 30px;
	}

	.modal-title {
		font-weight: bold;
		color: #0086d1;
	}
	.modal-caption {
		width: 100%;
	}
	.modal-photo {
		width: 70%;
		margin: 0 auto;
	}

	.device-pc {
		display: none;
	}
	.device-sp {
		display: block;
	}
}