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

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/css?family=Walter+Turncoat|Gloria+Hallelujah); 
-----------------------------------*/
* 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;
}

body {
	margin-right:auto;
	margin-left:auto;
	font-family:var(--font-s);
	/*letter-spacing:0.1rem;*/
}


#back-ground {clear:both;float:left;width:100%;}
html{font-size:6.25%;}
body {font-size:var(--font-size);/*font-weight:lighter;*/font-weight:400;letter-spacing:0.05em;color:var(--font-color);}
a {color:var(--main-c); 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;}

a:hover img{opacity:0.5;filter:alpha(opacity=50);/*-webkit-transition:all 1s ease;-moz-transition:all 1s ease;*/}
ul {list-style:none;}


/*----------------------------------セクション　基本--------------------------------------
------------------------------------------------------------------------------------------------- */
.sect-set{}
.triangle{padding:0;clear:both;float:left;width:100%;}

.triangle .skewed {clear:both;float:left;width:100%;padding:10% 0;}

　/* .section1の背景 */ 

.sect-set section .skewed{background:var(--bc-color-odd);}
.sect-set section:nth-child(even){background:var(--bc-color-even);}
.sect-set section:nth-child(odd){background:var(--bc-color-odd);}


.main-cont-top{clear:both;float:left;width:100%;padding:10% 0;background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 50px, rgba(255, 240, 0, 0.61) 50px, rgba(255, 240, 0, 0.61) 80px );}

/*-------------------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{max-width:1100px;/*overflow-x: hidden;*/}
.content-in {margin:0 auto;width:100%;}
.content-in-bc{padding:5%;clear:both;float:left;width:100%;background-color:#FFF;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.box70{width:70%;float:left;}
.box60{width:60%;float:left;}
.box50{width:50%;float:left;}
.box45{width:45%;float:left;}
.box40{width:40%;float:left;}
.box35{width:35%;float:left;}
.box30{width:30%;float:left;}
.box25{width:25%;float:left;}



/*----------------------header--ヘッダー------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
header {padding:0;clear:both;float:left;width:100%;position:relative;z-index: 1 !important;}
.header-in{margin:0 auto;clear:both;padding:0;max-width:1000px;}
.head-cont{clear:both;float:left;width:100%;display: table;background-color:var(--main-c);}
.head-cont .head-cont-com{display: table-cell;vertical-align:middle;}
.head-cont .head-cont-com:first-child{width:30%;}
.head-cont .head-cont-com:last-child{width:70%;}
.head-cont .head-cont-com:last-child img{width:100%;}

.header-logo {width:100%;float: left;clear: both;margin:0;text-align: center;background-color:var(--main-c);}
.header-logo a{width:100%;float: left;clear: both;padding:0 15%;margin:0;text-align: center;background-color:var(--main-c);}

/*----------------------------------ナビ-------------------------------------
------------------------------------------------------------------------------------------------- */
.navig-top {margin:0;padding:0;float:right;width:100%;}
.navig-top ul{margin:0 0;padding:0;float:right;clear:both;width:100%;}
.navig-top ul li{float: left;width:16.66%;border-left: 1px solid #FFF;}

.navig-top ul li a{font-weight:400;clear:both;float:left;width:100%;color:#FFF;padding:15% 0;font-size:14rem;background-color:var(--main-c);letter-spacing:0.1em;text-align: center;}

.navig-top ul li a:hover{background-color:#000;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;}

/*----------------------------------スライダー--------------------------------------
------------------------------------------------------------------------------------------------- */
#maincon-s {clear:both;width:100%;height:auto;margin:0 auto;}

.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_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:100;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;-webkit-border-radius:50px;-moz-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--------------------------------------
------------------------------------------------------------------------------------------------- */


.sec-tit {padding:5% 5%;text-align: center;font-size:var(--tit-font-size);font-weight:500;}
.sec-tit-txt{ background-image: url(svg/parts-14.svg);background-size:auto 60%;background-repeat: no-repeat;background-position:0 center;padding:3% 15px;color:var(--main-c);}
.sec-com{float:left;clear:both;width: 100%; padding:2% 5%;}

.more-txt{float:left;clear:both;width:100%;padding:5% 1%;text-align: right;}
.more-txt a{font-size:21rem;font-weight:600;padding:25px;background-color:var(--main-c);color:var(--sub-c);}

.more-txt a:hover{color:var(--main-c);background-color:var(--sub-c);/*background:linear-gradient(145deg, #cf002e, #f60037);*/}

.plan-contbox{width:100%;float: left;clear: both;display: flex;justify-content:space-between;}
.plan-contbox .p-box{width:50%;padding: 2%;}
.triangle:nth-child(odd) .plan-contbox{flex-direction:row-reverse; }

/*----------------------------------サービス--------------------------------------
------------------------------------------------------------------------------------------------- */

.serv-cont{float:left;clear:both;width: 100%;}
.serv-cont .serv-cont-in{float:left;width:33.33%;padding: 3%;}
.serv-cont .serv-cont-in a{height:290px;padding:10% 2%; float:left;clear:both;width: 100%;color: #FFF;text-align: center;}
.se-co-img{float:left;clear:both;width:100%;}
.se-co-img img{width: 100px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border: solid 1px #FFF;}
.se-co-tit{float:left;clear:both;width: 100%;padding:5% 5% 2% ;font-size:16rem;font-weight:500;letter-spacing:0;}
.se-co-sub{float:left;clear:both;width: 100%;padding:0 5% ;font-size:12rem;letter-spacing:0;line-height:110%; }





.se-more-txt{float:left;clear:both;width:100%;padding:15% 1% 10%;text-align: right;}
.se-more-txt a{font-size:21rem;font-weight:600;padding:25px;color:#FFF;}

.se-more-txt a:hover{background:var(--main-c)!important;/*linear-gradient(145deg, #cf002e, #f60037)*/;}

.serv-cont-sec{float:left;clear:both;width: 100%;}
.serv-cont-sec .serv-contsec-in{float:left;width:33.33%;padding: 3%;}

.se-cosec-img{float:left;clear:both;width:100%;padding:20%;text-align: center;}
.se-cosec-img img{width: 100%; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border: solid 1px #FFF;}

.serv-cont-com{float:left;width:65%;padding: 5%;}
.se-metit{float:left;clear:both;width: 100%;font-size:48rem;font-weight:400; }
.se-metit-sub{float:left;clear:both;width: 100%;font-size:16rem;font-weight:400;color: #888888;}
.se-mecom{float:left;clear:both;width: 100%;padding:5% 2%;}




.triangle:nth-child(odd) .serv-contsec-in{float:right;}
.triangle:nth-child(odd) .serv-cont-com .se-metit{text-align:right;}
.triangle:nth-child(odd) .se-more-txt{text-align:left;}





/*----------------------------------ご依頼の流れ--------------------------------------
------------------------------------------------------------------------------------------------- */

.flow-back {clear:both;float:left;width:100%;padding:10% 0;position: relative;}
.flow-back::before {z-index: 500;
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 100px 0 100px;
  border-color: var(--main-c) transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

.triangle:nth-last-child(3) .flow-back::before{border-width:0;}


.flow-content{clear:both;float:left;width:100%;padding:5% 0;}
.flow-con-img{float:left;width:35%;}
.flow-con-img img{}
.flow-con-com{float:left;width:65%;padding:0 2% 0 10%;}
/*----------------------------------会社概要--------------------------------------
------------------------------------------------------------------------------------------------- */
.ban-list{float:left;clear:both;width: 100%;}
.ban-list li{float:left;width:50%;padding:3%;}

.ban-list li img{float:left;width:100%;}


.info-list{float:left;clear:both;width:100%;}
.info-list li{float:left;clear:both;width:100%;padding:1% 0; }
.info-list li span{float:left;}
.info-list-day{width:20%;padding:0 5%;}
.info-list-cat{width:20%;padding:0 2%;text-align: center;}
.info-list-cat a{padding:4%;font-size:12rem;margin:0 2%;}
.info-list 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;}
.info-list li a:hover::after {transform: scale(1, 1);}
.info-list-tit{width:60%;/*font-weight: 300;*/}


.info-lunch{float:left;clear:both;width:100%;}
.info-lunch .info-lunch-img{float:left;width:60%;}
.info-lunch .info-lunch-box{float:left;width:40%;}
.info-lu-tit{float:left;clear:both;width:100%;font-size: 21rem;font-weight:300;text-align: center;padding:3% 0;}
.info-lu-data{float:left;clear:both;width:100%;padding:1% 5%; }
.info-lunch-box .info-lu-com{float:left;clear:both;width:100%;padding:1% 5%;}
.ab-list{float:left;clear:both;width:100%;border-top:1px solid #444;border-right:1px solid #444;}
.ab-list li{float:left;clear:both;width:100%;display: table;}
.ab-list li:nth-child(odd){background:var(--bc-color-odd);}
.ab-list li:nth-child(even){background:var(--bc-color-even);}
.ab-list li span{display:table-cell;padding: 2%;border-left:1px solid #444;border-bottom:1px solid #444;vertical-align: middle;}
.ab-list-tit{width:25%;text-align: center;}
.ab-list-com{width:75%;}

.ai-box{float:left;clear:both;width:100%;}
.ai-box .box60{padding:2% 5%;}
.ai-box .box60 div{float:left;clear:both;width:100%;text-align: justify;}
.ai-subtit{font-size:12rem;}
.ai-tit{font-size:28rem;padding-bottom:5%;font-weight:300;letter-spacing:0.3em;}
/*----------------------------------固定ページ--------------------------------------
------------------------------------------------------------------------------------------------- */
.page-top-img{margin:0 auto;width:100%;max-width: 1200px;}







/*----プライバシーポリシー----*/
.pp-cont{float:left;clear:both;width:100%;padding:2% 0;}
.pp-cont .pp-tit{float:left;clear:both;width:100%;padding:0 2%;border-bottom:1px solid var(--main-c);}
.pp-cont .pp-com{float:left;clear:both;width:100%;padding:2%;}
/*---------------------------------カルーセル-スライダー--------------------------------------
------------------------------------------------------------------------------------------------- */
.slider{clear: both;width: 100%;padding: 0;text-align: center;margin:0 auto;}
.multiple-item5 li{padding:0 2% 5%;}
.multiple-item-c li{padding:0 1px;}

.owl-carousel {clear: both;float: left;width: 100%;}
#owl-demo .item{float: left;text-align: center;}
#owl-demo .item img{display: block;width: 100%;height: auto;margin:0 0 20px;}

.item a .mt-tit{clear: both;float: left;width: 100%;margin:20px 0; text-align: center;}
/*----------------------------------カテゴリ-blog-------------------------------------
------------------------------------------------------------------------------------------------- */
.blog-set {padding:0 0 5px;clear:both;float:left;width:100%;}
.single-blog-tit {clear:both;float:left;width:100%;margin-bottom:5px;padding:0 10px 0;border-bottom:1px solid var(--main-c);font-size:21rem;}
.single-blog-data {clear:both;float:left;padding:3px 5px;background-color: var(--main-c);color: #FFF;}
.blog-cont{clear:both;float:left;width:100%;margin:10px 0 40px;line-height:145%;text-align:justify;}
.blog-cont img{max-width: 100%;}
#nextback2 {font-size:12rem;text-align:center;clear:both;float:left;width:100%;margin:80px 0 40px;}
.blog-data-cat{padding:2% 0;clear:both;float:left;width:100%;}
.blog-data-tag{padding:2% 0;clear:both;float:left;width:100%;}
.news-list-day{float:left;width:25%; }
.cat-list-cat {float:left;width:75%;margin:0 0 10px; }
.cat-list-cat a{padding:1% 3%;margin:0 2%;font-size: 10rem;}
.news-list-tag{clear:both;float:left;width:100%;padding:2% 0;}


.single-blog-cat {float:left;}
.single-blog-cat a{float:left;padding:3px 5px;margin:0 0 0 3px; }
.single-blog-cat 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;}
.single-blog-cat a:hover::after {transform: scale(1, 1);}

/*----サイドバー----*/

.page-tit {text-align: center;}
.cat-list{padding:40px 15px 40px;clear:both;float:left;width:100%;}
.cat-list li{clear:both;float:left;width:100%;margin:0 0 10%;}
/*.cat-list li span{padding:0 0;clear:both;float:left;width:100%;}*/
.cat-list-img{clear:both;float:left;width:100%;padding:0;}

.cat-list .box70{padding:0 2%;}
.cat-list-tit a{font-size:21rem;border-bottom:1px solid var(--main-c);margin-bottom:8px;width:100%;clear:both;float:left;}
.cat-list-data{font-size:12rem;}
.cat-list-com{margin:2% 0;clear:both;float:left;width:100%;}

.cat-list li .more-txt a{padding:3%!important;font-size:12rem;}
.cat-list-data{padding:0 0;clear:both;float:left;width:100%;}
.cat-list-data span{float:left;padding:0 2% 0 0;}
.cat-list-data span 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;}
.cat-list-data span a:hover::after {transform: scale(1, 1);}
/*
.cat-list-tit a{font-size:21rem;font-weight:bold;border-bottom:2px dashed #CCC;margin-bottom:5px;padding:0 10px;width:100%;clear:both;float:left;}
.list-full4 .cat-list li .cat-list-data{padding:0 10px 0}
.cat-list li .cat-list-com{text-align:justify;padding:0 0 20px 0;width:100%;clear:both;float:left;}

.cat-list li .cat-list-com img{padding:0 0 20px 0;}
.cat-list li .cat-list-com .cat-link-img {text-align:right;padding:20px 0 10px;height:auto;width:15%;clear:both;float:right;}

*/
.next-link{text-align: right;padding:10% 5%;clear: both;float: right;}
.blog-rg {margin:5% 0;padding-left:30px;clear:both;float:left;width:100%;}
.sid-blog-tit {font-size:21rem;border-bottom:1px dashed var(--main-c);text-align:center;clear:both;float:left;width:100%;margin-bottom:2px;padding-bottom:5px;}
.sid-blog-list {padding:5px 10px 10px;clear:both;float:left;width:100%;}
.sid-blog-list li{margin:10px 0;padding:10px 0;clear:both;float:left;width:100%;border-bottom:0px dashed var(--main-c);}
.children li{border-top:1px dashed var(--main-c);border-bottom:0 dashed var(--main-c);margin:10px 0 0;padding:10px 5% 0;}
.sid-blog-list li .list-date{width:100%;clear:both;float:left;padding:0 10px;}
.sid-blog-list li .list-tit{width:100%;clear:both;float:left;padding:0 10px;}

.sid-tag-list{width:100%;clear:both;float:left;padding:0 10px;}
.sid-tag-list li{float:left;padding:2%;}
.sid-tag-list li a{padding:5px;font-size:12rem;width:100%;color: #FFF;background-color:var(--sub-c);white-space: nowrap;margin:2%; }
.sid-tag-list li a::before {content:"#";}
.sid-tag-list li a:hover{background-color:rgba(42,126,155,1.0);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}






/*----------------------------------お問い合わせ--------------------------------------
------------------------------------------------------------------------------------------------- */
.sbu-cot{float:left;clear:both;width:100%;padding:5% 0;text-align: center;/*font-weight:200;*/}
.outline-list {padding:0 0;clear:both;float:left;width:100%;}
.outline-list li{float:left;width:100%;display:table;padding:0;border-bottom:1px solid var(--main-c);}
.outline-list li:last-child{border-bottom:none;}
.outline-list li span{display:table-cell;vertical-align:middle;}
.outline-list li .outline-name{padding:3% 0;width:35%;text-align:center;font-size:14rem;font-weight:300;}
.outline-list li .outline-come{width:65%;padding:3% 5%;}
.outline-submit {width:30%;clear:both;float:right;padding:0 0;}
.outline-submit input[type=submit]{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:none;width:100%;clear:both;float:right;height:50px;cursor:pointer;font-size:14rem;background-color:var(--main-c);color: #FFF;}




.wpcf7-form input[type=text] {width:100%;border: 1px solid #1b2538;border-radius: 4px;outline: none;padding: 1%;}
.wpcf7-form input[type=email] {width: 100%;border: 1px solid #1b2538;border-radius: 4px;outline: none;padding: 1%;}
.wpcf7-form textarea {width: 100%;border: 1px solid #1b2538;border-radius: 4px;outline: none;padding:1%;}

.wpcf7-form input{width:100% !important;font-size:18rem;}  /*名前orメールor題名*/
.wpcf7-form textarea{width:100% !important;font-size:18rem;} /*本文*/
.wpcf7-form .wpcf7-submit{width:100px !important;} /*送信ボタン*/

/*----------------------sns-------------------------------------------------
------------------------------------------------------------------------------------*/
.sns-list{float:left;clear:both;width:100%;}
.sns-list li{float:left;width:50%;padding: 2%;}



/*----------------------footer-------------------------------------------------
------------------------------------------------------------------------------------*/
.foot-cont{background-color:var(--main-c);float:left;clear:both;width:100%;color: #FFF;padding:3% 0 0;}
.foot-logo{float:left;clear:both;width:100%;display: table;margin-bottom:3%;}
.foot-logo div{display:table-cell;vertical-align: middle; }
.foot-logo-img{width:100%;padding:2%;background-color:var(--main-c);}
.foot-com{float:left;clear:both;width:100%;padding:1%;font-size:16rem;letter-spacing:0;}
.foot-com a{color: #FFF;}

.foot-ma{padding:0 2%;}
.foot-navi-tit{clear:both;float:left;width:100%;font-size:21rem;text-align: center;font-weight:400;border-bottom:1px solid var(--main-c);}
.foot-navi{clear:both;float:left;width:100%;padding:5% 2%;}
.foot-navi li{clear:both;float:left;width:100%;padding:1% 10%;}
.foot-navi li a{color: #FFF;}
.foot-navi a::after { position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 1px;background:var(--sub-c);transform: scale(0, 1);transform-origin: left top;transition: transform .3s;}
.foot-navi a:hover::after {transform: scale(1, 1);}
.fb-container {width: 100%;max-width: 500px;}
address{float:left;clear:both;width:100%;padding:25px 0;font-size:12rem;text-align: center;font-weight:200;letter-spacing:0.3rem;background-color:var(--main-c);margin:0 0;color: #FFF;}

.foot-ban{clear:both;float:left;width:100%;padding:30px 0 0;border-radius: 10px;background: #ffffff;box-shadow: inset 15px 15px 30px #d9d9d9,inset -15px -15px 30px #ffffff;}
.foot-ban div{clear:both;float:left;width:100%;}
.foot-ban-logo{background-color: #c8d5bb;padding:2% 5%; }
.foot-ban-com{color: #000;font-size:14rem;padding:2% 5%; }
.foot-ban-img{padding:2% 10%;}


/*----------------------------------Map--------------------------------------
------------------------------------------------------------------------------------------------- */
.map {float:left;width:100%;padding:0;margin:0;}
.acf-map {width:100%;clear:both;float:left;height:500px;margin:0;padding:0;}
/*----------------------topへ戻る-------------------------------------------------
------------------------------------------------------------------------------------*/
#scrollUp {bottom:20px;right:5%;color:#FFF;opacity:0.5;filter:alpha(opacity=70);background-color:var(--main-c);padding:5px 15px;}
#scrollUp:hover {opacity:1.0;filter:alpha(opacity=100);text-decoration:none;display:block;}

.effect-fade.fade-in {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fid;
  animation-name: fid;
  visibility: visible !important;
}
@-webkit-keyframes fid {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fid {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}



@media only screen and (max-width:1400px) { 
.lun-box50{width:100%;max-width:1000px;margin:0 auto;float: none;}
}
@media only screen and (max-width:767px) { 
html{font-size:5.00%;}

.box70,.box60,.box50,.box40,.box35,.box30,.box25{width:100%;}
.sl-box50,.me-box50,.probox40,.probox60,.me-img .me-logo,.me-img .me-tei,.outline-list li .outline-name,.outline-list li .outline-come{width:100%;}

.triangle:first-child{border: solid 0 var(--border);background-color:#FFF;border-bottom:none;}
.sec-tit-img{padding:0 0;font-size:24rem;letter-spacing:0.1rem;}
.me-box50{padding:5% 0;}

.info-tit{font-size:24rem;letter-spacing:0;line-height:125%;}	
.pro-box,.box-tb,.me-img,.me-img span,.outline-list li,.outline-list li span{display:block;}
	
.me-img .me-logo{padding:3% 0;}
.prosub-img{float:left;clear:both;width:50%;background-color:var(--main-c);margin:8% 0 2%;}
address{font-size:10rem;letter-spacing:0.1rem;}

	
	
.head-cont .head-cont-com{display:block;vertical-align:middle;}
.head-cont .head-cont-com:first-child{width:100%;}
.head-cont .head-cont-com:last-child{width:100%;}
.header-logo {width:100%;margin-bottom: 1px;}
.header-logo a{padding:5%;}
.header-logo a img{width:70%;}

.info-lunch .info-lunch-img{float:left;width:100%;}
.info-lunch .info-lunch-box{float:left;width:100%;}	
.more-txt{float:left;clear:both;width:100%;padding:15% 1%;text-align: right;}
.menu-tit-list li {width: 50%; }
.menu-tit-list li .mt-tit{font-size:14rem; }

.multiple-item5 li{padding:0 1% 5%;}
	

.res-list{overflow: auto;white-space: nowrap;}
.res-list li{white-space: nowrap;width:650px;}
.res-list li .name{width:40%;}
.res-list li .com{width:18%;text-align:center;}
.res-list li .data{width:17%;text-align:center;}
.res-list li .time{width:25%;}
	
/*ナビ*/

.navi-top{position: fixed;top: 0;left:0;clear:both;float:left;width: 100%;z-index:2147483647;margin:0 0;background-color:#FFF;border-bottom: solid #FFF 1px;}
.navi-top ul {margin:0;padding:0;}
#menu-top-navi,
.insta-cont{display:none;float:left;clear:both;width:100%;}
#menu-top-navi li{float:left;clear:both;width:100%;padding:3% 5%;display:block;}
#toggle{float:right;clear:both;display:block;position:relative;width:100%;background:var(--main-c);}
#toggle a{display:block;position:relative;padding:12px 0 10px;border-bottom:1px solid var(--main-c);color:#fff;text-align:center;text-decoration:none;}
#toggle:before{display:block;content:"";position:absolute;top:50%;left:10px;width:20px;height:20px;margin-top:-10px;background:#fff;}
#toggle a:before, #toggle a:after{display:block;content:"";position:absolute;top:50%;left:10px;width:20px;height:4px;background:var(--main-c);}
#toggle a:before{margin-top:-6px;}
#toggle a:after{margin-top:2px;}
	
header {padding:40px 0 0;}

.blog-cont{padding:3%; }

.foot-logo-img{width:30%;}
.foot-logo-tit{width:70%;}


.lun-box50{width:100%;clear:both;float:left;padding:0 0 20%;}
.etc-com,.sec-com{padding: 2%;}

.list-box{padding:8% 0;}
.list-box .box30{width:30%;}
.list-box .box70{width:70%;float: right;}
.me-tit{font-size:21rem;font-weight:400;}
/*#maincon-s {overflow:hidden;}*/
input{-webkit-appearance: none;border-radius: 0;}

.info-list{float:left;clear:both;width:100%;}
.info-list li{float:left;clear:both;width:100%;padding:1% 0 5%; }
.info-list li span{float:left;}
.info-list-day{width:30%;padding:0 5%;}
.info-list-cat{float:left;width:70%;padding:0 2%;text-align:left;}
.info-list-cat a{padding:2%;margin:0 2%;}
.info-list-tit{float:left;clear:both;width:100%;padding:5% 2%;font-size:21rem;}
.info-list-tit a{float:left;clear:both;width:100%;display: block;}
	
.content-in-bc{padding:5% 1%;}
	
.plan-contbox{display: block;}
.plan-contbox .p-box{width:100%;padding: 2%;}		
	
/*サービス*/

.serv-cont .serv-cont-in{float:left;width:50%;padding: 3%;}
.serv-cont .serv-cont-in a{height:220px;padding:10% 2%; float:left;clear:both;width: 100%;color: #FFF;text-align: center;}
.top-none{display: none;}
.se-metit{font-size:21rem;}
	
/*ご依頼の流れ*/
.flow-back::before {border-width: 25px 25px 0 25px;}
	
	
	
	
.ban-list li{float:left;width:50%;padding:3%;}
	
.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:  5px 5px 10px #CCC,-5px -5px 10px #ffffff;}
.fban-pan{clear:both;float:left;width:100%;padding:3%;}
	
}
/*	印刷時調整
------------------------------- */

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