@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
.font1{
    font-family: 'Allison', cursive;
}

/*
.fix_bnr{
    position:absolute;
}
*/

/*--all page---------------------------
-------------------------------------*/

.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

main{
    background:url(./Dup/img/bg.jpg) repeat;
    background-size:300px 300px;
}

#sp_nav .grid_3:first-of-type img {
    left: -88%;
}
#sp_nav .grid_3:last-of-type img {
    left: 184%;
}
#sp_nav nav{
    background-color: #100D07;
}

#footer .con_img figure{
    opacity:0.5;
}

.fix_bnr{
    right:20px;
    z-index:2;
}



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

#main_img{
    background-image: url(./Dup/img/main_img2.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.catch {
    width: 700px;
    top: 23%;
    left: 5%;
    z-index:2;
    filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.5));
}
#contents1 .con_title{
    padding-right:0;
    letter-spacing: 1px;
}

.con2_3_wrap{
    background-color:#100D07;
}

/*loopslide*/
.loopSlide {
    position: relative;
    display: flex;
    width: 100vw;
    overflow: hidden;
}

.loopSlide ul {
        padding: 0;
        width: 100vw;
        display: flex;
        flex-shrink: 0;
}
.loopSlide ul:first-child {
        animation: slide1 60s -30s linear infinite;
}
.loopSlide ul:last-child {
        animation: slide2 60s linear infinite;
}
 
.loopSlide ul li {
            display: inline-block;
            width: 100%;
            min-width: 150px;
            list-style: none;
            text-align: center;
}
.loopSlide ul img {
            display: block;
            width: 100%;
            height: auto;
}
.loopSlide figure{
    margin-right:50px;
}
.loopSlide ul li:nth-of-type(2n){
    margin-top:40px;
}
.loopSlide ul li:nth-of-type(3n){
    margin-bottom:50px;
}
 
@keyframes slide1 {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
 
@keyframes slide2 {
    0% {
        transform: translateX(0);
    }
 
    to {
        transform: translateX(-200%);
    }
}

#contents2 .con_box,#contents3 .con_box{
    margin-top:100px;
}
.con2_3_wrap .con_box{
    position:relative;
    z-index:2;
}



/*--under page---------------------------
-------------------------------------*/

#page_title img{
    opacity:0.8;
}
#cms_2-c .cate_img1 {
    height: 450px!important;
}
#cms_2-c .cate_title_wrap{position:relative;}
#cms_2-c .cate_title_wrap:before{
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 1px;
    background: #fff;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}
#cms_2-c .box_txt1{
    position: relative;
    padding-left: 54px;
}
#cms_2-c .box_txt1::after {
  content: '';
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 1px;
    top: 19px;
    left: 0;
    background-color: #ddd;
}

/*menu page*/
#cms_3-f .cate_box {
    width: 29%;
}
#cms_3-f .sub_cate_item{position:relative;}
#cms_3-f .sub_cate_item::before {
	content: '';
    position: absolute;
    display: inline-block;
    width: 2px;
    height: calc(100% + 13px);
    top: -5px;
    left: 0px;
    background-color: #ffffff;
    z-index: 0;
}

/*faq page*/
.qa_type1 .cate_box {
	/*border-radius: 10px;*/
	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: #f5ad5a;
}
.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;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

/*動画来たら不要*/
#main_img{
    height:71vh;
}
#main_img .video{
    height: 100%;
    width: auto!important;
}

.catch {
    width: 350px;
    top: 35%;
}

#contents1 .con_title{
    font-size: 28px;
    padding-left: 0;
    padding-right: 0;
}

#contents2 .con_box, #contents3 .con_box {
    background: rgba(0,0,0,0.1);
}
#contents2 .con_img img{
    left:90%!important;
}
#contents3 .con_img img{
    left:16%!important;
}

#cms_2-c .cate_img1 {
    height: 270px!important;
}
#cms_3-f .cate_box{
    padding:0;
    letter-spacing:0;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.width_80_sp{
    width:80px;
}

#header h1 img{
    max-width:80px;
}

.catch {
    width: 300px;
}

#contents1 .con_title {
    font-size: 22px;
    letter-spacing: -1px;
}

#contents3 .con_title{
    letter-spacing: 1px;
}


/*loopSlide*/
.loopSlide ul li{
    min-width:120px;
}
.loopSlide figure{
    margin-right:0;
}
.loopSlide ul li:nth-of-type(2n){
    margin-top:0;
}
.loopSlide ul li:nth-of-type(3n){
    margin-bottom:0;
}

#cms_2-c .cate_title_wrap:before{
    display:none;
}
#cms_2-c .box_txt1 {
    padding-left: 0;
}
#cms_2-c .box_txt1::after{
    display:none;
}

#cms_3-f .cate_box {
    letter-spacing: 2px;
}

.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 73px;
	padding-right: 0;
}
.qa_type1 .cate_box .box_txt1 {
	padding:1.2em 0.2em;
}
}