﻿

.linkStyle{
    color:#fff;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

/*スクリーンショット用*/
/*
#page_title_img,
#wrap{
    background-image:url(./Dup/img/page_title.jpg)!important;
    background-size:100% auto;
    background-position:center center;
}
#luxy{
    transform:none!important;
    position:initial!important;
}
*/


/*--all page---------------------------
-------------------------------------*/
#body{
    line-height:2.5;
}
#header{
    padding-top:30px;
    padding-bottom:30px;
}
#header #logo{
    opacity:0;
}
.scr_header #header #logo{
    opacity:1;
    transition:all 0.3s;
}
#logo img{
    max-width:150px;
}
#pc_nav li a, #footer_nav li a{
    text-shadow: 0 0 10px #333;
}
.overlay .overlay-nav{
    padding-top:40px;
}
.overlay .overlay-nav a{
    line-height: 1.2;
}
.overlay .overlay-nav .en,
#page10 .con_box li a,
.modal_title1{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*--top page---------------------------
-------------------------------------*/
.catch_logo{
    width: 500px;    
    top: 40%;
    left:0;
    right:0;
    margin:auto;    
}
.catch_logo img{
    filter: drop-shadow(0 0 20px #333);
}
/* ローディング後にじわっと出現 */
.load-blurTrigger{
    opacity: 0;
}
.load-blur{
  animation-name:load-blurAnime;
  animation-duration:4s;
  animation-fill-mode:forwards;
}

@keyframes load-blurAnime{
  from {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  }

  to {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  }
}
.luxy-el{
    pointer-events: none;
}
.awa1,.awa3{
    left:-10px;
}
.awa1{
    top:20%;
    z-index:1;
}
.awa2{
    top:25%;
    left:-50px;
    z-index:2;
}
.awa3{
    top:35%;
}
.awa4{
    top:40%;
}
.awa5,.awa6{
    right:0;
}
.awa7,.awa8{
    right:-10px;
}
.awa5{
    bottom:5%;
}
.awa6{
    bottom:10%;
}
.awa7{
    bottom:20%;
}
.awa8{
    bottom:25%;
}

.intro_title{
    font-size:1.5rem;
}
.cms_title h3{
    font-size:1.3rem;
}
.top_title:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.2);
    top:0;
    left:0;
}
.qa_type1 .cate_box {
	border: 1px solid #fff;
}
.qa_type1 .cate_box .arrow {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: 0px;
	transform: translateY(-50%);
}
.qa_type1 .cate_box .open_bt{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 0
}
.qa_type1 .cate_box .open_bt .arrow::before, .qa_type1 .cate_box .open_bt .arrow::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 1px;
	background-color: #fff;
}
.qa_type1 .cate_box .open_bt .arrow::before {
	top: 48%;
	left: 15px;
	transform: rotate(0deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow::after {
	top: 48%;
	left: 15px;
	transform: rotate(90deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::before {
	transform: rotate(-135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::after {
	transform: rotate(135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 87px;
}
.qa_type1 .cate_box .open_bt .box_title1::before {
	content: "Q.";
	position: absolute;
	left: -32px;
	top: 0px;
	display: inline-block;
	vertical-align: baseline;
	color: #f57f40;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
    border-top: 1px solid #fff;
}





/*--under page---------------------------
-------------------------------------*/
#page_title .en{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:3.5rem!important;
    top: -30px;    
}
.u_awa1{
    top:-300px;
    width:200px;
}
.u_awa2{
    top:-280px;
    left:-20px;
    width:150px;
    z-index:2;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#body {
    line-height: 2;
}
#main_img{
    background-size:auto 100%!important;
}
.catch_logo {
    width: 350px;
}
#contents_wrap{
    padding: 100px 7%;
}
#contents .con_title {
    font-size: 26px;
}
.awa1{
    display:none;
}
.awa7 {
    bottom: 0%;
    width: 20%;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
#footer_info{
    padding:10px;
}
.overlay div.overlay-nav {
    height: 90%;
}
.overlay .overlay-nav a{
    line-height: 1.5;
}
#page_title .en{
    font-size: 2.7rem!important;
    top: -20px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#loading .kvArea .img_box img{
    max-width: 80%;
}
.catch_logo {
    width: 280px;
}
.intro_photo_sp img{
    height: auto!important;
    width: 100%!important;
}
#contents .con_title {
    font-size: 23px;
}
.awa2 {
    top: 22%;
    left: -50px;
    z-index: 0;
    width: 80%;
}
.awa4 {
    top: 43%;
    width: 50%;
}
.awa5 {
    bottom: 20%;
    width: 40%;
}
.awa7 {
    bottom: 2%;
    width: 35%;
}
.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .arrow{
    left: -5px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 68px;
	padding-right: 5px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 0.2em 1.2em;
}
#logo2 img{
    max-width:200px;
}
#page_title .en {
    font-size: 1.8rem!important;
    top: -15px;
}
.u_awa1{
    width: 120px;
    z-index: -1;
}
.u_awa2{
    z-index:-1;
}
#page8 .page_container{
    padding-top:100px;
}
#page8 #tel_txt h3{
    font-weight:bold;
    font-size:1rem;
}
}





