/* all page */
/* color */
.txt_color_nomal{color: #333333;}
.txt_color1{color: #1950a2;} /* メインカラー */
.txt_color2{color: #0E0E52;} /* サブカラー */
.txt_color3{color: #fdb927} /* アクセントカラー1 */
.txt_color4{color: #ffdfa6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #1950a2;} /* メインカラー */
.bg_color2{background-color: #0E0E52;} /* サブカラー */
.bg_color3{background-color: #fdb927;} /* アクセントカラー1 */
.bg_color4{background-color: #ffdfa6} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #1950a2;}
.border_color2{border-color: #0E0E52;}
.border_color3{border-color: #fdb927;}
.border_color4{border-color: #ffdfa6}


h2,h3,h4{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
	font-weight: bold;
}

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



/* top ----------------*/

/* header */
#header{
	text-align: center;
	padding-left: 0;
	background-image: url("./Dup/img/header_bottom.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}
#pc_nav {
    padding-left: 0;
	padding-right: 0;
}
#logo{
	background: none;
	padding: 40px;
	margin-bottom: 0;
}
#logo img{
	max-width: 250px;
}
#logo span{
	display: none;
}
header .trans_header {
    top: -106px;
    height: 106px;
}
header .trans_logo {
    padding: 25px 20px;
	border-radius: 0 0 10px 0;
}
header .trans_logo img{
    max-width: 200px;
}
header .menu_stick {
    border-radius: 0 0 0 10px;
}

header #pc_nav ul li a{
    font-size: 16px;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}


/* main img */


.main_catch{
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 350px;
	z-index: 10;
}

/* main */


/* intro */
#contents1 .con1_title{
	position: relative;
}
#contents1 .con1_title::before{
	content: "";
	border: 1px solid #fff;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: rgba(58, 132, 223, 0.3) 0px 0px 0.25em, rgba(90, 125, 188, 0.14) 0px 0.25em 1em;
	z-index: -1;
}
#contents1 .con1_title::after{
	content: "";
	border: 1px solid #fff;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: rgba(141, 189, 247, 0.35) 0px 2px 4px 0px inset;
	z-index: -1;
}


/* contents */
#contents2 .con2_wrap::before{
	content: "";
	background-image: url("./Dup/img/contents2.png");
	background-size: 730px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
	height: 900px;
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 0;
}
#contents2 .con2_wrap .con2_left{
	z-index: 5;
}


/* topcms */
#top_cms{
	background-color: #f2f9ff;
}
#top_cms .top_cms_bg {
    background: none;
}

#top_cms .more a{
	border: solid 1px #fdb927 !important;
	border-radius: 30px;
	color: #fdb927 !important;
	transition: all 0.5s ease 0.1s;
	padding: 10px;
}
#top_cms .more a span {
    display: none;
}
#top_cms .more a:hover{
	box-shadow: rgba(253,185,39,0.7) 0px 0px 30px -5px;
	transform: translateY(-2px);
	transition-delay: 0s;
}


/* footer */
#logo2 img {
    max-width: 300px;
}


/* under page */
.under_page #header{
    background: none;
}
.under_page #logo {
    padding: 50px 20px;
}
.under_page #logo img {
    width: 250px;
    max-width: 250px;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */

/* IE */
@media all and (-ms-high-contrast: none){
    .banner_tel a{
        padding-bottom: 5px;
    }
    
    #top_cms .more a{
        padding-bottom: 15px;
    }
    
    #page08 .banner_tel a{
        padding-bottom: 15px;
    }
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	header .trans_header {
		top: 0px;
	}
	header .trans_logo {
		padding: 25px 20px;
		border-radius: 0;
	}
	header .menu_stick {
		border-radius: 0;
		width: 106px;
    	height: 106px;
	}
	
	#contents2 .con2_wrap::before {
        background-size: 620px;
        width: 620px;
        height: 700px;
    }
	
	#contents2 .con2_left{
        width: 100% !important;
        margin-bottom: 40px;
    }
    
    #page07 h3{
        padding-right: 20px;
    }
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	header .trans_header {
		height: 80px;
	}
	header .trans_logo {
		padding: 15px 20px;
	}
	header .trans_logo img {
		max-width: 160px;
	}
	header .trans_logo img {
		max-width: 160px;
	}
	header .menu_stick {
		width: 80px;
    	height: 80px;
	}
	
	.main_catch {
		width: 180px;
	}
	
	#contents2 .con2_wrap::before {
		background-size: 300px;
		width: 300px;
		height: 600px;
		left: 20px;
	}
	
	#logo2 img {
		max-width: 200px;
	}
	
}


/* 公開後修正20210719 -----*/
.main_catch {
    bottom: 0;
    top: 5%;
}
#pc_nav {
    margin-top: 50px;
}

/* 公開後修正20210821 */
#loader{
	display: none;
}