html.android .hannari{
	font-family: 'Noto Serif JP', serif;    
}


header.scr_header,.page header.scr_header {
    background-color: rgba(103, 181, 183,0.5)!important;
}

.bg_color1 {background-color: #afafe0;}
.bg_color2 {background-color: #dcdcf7;
    /* background-color: #afafe0; */}
.bg_color3 {background-color: #afafe0;}
.txt_color1 {color: #67b5b7;}
.txt_color2 {color: #afafe0;}
.txt_color3 {color: #d4d4ef;}
.border_color1 {border-color: #67b5b7;}
.border_color2 {border-color: #67b5b7;}
.border_color3 {border-color: #afafe0;}

.hvr_bg_color2:hover {background-color: #d1d1ef;}

.aurora {/*基本*/
  position: absolute;
  width: .001vmin;
  height: .001vmin;
  border-radius: 50%;
  opacity: .25;
}
.aurora:nth-child(2) {/*2層目　色相変換*/
  box-shadow: 0 0 45vmax 45vmax #67b5b7;
  animation: hue 5s 0s linear infinite,
    move1 10s 0s linear infinite;
}
.aurora:nth-child(3) {/*3層目　位置調整*/
box-shadow: 0 0 45vmax 45vmax white;
 animation: hue 7.5s 0s linear infinite,
    move2 12.5s 0s linear infinite;
}
.aurora:nth-child(4) {/*4層目　位置調整を時間差で*/
box-shadow: 0 0 45vmax 45vmax #afafe0;
animation: hue 10.5s 0s linear infinite,
    move3 7.5s 0s linear infinite;
  opacity: .2;
}
@keyframes hue {/*色相変換アニメーション*/
  0% {
            filter: hue-rotate(0deg);
  }
  100% {
            filter: hue-rotate(360deg);
  }
}
 
@keyframes move1 {/*位置調整アニメーション*/
  0% {
    top: 0vh;
    left: 50vw;
  }
  25% {
    left: 0vw;
  }
  50% {
    top: 100vh;
  }
  75% {
    left: 100vw;
  }
  100% {
    top: 0vh;
    left: 50vw;
  }
}
 
@keyframes move2 {/*位置調整アニメーションその2*/
  0% {
    top: 50vh;
    left: 100vw;
  }
  25% {
    top: 100vh;
  }
  50% {
    left: 0vw;
  }
  75% {
    top: 0vh;
  }
  100% {
    top: 50vh;
    left: 100vw;
  }
}
 
@keyframes move3 {
  0% {
    top: 100vh;
    left: 50vw;
  }
  25% {
    left: 100vw;
  }
  50% {
    top: 0vh;
  }
  75% {
    left: 0vw;
  }
  100% {
    top: 100vh;
    left: 50vw;
  }
}

/* ----------　all　---------- */
.linkStyle{
	color:#afafe0;
}
.linkStyle:hover{
	color:#afafe0;
	opacity: 0.7;
	transition: all 0.5s;
}


#body{
    background-color: #67b5b7;
    background-image: url(Dup/img/back.jpg);
}
#pc_nav li a{
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 0 #afafe0, -1px -1px 0 #afafe0, -1px 1px 0 #afafe0, 1px -1px 0 #afafe0, 0px 1px 0 #afafe0, 0 -1px 0 #afafe0, -1px 0 0 #afafe0, 1px 0 0 #afafe0;
}
header.scr_header #logo {
    max-width: 300px;
}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a {
    color: #ffffff;
}


footer .tel_bt a{
    color: #afafe0;
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f086";
}
.banner_box{
    margin-top: 50px;
}
.banner{
    width: 40%;
    margin: 0 2%;
    max-width: 300px;
}
.return a {
    color: #ffffff;
    text-shadow: 1px 1px 0 #67b5b7, -1px -1px 0 #67b5b7, -1px 1px 0 #67b5b7, 1px -1px 0 #67b5b7, 0px 1px 0 #67b5b7, 0-1px 0 #67b5b7, -1px 0 0 #67b5b7, 1px 0 0 #67b5b7;
}
.yoyaku_banner{
     width: 80%;
    max-width: 400px;
    margin: auto;   
    margin-bottom: 50px;
}
header .yoyaku_banner2{
    max-width: 250px;
    margin-left: 20px;    
}
.yoyaku_banner3{
    max-width: 300px;
    margin-top: 20px;
}
/* ----------　TOP　---------- */
#main_img{
    overflow: hidden;
}
#top_pc_nav li a{
    color: #67b5b7;
    text-shadow: 0 2px 5px rgb(0 0 0);
    font-weight: bold;
        text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    /* font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"; */
}
#main_img .menu p{
background-color: rgba(255, 255 ,255 ,0.7)!important;
}
#main_img .main_dec {
    position: absolute;
    z-index: 2;
}
#main_img .main_dec1 {
    top: 0;
    left: 0;
        width:130px;
}
#main_img .main_dec2 {
    top: 0;
    right: 0;
        width: 130px;
}
#main_img .main_dec3 {
    bottom: 0;
    right: 0;
}
#main_img .main_dec3 img{
height:150px;
    width: auto;
}
.video_wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
video {
	min-width: 100%;
	min-height: 100vh;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.num {
    color: #d4d4ef;
}
#intro_wrap {
    position: relative;
}
#intro_wrap:before {
    content: '';
    width: 200px;
    height: 220px;
    background-image: url(Dup/img/dec1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -50px;
    right: -50px;
}
#intro_wrap .txt_img1{
    position: absolute;
    top: -25px;
    left: -50px;
    width: 40%;
}
#intro_wrap h3,#contents3 h3{
    background-image: url(Dup/img/border.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 35px;
}
#contents1_wrap{
    position: relative;
}
#contents1_wrap:before {
    content: '';
    width: 150px;
    height: 150px;
    background-image: url(Dup/img/dec2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -50px;
    left: 5%;
    z-index: 2;
}
#contents2_wrap:before {
    content: '';
    width: 150px;
    height: 230px;
    background-image: url(Dup/img/dec3.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 45%;
    right: 5%;
    z-index: 2;
}
#contents1 .con_box {
    margin-top: 13%;
}
#contents1 .con_box .txt_img2{
    width: 50%;
    margin-bottom: 20px;
}
#contents1 h3,#contents1 p,#contents2 h3,#contents2 p{
    color: #fff;
}
#contents2 .con_box {
    margin-top: 13%;
}
#contents2 .con_box .txt_img3 {
    width: 50%;
    margin-bottom: 20px;
}
#contents3 .con_box:before {
    content: '';
    width: 150px;
    height: 150px;
    background-image: url(Dup/img/dec4.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    left: -30px;
    z-index: 10;
}
#contents3 .con_box:after{
    content: '';
    width: 150px;
    height: 180px;
    background-image: url(Dup/img/dec5.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -30px;
    right: -40px;
    z-index: 10;
}
#contents3 .con_box .txt_img4{
    width: 140px;
    margin: auto;
    margin-bottom: 5px;
}
#intro .line:before, #contents3 .line:before{
    display: none;
}
#top_cms.back1:before {
    z-index: -1;
}
#top_cms .cms_title p{
    color: #d4d4ef;
}
#top_cms .cms_title h3{
    color: #fff;
}
#top_cms .cms_1-f,#top_cms .cms_3-b{
    background-color: #fff;
    padding: 30px;
}
.cms_6-c .cate_box:before {
    content: '';
    width: 100px;
    height: 100px;
    background-image: url(Dup/img/dec6.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -50px;
    right: -30px;
}
.cms_6-c .cate_box h3.box_title:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(Dup/img/dec7.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding-right: 6px;
}



/* ----------　下層ページ---------- */
.cate_list li {
    width: 47%;
}
.cate_list li:nth-child(even){
    margin-right: 0%;
}
#cms_3-b .cate_list{
        margin-bottom: 50px;
}
#cms_6-c .cate_box:before {
    content: '';
    width: 150px;
    height: 150px;
    background-image: url(Dup/img/dec6.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -50px;
    right: -50px;
}
#cms_6-c .cate_box h3.box_title:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(Dup/img/dec7.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding-right: 6px;
}

#page7 h4{
        color: #afafe0;
}

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

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
    #logo {
    max-width: 350px;
}
#main_img{
	position: relative;
	height: auto;
	width: 100%;
}
#main_img:before {
    display: none;
}
#main_img .main_dec1,#main_img .main_dec2 {
    width: 70px;
}
#main_img .main_dec3 img {
    height: 80px;
    width: auto;
}
#main_img .menu {
display:none;
}
.video_wrap {
	position: static;
	overflow: hidden;
	width: 100%;
	height: auto;
	min-width: 100%;
}
video {   
	min-width: auto;
	min-height: auto;
	width: 100%;
	z-index: 1;
	position: static;
	top: 0%;
	left: 0%;
	-webkit-transform: translate(0%, 0%); 
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%); 
vertical-align: bottom;
}    
#intro_wrap:before {
    width: 150px;
    height: 180px;
}
#contents1_wrap:before {
    width: 120px;
    height: 120px;
    top: 25%;
    left: 0%;
}
#contents2_wrap:before {
    width: 100px;
    height: 150px;
    top: 10%;
    left: 30%;
    right: auto;
}
#contents3 .con_box:before {
    width: 120px;
    height: 120px;
    top: -20px;
    left: -30px;
}
#contents3 .con_box:after {
    width: 100px;
    height: 130px;
}
.cms_6-c .cate_box:before {
    width: 80px;
    height: 80px;
    bottom: -20px;
    right: -30px;
}
#cms_6-c .cate_box:before {
    width: 120px;
    height: 120px;
}
#cms_3-b .cate_list {
    margin-bottom: 20px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.banner {
    width: 80%;
    margin: 0 2% 25px;
    max-width: 300px;
}    
#logo {
    max-width: 230px;
}
header.scr_header #logo {
    max-width: 200px;
}
#footer h2{
    font-size: 23px;
}
 #main_img .main_dec1, #main_img .main_dec2 {
    width: 40px;
}   
#main_img {
    margin-top: 63px;
}
#main_img .main_dec3 img {
    height: 35px;
}
#intro_wrap .txt_img1 {
    position: relative;
    top: 0px;
    right: 0;
    left: 0px;
    margin: auto;
    width: 70%;
    margin-bottom: 10px;
}
#intro_wrap .intro_title{
        letter-spacing: 1px;
}
#intro_wrap:before {
    width: 100px;
    height: 130px;
        right: -40px;
}
#contents1_wrap:before {
    width: 80px;
    height: 80px;
    top: 15%;
}
#contents2_wrap:before {
    left: 80%;
}
#contents3 .con_box:before {
    width: 90px;
    height: 90px;
    left: -15px;
}
#contents3 .con_box:after {
    width: 80px;
    height: 100px;
    right: -20px;
}
#page_title .page_title_box {
    width: 70%;
}
#page_title h2{
        font-size: 23px;
}

#page_title .page_title_box {
    top: 57%;
}
header{
    background-color: rgba(212,212,239,0.8)!important;
}
.cate_list li {
    width: 100%;
}
#cms_6-c .cate_box:before {
    width: 100px;
    height: 100px;
    bottom: -40px;
    right: -30px;
}
.overlay ul {
    height: 70%;
}
.yoyaku_banner{
     width: 100%;
}
.yoyaku_banner3 {
    width: 90%;
    margin: auto;
}
}