@charset "utf-8";
/*
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.woff') format('woff'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff') format('woff'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff') format('woff'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansJP-Regular.otf'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff') format('woff'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff') format('woff'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: local('NotoSansJP-Bold.otf'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff') format('woff'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.woff') format('woff'), url('../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.otf') format('opentype');
}
*/


html {
	font-size: 62.5%;
}

* {
	box-sizing: border-box;
}
 
body {
	font-size: 1.5rem;
	color: #333;
	line-height: 1.66;
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic Pro", "Hiragino kaku Gothic ProN", Meiryo, sans-serif;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	font-weight: 400;
}

strong {
	font-weight: 700;
}

img {
	max-width: 100%;
	height: auto;
}

.pcNone {
	display: none !important;
}

input,
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: none;
	font-family: 'Noto Sans Japanese', sans-serif;
}

select::-ms-expand {
	display: none;
}

input[type="submit"] {
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]:-webkit-search-decoration {
	display: none;
}
input[type="submit"]:focus {
	outline-offset: -2px;
}

input[type="submit"]:-moz-focus-inner{
	border :0;
}

input[type=radio], input[type=checkbox] {
	display: none;
}

@media screen and (max-width: 767px) {
body {
	width: 100%;
	-webkit-text-size-adjust: 100%;
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}

.spNone {
	display: none !important;
}

.pcNone {
	display: block !important;
}

}

.mt00 {
	margin-top: 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}

.mb00 {
	margin-bottom: 0 !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}


.ml30 {
	margin-left: 30px !important;
}


.fontW01 {
	font-weight: 100;
}
.fontW02 {
	font-weight: 200;
}
.fontW03 {
	font-weight: 300;
}
.fontW04 {
	font-weight: 400;
}
.fontW05 {
	font-weight: 500;
}
.fontW06 {
	font-weight: 700;
}
.fontW07 {
	font-weight: 900;
}

.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}

.color01 {
	color: #e6002d !important;
}
.color02 {
	color: #05aae3 !important;
}

.l {
	font-size: 1.8rem;
}

/* link 
*****************************************/
a:link,
a:visited {
	color: #0d3655;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #04aae3;
	text-decoration: none;
}

.hover a img {
	transition: opacity .3s;
}

.hover a:hover img {
	opacity: .6;
}

@media screen and (max-width: 767px) {
.hover a:hover img {
	opacity: 1.0;
}

}

/* header
*****************************************/
#header01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding: 0 54px 0 66px;
	width: 100%;
	transition: all .3s;
}

#header01 > .logo01 {
	position: absolute;
	top: 50px;
	left: 66px;
	z-index: 10000;
	width: 353px;
}

#header01.active > .logo01 {
	position: fixed;
}

#header01 > .logo01 > a {
	display: block;
	height: 34px;
	background: url(../images/logo01.png) no-repeat 0 0 / 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s;
}

#header01.active > .logo01 > a,
#header01.active.fixed > .logo01 > a {
	background-image: url(../images/logo02.png);
}

#header01.hidden {
	visibility: hidden;
	opacity: 0;
}

#header01.hidden {
	visibility: visible;
	opacity: 1.0;
}

#header01.fixed {
	position: fixed;
	visibility: visible;
	opacity: 1.0;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

#header01.fixed > .logo01 {
	top: 26px;
	left: 66px;
	width: 277px;
}

#header01.fixed > .logo01 > a {
	height: 27px;
	background-image: url(../images/logo03.png);
}

.headArea01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	width: 770px;
}

.headArea01 > .logo01 {
	display: none;
}

.fixed .headArea01 {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.headArea02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100vh;
	background-color: #0d3655;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

.active .headArea02 {
	opacity: 1.0;
	visibility: visible;
	z-index: 5000;
}

.headArea02 > .inner01 {
	width: 100%;
}

.headArea02 > .inner01 > .text01 {
	display: table;
	margin-top: 10px;
	width: 100%;
	color: #2e485b;
	font-size: 2.1rem;
	font-weight: 300;
	text-align: center;
}

.searchArea01 {
	display: table;
	margin: 0 auto;
	width: 50%;
	background-color: #fff;
	box-shadow: 0px 2px 0.98px 0.02px rgba(0, 0, 0, 0.7) inset;
}

.searchWindow01 {
	padding: 7px 7px 7px 18px;
	height: 73px;
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	font-family: inherit;
	font-size: 16px;
}

.searchBtn01 {
	width: 23px;
	height: 23px;
	background: url(../images/ic01.png) no-repeat 0 0 / 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s;
}

.searchBtn01:hover {
	background-image: url(../images/ic02.png);
}

.fixed .searchBtn01 {
	background: url(../images/ic03.png) no-repeat 0 0 / 100%;
}

.fixed .searchBtn01:hover {
	background-image: url(../images/ic02.png);
}

.searchBtn02 {
	margin: 19px 27px 0 0;
	width: 37px;
	height: 37px;
	border: none;
	background: url(../images/ic03.png) no-repeat 0 0 / 100%;
	color: #fff;
	font-size: 0;
	cursor: pointer;
}


#globalNav01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.globalNavList01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.globalNavList01 > li {
	margin-right: 43px;
}

.globalNavList01 > li > a {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	transition: color .3s;
	text-decoration: none;
}

.globalNavList01 > li > a:hover {
	color: #e6002d;
}

.fixed .globalNavList01 > li > a {
	color: #0d3655;
}
.fixed .globalNavList01 > li > a:hover {
	color: #e6002d;
}

.headBlock01 {
	width: 220px;
}

.headBlock01 > .button01 > a {
	display: block;
	padding: 10px 7.7%;
	min-height: 90px;
	background-color: #e6002d;
	color: #fff;
	text-decoration: none;
	text-align: center;
	transition: all .3s;
}

.fixed .headBlock01 > .button01 > a {
	padding: 5px 7.7%;
	min-height: 80px;
	backface-visibility:hidden;
}

.headBlock01 > .button01 > a:hover {
	color: #e6002d;
	background-color: #fff;
}

.headBlock01 > .button01 > a > .inner01 {
	position: relative;
	display: block;
	padding: 0 0 10px 36px;
	border-bottom: #ea274d solid 1px;
	font-size: 1.8rem;
	font-weight: 100;
}

.fixed .headBlock01 > .button01 > a > .inner01 {
	padding: 5px 0 0 36px;
}

.headBlock01 > .button01 > a > .inner01:before {
	position: absolute;
	top: .4em;
	left: 20px;
	content: "";
	width: 26px;
	height: 18px;
	background: url(../images/ic04.png) no-repeat 0 0 / 100%;
	transition: all .3s;
}

.fixed .headBlock01 > .button01 > a > .inner01:before {
	top: .6em;
}

.headBlock01 > .button01 > a:hover > .inner01:before {
	background-image: url(../images/ic05.png);
}

.headBlock01 > .button01 > a > .inner02 {
	margin-top: 5px;
	font-size: 1.8rem;
	font-weight: 100;
	letter-spacing: 0.14em;
}

.headBlock01 > .button02,
.headBlock01 > .button03 {
	display: none;
}

.headButton01,
.headButton02 {
	display: block;
	position: fixed;
	top: 70px;
	right: 70px;
	z-index: 10000;
	width: 30px;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s;
}

.headButton01 {
	display: none;
}

.fixed .headButton02 {
	top: 40px;
}

.headButton01 > span,
.headButton02 > span {
	display: block;
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #fff;
	text-indent: 100%;
	white-space: nowrap;
}

.headButton01 > .top,
.headButton02 > .top {
	top: 0;
}

.headButton01 > .bottom,
.headButton02 > .bottom {
	bottom: 0;
}

.headButton01 > .middle,
.headButton02 > .middle {
	top: 9px;
}

.headButton01 > .top,
.headButton01 > .bottom,
.headButton02 > .top,
.headButton02 > .bottom {
	-webkit-transition-duration: 0.1s, 0.1s;
	transition-duration: 0.1s, 0.1s;
	-webkit-transition-delay: 0.1s, 0s;
	transition-delay: 0.1s, 0s;
}

.headButton01 > .top,
.headButton02 > .top {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}

.headButton01 > .bottom,
.headButton02 > .bottom {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}

.active .headButton01 > .middle,
.active .headButton02 > .middle {
	background: none;
}

.active .headButton01 > .top,
.active .headButton02 > .top {
	top: 9px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.active .headButton01 > .bottom,
.active .headButton02 > .bottom {
	bottom: 9px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.active .headButton01 > .top,
.active .headButton01 > .bottom,
.active .headButton02 > .top,
.active .headButton02 > .bottom {
	-webkit-transition-delay: 0s, 0.1s;
	transition-delay: 0s, 0.1s;
}

@media print, screen and (max-width: 1400px) {
#header01 > .logo01 {
	position: absolute;
	top: 55px;
	left: 66px;
	z-index: 10000;
	width: 277px;
}
}


@media print, screen and (max-width: 1260px) {
.headArea01 {
	width: 560px;
}

.globalNavList01 > li {
	margin-right: 20px;
}

.globalNavList01 > li > a {
	font-size: 1.6rem;
}

.headBlock01 {
	width: 180px;
}

.headBlock01 > .button01 > a{
	backface-visibility: hidden;
}

.headBlock01 > .button01 > a > .inner01:before {
	left: 10px;
}
.headBlock01 > .button01 > a > .inner02 {
	font-size: 1.6rem;
	word-wrap: normal;
	word-break:keep-all;
	white-space:nowrap;
}

}

@media print, screen and (max-width: 1060px) {
#header01 {
	padding: 0 20px;
}

#header01 > .logo01 {
	top: 58px;
	left: 20px;
	width: 277px;
}

#header01.fixed > .logo01 {
	left: 20px;
}

#header01 > .logo01 > a {
	height: 26px;
}

.headButton02 {
	top: 58px;
	right: 20px;
}
}

@media print, screen and (max-width: 950px) {
#header01 > .logo01 {
	top: 62px;
	width: 240px;
}
#header01.fixed > .logo01 {
    width: 240px;
}
}

@media screen and (max-width: 890px) {
#header01 {
	padding: 0 5.3%;
	width: 100%;
	height: 55px;
}

#header01 > .logo01,
#header01.fixed > .logo01 {
	top: 19px;
	left: 5.3%;
	width: 186px;
}

#header01 > .logo01 > a,
#header01.fixed > .logo01 > a {
	height: 19px;
}

#header01.active > .logo01 {
	position: absolute;
	z-index: 1;
}

.headArea01 {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	padding: 0 5.3% 30px;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

.active .headArea01 {
	background-color: #0d3655;
	opacity: 1.0;
	visibility: visible;
	z-index: 5000;
	overflow-y: scroll;
}

.headArea01 > .logo01 {
	display: block;
	position: absolute;
	top: 19px;
	left: 5.3%;
	width: 186px;
}

.headArea01 > .logo01 > a {
	display: block;
	height: 19px;
	background: url(../images/logo02.png) no-repeat 0 0 / 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.headArea02 {
	display: block;
	position: static;
	margin-top: 30px;
	width: 100%;
	opacity: 1.0;
}

.active .headArea02 {
	height: auto;
}

.headArea02 > .inner01 {
	display: none;
}

.active .headArea02 > .inner01 {
	display: block;
	width: 100%;
}

.headArea02 > .inner01 > .text01 {
	font-size: 1.0rem;
}

.searchArea01 {
	width: 100%;
}

.searchWindow01 {
	padding: 5px 30px 5px 5px;
	height: auto;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
}

.searchBtn01 {
	display: none;
}

.searchBtn02 {
	margin: 10px 15px 0 0;
	width: 15px;
	height: 15px;
}


#globalNav01 {
	margin-top: 60px;
	width: 100%;
}

.globalNavList01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.globalNavList01 > li {
	margin: 30px 0 0;
	width: 100%;
	text-align: center;
}

.globalNavList01 > li > a {
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
}

.globalNavList01 > li > a:hover {
	color: #fff;
}

.fixed .globalNavList01 > li > a,
.fixed .globalNavList01 > li > a:hover {
	color: #fff;
}

.headBlock01 {
	margin-top: 30px;
	padding: 35px 0;
	border-top: #2e485b solid 1px;
	border-bottom: #2e485b solid 2px;
	width: 100%;
}

.headBlock01 > .button01 {
	display: none;
}

.headBlock01 > .button02,
.headBlock01 > .button03 {
	display: block;
}

.headBlock01 > .button03 {
	margin-top: 35px;
}

.headBlock01 > .button02 > a,
.headBlock01 > .button03 > a {
	display: block;
	padding: 15px 3%;
	border: #7d9aa4 solid 1px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.headBlock01 > .button02 > a {
	position: relative;
	padding-right: 30px;
	font-size: 1.5rem;
	font-weight: 900;
	text-decoration: none;
}

.headBlock01 > .button02 > a:before {
	position: absolute;
	top: 1.4em;
	right: 3.7%;
	content: "";
	width: 18px;
	height: 13px;
	background: url(../images/ic05.png) no-repeat 0 0 / 100%;
}

.headBlock01 > .button03 > a > .inner01 {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
}

.headBlock01 > .button03 > a > .inner02 {
	position: relative;
	padding-left: 25px;
	font-size: 2.25rem;
	font-weight: 900;
}

.headBlock01 > .button03 > a > .inner02:before {
	position: absolute;
	top: .3em;
	left: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/ic06.png) no-repeat 0 0 / 100%;
}

.headButton01,
.headButton02,
.fixed .headButton02 {
	display: block;
	position: absolute;
	top: 17px;
	right: 5.3%;
	z-index: 1;
}

.fixed .headButton01 > span {
	background-color: #000;
}

}

/* footer
*****************************************/
.footWrap01 {
	background-color: #0d3655;
}

.footWrap01 > .inner01 {
	position: relative;
	margin: 0 auto;
	padding: 130px 20px 80px;
	max-width: 1242px;
}

.footWrap02 {
	background-color: #fff;
}

.footWrap02 > .inner01 {
	position: relative;
	margin: 0 auto;
	padding: 40px 20px 70px;
	max-width: 1242px;
}

.footBlock01 {
	position: absolute;
	top: -71px;
	right: 36px;
	width: 56.5%;
}

.footBlock01 > .button01 > a {
	display: block;
	padding: 10px 4.9%;
	min-height: 134px;
	background-color: #e6002d;
	color: #fff;
	text-decoration: none;
	text-align: center;
	transition: all .3s;
}

.footBlock01 > .button01 > a:hover {
	color: #e6002d;
	background-color: #fff;
}

.footBlock01 > .button01 > a > .inner01 {
	display: block;
	padding-bottom: 10px;
	border-bottom: #eb3a5c solid 1px;
	font-size: 2.86rem;
	font-weight: 900;
}

.footBlock01 > .button01 > a > .inner02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 5px;
	font-size: 3.419rem;
	font-weight: 400;
}

.footBlock01 > .button01 > a > .inner02 > .text01 {
	position: relative;
	padding: 0 25px 0 44px;
	color: #f7b2c0;
	font-size: 1.525rem;
	font-weight: 200;
	transition: all .3s;
}

.footBlock01 > .button01 > a:hover > .inner02 > .text01 {
	color: #e6002d;
}

.footBlock01 > .button01 > a > .inner02 > .text01:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 31px;
	height: 31px;
	background: url(../images/ic08.png) no-repeat 0 0 / 100%;
	transition: all .3s;
}

.footBlock01 > .button01 > a:hover > .inner02 > .text01:before {
	background-image: url(../images/ic06.png);
}

.footBlock01 > .button02,
.footBlock01 > .button03 {
	display: none;
}

.footBlock02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	position: relative;
	margin-top: 35px;
}

.footBlock02:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #cfd7dd, #cfd7dd 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #cfd7dd, #cfd7dd 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-size: 4px 4px;
}

.footCol01 {
	padding-right: 4%;
	width: 56%;
	text-align: right;
}

.footCol01 > .text01 {
	color: #fff;
	font-size: 2.9rem;
	font-weight: 900;
}

.footCol01 > .text02 {
	margin-top: 10px;
	color: #cfd7dd;
	font-size: 1.5rem;
	font-weight: 100;
	letter-spacing: 0.095em;
}

.footCol01 > .text02 > .br01 {
	display: none;
}

.footList01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 50px;
	width: 44%;
}

.footList01 > li {
	position: relative;
	margin: 10px 6px 0 0;
	padding-right: 14px;
}

.footList01 > li:after {
	position: absolute;
	top: .2em;
	right: 0;
	content: "/";
	color: #567288;
	font-size: 1.2rem;
}

.footList01 > li:nth-child(2n):after {
	/* content: normal; */
}

.footList01 > li > a {
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
	white-space: nowrap;
}

.footList01 > li > a:hover {
	text-decoration: underline;
}

.footList02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.footList02 > li {
	margin: 20px 30px 0 0;
}

.footList02 > li:last-child {
	margin-right: 0;
}

.footList02 > li.logo01 {
	width: 185px;
}
.footList02 > li.logo02 {
	width: 102px;
}
.footList02 > li.logo03 {
	width: 147px;
}
.footList02 > li.logo04 {
	width: 152px;
}
.footList02 > li.logo05 {
	width: 213px;
}
.footList02 > li.logo06 {
	width: 50px;
}
.footList02 > li.logo07 {
	width: 123px;
}
.footList02 > li.logo08 {
	width: 74px;
}

.footList02 > li > a img {
	transition: opacity .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.footList02 > li > a:hover img {
	opacity: .6;
}

.pagetop01 {
	position: absolute;
	top: 87px;
	left: 20px;
	z-index: 100;
}

.pagetop01 > a {
	position: relative;
	color: #fff;
	font-size: 1.905rem;
	font-weight: bold;
	text-decoration: none;
	transition: all .3s;
}

.pagetop01 > a:hover {
	color: #e6002d;
}

.pagetop01 > a:before {
	position: absolute;
	top: -5px;
	left: 50%;
	content: "";
	margin-left: -4px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #e6002d;
	border-right: 2px solid #e6002d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.copyright01 {
	margin-top: 30px;
	color: #6e8699;
	font-size: 1.5rem;
	font-weight: 300;
}

.copyright01 > .icon01 {
	margin-right: 20px;
	
}


@media screen and (max-width: 968px) {
.footWrap01 > .inner01 {
	padding: 80px 20px;
}

.footBlock01 > .button01 > a {
	padding: 10px 3%;
}

.footBlock01 > .button01 > a > .inner01 {
	font-size: 2.5rem;
}

.footBlock01 > .button01 > a > .inner02 {
	font-size: 2.8rem;
}

.footBlock01 > .button01 > a > .inner02 > .text01 {
	position: relative;
	padding: 0 25px 0 44px;
	color: #f7b2c0;
	font-size: 1.525rem;
	font-weight: 200;
	transition: all .3s;
}

.footBlock01 > .button01 > a:hover > .inner02 > .text01 {
	color: #e6002d;
}

.footCol01 > .text01 {
	font-size: 2.3rem;
}

.footCol01 > .text02 {
	font-size: 1.3rem;
}

.footCol01 > .text02 > .br01 {
	display: block;
}

}

@media screen and (max-width: 767px) {
.footWrap01 > .inner01 {
	padding: 0 8.2% 15px;
}

.footWrap02 > .inner01 {
	padding: 5px 5.3% 35px;
}

.footBlock01 {
	position: relative;
	top: -35px;
	right: auto;
	width: 100%;
}

.footBlock01 > .button01 {
	display: none;
}

.footBlock01 > .button02 {
	display: block;
}

.footBlock01 > .button02 > a {
	display: block;
	padding: 20px 6.7%;
	background-color: #e6002d;
	color: #fff;
	font-size: 4.6vw;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}

.footBlock01 > .button03 {
	display: block;
	margin-top: 20px;
}

.footBlock01 > .button03 > a {
	display: block;
	padding: 20px 6.7%;
	background-color: #10456e;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}


.footBlock01 > .button03 > a > .inner01 {
	display: block;
	color: #cfd7dd;
	font-size: 1.65rem;
	font-weight: 400;
}

.footBlock01 > .button03 > a > .inner02 {
	position: relative;
	padding-left: 30px;
	color: #fff;
	font-size: 2.7rem;
	font-weight: 400;
}

.footBlock01 > .button03 > a > .inner02:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	margin-top: -11px;
	width: 23px;
	height: 23px;
	background: url(../images/ic07.png) no-repeat 0 0 / 100%;
}

.footBlock02 {
	margin-top: 20px;
}

.footCol01 {
	padding: 5px 0 0;
	width: 100%;
	text-align: left;
}

.footCol01 > .text01 {
	font-size: 5.1vw;
}

.footCol01 > .text02 {
	margin-top: 10px;
	font-size: 1.25rem;
	letter-spacing: 0;
}

.footList01 {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 25px 0 0 0;
	width: 100%;
}

.footList01 > li {
	margin: 15px 0 0 0;
	padding-right: 0;
	width: 50%;
}

.footList01 > li:after {
	content: normal;
}

.footList01 > li > a {
	position: relative;
	display: table;
	padding-right: 14px;
	font-size: 1.05rem;
}

.footList01 > li > a:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	margin-top: -4px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.footList02 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
}

.footList02 > li {
	margin: 20px 2.9% 0 0;
}

.footList02 > li.logo01 {
	width: 33.4%;
}
.footList02 > li.logo02 {
	width: 18.3%;
}
.footList02 > li.logo03 {
	width: 26.2%;
}
.footList02 > li.logo04 {
	width: 34.3%;
}
.footList02 > li.logo05 {
	width: 47.4%;
}
.footList02 > li.logo06 {
	width: 10.4%;
}
.footList02 > li.logo07 {
	width: 25%;
}
.footList02 > li.logo08 {
	width: 14.9%;
}

.footList02 > li > a:hover img {
	opacity: 1.0;
}

.pagetop01 {
	position: static;
	top: 0;
	left: 0;
	display: table;
	margin: 40px auto 0;
}

.pagetop01 > a {
	font-size: 1.13rem;
}

.pagetop01 > a:hover {
	color: #fff;
}

.pagetop01 > a:before {
	position: absolute;
	top: -10px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
}

.copyright01 {
	margin-top: 25px;
	width: 100%;
	font-size: 1.4rem;
	text-align: center;
}

.copyright01 > .icon01 {
	margin-right: 10px;
	width: 23px;
}
}

/* aside
*****************************************/
.aside01 {
	width: 25%;
}

.asideNavi01 > .title01 {
	padding: 26px 15px;
	background-color: #0d3655;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.2;
}

.asideNavi01 > .title01 > .inner01 {
	color: #fff;
	text-decoration: none;
}

.asideNavi01 > .title01 > a.inner01:hover {
	color: #05aae3;
}

.asideList01 > li {
	position: relative;
	line-height: 1.2;
}

.asideList01 > li:last-child {
	border-bottom: #e6e6e6 solid 1px;
}

.asideList01 > li > .block01 {
	position: relative;
}

.asideList01 > li > .block01 > .button01 {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10;
	margin-top: -20px;
	width: 57px;
	height: 40px;
	border-left: #e6e6e6 solid 1px;
	cursor: pointer;
}

.asideList01 > li > .block01 > .button01:before,
.asideList01 > li > .block01 > .button01:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	background-color: #04aae3;
	transition: all .3s;
}

.asideList01 > li > .block01 > .button01:before {
	margin: -1px 0 0 -9px;
	width: 18px;
	height: 2px;
}
.asideList01 > li > .block01 > .button01:after {
	margin: -9px 0 0 -1px;
	width: 2px;
	height: 18px;
}

.asideList01 > li.active > .block01 > .button01:after {
	content: normal;
}

.asideList01 > li > .block01 > .button01:hover:before,
.asideList01 > li > .block01 > .button01:hover:after {
	background-color: #e6002d;
}

.asideList01 > li.current > .block01 > .button01 {
	border-left: #0496c8 solid 1px;
}
.asideList01 > li.current > .block01 > .button01:before,
.asideList01 > li.current > .block01 > .button01:after {
	background-color: #fff;
}
.asideList01 > li.current > .block01 > .button01:hover:before,
.asideList01 > li.current > .block01 > .button01:hover:after {
	background-color: #0d3655;
}

.asideList01 > li > .block01 > .inner01 {
	position: relative;
	display: block;
	padding: 20px 57px 20px 20px;
	border-top: #e6e6e6 solid 1px;
	background-color: #f8f8f8;
	color: #333;
	font-size: 1.8rem;
	font-weight: 700;
	transition: all .3s;
	text-decoration: none;
}

.asideList01 > li.no-layer > .block01 > .inner01 {
	padding-right: 10px;
}

.asideList01 > li:first-child > .block01 > .inner01 {
	border-top: none;
}

.asideList01 > li > .block01 > a.inner01:hover {
	color: #05aae3;
}

.asideList01 > li.current > .block01 > .inner01 {
	color: #fff;
	background-color: #05aae3;
}

.asideList01 > li.current > .block01 > a.inner01:hover {
	color: #0d3655;
}

.asideList01 > li > ul {
	display: none;
}

/*.asideList01 > li.active > ul {
	display: block;
}*/

.asideList01 > li.active > ul {
	border-top: #e6e6e6 solid 1px;
}

.asideList01 > li > ul > li {
	position: relative;
}

.asideList01 > li > ul > li:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-size: 4px 4px;
}
.asideList01 > li > ul > li:first-child:after {
	content: normal;
}

.asideList01 > li > ul > li > .inner01 {
	display: block;
	padding: 15px 10px 15px 30px;
	background-color: #fbfbfb;
	color: #333;
	text-decoration: none;
	line-height: 1.6;
	transition: all .3s;
}

.asideList01 > li > ul > li > a.inner01:hover {
	color: #05aae3;
}

.asideList01 > li > ul > li.current > .inner01 {
	color: #fff;
	background-color: #05aae3;
}

.asideList01 > li > ul > li.current > a.inner01:hover {
	color: #0d3655;
}


@media screen and (max-width: 767px) {
.aside01 {
	margin-top: 60px;
	width: 100%;
}

.asideNavi01 > .title01 {
	padding: 17px 20px;
	font-size: 2.3rem;
}

.asideList01 > li > .block01 > .button01 {
	margin-top: -12px;
	width: 55px;
	height: 25px;
}

.asideList01 > li > .block01 > .button01:before {
	margin: -1px 0 0 -7px;
	width: 14px;
}
.asideList01 > li > .block01 > .button01:after {
	margin: -7px 0 0 -1px;
	height: 14px;
}

.asideList01 > li > .block01 > .button01:hover:before,
.asideList01 > li > .block01 > .button01:hover:after {
	background-color: #04aae3;
}

.asideList01 > li.current > .block01 > .button01:hover:before,
.asideList01 > li.current > .block01 > .button01:hover:after {
	background-color: #fff;
}

.asideList01 > li > .block01 > .inner01 {
	padding: 11px 55px 11px 20px;
}

.asideList01 > li > .block01 > a.inner01:hover {
	color: #333;
}

.asideList01 > li.current > .block01 > a.inner01:hover {
	color: #fff;
}

.asideList01 > li > ul > li > .inner01 {
	padding: 10px 10px 10px 30px;
}

.asideList01 > li > ul > li > a.inner01:hover {
	color: #333;
}

.asideList01 > li > ul > li.current > a.inner01:hover {
	color: #fff;
}

}


/* commmon
*****************************************/
.heading01:first-child,
.heading02:first-child,
.heading03:first-child,
.heading04:first-child,
.heading05:first-child,
.hgroup01:first-child,
.hgroup02:first-child,
.txt01:first-child,
.img01:first-child,
.btn01:first-child,
.col1-2:first-child,
.col1-3:first-child,
.col1-4:first-child,
.col2-3:first-child,
.col3-4:first-child,
.no-margin .col1-2:first-child,
.no-margin .col1-3:first-child,
.no-margin .col1-4:first-child,
.no-margin .col2-3:first-child,
.no-margin .col3-4:first-child,
.imgTextWrap01:first-child,
.linkTxt01:first-child,
[class*="heading"] + .section01,
[class*="heading"] + .section02,
[class*="heading"] + .section03,
[class*="heading"] + .section04,
[class*="heading"] + .txt01,
[class*="heading"] + .img01,
.col01:nth-child(1),
.col01:nth-child(2),
.col01:nth-child(3) {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
.col01:first-child,
.col01:nth-child(1) {
	margin-top: 0;
}

.col01:nth-child(2),
.col01:nth-child(3) {
	margin-top: 20px;
}
}

/* contents
*****************************************/
.wrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.wrap01.bC {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.wrap01.bR {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.wrap01.between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.wrap01.around {
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.wrap01.aC {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.wrap01.aE {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.wrap01.reverse {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

ul.wrap01 {
	margin: 30px -10px 0 0;
}

ul.wrap01 > li {
	margin: 10px 10px 0 0;
}

ul.wrap01 > li:first-child {
	margin-top: 10px;
}

.slideWrap01,
.bx-viewport,
.slide01 {
	min-height: 640px;
}

.slideItem01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
}

.slideItem01 .inner01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 60px;
	width: 1362px;
	min-height: 280px;
}

.slideItem01 .button01 {
	margin: 20px 0 0 auto;
	width: 302px;
}

.slideItem01 .button01 > a {
	position: relative;
	display: block;
	padding: 20px 25px;
	border-radius: 10px;
	background-color: #fff;
	color: #e6002d;
	font-size: 2.2rem;
	font-weight: 500;
	text-decoration: none;
	transition: all .3s;
}

.slideItem01 .button01 > a:hover {
	background-color: #e6002d;
	color: #fff;
}

.slideItem01 .button01 > a:before {
	position: absolute;
	top: 50%;
	right: 22px;
	content: "";
	margin-top: -6px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #0d3655;
	border-right: 3px solid #0d3655;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s;
}

.slideItem01 .button01 > a:hover:before {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

.slideCol01.type02 {
	width: calc(100% - 370px);
	width: -webkit-calc(100% - 370px);
}

.slideCol01 > .text01 {
	color: #fff;
	font-size: 6.52rem;
	font-weight: 900;
	line-height: 1.2;
	text-shadow: 0 0 7px rgba(0, 0, 0, .6);
}

.slideCol01 > .text02 {
	margin-top: 40px;
	color: #fff;
	font-size: 2.6rem;
	font-weight: 300;
	line-height: 1.55;
	text-shadow: 0 0 6px rgba(0, 0, 0, .5);
}

.slideCol01 > .text05 {
	color: #0d3655;
	font-size: 6.52rem;
	font-weight: 900;
	line-height: 1.2;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 1),0 1px 6px rgba(255, 255, 255, 1);
}

.slideCol01 > .text06 {
	margin-top: 40px;
	color: #0d3655;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.55;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.5),0 1px 6px rgba(255, 255, 255, 0.5);
}

.slideCol02 {
	position: relative;
	margin-top: -15px;
	padding-right: 4%;
	width: calc(100% - 642px);
	width: -webkit-calc(100% - 642px);
}

.slideCol02 > .image01 {
	margin-top: 5px;
	max-width: 655px;
}

.slideCol02 > .text01 {
	color: #fff;
	text-shadow: 0 0 7px rgba(0, 0, 0, .6);
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 15px;
}

.slideCol02 > .text05 {
	color: #0d3655;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0),0 1px 6px rgba(255, 255, 255, 0);
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 15px;
}

.slideCol02 > .button01 {
	position: absolute;
	right: 7.6%;
	bottom: 0;
}

.slideCol03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin-right: 4%;
}

.bx-wrapper {
	position: relative;
	width: 100%;
}

.bx-wrapper .bx-pager {
	position: absolute;
	right: 100px;
	bottom: 25%;
	padding-top: 7px;
	text-align: center;
	line-height: 1.0;
	z-index: 100;
}

.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	position: relative;
	margin: 0 1px;
	width: 40px;
	height: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	position: absolute;
	display: block;
	width: 40px;
	height: 10px;
	background-color: #fff;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #86969c;
}

.bx-controls-direction {
	width: 100%;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 999;
}

.bx-wrapper .bx-controls-direction a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	margin: auto;
	width: 24px;
	height: 24px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transition: all .3s;
}

.bx-wrapper .bx-controls-direction a:hover:before {
	border-color: #e6002d;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bx-wrapper .bx-prev {
	left: 10px;
}

.bx-wrapper .bx-next {
	right: 10px;
}

.bx-wrapper .bx-prev:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.bx-wrapper .bx-next:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.bx-wrapper .bx-prev:hover {
	background-position: left top;
}

.bx-wrapper .bx-next:hover {
	background-position: right top;
}

.bx-controls-direction {
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

.localNavi01,
.localNavi02,
.localNavi03 {
	position: relative;
	z-index: 99;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: -10.4% auto 0;
	padding: 0 20px;
	max-width: 1250px;
}

.section01 .localNavi01,
.section01 .localNavi02,
.section01 .localNavi03 {
	margin-top: 0;
}

.localNavi01 {
	display: none;
}

.localNavi01 > li,
.localNavi02 > li,
.localNavi03 > li {
	margin: 0 -.9%;
	width: 26.4%;
}

.localNavi01 > li:first-child,
.localNavi02 > li:first-child,
.localNavi03 > li:first-child {
	margin-left: 0;
}

.localNavi02 > li,
.localNavi03 > li {
	background: no-repeat 0 0 / 100%;
}

.localNavi02 > li img,
.localNavi03 > li img {
	transition: all .3s;
}

.localNavi02 > li.select img,
.localNavi02 > li:hover img,
.localNavi03 > li:hover img {
	opacity: 0;
}

.localNavi02 > li.navi01 {
	background-image: url(../images/bt09on.png);
}
.localNavi02 > li.navi02 {
	background-image: url(../images/bt10on.png);
}
.localNavi02 > li.navi04 {
	background-image: url(../images/bt12on.png);
}
.localNavi02 > li.navi03 {
	background-image: url(../images/bt11on.png);
}

.localNavi03 {
	margin: 60px auto 0;
	padding: 0;
	max-width: inherit;
}

.localNavi03 > li.navi01 {
	background-image: url(../images/bt05on.png);
}
.localNavi03 > li.navi02 {
	background-image: url(../images/bt06on.png);
}
.localNavi03 > li.navi04 {
	background-image: url(../images/bt08on.png);
}
.localNavi03 > li.navi03 {
	background-image: url(../images/bt07on.png);
}

.mainArea01 {
	position: relative;
	padding-top: 175px;
	height: 524px;
	background: no-repeat center top / cover;
}

.mainArea01 > .inner01 {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1210px;
}

.mainArea01 > .inner01 > .title01 {
	margin-top: 20px;
	color: #0d3655;
	font-size: 5.0rem;
	font-weight: 700;
	line-height: 1.2;
}

.mainArea01 > .inner01 > .title01.type02 {
	position: absolute;
	top: 50%;
}

.mainArea01 > .inner01 > .text01 {
	margin-top: 20px;
	color: #0d3655;
	font-size: 2.0rem;
	font-weight: 700;
}

.mainArea01 > .inner01 > .text02 {
	margin-top: 30px;
	color: #0d3655;
}

.mainArea01.white > .inner01 > .title01{
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}
.mainArea01.white > .inner01 > .text01{
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}
.mainArea01.white > .inner01 > .text02{
	color: #FFF;
	text-shadow: 0 -1px 1px  rgba(0, 0, 0, 0.7);
}

.mainArea01.glow > .inner01 > .title01{
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 1),0 1px 6px rgba(255, 255, 255, 1);
}
.mainArea01.glow > .inner01 > .text01{
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8),0 1px 6px rgba(255, 255, 255, 0.8);
}
.mainArea01.glow > .inner01 > .text02{
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.7),0 1px 6px rgba(255, 255, 255, 0.7);
}

.breadcrumb01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-left: 5px;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 1),0 1px 6px rgba(255, 255, 255, 1);
}

.breadcrumb01 > li {
	position: relative;
	margin-right: 13px;
	padding-right: 27px;
	color: #0d3655;
	line-height: 1.0;
}

.breadcrumb01 > li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.breadcrumb01 > li:after {
	position: absolute;
	top: .2em;
	right: 0;
	content: "＞";
	color: #0d3655;
	font-size: 1.0rem;
}

.breadcrumb01 > li:last-child:after {
	content: normal;
}

.breadcrumb01 > li.home img {
	width: 14px;
}

.breadcrumb01 > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	color: #0d3655;
	text-decoration: none;
}

.breadcrumb01 > li > a:hover:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #0d3655;
}

.mainArea01.shadow .breadcrumb01 li{
	text-shadow: 0 -1px 6px rgba(255, 255, 255, 0.7),0 1px 6px rgba(255, 255, 255, 0.7);
}

.topSection01 {
	margin: 55px auto 0;
	padding: 0 20px;
	max-width: 1210px;
}

.topSection01 > .title01{
	color: #e6002d;
	font-size: 3.2rem;
	font-weight: 700;
	text-decoration: none;
}

.topSection01 > .text01 {
	color: #0d3655;
	font-size: 2.0rem;
	font-weight: 200;
}

.topSection01 > .text02 {
	color: #0d3655;
	font-size: 1.8rem;
	font-weight: 200;
}

.topSection02 {
	margin-top: 45px;
}

.topSection02 > .title01 {
	color: #0d3655;
	font-size: 2.4rem;
	font-weight: 300;
}

.topSection03 {
	margin-top: 100px;
	padding-bottom: 160px;
	background-color: #f8f8f8;
}

.topSection03 > .inner01 {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1210px;
}

.section01 {
	margin-top: 80px;
}

.section02 {
	margin-top: 60px;
}

.section03 {
	margin-top: 40px;
}

.section04 {
	margin-top: 20px;
}

.section01,
.section02,
.section03,
.section04 {
	overflow: hidden;
}

.section01:last-child,
.section02:last-child,
.section03:last-child,
.section04:last-child {
	margin-bottom: 170px;
}

.contents01 .section01:last-child,
.contents01 .section02:last-child,
.contents01 .section03:last-child,
.contents01 .section04:last-child {
	margin-bottom: 0;
}

.section01 > .inner01,
.section02 > .inner01,
.section03 > .inner01,
.section04 > .inner01 {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1210px;
}

.contents01 .section01 > .inner01,
.contents01 .section02 > .inner01,
.contents01 .section03 > .inner01,
.contents01 .section04 > .inner01 {
	padding: 0;
}

.section05,
.section06 {
	position: relative;
	margin: -168px auto 0;
	padding: 0 20px;
	max-width: 1250px;
}

.section05 > .heading01 {
	position: absolute;
	top: 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	text-align: center;
}

.heading01 {
	position: relative;
	margin: 80px 0 60px;
	color: #0d3655;
	font-size: 4.0rem;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.heading01.type02 {
	color: #fff;
}

.heading01.icon01,
.heading01.icon04 {
	padding-top: 80px;
}

.heading01.icon02 {
	padding-top: 90px;
}

.heading01.icon03 {
	padding-top: 100px;
}

.heading01.icon01:before,
.heading01.icon02:before,
.heading01.icon03:before,
.heading01.icon04:before {
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	background: no-repeat 0 0 / 100%;
	transition: all .3s;
}

.heading01.icon01:before {
	margin-left: -44px;
	width: 88px;
	height: 68px;
	background-image: url(../../case/images/ic01.png);
}
.heading01.icon02:before {
	margin-left: -35px;
	width: 70px;
	height: 76px;
	background-image: url(../../case/images/ic02.png);
}
.heading01.icon03:before {
	margin-left: -40px;
	width: 80px;
	height: 84px;
	background-image: url(../../case/images/ic03.png);
}
.heading01.icon04:before {
	margin-left: -48px;
	width: 96px;
	height: 63px;
	background-image: url(../../case/images/ic04.png);
}

.heading01 > .inner01 {
	display: block;
	margin-top: 5px;
	color: #e6002d;
	font-family: Lato;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	letter-spacing: .025em;
}

.heading01.icon02 > .inner01 {
	color: #04aae3;
}

.heading01.icon03 > .inner01 {
	color: #0d3655;
}

.heading01 > a,
.heading02 > a,
.heading03 > a,
.heading04 > a,
.heading05 > a {
	position: relative;
	display: table;
	padding-right: 37px;
	color: #0d3655;
	text-decoration: none;
	transition: all .3s;
}

.heading01 > a:hover,
.heading02 > a:hover,
.heading03 > a:hover,
.heading04 > a:hover,
.heading05 > a:hover {
	color: #05aae3;
	text-decoration: none;
}

.heading01 > a:after,
.heading02 > a:after,
.heading03 > a:after,
.heading04 > a:after,
.heading05 > a:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	margin-top: -9px;
	width: 18px;
	height: 18px;
	border-top: 3px solid #e6002d;
	border-right: 3px solid #e6002d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s;
}

.heading01 > a:hover:after {
	border-top: 3px solid #05aae3;
	border-right: 3px solid #05aae3;
}

.heading02 {
	margin: 60px 0;
	color: #0d3655;
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1.4;
}

.heading02 > a {
	padding-right: 24px;
}

.heading02 > a:after,
.heading03 > a:after,
.heading04 > a:after {
	margin-top: -7px;
	width: 14px;
	height: 14px;
	border-top: 2px solid #e6002d;
	border-right: 2px solid #e6002d;
}

.heading02 > a:hover:after,
.heading03 > a:hover:after,
.heading04 > a:hover:after {
	border-top: 2px solid #05aae3;
	border-right: 2px solid #05aae3;
}

.heading03 {
	margin: 40px 0;
	color: #333;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1.375;
}

.heading03.type02 {
	color: #0d3655;
}

.heading03.type03 {
	color: #0d3655;
	font-size: 2.0rem;
}

.heading03 > a {
	padding-right: 20px;
	color: #333;
}

.heading03 > a:after {
	margin-top: -6px;
	width: 12px;
	height: 12px;
}

.heading04 {
	margin: 20px 0;
	color: #04aae3;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}

.heading04 > a {
	padding-right: 15px;
	color: #04aae3;
}

.heading04 > a:after {
	margin-top: -4px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
}

.heading04 > a:hover:after {
	border-top: 1px solid #05aae3;
	border-right: 1px solid #05aae3;
}

.heading05 {
	margin: 20px 0;
	color: #333;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.7;
}

.heading05 > a {
	padding-right: 15px;
	color: #333;
}

.heading05 > a:after {
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
}

.heading05 > a:hover:after {
	border-top: 1px solid #05aae3;
	border-right: 1px solid #05aae3;
}

.heading05 > a:after {
	margin-top: -4px;
	width: 8px;
	height: 8px;
}

.hgroup01,
.hgroup02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin: 80px 0 60px;
}

.hgroup02 {
	margin: 60px 0;
}

.hgroup01 > .heading01 {
	margin: 0;
	width: calc(100% - 270px);
	width: -webkit-calc(100% - 270px);
}

.hgroup02 > .heading02 {
	margin: 0;
	width: calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
}

.hgroup01 > .button01 > a,
.hgroup02 > .button01 > a {
	position: relative;
	display: block;
	padding: 10px 55px;
	min-width: 235px;
	border: #0d3655 solid 2px;
	background-color: #0d3655;
	color: #fff;
	border-radius: 10px;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
}

.hgroup02 > .button01 > a {
	min-width: 178px;
	font-size: 1.2rem;
}

.hgroup01 > .button01 > a:hover,
.hgroup02 > .button01 > a:hover {
	background-color: #fff;
	color: #0d3655;
}

.hgroup01 > .button01 > a > .inner01,
.hgroup02 > .button01 > a > .inner01 {
	position: relative;
	padding: 0 20px;
}

.hgroup01 > .button01 > a > .inner01:before,
.hgroup02 > .button01 > a > .inner01:before {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #e70b36;
	border-right: 1px solid #e70b36;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.txt01 {
	margin-top: 40px;
}

.txt01 + .txt01 {
	margin-top: 20px;
}

.txt01.l {
	font-weight: 500;
}

.lead01 {
	margin-top: 40px;
	color: #0d3655;
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 1.2;
}

.lead02 {
	margin-top: 40px;
	color: #0d3655;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 2.0;
}

.frameArea01 {
	position: relative;
	margin-top: 100px;
	padding: 270px 0 270px;
	background: url(../../images/bg01_mid.jpg) no-repeat center -140px;
}
.frameArea01:before{
	content: "";
	display: block;
	z-index: 1;
	position: absolute;
	height: 231px;
	width: 100%;
	top: 0;
	left: 0;
	background: url(../../images/bg01_top.png) no-repeat center top;
}
.frameArea01:after{
	content: "";
	display: block;
	z-index: 1;
	position: absolute;
	height: 231px;
	width: 100%;
	bottom: 0;
	left: 0;
	background: url(../../images/bg01_bottom.png) no-repeat center top;
}

.frameArea01 > .frameAreaBg > .inner01 {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1210px;
}



.frameArea02 {
	position: relative;
	margin-top: 30px;
	padding: 230px 0;
	background-color: #f7fafc;
}

.frameArea02:last-child {
	padding: 160px 0;
}

.wrapper01 + .frameArea02 {
	margin-top: -97px;
}

.frameArea02:before,
.frameArea02:after {
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	height: 231px;
}

.frameArea02:before {
	top: 0;
	background: url(../images/bg01.png) no-repeat center top;
}
.frameArea02:after {
	bottom: 0;
	background: url(../images/bg02.png) no-repeat center top;
}

.frameArea02:last-child:after {
	content: normal;
}

.frameArea02 > .inner01 {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1210px;
}

.frameArea03 {
	position: relative;
	margin-top: -64px;
	background: #0d3655 url(../images/bg05.png) no-repeat center top;
}

.frameArea03:after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	content: " ";
	width: 100%;
	height: 232px;
	background: url(../images/bg06.png) no-repeat center top;
}

.frameArea03.type02 {
	margin-top: 0;
	background: #04aae3;
}

.frameArea03.type02:after {
	width: 100%;
	height: 232px;
	background: url(../images/bg07.png) no-repeat center top;
}

.frameArea03 > .inner01 {
	margin: 0 auto;
	padding: 232px 20px 83px;
	max-width: 1210px;
}

.frameArea03.type02 > .inner01 {
	padding: 60px 20px 17px;
}

.frameArea04 {
	margin-top: 40px;
	padding: 40px;
	background-color: #f8f8f8;
}

.frameArea04.pLarge {
	padding-top: 80px;
	padding-bottom: 80px;
}

.frameArea04 > .title01 {
	font-size: 2.4rem;
	font-weight: 700;
}

.frameArea05 {
	margin-top: 40px;
	padding: 35px;
	border: #eb3357 solid 5px;
}

.frameArea05 > .title01 {
	font-size: 2.4rem;
	font-weight: 700;
}

.frameArea06 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 40px;
	background-color: #f8f8f8;
}

.frameArea06 > .image01 {
	width: 50%;
	background: no-repeat center center / cover;
}

.frameArea06 > .image01.right {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.frameArea06 > .textBlock {
	margin: 40px 3.5%;
	width: 43%;
}

.frameArea06 > .textBlock > .text01 {
	color: #333;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.0;
}

.frameArea06 > .textBlock > .text01 + .txt01 {
	margin-top: 30px;
}

.frameArea07 {
	margin-top: 40px;
}

.frameArea07:first-child {
	margin-top: 0;
}

.frameArea07 > .inner01 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-decoration: none;
}

.frameArea07 > .inner01 > .image01,
.frameArea07 > .inner01 > .image02 {
	position: relative;
	width: 270px;
	background: no-repeat center center / cover;
}

.frameArea07 > .inner01 > .image02 {
	width: 140px;
}

.frameArea07 > .inner01 > .image01.right,
.frameArea07 > .inner01 > .image02.right {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.frameArea07 > .inner01 > .image01:after,
.frameArea07 > .inner01 > .image02:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #0d3655;
	opacity: 0;
	transition: all .3s;
}

.frameArea07 > a.inner01:hover > .image01:after,
.frameArea07 > a.inner01:hover > .image02:after {
	opacity: .7;
}

.frameArea07 > .inner01 > .textBlock {
	position: relative;
	padding: 30px 40px 30px 30px;
	background-color: #f8f8f8;
	transition: all .3s;
}

.frameArea07 > a.inner01:hover > .textBlock {
	background-color: #0d3655;
}

.frameArea07 > a.inner01 > .textBlock:after {
	position: absolute;
	top: 50%;
	right: 15px;
	content: "";
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s;
}

.frameArea07 > a.inner01:hover > .textBlock:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.frameArea07 > .inner01 > .image01 + .textBlock {
	width: calc(100% - 270px);
	width: -webkit-calc(100% - 270px);
}
.frameArea07 > .inner01 > .image02 + .textBlock {
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
}

.frameArea07 > .inner01 > .textBlock > .text01 {
	color: #0d3655;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.0;
	transition: all .3s;
}

.frameArea07 > .inner01 > .textBlock > .txt01 {
	color: #333;
	transition: all .3s;
}

.frameArea07 > a.inner01:hover > .textBlock > .txt01,
.frameArea07 > a.inner01:hover > .textBlock > .text01 {
	color: #fff;
}

.frameArea07 > .inner01 > .textBlock > .text01 + .txt01 {
	margin-top: 15px;
}

.list01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
}

.list01 > li {
	display: table;
	margin: 20px 0 0 10px;
	width: 226px;
}

.list01 > li > a {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px 0 15px;
	height: 80px;
	border-radius: 10px;
	background-color: #c3cbcd;
	color: #0d3655;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.2;
	transition: all .3s;
}

.list01 > li > a:hover {
	background-color: #0d3655;
	color: #fff;
}

.list01 > li > a:after {
	position: absolute;
	top: 40px;
	right: 22px;
	content: "";
	margin-top: -4px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.list01 > li.type02 > a {
	letter-spacing: -0.14em;
}

.list01 > li > a > .text01 {
	font-size: 1.2rem;
	font-weight: 300;
	letter-spacing: -0.09em;
}

.list02 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 60px;
	width: 100%;
	border-top: #fff solid 3px;
}

.list02:before,
.list02:after {
	position: absolute;
	bottom: 0;
	content: "";
	width: calc((100% - 582px) / 2);
	width: -webkit-calc((100% - 582px) / 2);
	height: 3px;
	background-color: #fff;
}

.list02:before {
	left: 0;
}
.list02:after {
	right: 0;
}

.list02 > li {
	position: relative;
	padding: 10px 0 23px;
	width: 194px;
	text-align: center;
	color: #fff;
	font-family: Lato;
	font-size: 2.4rem;
	letter-spacing: .025em;
}

.list02 > li:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 3px;
	background-color: #fff;
	transition: all .3s;
}

.list02 > li.select:before,
.list02 > li:hover:before {
	background-color: inherit;
}

.list02 > li > .inner01 {
	color: #e6002d;
	font-size: 80%;
	font-family: Lato;
	font-style: italic;
	font-weight: bold;
}

.list03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 60px;
	width: 100%;
}

.list03 > li {
	position: relative;
	width: 33.333%;
}

.list03 > li >.image01 img {
	width: 100%;
}

.list03 > li > .inner01 {
	position: absolute;
	top: 50%;
	right: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
}

.list03 > li > .inner01 > .text01 {
	width: 100%;
	color: #fff;
	font-size: 3.5rem;
	font-weight: 900;
	text-align: center;
	line-height: 1.2;
	text-shadow: 0 -1px 6px rgb(13, 54, 85), 0 1px 6px rgb(13, 54, 85);
}

.list03 > li > .inner01 > .text02 {
	margin-top: 30px;
	padding: 0 12%;
	width: 100%;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 -1px 6px rgb(13, 54, 85), 0 1px 6px rgb(13, 54, 85);
}

.list04 {
	margin-top: 40px;
}

.list04 .list04 {
	margin: 10px 0 0 1.0em;
}

.list04.horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 25px -30px 0 0;
	width: calc(100% + 50px);
	width: -webkit-calc(100% + 50px);
}

.list04.horizontal > li {
	margin-right: 50px;
	width: calc(100% / 4 - 50px);
	width: -webkit-calc(100% / 4 - 50px);
}

.list04.horizontal > li:first-child {
	margin-top: 15px;
}

.list05 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.list05 > li {
	width: 33.333%;
}

.list05 > li > a {
	position: relative;
	display: block;
	color: #fff;
}

.list05 > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(13, 54, 85, .9);
	opacity: 0;
	transition: all .3s;
}

.list05 > li > a:hover:before {
	opacity: 1.0;
}

.list05 > li > a > .image01 img {
	width: 100%;
}

.list05 > li > a > .inner01 {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
	backface-visibility: hidden;
}

.list05 > li > a > .inner01 > .text01 {
	position: relative;
	width: 100%;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	transition: all .3s;
}

.list05 > li > a > .inner01 > [class*="icon"] {
	padding-top: 75px;
}

.list05 > li > a > .inner01 > .text01:before {
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	background: no-repeat 0 0 / 100%;
	transition: all .3s;
}
.list05 > li > a > .inner01 > .text01.icon01:before {
	margin-left: -28px;
	width: 56px;
	height: 56px;
	background-image: url(../../company/images/ic02.png);
}
.list05 > li > a > .inner01 > .text01.icon02:before {
	margin-left: -28px;
	width: 57px;
	height: 50px;
	background-image: url(../../company/images/ic03.png);
}
.list05 > li > a > .inner01 > .text01.icon03:before {
	margin-left: -22px;
	width: 54px;
	height: 54px;
	background-image: url(../../company/images/ic04.png);
}
.list05 > li > a > .inner01 > .text01.icon04:before {
	margin-left: -28px;
	width: 57px;
	height: 51px;
	background-image: url(../../company/images/ic05.png);
}
.list05 > li > a > .inner01 > .text01.icon05:before {
	margin-left: -24px;
	width: 58px;
	height: 56px;
	background-image: url(../../company/images/ic06.png);
}
.list05 > li > a > .inner01 > .text01.icon06:before {
	margin-left: -38px;
	width: 75px;
	height: 53px;
	background-image: url(../../company/images/ic07.png);
}

.list05 > li > a > .inner01 > .text01 > .inner01 {
	display: block;
	margin-top: 12px;
	color: #05aae3;
	font-family: Lato;
	font-size: 1.8rem;
	letter-spacing: .04em;
}

.list05 > li > a > .inner01 > .text02 {
	margin-top: 5%;
	padding: 0 2%;
	width: 100%;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.list06 {
	margin-top: 40px;
}

.list06 > li {
	position: relative;
	margin-top: 10px;
	padding-left: 32px;
}

.list06 > li:first-child {
	margin-top: 0;
}

.list06 > li:before {
	position: absolute;
	top: .1em;
	left: 0;
	content: "";
	width: 23px;
	height: 23px;
	background: url(../images/ic11.png) no-repeat 0 0 / 100%;
}

.list07,
.list08 {
	margin-top: 40px;
}

.list07 > li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

.list07 > li:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-size: 10px 10px;
}

.list07 > li:first-child {
	margin-top: 0;
}

.list07 > li > .image01 {
	margin-right: 50px;
	width: 83px;
}

.list07 > li > .text01 {
	margin-right: 30px;
	width: 310px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.0;
}

.list07 > li > .text01 > .inner01 {
	font-size: 1.2rem;
}

.list07 > li > .text02 {
	/* width: 105px; */
	font-size: 2.2rem;
	font-weight: 700;
}

.list07 > li > .text02 > .number01 {
	font-size: 4.5rem;
}

.list08 > li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

.list08 > li:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-size: 10px 10px;
}

.list08 > li:first-child {
	margin-top: 0;
}

.list08 > li > .image01 {
	width: 270px;
}

.list08 > li > .textBlock {
	width: calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
}

.list08 > li > .textBlock > .text01 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.2;
}

.list08 > li > .textBlock > .text01 + .txt01 {
	margin-top: 20px;
}

.list09,
.list10,
.list11,
.list12
 {
	margin-top: 15px;
}

.list09 > li,
.list10 > li,
.list11 > li {
	position: relative;
	margin-top: 10px;
	padding-left: 1.3em;
}

.list12 > li {
	position: relative;
	margin-top: 10px;
	padding-left: 2.0em;
}

.list09 > li:first-child,
.list10 > li:first-child,
.list11 > li:first-child,
.list12 > li:first-child
 {
	margin-top: 0;
}

.list09 .list09,
.list09 .list11,
.list10 .list10,
.list12 .list12 {
	margin-top: 10px;
}

.list09 > li:before {
	display: block;
	position: absolute;
	top: .7em;
	left: 0;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #04aae3;
}

.list10 {
	counter-reset: li;
}

.list10 li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

.list10 li:before {
	counter-increment: li;
	content: counter(li) ". ";
	color: #04aae3;
	font-weight: 700;
}

.list11 > li:before {
	display: block;
	position: absolute;
	top: .7em;
	left: 0;
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #000000;
}

.list12 > li:before {
	display: block;
	position: absolute;
	top: .7em;
	left: 13px;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #04aae3;
}


.qaList01 {
	margin-top: 40px;
}

.qaList01 > dt {
	position: relative;
	margin-top: 30px;
	padding-left: 2.5em;
	text-indent: -2.5em;
	color: #04aae3;
	font-weight: 700;
	counter-increment: q;
}

.qaList01 > dt:first-child {
	margin-top: 0;
}

.qaList01 > dt:before {
	margin-right: .8em;
	content: "Q" counter(q) ".";
}

.qaList01 > dd {
	position: relative;
	margin-top: 10px;
	padding-left: 2.4em;
	text-indent: -2.4em;
	counter-increment: a;
}

.qaList01 > dd:before {
	margin-right: .8em;
	content: "A" counter(a) ".";
	color: #0f2e39;
	font-weight: 700;
}

.box01 {
	margin-top: 60px;
	padding-left: 60px;
	padding-right: 60px;
}

.box01 > .text01 {
	color: #fff;
	font-size: 4.6rem;
	font-weight: 700;
	text-shadow: 0 0 7px rgba(0, 0, 0, .6);
	/* text-align: center; */
}

.box01 > .text02 {
	margin-top: 10px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	/* text-align: center; */
}

.box01 > .text03 {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	text-shadow: 0 0 7px rgba(0, 0, 0, .6);
	/* text-align: center; */
}

.box02 {
	margin-top: 40px;
}

.box02 > .text01 {
	font-size: 2.5rem;
	font-weight: 700;
}

.box02 > .text02 {
	margin-top: 10px;
	color: #04aae3;
	font-size: 3.8rem;
	font-weight: 900;
	line-height: 1.2;
}

.box02 > .text03 {
	margin: 60px auto 0;
	font-size: 1.9rem;
	font-weight: 700;
}

.box02 > .text03.center {
	margin-left: auto;
	margin-right: auto;
}

.box03 {
	padding: 0 0 55px 17.2%;
	border-bottom: #e6e6e6 solid 1px;
}

.box04 {
	margin-top: 60px;
}

.box04 > .button01 {
	width: 158px;
}

.box04 > .text01 {
	margin-left: 65px;
}

.box05,
.box06,
.box07,
.box08,
.box09 {
	margin-top: 40px;
}

.box06,
.box07,
.box08,
.box09 {
	border-top: #e6e6e6 solid 1px;
	border-bottom: #e6e6e6 solid 1px;
}

.box05:first-child,
.box06:first-child,
.box07:first-child,
.box08:first-child,
.box09:first-child {
	margin-top: 0;
}

.box05 > .image01 {
	width: 24.5%;
}

.box05 > .textBlock {
	width: 71%;
}

.box05 > .textBlock > .text01 {
	color: #0d3655;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.04em;
}

.box05 > .textBlock > .text02 {
	margin-top: 20px;
	color: #333;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.35;
}

.box06 > a {
	position: relative;
	display: block;
	background-color: #fff;
	text-decoration: none;
	transition: all .3s;
}

.box06 > a:hover {
	background-color: #0d3655;
}

.box06 > a > .inner01 {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	max-width: 640px;
}

.box06 > a > .inner01:after {
	position: absolute;
	top: 50%;
	right: -7%;
	content: "";
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border-top: 2px solid #e6002d;
	border-right: 2px solid #e6002d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s;
}

.box06 > a:hover > .inner01:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.box06 > a > .inner01 > .text01 {
	color: #0d3655;
	font-size: 3.4rem;
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1.2;
	transition: all .3s;
}

.box06 > a > .inner01 > .text02 {
	margin-top: 10px;
	color: #333;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.35;
	transition: all .3s;
}

.box06 > a > .inner01 > .text03 {
	margin-top: 10px;
	color: #333;
	font-size: 3.46rem;
	font-weight: 500;
	line-height: 1.35;
	transition: all .3s;
}

.box06 > a:hover > .inner01 > .text01,
.box06 > a:hover > .inner01 > .text02,
.box06 > a:hover > .inner01 > .text03 {
	color: #fff;
}

.box07 {
	padding: 30px;
}

.box07 > .text01 {
	width: 170px;
	font-size: 2.2rem;
	font-weight: 700;
}

.box07 > .inner01 {
	width: calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
}

.box08 {
	padding: 45px;
}

.box08 > .inner01 {
	margin: 0 auto;
	max-width: 760px;
}

.box08 > .inner01 > .textBlock {
	width: calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
}

.box08 > .inner01 > .textBlock > .text01 {
	color: #0d3655;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.04em;
}

.box08 > .inner01 > .textBlock > .text02 {
	margin-top: 15px;
	font-weight: 700;
}

.box09 {
	padding: 55px;
}

.box09 > .inner01 {
	margin: 0 auto;
	padding-right: 170px;
	max-width: 800px;
}

.box09 > .inner01 > .image01 img {
	border: #e6e6e6 solid 1px;
}

.box09 > .inner01 > .textBlock {
	width: calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
}

.box09 > .inner01 > .textBlock > .text01 {
	color: #0d3655;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.04em;
}

.box09 > .inner01 > .textBlock > .text02 {
	margin-top: 15px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.35;
}

.btn01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
}

.btn01 + .btn01 {
	margin-top: 10px;
}

.btn01.center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.btn01.right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.btn01 > a {
	display: table;
	position: relative;
	padding: 12px 55px;
	min-width: 235px;
	border: #0d3655 solid 2px;
	background-color: #0d3655;
	color: #fff;
	border-radius: 10px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
	transition: all .3s;
}

.btn01.download > a {
	padding: 12px 36px;
}
.btn01.pdf > a {
	padding: 12px 18px;
}

.btn01.width100 > a {
	width: 100%;
}

.btn01 > a:hover {
	background-color: #fff;
	color: #0d3655;
}

.btn01.type02 > a {
	border-color: #fff;
	background-color: #fff;
	color: #0d3655;
}

.btn01.type02 > a:hover {
	border-color: #0d3655;
	background-color: #0d3655;
	color: #fff;
}

.btn01 > a > .inner01 {
	position: relative;
	display: block;
	padding: 0 20px;
}
.btn01.download > a > .inner01 {
	padding: 0 24px;
}
.btn01.pdf > a > .inner01 {
	padding: 0 30px;
}

.btn01.width100 > a > .inner01 {
	text-align: center;
}

.btn01 > a > .inner01:before {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #e70b36;
	border-right: 1px solid #e70b36;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn01.download > a > .inner01:before,
.btn01.blank > a > .inner01:before,
.btn01.pdf > a > .inner01:before {
	border-top: none;
	border-right: none;
	background: no-repeat 0 0 / cover;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.btn01.download > a > .inner01:before {
	margin-top: -13px;
	width: 15px;
	height: 22px;
	background-image: url(../images/ic12.png);
}
.btn01.pdf > a > .inner01:before {
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background-image: url(../images/ic10.png);
}

.col01 {
	position: relative;
	z-index: 10;
	margin-top: 20px;
	width: calc(100% / 3);
	width: -webkit-calc(100% / 3);
}

.col01.type02:last-child {
	border-right: #f9f9f9 solid 1px;
}

.casePanels{
	overflow: visible;
}

.casePanels .col01 {
	overflow: visible;
}
.casePanels .col01{
	transition: box-shadow .3s;
}
.casePanels .col01:hover{
	z-index: 11;
}
.casePanels a:hover{
	color: #0d3655;
}

.col01 > .inner01 {
	position: relative;
	display: block;
	padding: 50px 8.9%;
	height: 100%;
	background-color: #f8f8f8;
	text-decoration: none;
	transition: all .3s;
}

.frameArea02 .col01 > .inner01 {
	background-color: #f5f5f5;
}

.col01.type02 > .inner01 {
	background-color: #fff;
}

.col01 > a.inner01:hover {
	z-index: 5;
	text-decoration:  none;
	box-shadow: 0 0 7px rgba(0, 0, 0, .2);
	background-color: #f0f0f0;
}

.col01 > .inner01 > .title01 {
	color: #0d3655;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1.375;
}

.col01 > .inner01 > .title01 > a {
	color: #0d3655;
	text-decoration: none;
}

.col01 > .inner01 > .title01 > a:hover {
	text-decoration: underline
}

.col01 > .inner01 > .text01 {
	margin-top: 40px;
	color: #0d3655;
	font-size: 1.8rem;
	font-weight: 300;
}

.col01 > .inner01 > .text02 {
	position: relative;
	margin-top: 40px;
	padding: 10px 5px;
	color: #333;
	font-size: 1.6rem;
	font-weight: 700;
}

.col01 > .inner01 > .text02:before,
.col01 > .inner01 > .text02:after {
	position: absolute;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #cfd7dd, #cfd7dd 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #cfd7dd, #cfd7dd 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-size: 4px 4px;
}

.col01 > .inner01 > .text02:before {
	top: 0;
}
.col01 > .inner01 > .text02:after {
	bottom: 0;
}

.col01 > .inner01 > .text03 {
	margin-top: 15px;
	color: #6e8699;
	font-weight: 500;
}

.col01 > .inner01 > .text03 > .inner01 {
	position: relative;
	padding: 0 7px;
}

.col01 > .inner01 > .text03 > .inner01:before {
	position: absolute;
	top: 50%;
	left: 5px;
	content: "/";
	margin-top: -.8em;
	font-size: 1.0rem;
	font-weight: 200;
}

.col01 > .inner01 > .text03 > a {
	color: #6e8699;
	text-decoration: none;
}

.col01 > .inner01 > .text03 > a:hover {
	text-decoration: underline;
}

.contents01 .col01 > .inner01 {
	padding: 30px 8.9%;
}

.contents01 .col01 > .inner01 > .title01 {
	font-size: 2.0rem;
}

.contents01 .col01 > .inner01 > .text01 {
	margin-top: 30px;
	font-size: 1.5rem;
}

.col02 {
	margin: 60px -.9% 0;
	width: 26.4%;
}

.section01 .col02 {
	margin-top: 30px;
}

.col02:first-child {
	margin-left: 0;
}

.col02 > .image01 > a {
	display: block;
	background: no-repeat 0 0 / 100%;
}

.col02 > .image01 > a img {
	transition: all .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.col02 > .image01 > a:hover img {
	opacity: 0;
}

.col02 > .image01.type01 > a {
	background-image: url(../images/bt01on.png);
}
.col02 > .image01.type02 > a {
	background-image: url(../images/bt02on.png);
}
.col02 > .image01.type03 > a {
	background-image: url(../images/bt03on.png);
}
.col02 > .image01.type04 > a {
	background-image: url(../images/bt04on.png);
}

.col02 > .inner01 {
	margin: 30px 11% 0;
}

.col03 {
	position: relative;
	width: 50%;
}

.col03 > .image01 {
	margin: 0 auto;
	width: 70%;
}

.col03 > .inner01 {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
	backface-visibility: hidden;
}

.col03 > .inner01 > .text01 {
	position: relative;
	padding-top: 98px;
	width: 100%;
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	transition: all .3s;
}

.col03 > .inner01 > .text01:before {
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	margin-left: -28px;
	width: 56px;
	height: 74px;
	background: url(../../company/images/ic01.png) no-repeat 0 0 / 100%;
	transition: all .3s;
}

a:hover .col03 > .inner01 > .text01,
a:hover .col03 > .inner01 > .text02 {
	color: #fff;
}

a:hover .col03 > .inner01 > .text01:before {
	background-image: url(../../company/images/ic01on.png);
}

.col03 > .inner01 > .text01 > .inner01 {
	display: block;
	margin-top: 12px;
	color: #05aae3;
	font-family: Lato;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: .04em;
}

.col03 > .inner01 > .text02 {
	margin-top: 15px;
	padding: 0 12%;
	width: 100%;
	font-weight: 700;
	text-align: center;
	transition: all .3s;
}

.col04 {
	position: relative;
	width: 158px;
}

.col04 > .image01 {
	border: #e6e6e6 solid 1px;
}

.col05 {
	margin: 50px 0 0 6%;
	width: calc(100% - 224px);
	width: -webkit-calc(100% - 224px);
}

.col05 > .text01 {
	color: #0d3655;
	font-size: 3.4rem;
	font-weight: 700;
	letter-spacing: -.04em;
}

.col05 > .text01 > .inner01 {
	font-size: 2.4rem;
}

.col05 > .text02 {
	margin-top: 10px;
	font-weight: 700;
}

.col06 {
	position: relative;
	padding: 30px 3.4% 80px;
	width: 50%;
	border: #f8f8f8 solid 1px;
}

.col06.type02 {
	background-color: #f8f8f8;
}

.col06 > .image01 {
	width: 87.6%;
}

.col06 > .image02 {
	width: 67.2%;
}

.col06 > .image03 {
	width: 86.8%;
}
.col06 > .image04 {
	width: 41.8%;
}

.col06 > .title01 {
	margin-top: 40px;
	font-size: 2.4rem;
	font-weight: 700;
}

.col06 > .text01 {
	margin-top: 20px;
}

.col06 > .linkTxt01 {
	position: absolute;
	margin-top: 0;
	bottom: 30px;
	left: 6.8%;
}

.col-set {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
}

.col1-2 {
	width: calc(100% / 2 - 30px);
	width: -webkit-calc(100% / 2 - 30px);
}
.col1-3 {
	width: calc(100% / 3 - 30px);
	width: -webkit-calc(100% / 3 - 30px);
}
.col1-4 {
	width: calc(100% / 4 - 30px);
	width: -webkit-calc(100% / 4 - 30px);
}
.col2-3 {
	width: calc(100% / 3 * 2 - 30px);
	width: -webkit-calc(100% / 3 * 2 - 30px);
}
.col3-4 {
	width: calc(100% / 4 * 3 - 30px);
	width: -webkit-calc(100% / 4 * 3 - 30px);
}
.col1-2,
.col1-3,
.col1-4,
.col2-3,
.col3-4 {
	margin-right: 30px;
}

.col-set.no-margin {
	width: 100%;
}

.no-margin .col1-2 {
	width: calc(100% / 2);
	width: -webkit-calc(100% / 2);
}

.no-margin .col1-3 {
	width: calc(100% / 3);
	width: -webkit-calc(100% / 3);
}

.no-margin .col1-4 {
	width: calc(100% / 4);
	width: -webkit-calc(100% / 4);
}

.no-margin .col2-3 {
	width: calc(100% / 3 * 2);
	width: -webkit-calc(100% / 3 * 2);
}

.no-margin .col3-4 {
	width: calc(100% / 4 * 3);
	width: -webkit-calc(100% / 4 * 3);
}

.no-margin .col1-2,
.no-margin .col1-3,
.no-margin .col1-4,
.no-margin .col2-3,
.no-margin .col3-4 {
	margin-right: 0;
}

.infoWrap01 {
	padding-top: 100px;
}

.infoWrap01 > .title01 {
	width: 112px;
	color: #0d3655;
	font-size: 2.1rem;
	font-weight: 700;
}

.infoWrap01 > .text01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-flex-item-align: end;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	width: 112px;
}

.infoWrap01 > .text01 > a {
	position: relative;
	padding-right: 27px;
	color: #0d3655;
	font-size: 2.1rem;
	font-weight: 700;
	transition: all .3s;
	text-decoration: none;
}

.infoWrap01 > .text01 > a:hover {
	color: #e6002d;
}

.infoWrap01 > .text01 > a:before {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #e70b36;
	border-right: 2px solid #e70b36;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.infoArea01 {
	padding-left: 32px;
	width: calc(100% - 224px);
	width: -webkit-calc(100% - 224px);
	border-left: #0d3655 solid 1px;
}

.infoCol01 > .text01 {
	color: #6e8699;
	font-weight: 500;
}

.infoCol01 > .text02 > a {
	position: relative;
	display: block;
	font-size: 2.1rem;
	text-decoration: none;
	color: #333;
	font-weight: 400;
}

.infoCol01 > .text02 > a:hover:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #0d3655;
}

.infoCol01 > .text02 > a > .font01 {
	padding-right: 30px;
	color: #0d3655;
}

.wrapper01 {
	position: relative;
	z-index: 5;
	margin: -80px auto 0;
	padding: 0 20px;
	max-width: 1210px;
}

.wrapper01:before,
.wrapper01:after {
	position: absolute;
	top: 0;
	content: "";
	width: 15px;
	height: 103px;
}

.wrapper01:before {
	left: 5px;
	background: url(../images/bg03.png) no-repeat 0 0 / 100%;
}

.wrapper01:after {
	right: 5px;
	background: url(../images/bg04.png) no-repeat 0 0 / 100%;
}

.wrapper01 > .inner01 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #fff;
}

.wrapper01:last-child {
	padding-bottom: 170px;
}

.wrapper02 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto 170px;
	padding: 0 20px;
	max-width: 1210px;
}

.contents01 {
	width: calc(75% - 30px);
	width: -webkit-calc(75% - 30px);
}

.tableWrap02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
	border-bottom: #fff 1px solid;
}

.textTh01,
.textTh02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 12px 0;
	min-height: 60px;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
	background-color: #05aae3;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
}

.textTh02.type02 {
	background-color: #0498c9;
}

.textTb01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 12px 30px;
	min-height: 60px;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
	background-color: #f2f2f2;
	font-weight: 400;
}

.textTb01.type02 {
	background-color: #f8f8f8;
}

.table01 {
	margin-top: 40px;
	width: 100%;
}

.table01 th {
	padding: 12px 15px;
	height: 60px;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	border-right: #fff 1px solid;
	background-color: #05aae3;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
}

.small01 {
	font-size: 0.7em; 
	text-align: center;
}

.bgColor01 {
	background-color: #f2f2f2 !important;
}
.bgColor02 {
	background-color: #f8f8f8 !important;
}
.bgColor03 {
	background-color: #0498c9 !important;
}

.table01 td {
	padding: 20px 15px;
	border: #f2f2f2 1px solid;
	font-weight: 400;
}

.table02 td {
	padding: 10px 15px;
	border: #fff 1px solid;
	font-weight: 400;
	vertical-align: middle;
}

.table01 .mid {
	padding: 20px 15px;
	border: #f2f2f2 1px solid;
	font-weight: 400;
	vertical-align: middle;
}

.table01 [class*="bgColor"] td {
	border: #fff 1px solid;
}

.linkBox01 {
	width: 100%;
}

.linkBox01 > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	width: 100%;
	color: #333;
	text-decoration: none;
}

.linkBox01 > a:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	z-index: 5;
	width: 50%;
	height: 100%;
	background-color: rgba(13, 54, 85, .9);
	opacity: 0;
	transition: all .3s;
}

.linkBox01 > a:hover:after {
	opacity: 1.0;
}

.linkTxt01 {
	margin-top: 40px;
}

.linkTxt01 + .linkTxt01 {
	margin-top: 10px;
}

.linkTxt01 > a {
	position: relative;
	display: inline-block;
	padding-right: 14px;
	color: #0d3655;
	font-weight: 700;
	line-height: 1.2;
	transition: all .3s;
	text-decoration: none;
	vertical-align: middle;
}

.linkTxt01.download > a,
.linkTxt01.blank > a {
	padding-right: 24px;
}

.linkTxt01.pdf > a {
	padding-right: 33px;
}

.linkTxt01 > a:hover {
	color: #05aae3;
	text-decoration: none;
}

.linkTxt01 > a:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s;
}

.linkTxt01 > a:hover:after {
	border-top: 1px solid #05aae3;
	border-right: 1px solid #05aae3;
}

.linkTxt01.download > a:after,
.linkTxt01.blank > a:after,
.linkTxt01.pdf > a:after {
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	background: no-repeat 0 0 / cover;
}

.linkTxt01.download > a:after {
	margin-top: -11px;
	width: 15px;
	height: 22px;
	background-image: url(../images/ic12.png);
}
.linkTxt01.blank > a:after {
	margin-top: -10px;
	width: 17px;
	height: 20px;
	background-image: url(../images/ic13.png);
}
.linkTxt01.pdf > a:after {
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background-image: url(../images/ic10.png);
}

.linkTxt01.download > a:hover:after {
	background-image: url(../images/ic12on.png);
}
.linkTxt01.blank > a:hover:after {
	background-image: url(../images/ic13on.png);
}

.ancLink01 {
	margin-top: 40px;
}

.ancLink01.horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 25px;
}

.ancLink01 > li {
	margin-top: 15px;
}

.ancLink01 > li:first-child {
	margin-top: 0;
}

.ancLink01.horizontal > li {
	margin-right: 30px;
}

.ancLink01.horizontal > li:first-child {
	margin-top: 15px;
}

.ancLink01 > li > a {
	position: relative;
	display: inline-block;
	padding-right: 14px;
	color: #0d3655;
	font-weight: 700;
	line-height: 1.2;
	transition: all .3s;
	text-decoration: none;
}

.ancLink01 > li > a:hover {
	color: #05aae3;
	text-decoration: none;
}

.ancLink01 > li > a:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	margin-top: -4px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	transition: all .3s;
}

.ancLink01 > li > a:hover:after {
	border-top: 1px solid #05aae3;
	border-right: 1px solid #05aae3;
}

.img01 {
	margin-top: 40px;
}
.img01.center {
	margin-left: auto;
	margin-right: auto;
}
.img01.right {
	margin-left: auto;
}
.caption01 {
	display: block;
	margin-top: 10px;
	font-weight: 700;
}

.caption02 {
	display: block;
	margin-top: 10px;
	font-weight: 400;
}

.right .caption01 {
	text-align: left;
}

blockquote {
	margin-top: 40px;
	padding: 10px 40px 10px 30px;
	border-left: #0d3655 solid 10px;
}

q {
	display: block;
	margin: 20px 0 0 40px;
	color: #ccc;
}

.imgTextWrap01 {
	margin-top: 40px;
	overflow: hidden;
}

.imgTextWrap01 > .image01 {
	float: left;
	max-width: 50%;
	margin-right: 30px;
}

.imgTextWrap01 > .image01.right {
	float: right;
	margin-right: auto;
	margin-left: 30px;
}

.imgTextWrap01 > .textBlock,
.imgTextWrap01 > .txt01 {
	overflow: hidden;
}

.imgTextWrap01 > .textBlock > .text01 {
	color: #333;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.0;
}

.imgTextWrap01 > .textBlock > .text01 + .txt01 {
	margin-top: 30px;
}

.notes01 {
	position: relative;
	margin-top: 40px;
	padding-left: 1.4em;
}

.notes01 + .notes01,
.notes02 + .notes02 {
	margin-top: 10px;
}

.notes01:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "※";
}

.notes02 {
	margin-top: 40px;
	padding-left: 2.2em;
	text-indent: -2.2em;
	counter-increment: number;
}

.notes02:before {
	margin-right: .7em;
	content: "※" counter(number);
}

.infoList01 {
	margin-top: 40px;
}

.infoList01 > li {
	position: relative;
	width: 100%;
}

.infoList01 > li:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #e6e6e6, #e6e6e6 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-size: 10px 10px;
}

.infoList01 > li:last-child:after {
	content: normal;
}

.infoList01 > li > .inner01 {
	display: block;
	padding: 40px 0;
	text-decoration: none;
}

.infoList01 > li:first-child > .inner01 {
	padding-top: 0;
}
.infoList01 > li:last-child > .inner01 {
	padding-bottom: 0;
}

.infoList01 > li > .inner01 > .text01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.infoList01 > li > .inner01 > .text01 > .date01 {
	padding-top: 3px;
	width: 150px;
	color: #86969c;
	font-size: 1.8rem;
	font-weight: 300;
	transition: all .3s;
}

.infoList01 > li > .inner01 > .text01 > .inner01 {
	width: calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	color: #0d3655;
	font-size: 2.2rem;
	font-weight: 700;
	transition: all .3s;
}

.infoList01 > li > .inner01 > .text01 > .inner01 > .newIc01 {
	display: inline-block;
	margin-left: 10px;
	color: #e6002d;
	font-family: Lato;
	transition: all .3s;
}

.infoList01 > li > .inner01 > .text02 {
	margin-top: 10px;
	color: #333;
	font-size: 1.7rem;
	transition: all .3s;
}

.infoList01 > li > a.inner01:hover > .text01 > .date01,
.infoList01 > li > a.inner01:hover > .text01 > .inner01,
.infoList01 > li > a.inner01:hover > .text01 > .inner01 > .newIc01,
.infoList01 > li > a.inner01:hover > .text02 {
	color: #04aae3;
}

.panel01 > a {
	display: block;
	padding: 20px;
	background-color: #fff;
	text-decoration: none;
	transition: all .3s;
}

.panel01 > a:hover {
	background-color: #f8f8f8;
}

.panel01 img {
	width: 100%;
}

.panel01 > a > .image01

 {
	margin: -20px -20px 0;
}

.panel01 > a > .image01,
.panel01 > .image01 > a {
	position: relative;
	display: block;
}

.panel01 > a > .image01:after,
.panel01 > .image01 > a:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #0d3655;
	opacity: 0;
	transition: all .3s;
}

.panel01 > a:hover > .image01:after,
.panel01 > .image01 > a:hover:after {
	opacity: .7;
}

.panel01 > a > .text01,
.panel01 > .text01 {
	margin-top: 10px;
	color: #0d3655;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1.3;
}

.panel01 > a > .text01 + .txt01,
.panel01 > .text01 + .txt01 {
	margin-top: 10px;
}

.panel01 > a > .txt01,
.panel01 > a:hover > .txt01 {
	color: #333;
}

.flowList01 {
	margin-top: 40px;
}

.flowList01:first-child {
	margin-top: 0;
}

.flowList01 > li {
	position: relative;
	padding-top: 54px;
	overflow: hidden;
}

.flowList01 > li:first-child {
	padding-top: 0;
}

.flowList01 > li:before {
	position: absolute;
	top: 18px;
	left: 13.4%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 18px 0 18px;
	border-color: transparent;
}

.flowList01 > li:first-child:before {
	content: normal;
}

.flowList01 > li.type01:before {
	border-top-color: #32a5fc;
}
.flowList01 > li.type02:before {
	border-top-color: #2e98e8;
}
.flowList01 > li.type03:before {
	border-top-color: #2888d1;
}
.flowList01 > li.type04:before {
	border-top-color: #1e71b0;
}
.flowList01 > li.type05:before {
	border-top-color: #15598c;
}
.flowList01 > li.type06:before {
	border-top-color: #0d3655;
}

.flowList01 > li > .textBlock {
	overflow: hidden;
}

.flowList01 > li > .flowBlock01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	float: left;
	margin-right: 3%;
	padding: 10px;
	width: 31%;
	height: 142px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}

.flowList01 > li.type01 > .flowBlock01 {
	background-color: #32a5fc;
}
.flowList01 > li.type02 > .flowBlock01 {
	background-color: #2e98e8;
}
.flowList01 > li.type03 > .flowBlock01 {
	background-color: #2888d1;
}
.flowList01 > li.type04 > .flowBlock01 {
	background-color: #1e71b0;
}
.flowList01 > li.type05 > .flowBlock01 {
	background-color: #15598c;
}
.flowList01 > li.type06 > .flowBlock01 {
	background-color: #0d3655;
}

.iframeWrap01 {
	margin-top: 40px;
}
.iframeWrap01:first-child {
	margin-top: 0;
}

.iframeWrap01.center {
	margin-left: auto;
	margin-right: auto;
}
.iframeWrap01.right {
	margin-left: auto;
}

.iframeWrap01 > .inner01 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.iframeWrap01:first-child {
	margin-top: 0;
}
.iframeWrap01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.formList01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
	border-bottom: #030000 solid 1px;
}

.formList01 > dt,
.formList01 > dd {
	border-top: #030000 solid 1px;
}

.formList01 > dt {
	position: relative;
	padding: 30px 55px 30px 0;
	width: 31%;
	font-weight: 700;
}

.formList01.confirm > dt {
	padding-top: 30px;
}

.formList01 > dt > .icon01 {
	position: absolute;
	top: 33px;
	right: 0;
	padding: 2px 13px;
	background-color: #04aae3;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
}

.formList01 > dd {
	padding: 30px 30px 30px 60px;
	width: 69%;
}

.formList01 > dd > .text01 {
	margin-top: 5px;
	font-size: 1.3rem;
}

.formList01 .cat01 {
	margin-right: 20px;
	padding: 0 25px;
	border: #0f2e39 solid 1px;
}

.formtxt01 {
	margin-bottom: 10px;
	font-size: 1.3rem;
}

.formList02 {
	margin: 0 -30px;
}

.formList02 > li {
	position: relative;
	margin-top: 30px;
	padding: 25px 30px 0;
}

.formList02 > li:first-child {
	margin-top: 0;
	padding-top: 0;
}

.formList02 > li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #87969c, #87969c 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #87969c, #87969c 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	background-size: 2px 2px;
}

.formList02 > li:first-child:before {
	content: normal;
}

.formList02 > li > .text01 {
	font-size: 1.3rem;
}

.formList02 > li > .text02 {
	margin-top: 10px;
}

.formList02 > li > .text03 {
	margin: 0 10px;
}

.window01,
.window02,
.window03,
.window04,
.window05 {
	padding: 5px;
	width: 100%;
	height: 42px;
	border: #ccc 1px solid;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15) inset;
	font-family: inherit;
	font-size: 16px;
}

.window01.error,
.window02.error,
.window03.error,
.window04.error,
.window05.error {
	border: #e6002d 1px solid;
	background-color: #fff8f8;
}

.window01 {
	height: 185px;
}

.window03 {
	width: 110px;
}

.window04 {
	width: 142px;
}

.window04 {
	width: 142px;
}

.window05 {
	width: 165px;
}

.errorTxt01 {
	margin-top: 5px;
	color: #e6002d;
}
.selectGroup01 {
	position: relative;
	display: inline-block;
	border: #ccc 1px solid;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15) inset;
}

.selectGroup01:before {
	position: absolute;
	top: 0;
	right: 0;
	content: " ";
	width: 45px;
	height: 42px;
	border-radius: 0 5px 5px 0;
	border-left: #ccc solid 1px;
	background-color: #fff;
}

.selectGroup01:after {
	position: absolute;
	top: 50%;
	right: 18px;
	content: " ";
	margin-top: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 6px 0 6px;
	border-color: #666 transparent transparent transparent;
}

.select01 {
	position: relative;
	z-index: 1;
	padding: 5px 78px 5px 20px;
	height: 42px;
	font-family: inherit;
	font-size: 16px;
}

.checkBlock01 {
	margin-top: 10px;
	padding: 15px 0;
}

.checkBlock01.error {
	background-color: #fff8f8;
}

.checkBlock01 .errorTxt01 {
	text-align: center;
}

.checkGroup01,
.radioGroup01 {
	display: inline-block;
	padding-right: 15px;
	font-weight: normal;
	cursor: pointer;
}

.checkGroup01.center,
.radioGroup01.center {
	display: table;
	margin: 0 auto;
}

.checkTxt01,
.radioTxt01 {
	position: relative;
	padding-left: 34px;
	font-size: 1.8rem;
	text-indent: 0px;
	display: block;
}

.radioTxt01:before,
.checkTxt01:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: " ";
	margin-top: -9px;
	width: 18px;
	height: 18px;
	border: #ccc solid 3px;
	border-radius: 5px;
	background-color: #fff;
	box-sizing: border-box;
	transition: all .2s;
}

.radioTxt01:before {
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
}

.checkGroup01 > input[type="checkbox"]:checked + .checkTxt01:before {
	border: #04aae3 solid 3px;
	background-color: #04aae3;
}

.radioGroup01 > input[type="radio"]:checked + .radioTxt01:before {
	border: #04aae3 solid 3px;
	background-color: #04aae3;
}

.checkTxt01:after {
	position: absolute;
	top: 50%;
	left: 3px;
	content: "";
	margin-top: -5px;
	width: 8px;
	height: 4px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .2s;
	opacity: 0;
}

.checkGroup01 > input[type="checkbox"]:checked + .checkTxt01:after {
	opacity: 1;
}

.uploadGroup01 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.uploadGroup01 > .inner01 {
	display: inline-block;
	margin-left: 10px;
	padding: 9px 35px;
	border: 1px solid #8a8a8a;
	border-radius: 20px;
	color: #fff;
	background: #8a8a8a;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 1.6;
	transition: all .3s;
}

.uploadGroup01:hover > .inner01 {
	background-color: #fff;
	color: #8a8a8a;
}

.uploadGroup01 input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.btnArea01 > .button01,
.btnArea01 > .button02 {
	position: relative;
	margin-top: 40px;
	width: 45.9%;
}

.submitWrap01,
.submitWrap02 {
	cursor: pointer;
}

.submitWrap01:before,
.submitWrap02:before {
	position: absolute;
	top: 50%;
	right: 10%;
	content: " ";
	margin-top: -22px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: #fff solid 1px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.submitWrap01:hover:before {
	border-color: #e6002d;
}

.submitWrap02:before {
	left: 10%;
	right: auto;
	border-color: #666;
}

.submitWrap02:hover:before {
	border-color: #666;
}

.submitWrap01:after,
.submitWrap02:after {
	position: absolute;
	top: 50%;
	left: auto;
	right: 14.8%;
	content: " ";
	margin-top: -6px;
	width: 9px;
	height: 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.submitWrap01:hover:after {
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
}

.submitWrap02:after {
	left: 14.8%;
	right: auto;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.submitWrap02:hover:after {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}

.formButton01,
.formButton02 {
	padding: 33px 0;
	width: 100%;
	font-size: 2.2rem;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
}

.formButton01 {
	background-color: #e6002d;
	color: #fff;
}
.formButton01:hover {
	color: #e6002d;
	background-color: #fff;
}

.formButton02 {
	color: #fff;
	background-color: #8a8a8a;
}
.formButton02:hover {
	color: #999;
	background-color: #fff;
}

.formButton03 {
	display: inline-block;
	padding: 9px 35px;
	border: 1px solid #8a8a8a;
	border-radius: 20px;
	color: #fff;
	background: #8a8a8a;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 1.6;
	transition: all .3s;
}

.formButton03:hover {
	background-color: #fff;
	color: #8a8a8a;
}

@media screen and (max-width: 1300px) {
.slideItem01 .inner01 {
	margin: 0 5%;
}

.slideItem01 .button01 {
	right: 0;
}

.slideCol01 {
	width: 530px;
}

.slideCol01 > .text01 {
	font-size: 5.4rem;
}

.slideCol01 > .text05 {
	font-size: 5.4rem;
}

.slideCol01.type02 > .text01 {
	font-size: 4.8rem;
}

.slideCol01.type02 > .text05 {
	font-size: 4.8rem;
}

.slideCol01 > .text02 {
	margin-top: 20px;
	font-size: 2.0rem;
}

.slideCol01 > .text06 {
	margin-top: 20px;
	font-size: 2.0rem;
}

.slideCol02 {
	padding-right: 0;
	width: calc(100% - 550px);
	width: -webkit-calc(100% - 550px);
}

.slideCol03 {
	margin-right: 0;
}
.box01 > .text01{
	font-size: 3.8vw;
}
.box01 > .text03{
	font-size: 2.7vw;
}
.box01 > .text02{
	font-size: 1.5vw;
}

}

@media print,screen and (max-width: 1060px) {
.bx-wrapper .bx-prev {
	left: 0;
}

.bx-wrapper .bx-next {
	right: 0;
}


.slideItem01 .button01 {
	margin: 20px 0 0 auto;
	width: 250px;
}

.slideItem01 .button01 > a {
	padding: 15px 20px;
	font-size: 1.8rem;
}

.slideItem01 .button01 > a:before {
	margin-top: -8px;
}

.slideCol01 {
	width: 470px;
}

.slideCol01.type02 {
	width: 530px;
}

.slideCol01 > .text01 {
	font-size: 4.8rem;
}

.slideCol01 > .text05 {
	font-size: 4.8rem;
}

.slideCol01.type02 > .text01 {
	font-size: 4.3rem;
}

.slideCol01.type02 > .text05 {
	font-size: 4.3rem;
}

.slideCol01 > .text02 {
	font-size: 1.8rem;
}

.slideCol01 > .text06 {
	font-size: 1.8rem;
}

.slideCol02 {
	width: calc(100% - 490px);
	width: -webkit-calc(100% - 490px);
}

.section05, .section06{
	margin-top: -16vw;
}


}

@media screen and (max-width: 890px) {
.bx-wrapper .bx-pager {
	bottom: 20%;
}

.slideItem01 .button01 {
	margin: 20px 0 0 0;
	width: 250px;
}

.slideCol01.type02 {
	width: 100%;
}

.slideCol02 {
	margin-top: 20px;
	width: 80%;
}

.list03 > li > .inner01 > .text01 {
	font-size: 3.0rem;
}

.list03 > li > .inner01 > .text02 {
	margin-top: 15px;
	padding: 0 8%;
}

.box01 > .text01{
	font-size: 3.6vw;
}

.box01 > .text02{
	font-size: 2vw;
}

.box01 > .text03{
	font-size: 3.6vw;
}

}

@media screen and (max-width: 767px) {
.slideWrap01,
.bx-viewport,
.slide01 {
	min-height: inherit;
	height: 592px;
}

.slideItem01 {
	display: block;
	padding: 90px 5.3%;
}

.slideItem01 .inner01 {
	margin: 0;
	max-width: 100%;
}

.slideItem01 .button01 {
	position: static;
	bottom: 0;
	right: 0;
	margin: 40px auto 0;
	width: 151px;
}

.slideItem01 .button01 > a {
	padding: 10px 12px;
	border-radius: 5px;
	font-size: 1.1rem;
	font-weight: 500;
}

.slideItem01 .button01 > a:hover {
	background-color: #fff;
	color: #e6002d;
}

.slideItem01 .button01 > a:before {
	right: 22px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #0d3655;
	border-right: 2px solid #0d3655;
}

.slideItem01 .button01 > a:hover:before {
	border-top: 2px solid #0d3655;
	border-right: 2px solid #0d3655;
}

.slideCol01,
.slideCol01.type02 {
	width: 100%;
}

.slideCol01 > .text01,
.slideCol01.type02 > .text01 {
	font-size: 3.43rem;
}

.slideCol01 > .text02,
.slideCol01.type02 > .text02 {
	margin-top: 15px;
	font-size: 1.6rem;
	font-weight: 700;
}

.slideCol01 > .text05,
.slideCol01.type02 > .text05 {
	font-size: 3.43rem;
}

.slideCol01 > .text06,
.slideCol01.type02 > .text06 {
	margin-top: 15px;
	font-size: 1.6rem;
	font-weight: 700;
}

.slideCol02,
.slideCol03 {
	margin-top: 20px;
	padding-right: 0;
	width: 100%;
}

.slideCol02 > .image01 {
	margin-top: 5px;
	max-width: 655px;
}

.slideCol02 > .text01 {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
}

.bx-controls-direction {
	display: none;
}

.bx-wrapper .bx-controls-direction a:before {
	content: normal;
}

.bx-wrapper .bx-pager {
	position: absolute;
	right: auto;
	bottom: 18%;
	padding-top: 7px;
	width: 100%;
	text-align: center;
	line-height: 1.0;
	z-index: 100;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background-color: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a.active:hover {
	background-color: #86969c;
}

}

@media screen and (max-width: 767px) {
.wrap01.sp-clear {
	display: block;
}

.localNavi01,
.localNavi03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: -18% 6% 0;
	padding: 0;
}

.localNavi02 {
	display: none;
}

.localNavi01 > li,
.localNavi03 > li {
	margin: 5px 0 0;
	width: 47.6%;
}

.localNavi03 > li:hover img {
	opacity: 1.0;
}

.mainArea01 {
	padding: 67px 0 55px;
	min-height: 70vw;
	height: auto;
	background-position: calc(50% + 50vw) 100%;
	background-position: -webkit-calc(50% + 50vw) 100%;
}

.mainArea01 > .inner01 {
	padding: 0 5.3%;
}

.mainArea01 > .inner01 > .title01 {
	font-size: 3.7rem;
}

.mainArea01 > .inner01 > .title01.type02 {
	position: static;
}

.mainArea01 > .inner01 > .text01 {
	font-size: 1.5rem;
	font-weight: 700;
}

.breadcrumb01 > li {
	margin-right: 10px;
	padding-right: 17px;
	font-size: 1.2rem;
}

.breadcrumb01 > li.home img {
	width: 15px;
}

.breadcrumb01 > li > a:hover:before {
	content: normal;
}

.topSection03 {
	margin-top: 40px;
	padding-bottom: 80px;
	background-color: #cfd7dd;
}

.topSection03 > .inner01 {
	padding: 0 8%;
}

.section01 {
	margin-top: 70px;
}

.section01:last-child,
.section02:last-child,
.section03:last-child,
.section04:last-child {
	margin-bottom: 90px;
}

.section02 {
	margin-top: 50px;
}

.section03 {
	margin-top: 30px;
}

.section01 > .inner01,
.section02 > .inner01,
.section03 > .inner01,
.section04 > .inner01 {
	padding: 0 5.3%;
}

.section05 {
	margin-top: 50px;
	padding: 0 5.3%;
}

.section05 > .heading01 {
	position: static;
	width: auto;
	color: #0d3655;
	text-align: center;
}

.section06 {
	margin-top: 0;
	padding: 0;
}

.heading01 {
	margin: 70px 0 50px;
	font-size: 3.0rem;
}

.heading01.icon01,
.heading01.icon04 {
	padding-top: 70px;
}

.heading01.icon02 {
	padding-top: 66px;
}

.heading01.icon03 {
	padding-top: 75px;
}

.heading01.icon01:before {
	margin-left: -26px;
	width: 66px;
	height: 51px;
}
.heading01.icon02:before {
	margin-left: -26px;
	width: 52px;
	height: 66px;
}

.heading01.icon03:before {
	margin-left: -30px;
	width: 60px;
	height: 63px;
}

.heading01.icon04:before {
	margin-left: -36px;
	width: 72px;
	height: 47px;
}

.heading01 > .inner01 {
	margin-top: 9px;
	font-size: 1.2rem;
}

.heading01 > a {
	padding-right: 30px;
}

.heading01 > a:hover {
	color: #0d3655;
}

.heading01 > a:after {
	margin-top: -7px;
	width: 14px;
	height: 14px;
}

.heading01 > a:hover:after {
	border-top: 3px solid #e6002d;
	border-right: 3px solid #e6002d;
}

.heading02 {
	margin: 50px 0;
	font-size: 2.3rem;
}

.heading02 > a:hover {
	color: #0d3655;
}

.heading02 > a:after {
	margin-top: -6px;
	width: 12px;
	height: 12px;
}

.heading02 > a:hover:after,
.heading03 > a:hover:after {
	border-top: 2px solid #e6002d;
	border-right: 2px solid #e6002d;
}

.heading03 {
	margin: 30px 0;
	font-size: 2.0rem;
}

.heading03 > a:hover {
	color: #333;
}

.heading04 > a:hover {
	color: #04aae3;
}

.heading05 > a:hover {
	color: #333;
}

.heading04 > a:hover:after,
.heading05 > a:hover:after {
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
}

.hgroup01 {
	margin: 70px 0 60px;
}

.hgroup02 {
	margin: 50px 0;
}

.hgroup01 > .heading01,
.hgroup02 > .heading02 {
	width: 100%;
}

.hgroup01 > .button01,
.hgroup02 > .button01 {
	margin-top: 30px;
}

.hgroup01 > .button01 > a:hover,
.hgroup02 > .button01 > a:hover {
	background-color: #0d3655;
	color: #fff;
}

.txt01 {
	margin-top: 30px;
}

.txt01 + .txt01 {
	margin-top: 20px;
}

.lead01 {
	margin-top: 30px;
	font-size: 3.7rem;
}

.lead02 {
	margin-top: 30px;
	font-size: 1.5rem;
	line-height: 2.0;
}

.frameArea01 {
	margin-top: 80px;
	padding: 0;
	background: none;
}
.frameArea01:before{
	background: url(../../images/bg01s_mid.jpg) no-repeat center top;
	margin:0;
	transform:skew(0deg,8deg);
	height: 100%;
	z-index: -1;
}

.frameArea01:after{
	background:#04aae3;
	margin:0;
	transform:skew(0deg,-8deg);
	top: 6vw;
	height: 20%;
	z-index: -2;
}

.frameArea01 > .frameAreaBg{
	padding: 80px 5.3% 80px;
}

.frameAreaBg:after{
	content: "";
	background:#04aae3;
	position: absolute;
	margin:0;
	transform:skew(0deg,-8deg);
	bottom: 6vw;
	left: 0;
	width: 100%;
	height: 20%;
	z-index: -3;
}

.frameArea01 > .frameAreaBg > .inner01 {
	padding: 0;
}

.frameArea02 {
	padding: 100px 0 115px;
}

.frameArea02:last-child {
	padding: 15% 0 80px;
}

.wrapper01 + .frameArea02 {
	margin-top: 20px;
}

.frameArea02:before {
	height: 0;
	padding-bottom: 15%;
	background-image: url(../images/bg01s.png);
	background-size: cover;
}
.frameArea02:after {
	height: 0;
	padding-bottom: 15%;
	background-image: url(../images/bg02s.png);
	background-size: cover;
}

.frameArea02 > .inner01 {
	padding: 0 5.3%;
}

.frameArea03 {
	background-image: url(../images/bg05s.png);
	background-size: 100%;
}

.frameArea03:after {
	padding-bottom: 15%;
	height: 0;
	background-image: url(../images/bg06s.png);
	background-size: 100%;
}

.frameArea03.type02 {
	margin-top: 0;
}

.frameArea03.type02:after {
	height: 0;
	background-image: url(../images/bg07s.png);
	background-size: 100%;
}

.frameArea03 > .inner01 {
	padding: 27% 5.3% 0;
}

.frameArea03.type02 > .inner01 {
	padding: 12% 5.3% 0;
}

.frameArea04 {
	margin-top: 30px;
	padding: 20px;
}

.frameArea04.pLarge {
	padding-top: 40px;
	padding-bottom: 40px;
}

.frameArea05 {
	margin-top: 30px;
	padding: 15px;
}

.frameArea05 > .title01 {
	font-size: 2.4rem;
	font-weight: 700;
}

.frameArea06 {
	display: block;
	margin-top: 30px;
}

.frameArea06 > .image01 {
	padding-top: 56.25%;
	width: 100%;
	height: 0;
}

.frameArea06 > .textBlock {
	margin: 20px 0 0;
	padding: 0 3.5% 20px;
	width: 100%;
}

.frameArea07 {
	margin-top: 30px;
}

.frameArea07 > .inner01 {
	display: block;
}

.frameArea07 > .inner01 > .image01,
.frameArea07 > .inner01 > .image02 {
	padding-top: 56.25%;
	width: 100%;
	height: 0;
}

.frameArea07 > .inner01 > .image01:after,
.frameArea07 > .inner01 > .image02:after {
	content: normal;
}

.frameArea07 > .inner01 > .textBlock {
	padding: 30px;
}

.frameArea07 > a.inner01:hover > .textBlock {
	background-color: #f8f8f8;
}

.frameArea07 > a.inner01 > .textBlock:after {
	right: 15px;
}

.frameArea07 > a.inner01:hover > .textBlock:after {
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
}

.frameArea07 > .inner01 > .image01 + .textBlock,
.frameArea07 > .inner01 > .image02 + .textBlock {
	width: 100%;
}

.frameArea07 > a.inner01:hover > .textBlock > .text01 {
	color: #0d3655;
}

.frameArea07 > a.inner01:hover > .textBlock > .txt01 {
	color: #333;
}

.list02 {
	margin-top: 20px;
	border-top: #fff solid 2px;
}

.list02:before,
.list02:after {
	width: calc((100% - 270px) / 2);
	width: -webkit-calc((100% - 270px) / 2);
	height: 2px;
}

.list02 > li {
	padding: 10px 0 12px;
	width: 90px;
	font-size: 1.2rem;
}

.list02 > li:before {
	height: 2px;
}

.list02 > li:hover:before {
	background-color: #fff;
}

.list02 > li.select:hover:before {
	background-color: inherit;
}

.list03 {
	padding: 0 5.3%;
}

.list03 > li {
	margin-top: 20px;
	width: 100%;
}

.list03 > li:first-child {
	margin-top: 0;
}

.list03 > li > .inner01 > .text01 {
	font-size: 2.6rem;
}

.list03 > li > .inner01 > .text02 {
	margin-top: 30px;
	padding: 0 5.9%;
}

.list04 {
	margin-top: 30px;
}

.list04.horizontal {
	margin: 20px 0 0;
	width: 100%;
}

.list04.horizontal > li {
	margin-right: 0;
	width: 100%;
}

.list05 > li {
	margin-top: 20px;
	width: 100%;
}

.list05 > li > a:before {
	content: normal;
}

.list05 > li > a > .inner01 {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
}

.list05 > li > a > .inner01 > .text01 {
	font-size: 2.8rem;
}

.list05 > li > a > .inner01 > [class*="icon"] {
	padding-top: 65px;
}

.list05 > li > a > .inner01 > .text01.icon01:before {
	margin-left: -24px;
	width: 48px;
	height: 48px;
}
.list05 > li > a > .inner01 > .text01.icon02:before {
	margin-left: -25px;
	width: 51px;
	height: 45px;
}
.list05 > li > a > .inner01 > .text01.icon03:before {
	margin-left: -23px;
	width: 46px;
	height: 46px;
}
.list05 > li > a > .inner01 > .text01.icon04:before {
	margin-left: -24px;
	width: 48px;
	height: 43px;
}
.list05 > li > a > .inner01 > .text01.icon05:before {
	margin-left: -24px;
	width: 48px;
	height: 47px;
}
.list05 > li > a > .inner01 > .text01.icon06:before {
	margin-left: -31px;
	width: 62px;
	height: 45px;
}

.list05 > li > a > .inner01 > .text01 > .inner01 {
	font-size: 1.5rem;
}

.list05 > li > a > .inner01 > .text02 {
	padding: 0 2%;
}

.list06,
.list07,
.list08,
.list09,
.list10,
.qaList01 {
	margin-top: 30px;
}

.list07 > li > .image01 {
	margin-right: 0;
}

.list07 > li > .text01 {
	margin: 30px 0 0;
	width: 100%;
}

.list07 > li > .text02 {
	margin-top: 30px;
	width: 100%;
	line-height: 1.2;
}

.list07 > li > .text02 > .number01 {
	font-size: 4.5rem;
}

.list08 > li > .image01 {
	width: 270px;
}

.list08 > li > .textBlock {
	margin-top: 30px;
	width: 100%;
}

.box01 {
	margin-top: 30px;
	padding-left: 0px;
	padding-right: 00px;
}

.box01 > .text01 {
	font-size: 2.4rem;
}

.box01 > .text02 {
	margin-top: 20px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.83;
	text-align: left;
}

.box01 > .text03 {
	font-size: 2.4rem;
}

.box02 {
	margin-top: 30px;
}

.box02 > .text01 {
	font-size: 1.9rem;
}

.box02 > .text02 {
	margin-top: 10px;
	font-size: 2.9rem;
}

.box02 > .text03 {
	margin-top: 30px;
	font-size: 1.5rem;
}

.box03 {
	padding: 0;
	width: 100%;
	border-bottom: none;
}

.box04 {
	margin-top: 20px;
	padding-top: 20px;
}

.box04 > .button01 {
	margin: 0 auto;
	width: 118px;
}

.box04 > .text01 {
	margin: 20px 0 0;
	width: 100%;
	text-align: center;
}

.box05,
.box06,
.box07,
.box08 {
	margin-top: 30px;
}

.box05 > .image01 {
	width: 100%;
	text-align: center;
}

.box05 > .textBlock {
	margin-top: 30px;
	width: 100%;
}

.box05 > .textBlock > .text01 {
	font-size: 2.6rem;
}

.box06 > a:hover {
	background-color: #fff;
}

.box06 > a > .inner01 {
	padding: 40px 3.4%;
}

.box06 > a > .inner01:after {
	right: 0;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border-top: 2px solid #e6002d;
	border-right: 2px solid #e6002d;
}

.box06 > a:hover > .inner01:after {
	border-top: 2px solid #e6002d;
	border-right: 2px solid #e6002d;
}

.box06 > a > .inner01 > .text01 {
	font-size: 2.6rem;
}

.box06 > a:hover > .inner01 > .text01 {
	color: #0d3655;
}

.box06 > a > .inner01 > .text02 {
	font-size: 2.0rem;
}

.box06 > a > .inner01 > .text03 {
	font-size: 2.6rem;
}

.box06 > a:hover > .inner01 > .text02,
.box06 > a:hover > .inner01 > .text03 {
	color: #333;
}

.box07,
.box08,
.box09 {
	padding:  30px 0;
}

.box07 > .text01 {
	width: 100%;
}

.box07 > .inner01 {
	margin-top: 30px;
	width: 100%;
}

.box08 > .inner01 > .image01,
.box09 > .inner01 > .image01 {
	width: 100%;
	text-align: center;
}

.box08 > .inner01 > .textBlock,
.box09 > .inner01 > .textBlock {
	margin-top: 30px;
	width: 100%;
}

.box08 > .inner01 > .textBlock > .text01,
.box09 > .inner01 > .textBlock > .text01 {
	font-size: 2.6rem;
}

.box09 > .inner01 {
	padding-right: 0;
}

.btn01 {
	margin-top: 30px;
}

.btn01 > a:hover {
	background-color: #0d3655;
	color: #fff;
}

.btn01.type02 > a:hover {
	border-color: #fff;
	background-color: #fff;
	color: #0d3655;
}

.col01 {
	margin-top: 20px;
	width: 100%;
}

.col01.type02:last-child {
	border-right: none;
}

.col01 > .inner01 {
	padding: 30px 5.9%;
}

.col01.type02 > .inner01 {
	background-color: #f8f8f8;
}
.frameArea02 .col01.type02 > .inner01 {
	background-color: #f5f5f5;
}

.col01 > a.inner01:hover {
	box-shadow: none;
}

.col01 > .inner01 > .title01 {
	font-size: 2.0rem;
}

.col01 > .inner01 > .text01 {
	margin-top: 30px;
	font-size: 1.6rem;
}

.col01 > .inner01 > .text02 {
	margin-top: 30px;
	padding: 10px 0;
	color: #0f2e39;
	font-size: 1.6rem;
	font-weight: 500;
}

.col01 > .inner01 > .text03 {
	margin-top: 15px;
	color: #6f8288;
}

.contents01 .col01 > .inner01 {
	padding: 30px 5.9%;
}

.contents01 .col01 > .inner01 > .text01 {
	font-size: 1.6rem;
}

.casePanels{
	overflow: hidden;
}
.casePanels .col01 {
	overflow: hidden;
}

.col02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 30px;
	padding: 0;
	width: 100%;
}

.col02:first-child {
	margin-top: 0;
}

.col02 > .image01 {
	margin: 0;
	width: 34.3%;
}

.col02 > .image01 > a:hover img {
	opacity: 1.0;
}

.col02 > .inner01 {
	margin: 25px 0 0;
	width: 58.9%;
}

.col03 {
	width: 100%;
}

.col03 > .image01 {
	width: 100%;
}

.col03 > .inner01 {
	position: static;
	top: 0;
	right: 0;
	margin-top: 21px;
	width: 100%;
	-webkit-transform: none;
	transform: none;
}

.col03 > .inner01 > .text01 {
	padding-top: 81px;
	font-size: 2.8rem;
}

.col03 > .inner01 > .text01:before {
	margin-left: -23px;
	width: 47px;
	height: 62px;
}

a:hover .col03 > .inner01 > .text01,
a:hover .col03 > .inner01 > .text02 {
	color: #333;
}

a:hover .col03 > .inner01 > .text01:before {
	background-image: url(../../company/images/ic01.png);
}

.col03 > .inner01 > .text01 > .inner01 {
	font-size: 1.5rem;
}

.col03 > .inner01 > .text02 {
	margin-top: 20px;
	padding: 0;
	width: 100%;
}

.col04 {
	margin-top: 20px;
	width: 100%;
}

.col04 > .image01 {
	margin: 0 auto;
	width: 35.3%;
	border: #e6e6e6 solid 1px;
}

.col05 {
	margin: 30px 0 0;
	width: 100%;
	text-align: center
}

.col05 > .text01 {
	font-size: 2.6rem;
}

.col05 > .text01 > .inner01 {
	font-size: 1.8rem;
}

.col05 > .btn01 {
	display: table;
	margin-right: auto;
	margin-left: auto;
}

.col06 {
	padding: 30px 0;
	width: 100%;
	border-width: 0 0 1px;
}

.col06:nth-child(1) {
	padding-top: 0;
}

.col06.type02 {
	background-color: transparent;
}

.col06 > .image01 {
	width: 97.6%;
}

.col06 > .image02 {
	width: 74.4%;
}

.col06 > .image03 {
	width: 95.6%;
}

.col06 > .image04 {
	width: 46.4%;
}

.col06 > .title01 {
	margin-top: 30px;
	font-size: 1.8rem;
}

.col06 > .linkTxt01 {
	position: static;
	bottom: 0;
	left: 0;
	margin-top: 30px;
}

.col-set {
	width: 100%;
}

.col1-2,
.col1-3,
.col1-4,
.col2-3,
.col3-4,
.no-margin .col1-2,
.no-margin .col1-3,
.no-margin .col1-4,
.no-margin .col2-3,
.no-margin .col3-4 {
	margin: 30px 0 0;
	width: 100%
}

.infoWrap01 {
	padding-top: 50px;
}

.infoWrap01 > .title01 {
	width: 100%;
	font-size: 1.6rem;
}

.infoWrap01 > .text01 {
	display: block;
	margin-top: 10px;
	width: 100%;
	text-align: right;
}

.infoWrap01 > .text01 > a {
	padding-right: 15px;
	font-size: 1.6rem;
}

.infoWrap01 > .text01 > a:hover {
	color: #0d3655;
}

.infoWrap01 > .text01 > a:before {
	margin-top: -4px;
	width: 8px;
	height: 8px;
}

.infoArea01 {
	margin-top: 10px;
	padding-left: 0;
	width: 100%;
	border-left: none;
}

.infoCol01 > .text01 {
	font-size: 1.1rem;
}

.infoCol01 > .text02 > a {
	font-size: 1.4rem;
}

.infoCol01 > .text02 > a:hover:after {
	content: normal;
}

.infoCol01 > .text02 > a > .font01 {
	padding-right: 12px;
}

.wrapper01 {
	display: block;
	position: relative;
	margin-top: 0;
	padding: 0 5.3%;
}

.wrapper01:last-child {
	padding-bottom: 80px;
}

.wrapper01:before,
.wrapper01:after {
	content: normal;
}

.wrapper02 {
	margin-bottom: 100px;
	padding: 0 5.3%;
}

.contents01 {
	padding-left: 0;
	width: 100%;
}

.tableWrap01 {
	overflow-x: scroll;
}

.tableWrap01::-webkit-scrollbar {
	height: 6px;
}
.tableWrap01::-webkit-scrollbar-track {
	background-color: #ddd;
}
.tableWrap01::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #04aae3;
}

.tableWrap02 {
	display: block;
	margin-top: 30px;
}

[class*="tableCol"] {
	width: 100% !important;
}

.textTh01 {
	padding: 35px 0;
	background-color: #0498c9;
	font-size: 2.0rem;
}

.textTh02 {
	padding: 8px 0;
}

.textTh02.type02 {
	background-color: #05aae3;
}

.textTb01 {
	position: relative;
	display: block;
	padding: 15px;
}

.textTb01.type02 {
	background-color: #f2f2f2;
}

.textTb01:before {
	display: block;
	content: attr(data-title);
	margin: -15px -15px 15px;
	padding: 20px 0;
	width: auto;
	border-bottom: #fff solid 1px;
	background-color: #05aae3;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
}


.table01 {
	margin-top: 30px;
}

.table01 th {
	padding: 8px 8px;
}

.table01 td {
	padding: 15px;
}

.tableWrap01 .table01 {
	width: 830px;
}

.linkBox01 {
	margin-top: 20px;
}

.linkBox01 > a {
	display: block;
}

.linkBox01 > a:hover {
	text-decoration: none;
}

.linkBox01 > a:after {
	content: normal;
}

.linkTxt01 {
	margin-top: 30px;
}

.linkTxt01 > a:hover,
.ancLink01 > li > a:hover {
	color: #0d3655;
}

.linkTxt01 > a:hover:after,
.ancLink01 > li > a:hover:after {
	border-top: 1px solid #e6002d;
	border-right: 1px solid #e6002d;
}

.linkTxt01.download > a:hover:after,
.linkTxt01.blank > a:hover:after,
.linkTxt01.pdf > a:hover:after {
	border: none;
}

.linkTxt01.download > a:hover:after {
	background-image: url(../images/ic12.png);
}
.linkTxt01.blank > a:hover:after {
	background-image: url(../images/ic13.png);
}

.ancLink01 {
	margin-top: 30px;
}

.img01 {
	margin-top: 30px;
}
.imgTextWrap01 > .image01.sp-clear {
	float: none;
	margin-right: 0;
	margin-left: 0;
}

.imgTextWrap01 > .image01.sp-clear + .textBlock {
	margin-top: 30px;
}

blockquote,
.notes01,
.notes02 {
	margin-top: 30px;
}

.infoList01 {
	margin-top: 30px;
}

.infoList01 > li > .inner01 {
	padding: 30px 0;
}

.infoList01 > li > .inner01 > .text01 > .date01,
.infoList01 > li > .inner01 > .text01 > .inner01 {
	width: 100%;
}

.infoList01 > li > a.inner01:hover > .text01 > .date01 {
	color: #86969c;
}

.infoList01 > li > a.inner01:hover > .text01 > .inner01 {
	color: #0d3655;
}

.infoList01 > li > a.inner01:hover > .text01 > .inner01 > .newIc01 {
	color: #e6002d;
}

.infoList01 > li > a.inner01:hover > .text02 {
	margin-top: 10px;
	color: #333;
	font-size: 1.7rem;
	transition: all .3s;
}

.panel01 > a {
	padding: 20px 3.4%;
}

.panel01 > a > .image01 {
	margin: -20px -3.4% 0;
}

.panel01 > a:hover {
	background-color: #fff;
}

.panel01 > a > .image01:after,
.panel01 > .image01 > a:after {
	content: normal;
}

.flowList01 {
	margin-top: 30px;
}

.flowList01 > li {
	position: relative;
	padding-top: 54px;
	overflow: hidden;
}

.flowList01 > li:before {
	margin-left: -18px;
	left: 50%;
}

.flowList01 > li > .flowBlock01 {
	float: none;
	margin-right: 0;
	padding: 10px;
	width: 100%;
	min-height: 142px;
}

.flowList01 > li > .textBlock {
	margin-top: 20px;
}

.formList01 > dt,
.formList01 > dd {
	padding: 15px 0;
	width: 100%;
}

.formList01 > dt {
	background-color: #f3f4f5;
	text-align: center;
}
.formList01.confirm > dt {
	padding-top: 15px;
}

.formList01 > dd {
	padding: 15px 5.9%;
	border-top: none;
	font-size: 1.2rem;
}

.formList01 .cat01 {
	padding: 2px 20px;
}

.formList01 > dt > .icon01 {
	top: 15px;
	right: 5.9%;
}

.formList02 {
	margin: 0 -5.9%;
}

.formList02 > li {
	margin-top: 20px;
	padding: 20px 5.9% 0;
}

.formList02 > li > .text02 {
	margin-top: 10px;
}

.formList02 > li > .text02 > .text03 {
	margin: 0 10px;
}

.checkBlock01 {
	margin-top: 15px;
	padding: 15px;
}

.checkBlock01 .errorTxt01 {
	text-align: left;
}

.uploadGroup01:hover > .inner01 {
	background-color: #8a8a8a;
	color: #fff;
}

.btnArea01 {
	margin-top: 25px;
}

.btnArea01 > .button01,
.btnArea01 > .button02 {
	margin: 0;
	width: 100%;
}

.btnArea01 > .button02 {
	margin-top: 20px;
}

.submitWrap01:before {
	right: 20px;
}

.submitWrap01:hover:before {
	border-color: #fff;
}

.submitWrap01:after {
	right: 38px;
}

.submitWrap01:hover:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.submitWrap02:before {
	left: 20px;
}

.submitWrap02:hover:before {
	border-color: #666;
}

.submitWrap02:after {
	left: 38px;
}

.submitWrap02:hover:after {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}

.formButton01,
.formButton02 {
	padding: 30px 14.1% 30px 0;
}

.formButton02 {
	padding-right: 0;
}

.formButton01:hover {
	background-color: #e6002d;
	color: #fff;
}

.formButton02:hover,
.formButton03:hover {
	color: #fff;
	background-color: #8a8a8a;

}


}

/* フォームボタン中間サイズ対応 */
@media screen and (min-width: 768px) and (max-width: 1260px) {
	.submitWrap01:before, .submitWrap02:before {
		right: 10%;
		margin-top: -17px;
		margin-right: -14px;
		width: 30px;
		height: 30px;
	}
	.submitWrap02:before {
		left: 10%;
		margin-left: -14px;
		margin-right: 0;
}

	.submitWrap01:after, .submitWrap02:after{
		right: 10%;
		margin-top: -5px;
		width: 6px;
		height: 6px;
}
	.submitWrap02:after {
		left: 10%;
	}
}

@media screen and (min-width: 768px) and (max-width: 960px) {
	.submitWrap01:before, .submitWrap02:before {
		margin-top: -14px;
		margin-right: -11px;
		width: 24px;
		height: 24px;
	}
	.submitWrap02:before {
		margin-left: -11px;
	}

	.formButton01, .formButton02{
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 860px) {
	.submitWrap01:before, .submitWrap02:before {
		right: 8%;
	}

	.submitWrap01:after, .submitWrap02:after{
		right: 8%;
	}
}


/* Clearfix
*****************************************/
.cf:after {
	content: " ";
	display: block;
	clear: both;
}

@media print{
	body {
		width:1060px;
		background-color:#fff;
	}

}

.heading06 {
  width: 100%;
  margin: 10px 0;
  padding: 10px 0;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.4;
  color: #0d3655;
}
.heading062 {
  margin: 0 0 20px 0
}
.heading061 .heading062 {
  overflow: hidden;
  position: relative;
  padding-bottom: 3px;
}
.heading061 .heading062 span{
  padding: 8px;
}
.heading061 .heading062:before {
  content: "";
  border-bottom: 3px solid #04aae3;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.heading061 .heading062:after {
  border-bottom: 3px solid #ddd;
  bottom: 0;
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
}



