/*
Theme Name: Works
Theme URI: テーマを紹介しているページアドレス
Description: テーマの説明
Version: 3.0
Author: DOT TXT PLUS
Author URI:https://www.dot-txtplus.com
*/
@charset "UTF-8";

* html body{background:url(null) fixed;}  
*{
	font-style:normal;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
/*
url(font//03SmartFont-P.ttf)
03SmartFont-P
*/
body{
	margin-right:auto;
	margin-left:auto;/*font-family:var(--font-s);src:var(--font-ur) format('truetype');*/
	font-family:var(--font-s);
	font-weight:400;letter-spacing:0.025em; 
}

/*
@font-face{
	font-family:'03SmartFont-P';
	src:url(font/03SmartFont-P.ttf) format('truetype');
}
*/
#back-ground{clear:both;float:left;width:100%;}
html{font-size:6.25%;scroll-behavior:smooth;}
body{font-size:var(--font-size);/*font-weight:lighter;*/line-height:1.35;color:var(--font-color);}
a{color:var(--font-color); position:relative;text-decoration:none;}



a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;}
a:link ,.article_area .table_layout_game .match-index tr td a{text-decoration:none;}
a:hover{text-decoration:none;/*position:relative;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;*/}
a:visited{text-decoration:none;}
img{vertical-align:bottom;max-width:100%;height:auto;}


ul{list-style:none;}



.sig-link-list li a::after,
.navi-box ul a::after, .news-list-tit a::after{position:absolute;bottom:-4px;left:0;content:'';width:100%;height:2px;background:var(--main-c);transform:scale(0, 1);transform-origin:left top;transition:transform .3s;}

.sig-link-list li a:hover::after,
.navi-box ul a:hover::after, .news-list-tit a:hover::after{transform:scale(1, 1);}

a:hover img{opacity:0.5;filter:alpha(opacity=50);background:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;}
a:hover .sns-listimg img{opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0 ease;-moz-transition:all 0 ease;}
.area:nth-child(even){background-color:var(--bc-color);}


/*
li a::after{position:absolute;bottom:-4px;left:0;content:'';width:100%;height:2px;background:var(--main-c);transform:scale(0, 1);transform-origin:left top;transition:transform .3s;}
li a:hover::after{transform:scale(1, 1);}
*/

/*----------------------------------セクション　基本--------------------------------------
------------------------------------------------------------------------------------------------- */
.sect-set{}
.triangle{margin:0; padding:0;clear:both;float:left;width:100%;border-bottom:solid 20px var(--border);background-image:var(--border-img);background-repeat:no-repeat;background-position:bottom; background-size:110% auto;}

.triangle .skewed{clear:both;float:left;width:100%;padding: 0;overflow-x:hidden;position:relative;}
.triangle:nth-child(1) .skewed{padding:0 0;}
.triangle:nth-child(2) .skewed{padding: 0;}
/*.triangle:first-child .skewed{padding:5% 0 15%;}*/
.triangle .pan-min{padding:0 0;}

.sect-set .triangle:nth-child(even) .skewed{background:var(--bc-color-even);}　/* .section1の背景 */ 
/*.triangle:nth-child(odd) .skewed .content-in-co{background-color:#FFF;padding:8% 0;clear:both;float:left;width:100%;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}　 .section1の背景 */ 

.triangle:nth-child(odd){}
.triangle:nth-child(even){}
.triangle:first-child{}
.main-cont-top{clear:both;float:left;width:100%;padding:10% 0;background-size:auto auto;}

.alignleft{float:left;padding:0 2% 0 0;}
.alignright{float:right;padding:0 0 0 2%;}

/*-------------------box-shadow------------------------------*/
.more-txt a,.serv-cont .serv-cont-in a,.se-more-txt a,.se-cosec-img,.flow-con-img img,.ban-list li img{ /*border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:20px 20px 30px #CCC,-20px -20px 30px #ffffff;*/}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------コンテンツ　基本--------------------------------------
------------------------------------------------------------------------------------------------- */

.box-in ,.content-in ,#metaslider_12 ,.content-ma-in,.report-sec{max-width:1180px;/*overflow-x:hidden;*/}
.content-in,.report-sec{margin:0 auto;width:100%;padding:0;}
.content-in-bc{padding:5%;clear:both;float:left;width:100%;background:#FFF;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.box70{width:70%;float:left;}
.box60{width:60%;float:left;}
.box55{width:55%;float:left;}
.box50{width:50%;float:left;}
.box45{width:45%;float:left;}
.box40{width:40%;float:left;}
.box35{width:35%;float:left;}
.box33{width:33.33%;float:left;}
.box30{width:30%;float:left;}
.box25{width:25%;float:left;}
.box15{width:15%;float:left;}
.box85{width:85%;float:left;}



/*固定ページ タイトル t-topimg.php*/
.tit-page{width:100%;float:left; clear:both;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.top-tith{width:100%;max-width:1140px; margin:0 auto;clear:both;}
.top-tith p{float:left; clear:both;color:var(--font-sub-color);padding:5% 10%;margin:0 0;  font-size:var(--tit-font-size);}
.top-tith span{font-size:var(--font-size);}


/*----------------------header--ヘッダー--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.to-content{z-index:2;position:relative;}


header{padding:0;margin:0;clear:both;float:left;width:100%;}




.header-in{margin:0 auto;clear:both;padding:0;max-width:1240px;}

.hed-top{;width:100%;display:flex;justify-content:space-between;align-items:flex-start;align-items:center;}
.hed-top > div{width:40%;}
.hed-logo{padding:0 10% 0 0;text-align:center;}
.hed-logo span{clear:both;float:left;width:100%;margin:0;padding:5px 0 0;font-size:21rem;}


.hed-tel{padding:20px 0 20px;margin-bottom:50px; width:100%;display:flex;justify-content:center;flex-wrap:wrap; align-items:center;background:var(--navi);border-radius:0 0 10px 10px;}
.hed-tel div{clear:both;float:left;width:80%;color:var(--navi-font);text-align:center;}
.ht-etc{font-size:var(--font-size);line-height:110%;color:var(--navi-font);white-space:pre-wrap;}



.hed-img{clear:both;float:left;width:100%;background:#efefef;height: 385px;text-align: center;}
.hed-img img {width: auto;height: 100%;margin:0 auto;}
.tophed-imgss{display: none;}
/*----------------------------------ナビ-------------------------------------
----------------------------------------------------------------------------------------------*/
.navi-top{display:none;}


#global-nav{}
.fixed{clear:both;float:left;position:fixed;width:100%;top:0;z-index:90 !important;}

.top-global-nav{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.90);border-bottom:solid 1px var(--navi-font);}
.top-global-nav:hover{background:rgba(255,255,255,0.9); }
.top-nav-box{width:100%;max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:center;}

.nav-logo{width:20%;max-width:300px;}
.nav-logo a{padding:5% 15%;clear:both;float:right;width:100%;}
.nav-logo a img{height: 60px;}

.menu-top-navi-container{float:left;width:80%;margin:0;padding:0;display:block;}

.menu-top-navi-container .menu{width:100%;max-width:1800px;margin:0 auto;display:flex;justify-content:center;align-items:center!important; flex-wrap:nowrap;}
.menu-top-navi-container .menu > li{width:175px;text-align:center;/*border-left:1px solid var(--navi-font);*/}
.menu-top-navi-container .menu > li:last-child{/*border-right:1px solid var(--navi-font);*/}
.menu-top-navi-container .menu li a{display:block;color:var(--navi-font);padding:20% 2%;font-size:16rem;font-weight:600;line-height: 120%;}
.menu-top-navi-container .menu__second > li{border-top:1px solid var(--navi-hover-font);}
.menu-top-navi-container .menu > li:hover{background:var(--navi-hover);}
.menu-top-navi-container .menu > li:hover a{color:var(--navi-hover-font);}
.menu-top-navi-container .menu li span{font-size:10rem; clear:both;float:left;width:100%;}

.menu-top-navi-container .menu:before,
.menu-top-navi-container .menu:after{content:"";display:table;}

.menu-top-navi-container .menu:after{clear:both;}

.menu-top-navi-container .menu{*zoom:1;}

.menu-top-navi-container > .menu__second{position:relative;}


.menu__second{position:absolute; width:149px;background:var(--navi-font);-webkit-transition:all .2s ease;transition:all .2s ease;visibility:hidden;opacity:0;
z-index:1;}

.menu-top-navi-container .menu > li:hover > .menu__second{visibility:visible;opacity:1;}

.menu-top-navi-container .menu > li > .menu__second > li{position:relative;}
.menu-top-navi-container .menu > li > .menu__second > li:hover{background:var(--navi-hover);}
.menu-top-navi-container .menu > li > .menu__second > li:hover a{color:var(--navi-hover-font);}

.menu-top-navi-container .menu > li > .menu__second > li > .menu__second{
  position:absolute;
  top:-1px;
  left:100%;
  width:100%;
  background:var(--navi);
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  visibility:hidden;
  opacity:0;
}

.menu-top-navi-container .menu > li > .menu__second li:hover > .menu__second{visibility:visible;background:var(--navi);opacity:1;}

.menu-top-navi-container .menu > li > .menu__second > li > .menu__second > li{border-top:1px solid var(--navi-font);}
.menu-top-navi-container .menu > li > .menu__second > li > .menu__second > li:hover{background:var(--navi-font);}
.menu-top-navi-container .menu > li > .menu__second > li > .menu__second > li:hover a{color:var(--navi);}







/** *オープニング */
.shutter{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#1e1e1e;
  z-index:9999;
  animation: byeShutter 2.6s forwards;
  
  &::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    margin:auto;
    background-color:var(--main-c);
    width:0;
    height:1px;
    animation: shutterOpen 2.6s forwards;
  }
}

.content{
  animation: contentScale 2.6s forwards;
}

@keyframes byeShutter{
  70%{
    opacity:1;
  }
  100%{
    opacity:0;
    display:none;
    z-index:-1;
  }
}

@keyframes shutterOpen{
  0%{
    width:0;
    height:1px;
  }
  50%{
    width:100%;
    height:1px;
  }
  90%{
    width:100%;
    height:100%;
  }
  100%{
    width:100%;
    height:100%;
  }
}

@keyframes contentScale{
  70%{
    transform:perspective(800px) scale(0.9) rotateX(15deg);
  }
  100%{
    transform:perspective(800px) scale(1) rotateX(0);
  }
}

/*----------------Instagram-追従バナー---------------------------------
------------------------------------------------------------------------------------------------- */
.info-box{width:90px; position:fixed;display:flex;justify-content:center;flex-wrap:wrap;align-content:stretch; top:40%;right:0;z-index:999;background:rgba(255,255,255,1.00);padding:0 0 15px;border-radius:5px 0 0 5px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}
.info-box p{padding:10px 0;border-radius:5px 0 0;background:var(--sns-color01);color:#FFF;font-size:16rem;text-align:center; clear:both; float:left;width:100%;}
.info-box div{width:100%;clear:both;float:left;padding:5px 0 0;margin:0; text-align:center;line-height:100%;}
.lawe i{font-size: 42rem;}
.info-box div span{width:100%;clear:both;float:left;font-weight: bold;}
.info-box div a{color:var(--sns-color01);font-size:10rem;}
.info-box div img{width: 35px;}
.info-box div a:hover{color:var(--sns-color02); }
/*------SNSカラー----*/
/*.info-box div .la-line{color:#1dcd00;}*/
.sns__container a:hover{opacity:0.6;}
.sns__twitter{background:#55acee;}
.sns__facebook{background:#3b5998;}
.sns__pocket{background:#ef3f56;}
.sns__line{background:#1dcd00;}
.sns__hatena{background:#00a5de;}












.top-ptit,.top-ptit a,.care-tit,.pro-cont-tit,
a.btn_15,.foot-cont,.foot-navi-cont ul li a{color:var(--main-c);}




.g-box{clear:both;float:left;width:100%;}

.top-ptit{clear:both;margin:20px auto;text-align:center;font-size:var(--tit-font-size);background:no-repeat url(svg/parts-03.png) 40% 50%;background-size:contain;}


.navi-top,.smart-navi{display:none;}








/*----------------------------------スライダー--------------------------------------
------------------------------------------------------------------------------------------------- */
#maincon-s{clear:both;width:100%;height:auto;margin:70px auto 0;/*border-bottom:solid 1px var(--border); */}
.wideslider{width:100%;text-align:left;position:relative;overflow:hidden;}
.wideslider ul,
.wideslider ul li{float:left;display:inline;overflow:hidden;}
.wideslider ul li img{width:100%;height:auto;display:none;z-index:50;}
.wideslider a:hover  img{opacity:0.95;filter:alpha(opacity=95);/*-webkit-transition:all 1s ease;-moz-transition:all 1s ease;*/}
.wideslider_base{top:0;position:absolute;}
.wideslider_wrap{top:0;position:absolute;overflow:hidden;}
.slider_prev,.slider_next{top:0;overflow:hidden;position:absolute;z-index:50;cursor:pointer;}
.slider_prev{ background:#FFF url(svg/parts-34.svg) no-repeat right center;}
.slider_next{ background:#FFF url(svg/parts-34.svg) no-repeat left center;}
.pagination{bottom:10px;left:0;width:100%;height:25px;text-align:center;position:absolute;z-index:200;}
.pagination a{width:10px;height:10px;display:inline-block;overflow:hidden;background:#FFF;border-radius:50px;margin:0 5px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.2);}
.pagination a.active{filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after{content:".";height:0;clear:both;display:block;visibility:hidden;}
.wideslider ul{display:inline-block;overflow:hidden;}



/*=================================================================================================================================================== */

/*----------------------------------home--------------------------------------
------------------------------------------------------------------------------------------------- */
.top-cont-page{clear:both;float:left;width:100%;background: rgb(193,228,233);
background: linear-gradient(125deg, rgba(193,228,233,1) 0%, rgba(128,142,195,1) 75%);}
.content-in-top{background: #FFF;border-radius:40px;/*min-height:80vh;*/height:80vh;width:80vw;margin:5vh auto 5vh;padding:10vh 5vw;display: flex;}

.fullcon-item{display: flex;flex-wrap: wrap;justify-content:space-between;align-items:center;align-content:center;clear:both;float:left;width:100%;}
.fullcon-item div{width:30%; align-self:center;}
.fullcon-item div:nth-child(1){width:60%;}



.to-scroll{clear:both;float:right;width:100%;border-bottom:solid 20px #FFF;text-align: right;}
.to-scroll p{color: var(--main-c);clear:both;float:right;width:10%; text-align:center;background:#FFF;margin-right:10%;padding:1%;border-radius:10px 10px 0 0;}



/*----------------------------------Coming Soon--------------------------------------
------------------------------------------------------------------------------------------------- */
.cs-box {width: 100%; height:95vh;
  display: flex; /* 要素をflexboxに対応させる */
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
  flex-direction: column; /* 子要素の並びを上から下にする（要素の改行に対応） */
	text-align: center;
}
@media screen and (max-width: 320px) and (max-width: 480px) {
.cs-box {
    width: 320px;
    height: 480px;
  }
}
.cs-box div:nth-child(1){width:100%;max-width: 700px;}
.cs-box div:nth-child(1) img{height:40vh;}
.cs-box div:nth-child(2){padding-bottom:10vh;}
.cs-box div:nth-child(3){padding-bottom:10vh;}
.sing-mtit{font-weight: bold;font-size: 42rem;padding-bottom:2vh;}
.corname{font-weight: bold;font-size:24rem;padding-bottom:2%;}
@media(min-width:768px){
   /* footer{display:none!important; }*/
}
@media(max-width:750px){
    /*.gotop{width:40px;height:40px;text-indent:-9999px;opacity:1;border:none;background:none;bottom:10px;right:10px;}
    .gotop::before{bottom:0;}*/
}
/*	印刷時調整
------------------------------- */

@media print{
	header#minHeader,
	#body p.pagetop{display:none !important;}
	.header-home{display:none;}
	}
}