@charset "UTF-8";
/* Scss Document */
.clearfix:after { content: ""; display: block; clear: both; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.disable { -webkit-animation: none; animation: none; cursor: default; opacity: 0.5; }
.disable img:hover { opacity: 1; }

a img:hover { opacity: 0.8; }


.pc {
	display: inline;
}

.sp { display: none; }

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	font-feature-settings: "palt" 1;
	text-align: justify;
}

html {
	font-size: 17px;
	color: #000000;
	scroll-padding-top: 100px;
}

ul { list-style: none; padding: 0; margin:0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }

dd { -webkit-margin-start: 0; }

img { max-width: 100%;
width: auto;
    height: auto; }

a {
	display: inline-block;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	margin-left: 0px;
}




p {
	line-height: 1.5;
	margin-bottom: 2em;
	font-size: 14px;
}






@media all and (-ms-high-contrast: none) { .frame1 { background: rgba(255, 255, 255, 0.6) url(../images/frame_back.png) right 30px bottom 30px/223px no-repeat; border: none; border-radius: 20px; padding: 60px; }
  .frame2 { background: #9d853a url(../images/frame_back.png) right 30px bottom 30px/223px no-repeat; border: none; border-radius: 20px; padding: 40px; }
  .frame2:after { content: none; } }
.tbl_red { background: url(../images/com_tbl_bg_red.png); border: 3px solid #9d853a; }

.tbl_green { background: url(../images/com_tbl_bg_green.png); border: 3px solid #9d853a; }

.tbl_purple { background: url(../images/com_tbl_bg_purple.png); border: 3px solid #9d853a; }

#system {
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 50px;
}
#system h2 {
	margin: 50px 0 30px 0;
}
	
.detail { margin: 50px 0 30px 0; }
.detail li { float: left; width: 50%; margin-bottom: 40px; }
.detail li:nth-child(odd) { clear: both; }
.detail li:nth-child(even) { text-align: right; }
.detail li:last-child, .detail li :nth-last-child(2) { margin-bottom: 0; }
.detail li h3 { width: 100%; max-width: 446px; min-height: 113px; background: url(../img/com_subttl_bg.png) no-repeat; font-size: 24px; padding: 30px 0 0 40px; margin-left: -44px; line-height:1.4; }
.detail li p { line-height: 1.625; }
.detail li img { box-shadow: 2px 3px 2px 2px rgba(0, 0, 0, 0.4); }




header, main, section, article, footer { width: 100%; display: block; overflow: hidden; }

.inner {
	width: 1080px;
	max-width: 100%;
	padding-top: 0;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}


#gnavi {
	float: right;
	
}

#gnavi li {
	float:left;
}

header {
	width: 100%;
	max-width: 100%;
	height: 100px;
	position: relative;
	z-index: 9999;
	background-color:#FFF;
	
}

.logo { float:left;
	height: 100px;
  padding-left: 0%;
  display: flex;
  align-items: center;
}
.logo img { }

.slicknav_menu, .sp_menu {
	display: none;
}

.btn01 {
	float: right;
	display: flex;
	align-items: center;
	margin-right: 1%;
	margin-top: 15px;
	padding: 15px 10px;
	font-size: 11px;
	/* height: 100px; */
	text-align: center;
	line-height: 1.3rem;
	border-radius: 5px;
}

.btn_gnavi {
	color: #000;
	font-size: 15px;
	line-height: 14px;
	height: 100px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

footer .topmenu {display: flex;
margin:10px;
}


footer .btn_gnavi {
	color: #fff;
	font-size: 15px;
	line-height: 14px;
	height: 3px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
}


.btn_white {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg_con {
	width: 194px;
	height:100px;
	margin-left: 20px;
	background-color: #63ddc2;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	padding:25px 10px;
}

.telnom { 
	font-size: 22px;
	margin:8px 0 8px 0;
	 }


main {
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	background: url(../img/main_img.jpg) center top no-repeat;
}

	
#sec_01 #prologue {
	height: 475px;
	text-align: center;
}

#sec_01 #prologue .main_t {
	font-size: 45pt;
	color: #fff;
	text-shadow: 6px 5px 12px rgba(0, 0, 0, 0.4), 0px 0px 20px rgba(0, 0, 0, 0.4), 0px 0px 20px rgba(0, 0, 0, 0.4);
	font-weight: bold;
	padding-top: 110px;
	line-height: 5.8rem;
}

.main_t2 {
	font-size: 15pt;
	color: #fff;
	text-shadow: 6px 5px 12px rgba(0, 0, 0, 0.4), 0px 0px 20px rgba(0, 0, 0, 0.4), 0px 0px 20px rgba(0, 0, 0, 0.4);
	padding-top: 0px;
	line-height: 2.8rem;
}



#sec_01 h1, #sec_04 h1 {
	text-align: center;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
#sec_02 h1 {
	text-align:center;
	margin: 60px 0 30px 0;
}
#sec_03 h1 {
	text-align: center;
	margin-top: 80px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
}

.bt_scll { float:right;}
#news{ text-align:center;

}

#news p {
	color:#000;}
	
.news_more { float:right;}

.item{
	display: inline-block;
	margin-top: 0px;
	margin-right: 3%;
	margin-left: 3%;
	margin-bottom: 30px;
}
.item figcaption{
	text-align:left;
}

.item a{
	text-align: right;
	float: right;
}
p.box {
	margin:20px 0;
   border-bottom: 1px solid #d6d6d6;
}

#pattern{ margin: 35px auto;

}

#pattern li{
	display: inline;
	margin: 0 4%;
	
}
#pattern li img {
  vertical-align: middle;
}




#sec_02 {
	background: url(../img/bg_03.gif) center top no-repeat;
	margin-top: 50px;
}
#about {
}

.point_box{
	background: url(../img/bg_cap01.png) top left;
	height: 361px;
}

.point_box2{
	background: url(../img/bg_cap02.png) top left;
	height: 361px;
}


.point_box_heading03 {
    display: table;

}
.point_box_heading03_ic {
	display: table-cell;
	width: 158px;
	padding-top: 34px;
	color: #2487be;
	font-size: 11px;
}
.point_box_heading03_no {
	display: table-cell;
	width: 158px;
	padding-top: 18px;
	color: #000;
	font-size: 24px;
	float: left;
	font-weight: bold;
}
.point_box_col{
	display: block;
	min-height: 1%;
	margin-top: 10px;
}
.point_box_col::after, .point_box_more_inner::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
}
.point_box_heading03_tx {
    padding-left: 12px;
    padding-right: 10px;
    display: table-cell;
    width: 832px;
    vertical-align: middle;
    font-size: 28px;
	color:#FFFFFF;
	text-align:left;
}
.point_box_col_ph, .point_box_col_tx {
    width: 50%;
    float: left;
}
.point_box_col_tx {
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
	height: auto;
}

.staff_bg {
	background-color:#414141;
	color:#fff;
	padding:60px 0 50px 0;
	margin: 60px 0;
	}
	
	.r_50 {padding-right: 30px;}
	
	.photo01 { float:right;}
	
	
h3 {
	font-weight:normal;
	font-size:25pt;
	text-align:left;}

#desing {
	position: relative;
}

.de_img {
	position: absolute;
z-index: 1;
top: 2825px;
left:  20%;
}
.box2 {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border-bottom: 1px solid #d6d6d6;
	width: 380px;
	height: 100%;
	font-size: 13px;
	line-height: 2;
	border-top: 1px solid #d6d6d6;
	padding: 30px 5px;
	vertical-align : middle;
	text-align: left;
	padding-left: 50px;
	}
#cloth, #sewing {
	overflow:visible;
}
.di_paginator {
	width: 38px;
	height: 32px;
	margin-left: 48.5%;
	margin-top:-22px;
	margin-bottom:30px;
	background: transparent url('../img/paginator.png') 0 0 no-repeat;

}

#gnavi a { text-decoration:none;}

	
#Facilities {
	text-align: left;
	background-size: cover;
	padding-bottom: 20px;
	padding-top: 20px;
}
.half li { float: left;  margin:30px 0;
	text-align: left;
	line-height: 1.8;

}
.half li:nth-child(odd) {
	padding-right: 0px;
	padding-left: 0px;
	width: 60%;
}
.half li:nth-child(even) {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0px;
	padding-bottom: 0;
	width: 40%;
}

.half2 {display: flex; }
.half2 li { float: left;  
	margin:0px 0;
	text-align: left;
	line-height: 1.8;

}
#Facilities .half2 li { float: left;  
	margin:20px 0;
	text-align: left;
	line-height: 1.8;

}

.half2 li:nth-child(odd) {
	padding-right: 0px;
	padding-left: 0px;
	width: 50%;
}
.half2 li:nth-child(even) {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0px;
	padding-bottom: 0;
	width: 50%;
}

.mac_box { background-color:#63ddc2;
	border-radius: 3px;
	margin:0 20px;
	padding: 10px 8%;
	height:422px;
}

.t24 {
	font-size: 19pt;
	margin: 20px 0;
}

.mac_box p {}




.flow_box { 
	margin:0 20px;
	padding: 20px 20px;
}

#price table {
	width: 100%;

	margin: 0;
}

.sc th {
	background-color:#63ddc2;
	border: 1px solid #d8d8d8;
	font-weight:normal;}

.sc td {
	border: 1px solid #d8d8d8;
}

.right {float:right;}


#sec_05{ padding: 70px 0;
}


#sec_06 {background-color:#b5eade;
	padding: 50px 0;
}

.qa-7 {

    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa-7 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 3.5em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20style%3D%22fill%3A%23707070%3B%22%2F%3E%0A%3C%2Fsvg%3E');
    background-position: right calc(1em - -8px) top 18px;
    background-size: 30px;
    background-repeat: no-repeat;
   text-align: left;

    cursor: pointer;
}

.qa-7 summary::before,
.qa-7 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-7 summary::before {
    color: #0761db;
    content: "Q";
}

.qa-7 summary::after {

    width: 7px;
    height: 7px;
    margin-left: 45px;
    border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
    content: '';
    transition: transform .5s;
	position: absolute;
  top: 28px; /* 円の中央に重なるように調整 */
  right: calc(2em - -1px); /* 円の水平位置に合わせるための調整 */
  
  /* transformからtranslateYを消す（位置はtopで決めるため） */
  transform: rotate(45deg);
}

.qa-7[open] summary::after {
    transform: rotate(225deg);
}

.qa-7 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
	text-align: left;
}

.qa-7[open] p {
    transform: none;
    opacity: 1;
	font-size: 1em;
}

.qa-7 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}

#sec_07 {
	padding: 50px 0;
}


.txt14 {
	 font-size:10pt;}
	 
.access_box {margin:50px 0;}

.acd-check{
    display: none;
}
.acd-label{
	color: #fff;
	display: block;
	margin-bottom: 1px;
	padding: 10px;
	cursor: pointer;
}
.acd-content{

    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: 84em;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

.time-table {
  width: 100%;
  max-width: 650px;
  margin: 20px auto;
  border-collapse: collapse;
  font-size: 13px;
}

/* ヘッダー全体 */
.time-table thead th {
  background: #63ddc2;
  padding: 15px
}

/* 両端の角丸 */
.time-table thead th:first-child { border-radius: 7px 0 0 0; }
.time-table thead th:last-child { border-radius: 0 7px 0 0; }

/* 全セル共通 */
.time-table th, .time-table td {
  text-align: center;
  vertical-align: middle;
}

/* ボディのセル */
.time-table tbody td {
  padding: 18px 5px; /* 行の高さを出して見やすく */
  border-bottom: 1px solid #eee;
}

/* 1列目（受付時間）の幅と余白を個別に調整 */
.time-table td:first-child, 
.time-table th:first-child {
  width: 35%; /* 時間の列を少し広めに確保 */
  text-align: left;
  padding-left: 25px; /* 左側にしっかり余白を作る */
}

/* 下の注釈 */
.time-table-notes {
  display: block;
  width: 100%;
  max-width: 650px; /* テーブルのmax-widthと同じ数値にする */
  margin: 15px auto; /* 左右autoでテーブルの位置と合わせる */
  padding: 0;        /* ←重要：ブラウザ標準の左余白を消す */
  list-style: none;
  text-align: right; /* これで2行とも右に寄ります */
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
.time-table-notes li {
  margin: 0;
  padding: 0;
  width:100% !important;
  float: none;
  text-align:right;
}
	
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: -51px;
	opacity: 1;
	z-index: 1;
}
#page_top a{
  width: 50px;
  height: 50px;
  text-decoration: none;
}


footer {
	background-color: #414141;
	padding-top: 15px;
}
footer .banner { -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.6); border: 10px solid rgba(255, 255, 255, 0.3); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 10px; }
footer .banner li { display: table-cell; padding-right: 8px; }
footer .banner li:last-child { padding-right: 0; }
footer .banner:hover { opacity: 0.8; }
footer .banner:hover img:hover { opacity: 1; }
footer .note {
	margin-top: 5px;
	text-align: right;
}
footer .copyright {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 15px;
	text-align: center;
	
}
footer .btn02 {
	position:absolute;
	right:30px;
	top:0px;}

/* PRIVACY */

#privacy {
	background-color:#fff;
}

.ttl_blue{
	background-color: #36b1d9;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #fff;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	margin-bottom: 60px;
}
#privacy .inner {
	width:700px;
	padding-bottom:20px;
}

#privacy p {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin-bottom: 30px;
}


/* anime */
.bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 130vh;
  color: #fff;
}

.bg.-visible:before {
  transform: translate(0, 0);
}

.bg:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #63ddc2;
  transform: translate(0, 100%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) .6s;
  content: '';
}

/* テキストのスタイル */
.title {
  display: block;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  text-align: center;
}

.title span {
  display: block;
  opacity: 0;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s, opacity linear 0.7s;
}

.title span:first-child {
  transform: translate(0, 40px);

  transition-delay: 0.25s;
}

.title span:last-child {

  transform: translate(0, 30px);

  transition-delay: 0.45s;
}

.bg.-visible .title span {
  opacity: 1;
  transform: translate(0, 0);
}

/****** Base style. ******/
body {
  margin: 0;
}


/* スクロールアニメ */



.box-wrapper {
  position: relative;
  max-width: 600px;
  height: 100vh;
  margin: 0 auto;
  text-align: center;
}

.text {
  padding: 20px;
}

.box {
  width: 100%;
}

/* 落ち葉 */
.item {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 15px;
  height: 20px;
  margin: 0 auto;
  border-radius: 0% 70%;
  background: #914928;
  opacity: 0;
}

@keyframes fall {
  from {
    opacity: 0;
    top: -50px;
  }

  20% {
    opacity: 1;
  }

  to {
    opacity: 1;
    top: 100vh;
  }
}

@keyframes sway1 {
  from {
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
  }

  25% {
    transform: translate3d(-50px, 0px, 0px) rotate(-10deg);
  }

  75% {
    transform: translate3d(50px, 0px, 0px) rotate(10deg);
  }

  to {
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
  }
}

.js-scroll-fall.is-animated .item {
  animation: fall 4s linear forwards, sway1 4s ease-in-out alternate;
  animation-delay: 0.3s;/* アニメーション遅延で個々のアニメーション開始をずらしたい場合、数値を変えてつける */
}


/* アニメ */

.fade-in {
      animation: fadeIn 1s ease-out;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }



@media screen and (max-width: 1080px) { html {}

#gnavi{
	position: absolute;
	top: 15px;
	right: 0px;
	height: 39px;
	width:80%;
	
}
#gnavi img{

}
#gnavi li{
	display:inline-block;
	float:none;
}
#gnavi li:last-child {
	float: right;
	margin-right: 0px;
}



#pattern li{
	display: inline;
	margin: 0 3%;
	
}

#pattern li img {
  vertical-align: middle;	
  width:25%;
}

  p.lead { font-size: 16px; line-height: 1.625; }
  .detail { padding: 0px; margin:0px;}
  .detail li { float: left; width: 50%; margin-bottom: 0px; }
  .detail li:nth-child(even) { padding-left: 5%; }
  .detail li h3 { zoom: 0.8; background: url(../img/com_subttl_bg.png) right center/cover no-repeat; font-size: 24px; padding: 13px 30px; margin-left: 0; }
  
  main {
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	background: none;

	 }
	 
header {
	top: 0px;
	padding: 0px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 10000000;
	width: 200px;
	height: auto;
	position: fixed;
}

  #sec_01 #prologue { margin: 59px 0 0 0;
  background: url(../img/main_img.jpg) center top no-repeat;
  background-size: cover;}

  
.spec .product li:nth-child(odd) dl dt,
 .spec .product li:nth-child(odd) dl dd { 
 display: block; 
 float: left;
  }


  
  footer {  }
  footer .banner { -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.6); border: 10px solid rgba(255, 255, 255, 0.3); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 10px; }
  footer .banner li { display: table-cell; padding-right: 8px; }
  footer .banner li:last-child { padding-right: 0; }
  footer .note { margin-top: 40px; } }

@media screen and (max-width:1040px) {  

.logo {
	height: 59px;
}

.topmenu{
	display: none;
}

.slicknav_menu, .sp_menu {
    display: block;
  }
  
  .btn_gnavi { height:50px;}
  
  .bg_con {display:none;}
  

.point_box_col_ph img {

}
.point_box_col_ph {
	width: 30%;
}

.point_box_col_tx {
    width: 70%;
	padding-top:0;
}

.sp {
	display: inline !important;
}
.tel_text {
	font-size:15pt;
	color:#FFFFFF;
	position:fixed;
	right:70px;
	top:15px;
	z-index: 10000;
	width: 170px;
	}
  
}

@media screen and (max-width: 768px) {  

#sec_01 #prologue .main_t { font-size: 7vw;
line-height: 3.8rem;
}

.main_t2 {
	font-size: 4vw;
	line-height: 1.8rem;
	}
  
}


@media screen and (max-width: 640px) {
	

#prologue{
	
	}
	
#about{ text-align:center;
background: url(../img/bg_02.jpg) repeat;

}
	
#sec_01 h1, #sec_02 h1, #sec_03 h1 {
	text-align:center;
	margin: 10px 0 10px 0;
}
#sec_02 #detail {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.di_paginator {
	width: 38px;
	height: 32px;
	margin-left: 46%;
	margin-top:-22px;
	margin-bottom:30px;
	background: transparent url('../img/paginator.png') 0 0 no-repeat;

}

.box2 {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
	width: 100%;
	height: 100%;
	font-size: 13px;
	line-height: 2;
	border-top: 1px solid #d6d6d6;
	padding: 20px 5px;
	vertical-align : middle;
	text-align: left;
	padding-left: 0px;
	}
	

#detail .left{
	margin-top:40px;
	margin-left:0;
}

#detail { padding-top:15px; background: url(../img/detail_bg.jpg) center top/180% no-repeat; background-size:cover;
}
#sec_02 {
	background: url(../img/bg_03.gif) center top no-repeat;
	padding-top: 0px;
}

.point_box{
	background: url(../img/bg_cap01.png) top left/680px no-repeat;
	height: auto;
	background-color:#fff;
}

.point_box2{
	background: url(../img/bg_cap02.png) top left/680px no-repeat;
	height: auto;
	background-color:#fff;
}

.point_box_heading03_ic {
	display: table-cell;
	width: 110px;
	padding-top: 19px;
	color: #2487be;
	font-size: 10px;
}
.point_box_heading03_no {
	display: table-cell;
	width: 105px;
	padding-top: 12px;
	color: #000;
	font-size: 20px;
	float: left;
	font-weight: bold;
}

.point_box_heading03_tx {
	padding-left: 5px;
	width: 80%;
	font-size: 16px;
}

.point_box_col_ph, .point_box_col_tx {
    width: 100%;
	float: none;
}
.point_box_col_tx {
    height: auto;
    padding: 15px 5%;

}


  html {  }
  p.lead { font-size: 12px; line-height: 1.5; text-align: left; }
  p.lead br { display: none; }
  .half li { float: none; width: 90%; margin: 0 auto; }
  .half li:nth-child(odd) { padding-right: 0; width: 90%; }
  .half li:nth-child(even) { width: 90%; text-align: center; }
  .half li:not(:last-child) { margin-bottom: 20px;
  width: 90%;
   }
   .half2 {
  display: inline-block;
}
   .half2 li { float: none; width: 100%; margin: 0 auto; }
  .half2 li:nth-child(odd) { padding-right: 0; width: 100%; }
  .half2 li:nth-child(even) { width: 100%;
  margin-bottom: 20px; }
  .half2 li:not(:last-child) { margin-bottom: 0px;
  width: 100%;
   }
   .flow_box {
	margin: 0px;
	padding-bottom: 0;
	padding-top: 0;

}

.flow_box p { margin-top: 0;
}

.acd-check:checked + .acd-label + .acd-content {
	height: 160em;

}
   
  
#products .half li { float: left; width: 50%; margin: 0 auto; }
  
  /* .frame1 { -moz-border-image: url("../images/frame1.png") 40; -webkit-border-image: url("../images/frame1.png") 40; -o-border-image: url("../images/frame1.png") 40; -ms-border-image: url("../images/frame1.png") 40; border-width: 40px; background: url(../images/frame_back.png) right bottom / 111.5px no-repeat; } .frame2 { &:after { content: ""; display: block; width: 111.5px; height: 160.5px; background: url(../images/frame_back.png) center center / contain no-repeat; position: absolute; right: -10px; bottom: -10px; } } */
  .frame1 { -moz-border-image: none; -webkit-border-image: none; -o-border-image: none; -ms-border-image: none; border-width: 0; background: rgba(0, 0, 0, 0.6); border-radius: 10px; padding: 10px; }
  .frame2 { -moz-border-image: none; -webkit-border-image: none; -o-border-image: none; -ms-border-image: none; border-style: none; border-width: none; background: rgba(255, 255, 255, 0.6); border-radius: 0px; padding: 10px; }
  .frame2:after { content: none; }
  .detail { padding: 30px 20px; }
  .detail li { float: none; width: 100%; margin-bottom: 30px; }
  .detail li:nth-child(odd) { margin-bottom: 0; }
  .detail li:nth-child(even) { padding-left: 0; }
  .detail li p { line-height: 1.5; }
  .inner {  }
  #prologue .switch img { width: 64px; height:64px;}
  #prologue .logo { width: 350px; margin: 0 auto; }
  
  header .icon li { width: 32px; margin: 0px 0 0 5px; }
  main { margin:0; }
  
  .logo img {
  width: 100px;
}

  #sec_01 #prologue {
	margin-bottom: 0px;

	background: url(../img/main_img.jpg) center top/180% no-repeat;
	background-size: cover;
}
  #sec_01 h1 {  }
 

  #sec_02 #gamemode { margin-bottom: 40px; }
  #sec_02 #visual { margin-bottom: 20px; }
  #sec_02 #visual figure { width: 106%; margin-left: -3%; }
  #sec_02 #visual .desc { border-radius: 15px; padding: 20px 15px; }
  #sec_02 #visual .desc h3 { font-size: 18px; }
  #sec_02 #visual .desc p { line-height: 1.5; }
  #sec_03 { background: url(../img/bg_03.gif) center top/180% no-repeat; }
  #sec_03 #variation { margin-bottom: 40px; }
  #sec_03 #network { margin-bottom: 20px; }
  #sec_03 #network h2:after { width: 672px; height: 179px; top: -32px; margin-left: -336px; }
  
  .mac_box {

	height: auto;
	margin: 0 0px;
}

  
  footer .banner { background-color: rgba(255, 255, 255, 0.3); border: 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px; }
  footer .banner li { float: left; display: block; width: 23.5%; padding: 0; margin-bottom: 5px; }
  footer .banner li:first-child { width: 49%; margin-right: 2%; }
  footer .banner li:nth-child(2) { margin-right: 2%; }
  footer .banner li:nth-child(3) { margin-right: 0; }
  footer .banner li:nth-child(4) { clear: both; margin-right: 2%; }
  footer .banner li:nth-child(5) { margin-right: 2%; }
  footer .banner li:last-child { margin-right: 0; }
  footer .note {
	margin-top: 0px;
	padding-bottom: 10px;
}
  footer .note .inner { text-align: center; }
  footer .note .inner .copyright {
	float: none;
	font-size: 10px;
	line-height: 1.5;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
}
  footer .note .inner .logo { float: right; width: 60px; margin: 0 auto; }
  footer .note .inner .logo2 { float: right; width: 60px; margin: 5px auto; }
   }


@media screen and (max-width: 750px) {
header {
 width: 150px;
}
 .slicknav_menu {
 display:block;/*モバイル時は表示*/}
 
 .de_img {
	 display:none;
}
main { margin-bottom: 0px; }

.pc { display: none !important; }
.sp {
	display: inline !important;
}

h2 img {height:80px;}

.page_mailform {
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	background: url(../img/head_bg.jpg) center 0px no-repeat;
	background-size: cover;
}
#contact_main .formArea ul li p {
	display: inline-block;
	vertical-align: middle;
	text-indent: 0;
	width: 250px;
	line-height: 14px;
	text-align: left;
	font-size: 12px;
	margin-top: 20px;
}

.thanks {
	height: 300px;
}

#company {
	text-align: left;
	background-size: cover;
	padding-bottom: 30px;
	padding-top: 30px;
}

footer .topmenu {
	display: block;

}

}

@media screen and (max-width: 600px) {
.bg {
  height: 90vh;
}
}

@media screen and (max-width: 400px) {
	.tel_text {width: 120px; top: 12px;}
}