@charset "utf-8";
/* CSS Document */

/*=============================
	共通
===============================*/

#wrapper{
	line-height:1.7em;
	letter-spacing:0.05em;
	font-family: UD新ゴ R ;
}

#video{
	margin:30px 0;
}

.container{
	text-align:center;
	margin:0 auto;
	width:1122px;
}

h1{
	float:left;
	color:#44ddfe;
	font-size:32px;
	margin-top:5px;
	font-family: UD新ゴ DB  ;
}

h2{
	padding:50px 0 25px 0;
}

h3{

	margin-bottom:30px;
}

h4{
	font-size:20px;
	margin-bottom:30px;
	font-family: UD新ゴ DB  ;
}

.m15{margin-bottom:15px;}
.m25{margin-bottom:25px;}

.c-both
{
        clear:both;
		display:block;
		visibility:hidden;
}

.pink{
	color:#44ddfe;
}
ul{list-style:none;}

/*=============================
	トップ
===============================*/

#header{
	width:100%;
	height:130px;
	position: fixed;
	background-color:#ffffff;
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	z-index: 1;
}


#head{
	width:1122px;
	padding:7px 0;
	margin:0 auto;
}

h1 img{
	vertical-align:middle;
}

p.head{
	text-align:left;
	font-size:0.8em;
	padding-left:10px;
}

.address{
	float:right;
	margin-right:20px;
	padding:15px 0;
	font-size:13px;
	line-height:1.3em;
	font-family: 新ゴ L ;
}

.cntct{
	background-color:#44ddfe;
	color:#fff;
	float:right;
	padding:15px 10px;
	line-height:1.5em;
	font-size:17px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.sns img{
    float: right;
    margin: 5px 10px 0 0;
}

.phone_number{
	font-size:30px;
	font-family: UD新ゴ DB  ;
}

#main{
	background:url(../img/bg_03.png) repeat top;
	height:683px;
	margin-top:115px;
	position: relative;
}

#main02{
	height:683px;
	margin-top: 220px;
	position: relative;
	color:#000000;
}


.area{
	color:#fff;
	font-size:42px;
	font-weight:bold;
	position: absolute;
	top: 88px;
	left: 295px;
	font-family: UD新ゴ DB  ;
}

.high h3 {
    width: 100%;
    background: #44ddfe;
}

.low h3 {
    color: #fff;
    background: #b3b3b3;
    padding: 10px 0 5px;
}

.low h3 span {
    color: #000;
    font-size: 190%;
}

.low h3.size {
    color: #ffffff;
    font-size: 190%;
}

/*=============================
	問い合わせ枠
===============================*/


.entry02{
	background:url(../img/lp_53.png) no-repeat top;
	height:350px;
	position: relative;
	margin:5px 0 50px 0;
}



.tel{
	float:left;
	position: absolute;
	top: 170px;
	left: 55px;
	text-align:left;
}

.tel01{
	font-size:20px;
	margin-left:20px;
	margin-bottom:30px;
	margin-top:3px;
}
.tel02{
	font-size:58px;
	margin-bottom:50px;
	padding-left:130px;
	font-family: UD新ゴ DB  ;
	color:red;
	
}

.tel03,mail01{
	font-size:15px;
	}

.mail{
	float:right;
	position: absolute;
	top: 158px;
	right: 55px;
		text-align:left;
}

.mail a{
	display:block;
	height:130px;
	width:385px;
	background:url(../img/bg_06.png) top no-repeat;
	text-indent:-9999em;
	margin-bottom:15px;
	margin-top:7px;

}

.mail a:hover{
	background-position:bottom;

}



.entry_txt{
	color:#fff;
	position: absolute;
	top: 368px;
	left:200px;
	font-size:22px;
}


.entry03 .mail{
	top: 158px;

}

.entry03 .tel{
	top:178px;
}

.entry03 .entry_txt{
	top:368px;
}


/*=============================
	メニュー
===============================*/


#navi{
	background-color:#000066;
	padding:20px 0;

}

#navi ul.menu{
		width:1122px;
		margin:0 auto;
}
.menu01{
border-right:1px solid white;
}
.menu01,.menu02{
	width:186px;
	list-style:none;
	display:inline;
	display:table-cell;
}
.menu01 a,.menu02 a{
	display:block;
	text-align:center;
	color:#fff;
	border-bottom:0;
	font-size:1.2em;
	font-weight:bold;
}

.menu li a:hover{

color:#ffff99;
}

  
/*=============================
	コンテンツ
===============================*/
.gray{
	background:url(../img/bg_09.png) repeat-y;
	padding:15px 0 15px 0;
}

.gray02{
	background:url(../img/bg_09.png) repeat-y;
	padding:15px 0 15px 0;
	position: relative;
	height:1400px;
}

.why{
	margin-top:20px;
	background:url(../img/bg_11.png) no-repeat top;
	padding:45px;

}

.why_txt{
	color:#fff;
	line-height:1.9em;
}

.title01{
	text-indent:-9999em;
	background:url(../img/bg_13.png) no-repeat center;
	z-index:3;
	height:232px;
	position: relative;
	top:-70px;
}

#title03{
	text-indent:-9999em;
	background:url(../img/lp2_bg_07.png) no-repeat center;
	height:179px;
}



.kuchikomi{
	position: absolute;
	top:40px;
	left: 50%;
    margin-left: -561px;
	z-index:4;
}

.bg_blue{
	background-color:#44ddfe;
	padding-bottom:50px;
}

.voice{
	margin-bottom:60px;
}

.voice .photo{
	float:left;
	margin-right:20px;
}

.voice_txt{
	float:right;
	width:731px;
	background-color:#fff;
	padding:45px 30px;
		border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	text-align:left;
	font-size:15px;
}

.voice_name{
	font-family: UD新ゴ DB  ;

	display:block;
}

.btn01 a{
	display:block;
	margin:40px auto 70px auto;
	text-indent:-9999em;
	width:636px;
	height:87px;
	background:url(../img/lp2_24.png) top no-repeat;
}

.btn01 a:hover{
	background-position:bottom;
}

.bg_orange{
	background:url(../img/lp2_bg_05.png) top repeat-y;
	position:relative;
	padding-bottom:70px;
}

.title02{
	text-indent:-9999em;
	background:url(../img/lp2_bg_03.png) no-repeat center;
	height:256px;
	position:relative;
	top:-80px;
	z-index:5;
}

/*=============================
	地図
===============================*/

#map_wrap{
	margin-bottom:70px;
}

#map{
	float:left;
	margin-right:20px;
}

#map_txt{
	float:right;
	text-align:left;
	width:302px;
		line-height:2.0em;
}

.red{
	color:#FF0004;
	font-size:14px;
}

#footer{
	background-color:#f2f2f2;
	text-align:center;
	height:120px;
	padding-top:22px;
	
}
/*=============================
	モーダール
===============================*/


#lean_overlay{
  position: fixed;
  z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#modal{
  display: none;
  width: 1122px;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../img/modal_close.png);
  z-index: 2;
}

/*=============================
	スライダー
===============================*/
h1 .movie-link img{margin:1% 0 0 10px}
.genre{ text-align:center;}
.genre ul li {list-style: none;width: 235px; margin: 10px;}
.genre .bxslider{}
.genre .bxslider_high li img,.genre .bxslider_low li img{margin: auto;}
.genre .bxslider_high li span,
.genre .bxslider_low li span{margin: 6% auto 5%;display: inline-block;line-height: 130%;}
.genre .bxslider_high li p{background-color:#44ddfe;font-family: UD新ゴ DB;font-size: 130%;display: inline-block;padding: 3px 15px;color: #edff00;border-radius: 20px;}

.high{}
.high .bx-wrapper{margin:40px auto 60px;}
.low{margin-bottom: 3%;}
.high h3{background-color:#44ddfe;margin: 5% auto 3%;letter-spacing: 2px;}
.low h3{color:#FFF;background-color:#000066;padding: 3% 0 2%;letter-spacing: 2px;font-size: 140%;margin: 5% auto 3%;}
.low h3 span{color:#ffff00;font-family: UD新ゴ DB;font-size: 160%;}

.follow{display: block;
    margin: 3% auto 0;}

.bxslider2{}
.line_btn{margin-top:5px;}

.is-selected{}
.is-selected img{}
.is-selected span{}
.is-selected p{}

.bxslider_low{}
.bxslider_low li{}
.bxslider_low li img{}
.bxslider_low li span{}


/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #EEE;
}

.carousel-cell {
  width: 50%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

/*---------------------------------------------
	qa
  ---------------------------------------------*/
/* アコーディオン */
#menu {
}
.main_menu{
	padding: 10px 3%;
	cursor: pointer;
	border-bottom: dotted #373737 1px;   
	font-weight: bold;
}
.main_menu:hover{
	background-color: #eeeeee;
}
.sub_menu{
	margin:0;
	padding: 10px 3%;
}

.main_menu img.rotate {
        transform: rotate(270deg);
}


/*料金テーブル*/
.container table {
    font-size: 1.83em;
    margin: 15px;
    max-width: 100%;
    width: auto;
    border-top: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    border-collapse: collapse;
    border-spacing: 0;
}


.container th {
    color: #333;
    background-color: #d9edf7;
    border-bottom: 1px solid #a3a3a3;
    border-left: 1px solid #a3a3a3;
    padding:15px;
}

.container td {
    border-bottom: 1px solid #a3a3a3;
    border-left: 1px solid #a3a3a3;
    padding:15px;
    text-align:left;
    line-height:1.3;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
.trc01 th {
    background: #fef8e8;
    color: #000;
}

p.red{
    color:#ff0000;
    font-size: 1.2em;
}

/*会社概要*/
.company {
width: 80%;
margin: 0 auto;
}

.company th,
.company td {
border: 1px solid #ccc;
padding: 20px;
vertical-align: middle;
}

.company th {
font-weight: bold;
background-color: #dedede; 
}

@media screen and (max-width: 767px) {
.company,
.company tr,
.company td,
.company th {display:block;}
.company th {width:auto;}
}

h2.info {
    padding: 0 0 50px 0;
    font-size: 1.5em;
}

.info {
width: 80%;
margin: 0 auto;
text-align:left;
}

.info th,
.info td {
border: 1px solid #ccc;
padding: 20px;
vertical-align: middle;
text-align:left;
}

.info th {
font-weight: bold;
background-color: #dedede; 
width: 40%;
}

@media screen and (max-width: 767px) {
.info
.info tr,
.info td,
.info th {display:block;}
.info th {width:auto;}
}