/* all page */
/* color */
.txt_color_nomal{color: #212121 !important;}
.txt_white{color: #212121;}
.txt_color1{color: #fff;} /* メインカラー */
.txt_color2{color: #3a84df;} /* サブカラー */
.txt_color3{color: #FFB266;} /* アクセントカラー1 */
.txt_color4{color: #516881;} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #f6f9fa;} /* メインカラー */
.bg_color2{background-color: #3a84df;} /* サブカラー */
.bg_color3{background-color: #bad4e6;} /* アクセントカラー1 */
.bg_color4{background-color: #cedff1} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #9ECCE9;}
.border_color2{border-color: #9ecce9;}
.border_color3{border-color: #FFB266;}
.border_color4{border-color: #cedff1}

.linkStyle{
    color: #333;
    text-decoration: underline;
}


#fakeloader::before{
	content: "";
    width: 40vw;
    height: 40vw;
	background-image: url(./Dup/img/suisai2.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 40vw;
    position: absolute;
    top: -10vw;
    right: -9vw;
	opacity: 0.3;
}
#fakeloader::after{
	content: "";
    width: 35vw;
    height: 40vw;
	background-image: url(./Dup/img/suisai2.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 35vw;
    position: absolute;
    bottom: -10vw;
    left: -5vw;
	opacity: 0.2;
}

/* top ----------------*/
#wrap {
    position: relative;
	overflow: hidden;
}
#wrap .BG1 {
    width: 35vw;
    height: 40vw;
	background-image: url(./Dup/img/suisai2.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 35vw;
    position: absolute;
    top: 40vw;
    left: -5vw;
	z-index: 0;
	opacity: 0.2;
}
#wrap .BG2 {
    width: 40vw;
    height: 40vw;
	background-image: url(./Dup/img/suisai2.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 40vw;
    position: absolute;
    top: -10vw;
    right: -9vw;
	z-index: 0;
	opacity: 0.3;
}

/* header */
header{
	position: relative;
}
#main_menu.fixed {
    background: rgba(158,204,233,0.6);
	border-bottom: 1px solid #3d94fe;
}
#main_menu ul li a {
    color: #23303d;
}

#main_img .box_img{
	border-radius: 30px;
}

/* main */
main{
	position: relative;
}

/* intro */
#aisatsu{
	background-image: none !important;
}

#aisatsu > div {
    background-color: transparent !important;
	padding-top: 10px;
}

/* contents */
#top_contents{
	position: relative;
	padding-top: 200px;
}
#top_contents .about{
	position: absolute;
	top: 30px;
	left: 50%;
    transform: translate(-50%,0);
}
#top_contents .about a{
	font-size: 50px;
	font-family: 'Felipa', cursive;
	font-weight: bold;
	color: #ffb266;
}
#top_contents .about::before{
	content: "";
	border-bottom: dotted 8px #ffb266;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
	background-image: none !important;
	background-color: rgba(255,255,255,0.80);
	padding: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 5px;
}
#contents1{
	position: relative;
}
#contents1::before{
	content: "01";
	font-size: 80px;
	font-family: 'Felipa', cursive;
	color: #ffb266;
	position: absolute;
	top: -10px;
	left: 5vh;
	opacity: 0.7;
	z-index: 5;
}
#contents2{
	position: relative;
}
#contents2::before{
	content: "02";
	font-size: 80px;
	font-family: 'Felipa', cursive;
	color: #ffb266;
	position: absolute;
	top: -10px;
	left: 5vh;
	opacity: 0.7;
	z-index: 5;
}
#contents3{
	position: relative;
}
#contents3::before{
	content: "03";
	font-size: 80px;
	font-family: 'Felipa', cursive;
	color: #ffb266;
	position: absolute;
	top: -10px;
	left: 5vh;
	opacity: 0.7;
	z-index: 5;
}
.contents_box::before {
    display: none;
}
.contents_box::after {
    display: none;
}
.contents_box2::before {
    display: none;
}
.contents_box2::after {
    display: none;
}
.contents_img img{
	border-radius: 80% 30% 50% 50%/50%;
}

/* topcms */
#top_cms{
	position: relative;
	padding-top: 250px;
}
#top_cms .topcms_contents{
	position: absolute;
	top: 70px;
	left: 50%;
    transform: translate(-50%,0);
}
#top_cms .topcms_contents a{
	font-size: 50px;
	font-family: 'Felipa', cursive;
	font-weight: bold;
	color: #ffb266;
}
#top_cms .topcms_contents::before{
	content: "";
	border-bottom: dotted 8px #ffb266;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
}
#top_cms .cms_title{
	padding-bottom: 10px;
	text-align: left;
	display: flex;
    flex-direction: row;
    align-items: baseline;
}
#top_cms .cms_title p{
	margin-left: 10px;
}
#top_cms .cms_title h2::before{
	display: none;
}
#top_cms .cms_title h2::after{
	display: none;
}
#top_cms .topcms_border{
	border: none;
	padding: 0;
}
#top_cms .cms_1-c{
	border-top: 2px solid #9ecce9;
	padding-top: 50px;
}
#top_cms .cms_2-c{
	border-top: 2px solid #9ecce9;
	padding-top: 50px;
}
#top_cms .cms_5-c{
	border-top: 2px solid #9ecce9;
	padding-top: 50px;
}
.cms_5-c .box_title1 {
    border-color: rgba(0,0,0,0.07) !important;
    text-align: left;
}
.cms_5-c .box_txt1::before {
    color: rgba(0,0,0,0.3) !important;
}
.cms_5-c .box_txt1 {
    text-align: left;
}

/* footer */
#f_menu ul li a {
    color: #4e4e4e;
}


/* under page */
#main_img2 .page_title {
    background-color: rgba(186,212,230,0.50) !important;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */
#cms_5-c .box_title1 {
    border-color: rgba(0,0,0,0.07) !important;
}
#cms_5-c .box_txt1::before {
    color: rgba(0,0,0,0.3) !important;
}

/* page7 */

/* page8 */

/* page9 */

/* page10 */
#page10 #contents .cate ul li a span{
    padding-left: 0;
    padding-top: 5px;
}


/* IE */
@media all and (-ms-high-contrast: none){
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#fakeloader::before{
		width: 60vw;
		height: 60vw;
		background-size: 60vw;
		top: -25vw;
		right: -13vw;
	}
	#fakeloader::after{
		width: 50vw;
		height: 50vw;
		background-size: 50vw;
		bottom: -15vw;
		left: -10vw;
	}
	#wrap .BG1 {
		width: 45vw;
		height: 45vw;
		background-size: 45vw;
		top: 80vw;
		left: -5vw;
	}
	#wrap .BG2 {
		width: 60vw;
		height: 60vw;
		background-size: 60vw;
		top: -25vw;
		right: -13vw;
	}
	#main_img .box_img {
        border-radius: 0;
    }
	#aisatsu{
		margin-bottom: 0;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#fakeloader::before{
		width: 90vw;
		height: 90vw;
		background-size: 90vw;
		top: -20vw;
		right: -23vw;
	}
	#fakeloader::after{
		width: 70vw;
		height: 70vw;
		background-size: 70vw;
		bottom: -20vw;
		left: -15vw;
	}
	#wrap .BG1 {
		width: 65vw;
		height: 65vw;
		background-size: 65vw;
		top: 100vw;
		left: -10vw;
	}
	#wrap .BG2 {
		width: 70vw;
		height: 70vw;
		background-size: 70vw;
		right: -20vw;
	}
	#aisatsu > div {
		padding-bottom: 50px;
	}
	#top_contents {
		padding-top: 150px;
	}
	#top_contents .about a {
		font-size: 35px;
	}
	#top_contents .about::before {
		border-bottom: dotted 6px #ffb266;
		width: 80px;
	}
	#contents1::before {
		font-size: 70px;
		top: -30px;
		left: 0;
	}
	#contents2::before {
		font-size: 70px;
		top: -30px;
		left: 0;
	}
	#contents3::before {
		font-size: 70px;
		top: -30px;
		left: 0;
	}
	#top_cms {
		padding-top: 150px;
	}
	#top_cms .topcms_contents {
		top: 20px;
	}
	#top_cms .topcms_contents a {
		font-size: 35px;
	}
	#top_cms .topcms_contents::before {
		border-bottom: dotted 6px #ffb266;
		width: 80px;
	}
	
}