/*@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
#top_cms .cms_title {
	margin-bottom: 0;
	padding-bottom: 147px;
	padding-top: 100px;
}
#top_cms .cms_box:nth-of-type(1) .cms_title {
    background: url(Dup/img/cms_title1.png) no-repeat 49% -30%;
    background-size: auto 84%;
}
#top_cms .cms_box:nth-of-type(3) .cms_title {
    background: url(Dup/img/cms_title2.png) no-repeat 52% -44%;
    background-size: auto 81%;
}
#top_cms .cms_box:nth-of-type(4) .cms_title {
    background: url(Dup/img/cms_title3.png) no-repeat 50% -43%;
    background-size: auto 85%;
}
#top_cms .cms_box:nth-of-type(5) .cms_title {
    background: url(Dup/img/cms_title4.png) no-repeat 50% 34%;
    background-size: auto 49%;
}

.con_wrap .con_box1:nth-child(2):before {
 
}

#contents .con_box1::before {
    display: none;
}
.con_title span {
	border-bottom: 6px solid #b068e6;
    padding-bottom: 7px;
}
.con_no {
	font-size: 42px;
	margin-top: -84px;
}
.pager li a span {
	font-size: 13px;
}

.cms_6-a figure {
	border-radius: 56% 44% 54% 46% / 48% 51% 49% 52% 
}
#contents .con_bg {
	background-color: #0033ff;
background-image: url(Dup/img/axiom-pattern.png);
}
.cate_list_title {
	text-align: center;
}
@media(max-width: 768px) {
	
	.con_no {
    font-size: 42px;
    margin-top: -56px;
}
}
@media(max-width: 667px) {
	.con_no {
    font-size: 42px;
    margin-top: -92px;
}
	#top_cms .cms_box:nth-of-type(1) .cms_title {
    background: url(Dup/img/cms_title1.png) no-repeat 3% 14%;
    background-size: 94%;
}
	#top_cms .cms_box:nth-of-type(3) .cms_title {
    background: url(Dup/img/cms_title2.png) no-repeat 60% 2%;
    background-size: 108%;
}
	#top_cms .cms_box:nth-of-type(4) .cms_title {
    background: url(Dup/img/cms_title3.png) no-repeat 52% 19%;
    background-size: 113%;
}
	#top_cms .cms_box:nth-of-type(5) .cms_title {
    background: url(Dup/img/cms_title4.png) no-repeat 50% 64%;
    background-size: 62%;
}
	#top_cms .cms_title {
		padding-bottom: 50px;
	}
	#page_title .title_wrap span {
    font-size: 18px;
}
}


.sns_title {
	font-family: 'Sawarabi Gothic', sans-serif;
}

.custom_wrap {
	position: relative;
}
.borderTopLeft {
    position: absolute;
    top: 0;
    left: 0;
    right: 30%;
    display: block;
    height: 10px;
    z-index: 2;
	background-color: #0033ff;
}
.borderTopRight {
    position: absolute;
    top: 0;
    left: 70%;
    right: 0;
    display: block;
    height: 10px;
    background: #ffe972;
    z-index: 2;
}
.borderLeft {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 10px;
    z-index: 2;
	background-color:#0033ff;
}
.borderRight {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 10px;
    background: #ffe972;
    z-index: 2;
}
.borderBottomLeft {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 70%;
    display: block;
    height: 10px;
    z-index: 2;
	background-color: #0033ff;
}
.borderBottomRight {
    position: absolute;
    bottom: 0;
    left: 30%;
    right: 0;
    display: block;
    height: 10px;
    background: #ffe972;
    z-index: 2;
}





h2,h3 {
	font-family: vdl-gigamaru, sans-serif;
font-weight: 500;
font-style: normal;
}

body {
/*	font-family: 'RocknRoll One', sans-serif;*/
	font-family: 'Press Start 2P', cursive;
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 16px;
}
.font_bar {
	font-family: 'Press Start 2P', cursive;
}
#contents .con_img {
    height: 0;
    left: -8%;
    padding: 9%;
	box-shadow: 18px 17px 0px 0px rgba(10,10,10,0.1), 16px 4px 0px -50px rgba(10,10,10,0.58);
}
#contents .con_img:nth-of-type(2) {
	top: inherit;
	top: 38%;
}
#contents .con_img:nth-of-type(3) {
	top: inherit;
	bottom: 20%;
}
/* --------------------------TOP CONTENETS------------------------------ */

#intro #logo {
	max-width: 200px;
}
#intro #logo img {
	width: 100%;
}
#intro.bg_white, #top_cms {/*ベースカラー*/
	background-color: #fffff5;
}
.txtWrap {
margin: 0 0 0 auto;
    padding-top: 33%;
    z-index: 10;
    position: relative;
    text-shadow: 2px 0px 5px #0033ff, -1px 0px 3px #0033ff;
}
#custom .custom_title{/*キャッチコピーの位置*/
    position: absolute;
    left: 50%;
    top: 36%;
    transform: translate3D(-50%, -50%, 0);
    max-width: 47%;
    z-index: 7;
    padding: 0;
}
.cms_title p {
text-shadow: 0px 12px 1px rgba(175, 153, 0, 0.17);
	padding-bottom: 0;
}
#cms_6-a figure {
	margin: 30px auto;
}
#page05 #cms_6-a .cate_txt1{
    position:relative;
    background:#2d4ed2;
    padding:30px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	margin-bottom: 40px;
}
#page05 #cms_6-a .cate_txt1:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:25px;
    border-bottom-width:25px;
    border-left-width:27px;
    border-right-width:27px;
    margin-left: -27px;
    border-top-color:#2d4ed2;
    top:100%;
    left:50%;
}

@media(max-width: 1668px) {
.txtWrap {
    padding-top: 29%;
}
#custom .custom_title{
    top: 41%;
}
}
@media(max-width: 1448px) {
.txtWrap {
    padding-top: 35%;
}
}
@media(max-width: 768px) {
	#intro {
		margin-top: -8px;

	}
	#custom {
		height: auto!important;
background: #333333;
	}
.txtWrap {
    padding-top: 10%;
	margin-bottom: 5%;
}
#custom .custom_title{
    top: 48%;
	max-width: 63%;
}
}
@media(max-width: 667px) {
#intro #logo {
	max-width: 144px;
}
#contents .con_img {
    left: 0%;
	padding: 25%;
}
footer #logo2 {
		width: 150px;
		margin-bottom: 50px;
	}
#custom .custom_title {
    max-width: 65%;
}
}


/* --------------------------IE------------------------------ */
@media all and (-ms-high-contrast: none) {
	#page_title .title_wrap span {
		padding: 10px 0;
	}
}