@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
body {
font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.7;
	background: #87cefa;
}
.banner_fix {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 10;
}
.banner_fix a {
    display: block;
    padding: 15px 25px;
    transition: all 0.3s;
}
.main_img_wrap {
    background-color: lightskyblue;
}
.all_page.bg_color4 {
	background-color: #87cefa;
}
.all_page:before {
    background-color: transparent;
}
#loading {
    background-color: #87cefa;
}
#loading_line .line2 {
    background-color: #a7ddff;
}
#loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    max-width: 349px;
    z-index: 3;
}
.overlay {
    background: #a9deff;
}
.top_nav ul li {
  color: #00008b;
}
.top_nav ul li a {
/*    text-shadow: 2px 2px 2px #fff;*/
    font-weight: bold;
    color: #00008b;
}
.img-container.active:before {
    transform: translateX(101%);
}
.other .box {
    background-color: #0084c5;
    border: 2px solid #333;
    transition: all .4s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/* --------------------------header------------------------------ */
#header {
	padding-top: 0;
}
#header.page01 {
	padding-top: 30px;
}
nav .logo {
	width: 13%!important;
	padding-bottom: 4px;
}
.is-fixed .logo {
	width: 9%!important;
}
.menu .nav ul li {
    padding-left: 5px;
}
@media(max-width: 768px) {
	#header.page01 {
	padding-top: 24px;
}
	header .logo {
    width: 22%;
}
}
@media(max-width: 667px) {
	.catch2 {display: none;
	}
	#header.page01 {
	padding-top: 15px;
}
	header .logo {
    width: 36%;
}
}
/* --------------------------TOP CONTENETS------------------------------ */
/*main {
	position: relative;
}
main:after {
	content: "";
    display: block;
    position: absolute;
    bottom: -138px;
    left: 0;
    top: inherit;
    background: url(Dup/img/foot_kazari.png) no-repeat left 0 top 0;
    background-size: 100% auto;
    width: 100%;
    height: 400px;
    z-index: 2;
}*/
.main_img_wrap .catch p {
	margin: 12px 0;
}
.main_img_wrap .catch span {
    line-height: 2;
    padding: 13px 7px;
    background-color: #00558a;
    font-weight: bold;
    background-image: url(Dup/img/rocky-wall.png);
    font-size: 2.2vw;
   text-shadow: none;
}
.main_img_wrap .catch {
	bottom: 32%;
}
.catch2 {
    top: 36%;
    left: 50%;
    transform: translate(-50%,-50%);
	max-width: 400px;
}
.t_cms_img2 .img-container:before {
    background: #0079dc;
}
#top_cms {
background: #6ab9ea url(Dup/img/swirl.png);
}
#top_cms:before {
    background-color: #87cefa;
}
#contents {
	background-color: transparent;
}
#contents .box_wrap {
	background-color: transparent;
	background-image: url(Dup/img/tai.png), url("Dup/img/swirl.png");
background-size: 30%, auto;
	background-repeat: no-repeat, repeat;background-position: 100% 60%, 0;
	position: relative;
	overflow: visible;
}
#contents .box_wrap:after {
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/iwashi.png) no-repeat 0 0;
    width: 410px;
    height: 317px;
    background-size: contain;
    z-index: 10;
    bottom: -7%;
    left: -2%;
}
.top_cms_wrap .top_cms_box:nth-of-type(2) {
	position: relative;
}
.top_cms_wrap .top_cms_box:nth-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/sakana.png) no-repeat 0 0;
    width: 701px;
    height: 614px;
    background-size: contain;
    z-index: 0;
    bottom: -34%;
    right: -12%;
}
.banner a:hover {
    transform: translateY(-5px);
}
@media(max-width: 1630px) {
.main_img_wrap .catch {
   bottom: 26%;
}
}
@media(max-width: 1420px) {
.main_img_wrap .catch {
   bottom: 6%;
}
	.catch2 {
    top: 40%;
}
}
@media(max-width: 768px) {
.catch2 {
    top: 45%;
    left: 48%;
    max-width: 289px;
}
	.main_img_wrap .catch {
    bottom: 4%;
}
.main_wrap {
    margin-top: 50.5vh;
}
	#contents .box_wrap {
	background-size: 41%, auto;
    background-position: 19% 56%, 0;
	}
	#contents .box_wrap:after {
	width: 288px;
    height: 314px;
    bottom: -12%;
    left: -7%;	
	}
	.top_cms_wrap .top_cms_box:nth-of-type(2):after {
	width: 549px;
    height: 614px;
    bottom: -61%;
    right: -13%;	
	}
}
@media(max-width: 667px) {
.main_img_wrap .catch {
		bottom: -167px;
	}
	.main_img_wrap .catch span {
		font-size: 16px;
	}
	.main_wrap {
    margin-top: 63.5vh;
}
	#contents .box_wrap {
    background-size: 50%, auto;
    background-position: -5% 64.5%, 0;
	}
	#contents .box_wrap:after {
	width: 170px;
    height: 314px;
    bottom: -15%;
    left: 55%;
	}
	.top_cms_wrap .top_cms_box:nth-of-type(2):after {
	width: 300px;
    bottom: -66%;
    right: -25%;	
	}
	.main_img_wrap .catch p {
	margin: 19px 0;
	}
}
/* --------------------------footer------------------------------ */
#footer svg {
	display: none;
}

@media(max-width: 768px) {
#footer .grid_6 {
	width: 70%!important;
}
}
@media(max-width: 667px) {
#footer .grid_6 {
	width: 100%!important;
}
}
/* --------------------------CMS と　下層------------------------------ */
.cms_4-b figure {
	    box-shadow: 11px 11px 0px 0px #ffbb00;
}
#cms_2-a .cate_title, #cms_4-b .cate_title {
    font-weight: bold;
    padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 2em;
    position: relative;
    border-bottom: solid 3px #789bd1;
    color: #484848;
	display: block;
    text-align: center;
	border-top: 0;
}
#cms_2-a .cate_title:after, #cms_4-b .cate_title:after {
    position: absolute;
    content: " ";
    display: block;
    width: 18%;
    bottom: -3px;
    border-bottom: solid 3px #ffbb00;
    left: 0;
    right: 0;
    margin: auto;
}
.cate_list li {
    margin-right: 40px;
    width: inherit;
}
#page_title {
	padding-top: 0;
}
#page_title:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
   /* background: rgba(237,239,236,1);
background: linear-gradient( 
90deg
 , rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 25%, rgba(236, 238, 239, 0.65) 55%, rgba(236, 239, 239, 0.55) 68%, rgba(236, 239, 239, 0) 80%, rgba(237,239,236,0) 100%);
*/
background: rgba(135,206,250,1);
background: linear-gradient(90deg, rgba(135,206,250,1) 40%, rgba(135,206,250,0.7063200280112045) 46%, rgba(135,206,250,0) 53%);

}
.img-container:before {/*通り過ぎる色*/
    background: #8ED1E0;
}
@media(max-width: 768px) {

}
@media(max-width: 667px) {
/*TOPCMSの全体幅*/
	.width_1280-max {
		padding-right: 15px;/*元20pxとかで広い時*/
		padding-left: 15px;
	}
.cms_2-a .cate_box {
	padding: 0 10px;
}
.cms_2-a .swiper-button-prev {
    left: -5px;
}
.cms_2-a .swiper-button-next {
    right: -5px;
}
	#page_title:before {
		background: transparent;
	}
}






footer {
	background-color: #8ccad8;
    background: url(Dup/img/bg_foot.png) repeat-x;
    background-size: auto 100%;
    background-position: 47%;
}
footer .logo {
	position: relative;/*svgに被る*/
}
#footer p {
	color: #212121;
}
@media(max-width: 667px) {
	footer {
		background-position: 88%;
	}
}


/* --------------------------IE------------------------------ */
@media all and (-ms-high-contrast: none) {
	body {
		font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.top_cms_box .more_box .more div {
		padding-top: 0;
	}
	.pager li a span {
		padding-top: 11px;
	}
	.page_title_box {
		margin-top: -44px;
	}
	.page10 .more span::after {
		top: 0.8px;
	}
	#cms_6-a .cate .cate_title{
		padding-top: 14px;
	}
}

@-moz-document url-prefix() {

}