@charset "UTF-8";

/*-----------------------
RESET
-----------------------*/
br { letter-spacing : normal; }
* {
    font: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    border: 0;
    outline: 0;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
html, body{ overflow-x: hidden; }
html {
    font-size: 62.5%;
    width: 100%;
}
body{ height: 100%; }
.pagetop{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
	z-index: 150;
    opacity:0.8;
}
.pagetop a {
    width: 100px;
    z-index:100;
    position: fixed;
    bottom: 13%;
    right: -2%;
    display: block;
    border-radius: 5px;
}
body {
    font-family: メイリオ, Meiryo, Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.access-tel{
    font-size:24px;
    color:#000;
}
.footer-tel{
    font-size:30px;
    color:#fff;
}
.footer-tel a{
    color:#fff;
}
.access-tel a{
    color:#333;
}

article, aside, dialog, figure, footer, header, menu, nav, section { display: block; }
a:hover{ text-decoration: underline; }
audio, canvas, video { display: inline-block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

input, select { vertical-align: middle; }

table {
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse;
}

caption, th { text-align: left; }
.m-t20{ margin-top:20px!important; }
.sp-only,.sp-only2{ display:none!important; }
.sp-onlytext, .sp-imgonly, .sp-onlyimg{ display:none; }
.sp-imgonly img{ width:100%; }
.pc-longimg{
    width:100%;
    margin-top:5%;
}
.sp-onlytext2{ display: none; }

#navToggle {
    display:none; /*通常時は非表示にしておきます*/
    position:absolute; /*bodyに対しての絶対位置指定です*/
    right:13px;
    top:5px;
    background:#000;
    padding:12px 0;
    border-radius:50%;
    width:51px;
    height:51px;
    cursor:pointer;
	z-index: 1000;
}
#navToggle div {
	position:relative;
	width:70%;
	margin:0 auto;
} /*spanの絶対位置指定の親にします*/
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out
}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}
#title-sav{ font-size:20px; }


/*----------------------------------
Clearfix
------------------------------------*/
.cf:after, .inner:after {
    content: "";
    clear: both;
    display: block;
}

/*---Form---*/
input[type="text"], input[type="number"], input[type="password"], input[type="email"],input[type="tel"], select,textarea{
    border:1px solid #ccc;
    border-radius:5px;
    padding:5px;
}
.toggle_box{
    display:none;
    width:100%;
    line-height: 1.6;
    color:#333;
    background-color:#fff;
    padding:20px;
    margin-top:0px;
}
.toggle_box p{ margin-bottom: 10px; }
.toggle_box>p{ margin-bottom: 20px; }
.toggle_box dt{
	font-size: 16px;
	font-weight: bold;
}
.toggle_box dd{
	padding: 0 5px;
	margin-bottom: 20px;
}
.toggle_box dd:last-child{ margin-bottom: 0; }
.toggle_box dd ul{ padding-left: 5px; }
.toggle_box dd li{
	list-style: disc;
	list-style-position: inside;
}

.btn{
    background-color:#dddddd;
    padding:10px;
}
.btn.active{
    background-color:#241007;
    padding:10px;
    color:#fff;
}
.btn:hover{ cursor:pointer; }
.box{
    background-color:#132343;
    width:100%;
    height:20px;
    margin-top:20px;
    margin-bottom:20px;
}
.slide_boxerea{
    padding:3% 5%;
    width:100%;
    margin:0 auto;
}

/*----------------------------------
Contents
------------------------------------*/
#container, #contents{
    width:100%;
    margin:0 auto;
    overflow-x:hidden;
}


/*---Header---*/
header, #header {
    background:url(../img/mainimg.jpg) 0 0px no-repeat;
    background-size:100% 100%;
    text-align: center;
}
#header-top{
    font-size:11px;
    width:100%;
    margin:0 auto;
    opacity:0.8;
    background:#a59b8f;
    text-align: center;
    padding:10px 0; 
}
#main-text{
    max-width:651px;
    width:100%;
    text-align: center;
    margin:0 auto;
    padding-bottom:10%;
}
#main-logo{
    max-width:403px;
    width:100%;
    text-align: center;
    margin:0 auto;
    padding-top:5%;
}
#main-logo img, #main-text img{ width:100%; }
nav, #nav{
    background:#241007;
    width:100%;
    z-index: 999;
}
#nav ul{
    overflow: hidden;
    margin:0 auto;
    max-width:1112px;
    width:100%;
}
#nav ul li{
    padding:4px 19px 18px;
    margin:11px 0;
    border-right:1px solid #fff;
    float: left;
    position:relative;
}
#nav ul li:after{
    content:url(../img/icon2.png);
    position:absolute;
    bottom:0px;
    right:45%;
}
#nav ul li:last-child{ border-right:none; }
.navi-ts{
    padding-bottom:23px!important;
    padding-top:18px!important;
}
#nav ul li a{
    color:#fff;
    line-height: 1.6;
}
#global-nav{ display:none; }
.powder{ padding:7%!important; }

.simplicitymenu {
  display: none;
}


/*------------------------------

健装の家づくり

-------------------------------*/
.lwrap{
    display: table;
    width:100%;
    overflow: hidden;
    background:#241007;
}
.flb{
    padding:0px 3%;
    width:50%;
    display:table-cell;
    position: relative;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.flb.flb3 p{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.flb.flb3 p:last-child{ margin-bottom: 0; }
.frt{
    width:50%;
    height:auto;
    display: table-cell;
    position: relative;
    left:0;
    top:0;
}
#col1 .frt{
    background:url(../img/lp-image1.jpg);
    background-position:50% 50%;
    background-repeat: no-repeat;
    background-size:cover;
}
#col2 .frt{
    background:url(../img/lp-image2.jpg);
    background-position:50% 50%;
    background-repeat: no-repeat;
    background-size:cover;
}
#col3 .frt{
    background:url(../img/lp-image3.jpg);
    background-position:50% 50%;
    background-repeat: no-repeat;
    background-size:cover;
}
.textwrap{
    padding:140px 0px 145px;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    color:#fff;
    line-height: 1.6;
    letter-spacing:0.8pt;
    text-align:justify;
    text-justify: inter-ideograph;

}
.textwrap > h3 > span{
    font-size:20px;
    font-weight:bold;
}
.sav-text{
    padding-top: 4%;
    font-size:16px;
}
.content-title > h2{
    text-align:center;
    padding:40px 0;
    font-size:30px;
    font-weight:bold;
}
#contact-title{
    text-align:center;
    padding: 70px 0 10px;
    font-size: 26px;
    font-weight: bold;
}
#contact-sav{
    text-align: center;
    padding: 20px 5% 30px;
    font-size: 16px;
    /* font-weight:normal!important; */
}
.text-center{ text-align: center; }


/*------------------------------

健装がご提案するこだわりのライフスタイル

-------------------------------*/
.teian-imgbox{
	line-height: 0;
    overflow: hidden;
}
.teian-imgbox li{
    float:left;
    width:25%;
    overflow:hidden;
    position: relative;
}
.transform1{
    width:100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.teian-imgbox li:hover .transform1{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
} 
.img-bgbox{
    background:#000;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.teian-imgbox li:hover .img-bgbox{ opacity:0.6; }
.img-bg{
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	max-width: 300px;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
	margin: 0 auto;
}
.text_line3 .img-bg{ top: 16%; }
.img-bg img{
	display: inline-block;
	width: 95%;
	max-width: 250px;
	vertical-align: middle;
	padding: 35px 0;
}
.img-bg div{
	position: absolute;
	top: 24%;
	left: 0;
	right: 0;
	bottom: 0;
}
.img-bg p{
    color:#fff;
    text-align: center;
	border-top: 1px solid;
    padding:5px 0;
    margin:0 50px;
}
.img-bg p:first-child{
    font-size:24px;
	border: none;
    padding-bottom:5px;
}
.text_line3 .img-bg p:first-child{ line-height: 1; }

/*------------------------------

健装で理想の住まいを叶えた方々

-------------------------------*/
.risou-intavewbox dl dt, .risou-intavewbox2 dl dt{ position:relative; }
.risou-intavewbox dl dt:before{
    content:"";
    border-top:1px solid;
    position:absolute;
    top:50%;
    left:0;
    width:96%;
}
.risou-intavewbox2 dl dt:before{
    content:"";
    border-top:1px solid;
    position:absolute;
    top:50%;
    left:0;
    width:100%; 
}
.border-none{
    font-size: 18px;
    line-height: 1.6;
}
.border-none:before{
    content:"";
    opacity: 0;
}
.risou-intavewbox dl dt span, .risou-intavewbox2 dl dt span{
	position: relative;
	display: inline-block;
	line-height: 1.6;
	font-size: 18px;
	background: #f0ece6;
	padding: 0 0.5em 0 0;
	z-index: 10;
}
.risou-intavewerea{
    background:#f0ece6;
    padding-top:10px;
}
.risou-obi{
    width:100%;
    background:#d9cfc2;
    line-height: 1.5;
    padding:20px 0;
    font-size:24px;
    text-align: center;
}
.risou-fsize{ font-size:14px; }
.risou-titlesousyoku{
    margin-left:20px;
    border:1px solid #000;
    border-right:1px dashed #000;
    padding:0 5px;
}
.risou-titlesousyoku:last-child{
    border-left:none;
    border-right:1px solid #000;
    margin-left:0;
}
.risou-intavewbox, .risou-intavewbox2{ padding:0 3%; }
.risou-intavewbox dl{
    display:inline-block;
    width:62%;
    margin-bottom:-10px;
    vertical-align: top;
}
.risou-intavewbox ul{
    display:inline-block;
    vertical-align: top;
    margin-top:30px;
    width:37%;
}
.risou-intavewbox ul li img{
    width:102%;
    margin-left:-1.3%;
}
.movie-wrap{
    position: relative;
    width:100%;
    padding-top:50%;
}
.movie-wrap iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.risou-intavewbox dt, .risou-intavewbox2 dt{
    font-weight:bold;
    margin-top: 40px;
}
.risou-intavewbox dt:first-child{ margin-top: 20px; }
.risou-intavewbox dd, .risou-intavewbox2 dd{
    overflow:hidden;
    padding-top: 15px;
}
.box-left{ float: left; }
.risou-intavewbox dd span, .risou-intavewbox2 dd span{ padding:5px; }
.risou-intavewbox dd .risou-text, .risou-intavewbox2 dd .risou-text{
    line-height: 1.7;
    letter-spacing: 0.9pt;
    font-size: 15px;
    padding: 0 0 5px 10px;
    text-align: justify;
}
.risou-intavewbox dd .risou-text{
	width: 88%;
	text-justify: inter-ideograph;
}
.risou-intavewbox2 dd .risou-text{
    width:92%;
    text-justify: inter-ideograph;
}
.intavew-ieimgbox{
    overflow:hidden;
	padding-bottom: 30px;
	margin-top: 20px;
}
.intavew-ieimgbox li{
    float:left;
    margin-left:0.7%;
}
.intavew-ieimgbox li:first-child{ margin-left:0; }
.intavew-ieimgbox li img{ width:100%; }
.danna{
    border:1px solid blue;
    color:blue;
    padding:5px;
}
.okusan{
    border:1px solid red;
    color:red;
    padding:5px 12px!important;
}
.textnailist{
    width:95%!important;
    margin-top:0!important;
    display:block!important;
}

.intavew-ieimg1{ width:24%; }
.intavew-ieimg2{ width:10.3%; }
.intavew-ieimg3{ width:14.1%; }
.intavew-ieimg4{ width:39.2%; }
.intavew-ieimg5{ width:9.6%; }
.intavew-ieimg6{ width:31%; }
.intavew-ieimg7{ width:10.97%; }
.intavew-ieimg8{ width:14.8%; }
.intavew-ieimg9{ width:30.4%; }
.intavew-ieimg10{ width:9.5%; }


/*------------------------------

お客様との時間を大切にする建装の家づくり

-------------------------------*/
#nagare-bg{
	position: relative;
	background: #241007;
    background: -moz-linear-gradient(#241007, #8a756b);
    background: -webkit-gradient(linear, left top, left bottom, from(#241007), to(#8a756b));
}
.leaf{
	background: url(../img/bg-leaf.png)repeat-y 98% 0;
	padding: 20px 0 0;
}
.flow_box-r.bird_bx{ position: relative; }
.flow_box-r.bird_bx:after{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 5%;
    max-width: 338px;
    width: 30%;
    height: 290px;
    background: url(../img/lp-nagaresousyoku2.png)no-repeat;
    background-size: contain;
}

#zikanerea{ text-align: center; }
.nagare-title{
    border-top: 1px rgba(255, 255, 255, 0.7) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.7) solid;
    padding: 5px 0;
	margin: 10px 0;
}
.nagare-title h3{
	width:100%;
	font-size:30px;
    color:#fff;
    border-top: 1px rgba(255, 255, 255, 0.7) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.7) solid;
    padding:1% 0;
}
#nagare-box{
    width: 90%;
	text-align: left;
    margin:0 auto;
}


#nagare-box div{
	padding-top: 50px;
	padding-bottom: 0;
}
#nagare-box dt { cursor: pointer; }
#nagare-box dt::after {
	content:"▼";
	margin-left: 10px;
	font-size: 16px;
}
#nagare-box dt.active::after { content:"▲"; }
#nagare-box dd { display: none; }


.flow_box-r{
	width: 72%;
	text-align: left;
	margin-left: auto;
}
#nagare-box div>img{
	display: inline-block;
	width: 131px;
	vertical-align: middle;
	margin-right: 20px;
}
#nagare-box dl{
	display: inline-block;
	width: 70%;
	line-height: 1.7;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}
#nagare-box dt{
	font-size: 32px;
	margin-bottom: 3px;
}

#nagare-box dd p, #nagare-box dd ul{ margin-bottom: 15px; }
#nagare-box dd p:last-child, #nagare-box dd ul:last-child{margin-bottom: 0;}
#nagare-box dd li{
	display: inline-block;
	margin-right: 35px;
}
#nagare-box dd li:before{
	content: "";
	display: inline-block;
	border: 2px solid;
	border-radius: 25px;
	vertical-align: middle;
	margin-right: 8px;
}

.nagare-text{
    display:inline-block;
    vertical-align: top;
}
.nagre-img{
    display:inline-block;
    margin-right:-1%;
    vertical-align: middle;
}
.nagre-img > img{
    width:75%;
    padding-top:13%;
}
.nagre-textdecoration{ font-size:32px; }
.nagare-text{
    color:#fff;
	line-height: 1.6;
    letter-spacing:0.8pt;
    text-align:justify;
    text-justify: inter-ideograph;
    font-size:16px!important;
    text-align:left;
}
.nagare1, .nagare2, .nagare3, .nagare4, .nagare5, .nagare6, .nagare7, .nagare8, .nagare9, .nagare10, .nagare11, .nagare12, .nagare13{
    margin-top:3%;
    position:absolute;
}
.nagare2 > .nagre-img,.nagare4 > .nagre-img,.nagare6 > .nagre-img,.nagare8 > .nagre-img,.nagare10 > .nagre-img,.nagare12 > .nagre-img{
    padding-right:1%;
}

.nagare1{top:3%;left:5%;}
.nagare2{top:8%;right:7%;}
.nagare3{top:14%;left:5%;}
.nagare4{top:19%;right:18%;}
.nagare5{top:24%;left:5%}
.nagare6{top:29%;right:14%;}
.nagare7{top:35%;left:5%;}
.nagare8{top:45%;right:13%;}
.nagare9{top:52%;left:5%;}
.nagare10{top:56%;right:22%;overflow:hidden;}
.nagare11{top:61%;left:5%;}
.nagare12{top:66%;right:17%;}
.nagare13{top:71%;left:5%;}

.nagare-list{ padding:1.5% 0; }
.nagare3 > .nagare-text{
    max-width:840px;
    width:100%;
}
.nagare5 > .nagare-text{
    max-width:635px;
    width:100%;
}
.nagare7 ul{
    overflow: hidden;
    width:67%;
    padding:1% 0;
}
.nagare7 ul li{
    float:right;
    list-style-type: disc!important;
    margin-left:5%;
}
.nagare7 ul li:last-child{ margin-left:0; }
.nagare7 > .nagare-text{
    max-width:860px;
    width:100%;
    overflow:hidden;
}
.nagare12 > .nagare-text{
    max-width:771px;
    width:100%;
}
#panfretto{
	position: absolute;
	top: 0;
	right: 0;
}
#ivent-mark{ width: 100%; }
#text-box{
	display: inline-block;
	width: 65%;
	vertical-align: text-top;
	margin-left: 8%;
}
#text-box2{ margin: 50px 0 35px; }
#iventimg-box{
    position: relative;
	background: #ffffff;
	padding-top: 1px;
    margin-top: 6%;
}
#iventimg-box>div{
	position: relative;
	width: 90%;
	text-align: left;
	padding: 10% 0 0;
	margin: 0 auto;
}
#iventimg-box .event_ttl{
	width: 100%;
	text-align: center;
	border-top: 1px #6a554c solid;
	border-bottom: 1px #69554b solid;
	padding: 5px 0;
	margin: 10px 0;
}
#iventimg-box .event_ttl h3{
	width: 100%;
	font-size: 30px;
	color: #463128;
	border-top: 1px #6a554c solid;
	border-bottom: 1px #6a554c solid;
	padding: 1% 0;
}
#iventimg-box>p{
	line-height: 0;
	background: #fff;
	padding-bottom: 15px;
}


#iventimg{ width:100%; }
#text-boxcontent{
    position: relative;
    padding:20px;
    max-width:465px;
    line-height: 1.6;
    letter-spacing:0.8pt;
    text-align:justify;
    text-justify: inter-ideograph;
    background:#ebe4da;
	margin-left: 16%;
	margin-bottom: 14%;
}
#text-boxcontent:before {
    content: '';
    display: block;
    position: absolute;
    border: transparent 24px solid;
    border-left: #ebe4da 35px solid;
    bottom: 100px;
    right: -59px;
}

#text-box > h2{ font-size:13px; }
.text-boxtitle{
    font-size:16px;
    font-weight:bold;
}
#text-box2content{
    position: relative;
    text-align: left;
    color:#fff;
    padding:20px;
    max-width:630px;
    line-height: 1.6;
    letter-spacing:0.8pt;
    text-justify: inter-ideograph;
    background:#d2a079;
}
#text-box2 > h2{ font-size:13px; }
.text2-boxtitle{
    font-size:16px;
    font-weight:bold;
}
#text-box2content:after {
    content: '';
    position: absolute;
    border-top: 40px solid #d2a079;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    bottom: -40px;
    left: 130px;
    z-index: 1;
}
#sousyoku{
    position: absolute;
    right:0;
    top:0;
    display:none;
}
#tori-img{
    float:right;
    padding-left:11%;
    display:none;
}
#text-boxcontent p, #text-box2content p{ padding-top:2%; }

.seminar-event-info {
 max-width: 1100px;
 margin: 32px auto 0;
 padding:0 !important;
}

.seminar-event-info ul {
 overflow: hidden;
 width: 100%;
}

.seminar-event-info > ul > li {
 padding: 8px;
 overflow: hidden;
 margin-bottom: 40px;
 line-height: 1.6;
 border: 1px solid #8C764B;
}

.seminar-event-info .left-info {
 width: 50%;
 float: left;
 margin-bottom: 16px;
}

.seminar-event-info .left-info h3{
width: 100% !important;
}

.seminar-event-info img {
 width: 100%;
 height: auto;
 display: block;
}

.seminar-event-info .content {
 width: 48%;
 float: right;
 font-size: 14px;
 margin-bottom: 16px;
}

.seminar-event-info .ocha .about span {
 display: inline-block;
 margin-right: 8px;
}

.seminar-event-info .ocha .about a,.house-seminar a {
 color: #1E0202;
 text-decoration: underline;
}

.seminar-event-info .ocha .about a {
 margin-left: 72px; 
}

.seminar-content {
 padding: 8px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 background: #f0cfae;
 margin-bottom: 24px;
}

.house-seminar .seminar-content h4 {
 font-weight: bold;
 margin: 8px;
 font-size: 18px;
}

.house-seminar .seminar-content ul {
 overflow: hidden;
}

.house-seminar .seminar-content li {
 width: 50%;
 position: relative;
 padding-left: 24px;
 float: left;
 font-size: 16px;
}
.seminar-event-info .seminar-content li::before {
 position: absolute;
 content:"●";
 left:0;
}

.seminar-event-info .seminar-content li::before {
 color: #BD846F;
}

.house-seminar p {
margin-bottom: 16px;
}

.house-seminar .privilege,.house-seminar .seminar-contact {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 padding: 2px 16px;
 margin: 16px 0 0;
}

.house-seminar .privilege {
 background: #FCC4C5; 
}

.house-seminar .privilege a {
 display: inline;
 font-size: 16px;
 font-weight: bold;
}

.house-seminar .privilege h4 {
 color: #D80003;
}

.seminar-contact img {
 width: 35px; height: 29px;
 display: inline-block;
}

.house-seminar .seminar-contact {
 background: #C6DCBE;
 clear: both; 
 overflow: hidden;
 padding: 16px 8px 8px;
}

.seminar-contact p {
 display:block;
 margin-bottom: 0;
}

.seminar-contact p.contact-form {
 float: left;
}

.seminar-contact p.contact-form a {
 text-decoration: none;
 font-size: 18px;
 color: #FFF;
 font-weight: bold;
 padding: 10px 32px;
 background:#198740;
 border-width:0 1px 3px 0;
 border-color: #006C27;
 border-style: solid;
 margin-right: 16px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.seminar-contact p.telno {
 float: left;
 margin-right: 24px;
}

.seminar-contact p.place {
 margin: 10px;
 font-size: 16px;
}

/*------------------------------

KENSO 湖北の杜

-------------------------------*/
#access{
    padding:0 5% 25px;
    border-top:5px solid #8a756b;
    margin-top:2%;
}
#access h2{ padding: 40px 0; }
.access-imgmap>div:first-child{
	overflow: hidden;
	width: 100%;
	max-height: 328px;
}
.access-imgmap div img{
	float: left;
	width: 50%;
}
.googlemap{
	position: relative;
	height: 0;
	padding-bottom: 40.1%;
	overflow: hidden;
}
.googlemap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.access-imgmap dl{
	position: relative;
	line-height: 1.7;
	margin: 15px 0;
}
.access-imgmap dt{ font-size: 22px; }
.access-imgmap dd{ font-size: 16px; }

.kengaku-font{
    font-size:1.5em!important;
    font-weight:bold;
}
.tel-icon{ width:30px; }
.access-content1{
    border-bottom: 1px dashed #ccc;
    padding-bottom: 2%;
}
.small-text{ font-size:13px; }
.matueimg-text{
    font-weight:bold;
    font-size:16px;
    margin-top:1%;
    float:left;
    width:50%;
}
.pcmatueimg-text{ display:none; }
.access-imgmap > figure{
    float:left;
    max-width:442px;
    width:50%;
}
.access-imgmap > figure img{ width:100%; }
#access-matuetext, #access-matueimg{
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.access-map{
    position: relative;
    padding-bottom: 46.25%;
    padding-top: 5%;
    height: 0;
    overflow: hidden;
}
.access-map iframe, .access-map object, .access-map embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#access-matueimg { margin-left: 3%; }
#access-matuetext ul li{
    font-size:16px;
    line-height:1.6;
}
#access-matuetext ul li p{ margin-bottom: 10px; }
#access-matuetext ul li p:last-child{ margin-bottom: 0; }
#access-matuetext li span{ display: block; }
#access-matuetext .tel-link a {
 display: inline-block;
 font-size: 24px;
 color: #000;
}

.teliconbox{ padding: 0 5px 10px; }
.teliconbox img{
	width: 25px;
	vertical-align: baseline;
	margin-right: 5px;
}
#access-staff{
    overflow: hidden;
    background:#ebf0f0;
    padding:15px;
}
#staff-img{
    float:left;
    width: 30%;
}
#staff-img img{ width:100%; }
#access-stafftext{
    float:left;
    width:70%;
    font-size: 14px;
    padding-left: 2%;
    line-height: 1.6;
}
#honsya-box, #matuekaunta-box, .access-content3{
    float:left;
    width: 33%;
	border-right: 1px solid #ccc;
}
.access-content2{
    overflow:hidden;
    width:100%;
    margin:0 auto;
    padding: 4% 0;
}
.access-content3{
    padding:0 0 2% 2%;
    overflow: hidden;
    width: 22%;
	border-right: none;
}
.honsya-img{
    float:left;
    vertical-align: top;
    max-width:280px;
    width:50%;
}
.honsya-img img{ width:100%; }
#matuekaunta-box{
	padding: 0 1.5% 0 2%;
	width: 36%;
}
.access-syousai{
    float:left;
    width:50%;
    vertical-align: top;
    padding-left:2%;
    line-height:1.4;
}
.access-syousai li.access-syousaititle{ font-size:18px; }

.access-content3 .access-syousai{
    width:100%;
    padding-right:0;
    border-right:none;
}
#contact{
    background:#f0ece6;
    padding-bottom: 20px;
}
.map-btn img{
    margin-top:1%;
    width:100%;
    border-right:1px solid #ccc;
}
.map-date1{
    float:left;
    width:35%;
    font-size:16px;
    margin-top:1%;
    font-weight: bold;
}
.map-date2{
    position: absolute;
    top: 0;
    right: 0;
}
.map-date2 a{
	font-size: 11px;
	color: #333;
	border: 1px solid #ccc;
	padding: 5px 7px 5px 15px;
}
.map-date2 a:after{
	content: "";
	display: inline-block;
	border: 6px solid transparent;
	border-left: 9px solid #ccc;
	vertical-align: middle;
	margin-left: 7px;
}


/*---Feader---*/
#footer{
    display:none;
    position: fixed;
    bottom:0;
    z-index:100;
    left:0;
    background:url(../img/footer-bg.jpg) 0 0 repeat;
    width:100%;
	text-align: center;
}
.footer-contentbox{
	display: inline-block;
	padding-top: 8px;
    margin: 0 auto;
}
.footer-img{
	width: 30%;
	max-width: 300px;
    display: inline-block;
    margin-right: 30px;
	vertical-align: bottom;
}
.footer-img img{
	width: 100%;
	vertical-align: bottom;
}
#footer-zhcontent{
	max-width: 700px;
	text-align: left;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 3px;
}
.footer-text{
    font-size:24px;
    color:#fff;
}
#footer_btn{
    float:left;
    width:250px;
    padding-top:25px;
}
#footer_btn > a > img{ width:100%; }
.footer-list > li > a{ font-size:30px; }
.siryou-text{ line-height: 1.2; }
.footer-list{
    float: left;
    width: 300px;
    line-height: 1.5;
    padding-top: 5px;
}
.footer-smalltext{ color:#fff; }

.footer2{
    width:100%;
    background:#241007;
    padding:0.5%;
}
.footer2content{
    color:#fff;
    max-width:515px;
    width:100%;
    line-height: 1.5;
    margin:0 auto;
}
.footer2content ul{ overflow: hidden; }
.footer2content li{
    margin-right:5%;
    float:left;
}
.footer2content li:last-child{ margin-right:0; }



/* ----------------------------------------
	その他PCとSP切り替え用css(PC表示しないコンテンツ)
---------------------------------------- */
span.sp-display{ display: none; }
span.pc-display{ display: block; }




/* ----------------------------------------
    イベント用バナーエリア
---------------------------------------- */
div.first-bnr{
    position: relative;
    max-width: 1110px;
    text-align: center;
    margin: 30px auto 25px;
    border: 1px solid #999;
    padding: 1px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
div.first-bnr .pc-display img, div.first-bnr .sp-display img{
    max-width: 100%;
    height: auto;
}
.first-bnr a.map-link{
    display: inline-block;
    color: #fff;
    background: #f47c00;
    padding: 10px 27px 10px 15px;
    margin: 5px 0 20px;
    position: relative;
}
.first-bnr a.map-link:after{
    content: "";
    display: block;
    border: 6px solid transparent;
    border-left: 8px solid;
    position: absolute;
    top: 10px;
    right: 5px;
}
div.first-bnr .g-map{
    position: absolute;
    top: 10px;
    right: 1.5%;
}

.op-contact {
font-size: 16px;
line-height: 1.6;
font-weight: bold;
margin-bottom: 16px;
 }
 
.op-contact a {
display: inline-block;
padding: 5px;
color: #BD3A00;
text-decoration: underline;
}
 
 






/* ----------------------------------------
* レスポンシブ
* ~ / XXXpx / XXXpx / XXXpx /
* desctop / tablet / phone
---------------------------------------- */
@media screen and (max-width:1900px) {
	#text-box{ margin-left: 6%; }
	#text-boxcontent{ width: 46%; }
}
@media screen and (max-width:1825px) {
    #sousyoku{
        position: absolute;
        right:0;
        top:0;
        display:block;
    }
	.text_line3 .img-bg{ top: 14%; }
	#nagare-box dl{ width: 80%; }
	#panfretto{
		max-width: 805px;
		width: 48%;
	}
}

@media screen and (max-width: 1750px) {
	.img-bg{ top: 22%; }
	.text_line3 .img-bg{ top: 13%; }
}

@media screen and (max-width: 1624px) {
	.img-bg{ top: 20%; }
	.text_line3 .img-bg{ top: 11%; }
}

@media screen and (max-width: 1600px) {
	#iventimg-box>div{ margin: 0 auto; }
    #panfretto{ width: 46%; }
    #text-boxcontent:before{ bottom: 70px; }
    #footer-content{
        bottom:3%;
        right:0;
    }
	.text_line3 .img-bg{ top: 10%; }
	#text-box{ margin-left: 3%; }
	#text-boxcontent{
		width: 52%;
		margin-bottom: 12%;
	}
}

@media screen and (max-width: 1530px) {
	.text_line3 .img-bg{ top: 8%; }
	.flow_box-r{ width: 85%; }
	.honsya-img{ width: 40%; }
	.access-syousai{ width: 60%; }
	.access-content3{ width: 30%; }
}

@media screen and (max-width:1480px) {
	.img-bg{
		top: 17%;
		width: 80%;
	}
	.text_line3 .img-bg{ top: 10%; }
	.text_line3 .img-bg img{ padding: 25px 0; }
	#text-boxcontent{ margin-bottom: 7%; }
	#panfretto{ width: 45%; }
}

@media screen and (max-width:1445px) {
    #tori-img{
        float:right;
        padding-left:11%;
        display:block;
        width:40%;
    }
    .nagare10{ right: 8%; }
    .matueimg-text, .map-date1{ font-size:14px; }
    #tori-img{ display: none; }
}

@media screen and (max-width: 1410px) {
    .nagare2{
        top:7%;
        right:-9%;
    }
    #nagare-box > .nagare2{ width:100%; }
    .nagare4{
        width:100%;
        right:-3%;
    }
    .nagare12{ right:8%; }
	.text_line3 .img-bg{ top: 9%; }
	.text_line3 .img-bg img{ width: 85%; }
}

@media screen and (max-width:1372px){
    .honsya-img{ max-width:255px; }
}

@media screen and (max-width: 1370px) {
	#iventimg-box h3{ vertical-align: top; }
	#text-boxcontent{
		width: 55%;
		margin-bottom: 0;}
	#panfretto{ width: 43%; }
}

@media screen and (max-width: 1330px) {
    #text-box{ left:21%; }
    #panfretto{ bottom:-3%; }
    .access-map{ padding-bottom: 45.25%; }
	.img-bg{ top: 15%; }
}

@media screen and (max-width: 1280px) {
	.img-bg div{ top: 16%; }

	#nagare-box > .nagare2{ padding-left:8%; }
	.nagare2{ right:2%; }
	.nagare8{ right:12%; }
	.nagare10{ right:7%; }
	.nagare12{ right:10%; }
	#footer_bg{ background-position:-78px 0; }
	.footer-text{ font-size: 22px; }
	.footer-list{
		width: auto;
		max-width: 300px;
		margin-right: 15px;
	}
	.footer-list li img{
		width: 12%;
		margin-right: 8px;
	}
	.footer-list > li > a{ font-size: 26px; }
	.access-syousai .teliconbox{ padding: 5px; }
	.access-syousai .teliconbox img{ width: 18px; }
	.access-syousai .teliconbox a{ font-size: 20px; }
}

@media screen and (max-width: 1230px) {
	#iventimg-box{ margin-top: 10px; }
	#iventimg-box h3{
		display: block;
		width: 25%;
		top: -10%
	}
	#tori-img{ display:none; }
	#text-box{ margin: 2% 0 0; }
	#text-boxcontent{
		width: 70%;
		margin-left: 2%;
		margin-bottom: 8%;
	}
	#panfretto{
		width: 53%;
		top: 4%;
		right: -4%;
	}
	#text-box2content{ width: 465px; }
	.nagre-textdecoration{
		font-size:32px;
		display: inline-block;
		vertical-align: bottom;
		padding-bottom: 2%;
		color: #fff;
		padding-left:1%;
	}

	.sp-onlytext{ display:inline-block; }
	.pc-onlytext{ display:none; }
	.sp-onlytext{ display:inline-block; }

	.risou-intavewbox2 dd .risou-text{ width: 92%; }
	#nagare-box div>img{
		max-width: 131px;
		width: 9%;
	}
}

@media screen and (max-width:1184px){
	.img-bg{ top: 12%; }
	.text_line3 .img-bg{ top: 8%; }
	.map-date2{
		position: static;
		margin-top: 8px;
	}
	#access-matuetext li span{ display: inline; }
}
@media screen and (max-width: 1128px) {
#nav ul{
max-width:941px;
}
#nav ul li{
padding:4px 10px 18px;
font-size:13px;
}
}

@media screen and (max-width:1125px){
	#footer-content{ bottom:1%; }
	.access-syousai li{ font-size: 13px; }
	.access-syousai .teliconbox{ padding: 0; }
	.access-syousai .teliconbox img{ width: 16px; }
	.access-syousai .teliconbox a{ font-size: 18px; }
}

@media screen and (max-width:1079px){
	.honsya-img{ max-width:275px; }
	#footer_bg{ background:url(../img/footer_bg2.jpg) 0 0 no-repeat; }
	.text_line3 .img-bg{ top: 7.5%; }
}

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

@media screen and (max-width: 1035px) {
	#tori-img{ display: none; }
	.nagare3 > .nagare-text{ padding-right:5%; }
	.nagare4{ right:9%; }
	.nagare7 > .nagare-text{
		width:87%;
		padding-right:5%;
	}
	.nagare7 ul{ width:93%; }
	.nagare10{ right:44%; }
	.nagare12{ right:5%; }
}

@media screen and (max-width: 1033px) {
	.pc-onlytext{ display:none; }
	.sp-onlytext{ display:inline-block; }
	#nagare-box{ width: 95%; }
	.flow_box-r{ width: auto; }
}

@media screen and (max-width: 1030px) {
	/*header menu*/
	/*nav要素は絶対位置指定にして、ビューの外側に置いて見えなくします。
	nav の中の ul li は横並びを解除して縦組みにレイアウトし直します。*/
	header nav {
		position: absolute; /*bodyに対しての絶対位置*/
		right:0;
		top: -500px; /*通常時はビュー外*/
		background:rgba(255,255,255,.7);
		width:50%;
		padding:0 10px;
		-webkit-transition:.5s ease-in-out; /*transitionで動きを*/
		-moz-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
	}
	#nav ul li{ padding:2%; }
	header ul {margin:0}
	header ul li {
		display:block;
		margin:0!important;
		width:100%!important;
		border-right:none!important;
		border-bottom:dotted 1px #fff;
		line-height:3;
	}
	header ul li a {display:block;}
	header ul li::after {content:'';opacity:0;}
	header ul li:last-child {border-bottom:none;}

	/* Toggle(Button) */
	/*display:noneだったボタンを display:blockにして表示します*/
	#navToggle {display:block}

	/* Click Toggle(Button) */
	/*ここから jQueryで header要素に付けた「.openNav」を利用します*/
	/*.openNavが付いた要素内のボタン（#navToggle）内のspanへの指定*/
	/*最初のspanをマイナス45度に*/
	.openNav #navToggle span:nth-child(1) {
		top: 11px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		transform:rotate(-45deg)
	}

	/*2番目と3番目のspanを45度に*/
	.openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
		top: 11px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	/*header menu*/
	/*.openNavが付いた要素の中のnavを 縦方向に351px移動（=表示される）*/
	.openNav nav {
		-moz-transform: translateY(500px);
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		padding-top: 45px;
	}
	#nagare-box div{
		padding-top: 35px;
		padding-bottom: 0;
	}
	#iventimg-box{
		background: #fff;
		text-align: center;
		padding-top: 1px;
		margin-top: 15%;
	}
	#iventimg-box>div{
		padding-top: 0;
		margin: 0 auto;
	}
	#panfretto, #ivent-mark, #text-box, #text-box2{ position:relative; }

        #text-boxxontent{
            max-width:900px;
            margin:2% 0;
        }
	#text-box, #text-box2{
		width: 100%;
		margin: 2% 0;
		left: initial;
	}
        #text-boxcontent,text-box2content{
            width:100%;
            max-width:none;
            margin:0 auto;
            z-index:10;
        }
        #text-boxcontent:before{
            content: '';
            display: block;
            position: absolute;
            border: transparent 24px solid;
            border-top: #ebe4da 35px solid;
            bottom: -55px;
            right: 445px;
        }
	#panfretto{
		position: static;
		display: block;
		width: 100%;
		padding-bottom: 1px;
		margin: 45px auto 0;
	}
	#text-box2{ position: static; }
	#text-box2content{
		max-width: 100%;
		width: 100%;
	}
 
 .simplicitymenu {
  width: 100%;
  display: table;
  margin-top: 10px;
 }
 
 .simplicitymenu li {
  display: table-cell;
  vertical-align: middle;
  text-align:center;
  padding: 0 2px;
}
 
.simplicitymenu a {
 height: 44px;
 display: block;
 font-size: 13px;
 background: #362219;
 color: #FFF;
 padding-top: 2px;
 border-width: 1px 1px 2px 1px;
 border-style: solid;
 border-color: #333;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 line-height: 1.4;
 -webkit-box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.07);
 -moz-box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.07);
 box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.07);
 position: relative;
}

.simplicitymenu a::after {
 content:"▼";
  color: #FFF;
  position: absolute;
  bottom:1px;
  right: 1px;
  font-size: 8px;
}
 
}

@media screen and (max-width: 1024px) {
	#nagarebg{ width:auto; }
	#nagare-box dt{ font-size: 26px; }
	#mailform{
            max-width:1100px!important;
            width:100%!important;
            padding:0 5%;
	}
	.risou-obi{ padding: 20px 2%; }
	.footer-contentbox{ padding-top: 0; }
	#footer-zhcontent{ width: 56%; }
	.footer-text{ font-size: 22px; }
	.footer-list{ width: auto; }
	.footer-list li img{
		width: 14%;
		padding-right: 10px;
		margin-right: 0;
	}
	.footer-list li a{ font-size: 26px; }
	#footer_btn{ width: 38%; }

	.img-bg p:first-child{ font-size:1.2em; }
	.risou-intavewbox dd .risou-text{
		width:100%;
		padding: 5px 4px;
	}
	.risou-intavewbox2 dd .risou-text{
		width:100%;
		padding: 5px 4px;
	}
	#main-logo{ width:40%; }
	.access-syousai{ border-right:none; }
        .access-content3{
            width:100%;
            float:none;
            overflow:hidden;
            padding-left:0;
        }
        .access-content3 .access-syousai{
            width:100%;
            margin-top:3%;
            padding-left:0;
        }
	#honsya-box, #matuekaunta-box{
		width:100%;
		clear: left;
		border-right: none;
	}
	.access-syousai li{ font-size: 14px; }
        #matuekaunta-box{
            padding-left:0;
            padding-top:5%;
        }
	.pc-only{ display:none!important; }
	.sp-only{
            display:block!important;
            width:100%!important;
	}
	.risou-intavewbox dl{ width:100%!important; }
	.risou-intavewbox2 dl{ width:100%!important; }
	#footer-content{ right:55px; }
	#text-box2content{ max-width:1000px; }
	#access-matueimg{ width:100%; }
	.access-imgmap > figure{ max-width:none; }
	#access-matueimg, #access-matuetext{
            display:block;
            width:100%;
            margin-top:3%;
            margin-left:0;
        }
	#access-matuetext{ margin-bottom: 2%; }
        .nagare1 > .nagre-img, .nagare2 > .nagre-img, .nagare3 > .nagre-img, .nagare4 > .nagre-img, .nagare5 > .nagre-img, .nagare6 > .nagre-img, .nagare7 > .nagre-img, .nagare8 > .nagre-img, .nagare9 > .nagre-img, .nagare10 > .nagre-img, .nagare11 > .nagre-img, .nagare12 > .nagre-img, .nagare13 > .nagre-img{
            width:100%;
            text-align: left;
            margin-top:-7%;
        }
        .nagre-img > img{
            width:8%;
            display: inline-block;
            vertical-align: bottom;
        }
        .nagre-textdecoration{
            font-size:32px;
            display: inline-block;
            vertical-align: bottom;
            padding-bottom: 2%;
            color: #fff;
            padding-left:1%;
        }
	.pc-onlytext{ display:none; }
	.sp-onlytext{ display:inline-block; }
	.img-bgbox{ padding:5%; }
	.img-bg{ border:none; }
	.img-bg p{ margin:0 22px; }
	.powder{ padding:0!important; }
	.map-date2{
		position: absolute;
		margin-top: 0;
	}
	.access-syousai .teliconbox{ padding: 5px 0; }
	.access-syousai .teliconbox img{ width: 22px; }
	.access-syousai .teliconbox a{ font-size: 24px; }
	#access-matuetext li span{ display: block; }
 
.house-seminar .seminar-content li,.seminar-contact p.place {
 font-size: 14px;
} 

.seminar-contact p.contact-form a {
 font-size: 16px;
}
 
}

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

	.img-bg{ top: 10%; }
}

@media screen and (max-width:900px){
        .pagetop a{
            bottom:11%;
            right:-4%;
        }
    .footer-contentbox{
		width: auto;
		padding-top: 5px;
	}
	.footer-img{ width: 25%; }
	#footer-zhcontent {
		width: 60%;
		padding-bottom: 0;
	}
	.footer-text{ font-size:20px; }
	.footer-list > li > a{ font-size:18px; }
	.footer-smalltext{ font-size:12px; }
	#footer_btn{
		width:210px;
		padding-top:25px;
	}
	.map-date2{ margin-top:1%; }
	.map-date1{ margin-top:2%; }
}

@media screen and (max-width: 880px) {
	.img-bg { top: 8%; }
	#footer-zhcontent { width: 66%; }
	span.pc-display{ display: none; }
	span.sp-display{ display: block; }
    div.first-bnr{ margin: 0 auto 40px !important }
    div.first-bnr .g-map{
     display: none;       
    }
    
.sp-display img {
 vertical-align: top;
}

.sp-display a.map-link {
 padding: 0;
 margin: 0;
}

.first-bnr a.map-link:after {
 content:none;
}


.seminar-event-info .left-info,.seminar-event-info .content {
 float: none;
 width: 100%;
} 
  
}

@media screen and (min-width: 769px){
	.sp-slide { display: none !important; }
}


@media screen and (max-width: 768px) {
	.sav-text, li.intavew-ieimg3, li.intavew-ieimg5, li.intavew-ieimg10, #text-boxcontent p, #text-box2content p, .sp-only2 ul li:last-childul.teian-imgbox{ display: none; }
	#nagare-box dt{ font-size: 22px; }
	.flow_box-r.bird_bx:after{ content: none; }
	#iventimg-box{ padding-bottom: 30px; }
	#iventimg-box h3{
		width: 28%;
		top: -8%;
	}
	#mailform{ padding:0 3%; }
	.img-bg p{ margin:0 50px; }
	.teian-imgbox li{ width:50%; }
	#panfretto{ margin:5% 5%; }
	#main-logo{ width:40%; }
	#main-text{ width:50%; }
	.map-date1{
		font-size:16px!important;
		width:80%;
	}
	.access-imgmap{
		overflow: visible;
		height:50%;
	}
	.spmatue{ display: none; }
        .pcmatueimg-text{
            display: block;
            padding-bottom:5%;
            font-weight:bold;
            font-size:16px;
            margin-top:1%;
        }
	.powder p:first-child{ font-size:1em; }
	.intavew-ieimgbox{ margin-top: 3%; }
	.intavew-ieimgbox li{ margin-left:0; }
	.intavew-ieimg1{ width:100%; }
	.intavew-ieimg3{ width:100%; }
	.intavew-ieimg4{ width:100%; }
	.intavew-ieimg5{ width:100%; }
	.intavew-ieimg6{ width:100%; }
	.intavew-ieimg8{ width:100%; }
	.intavew-ieimg9{ width:100%; }
	.intavew-ieimg10{ width:100%; }
	ul.intavew-ieimgbox li a{
		display: block;
		line-height: 0;
		margin-bottom: 5px;
	}
	ul.intavew-ieimgbox li.pc-onlyimg a, li.intavew-ieimg3 a:first-child{ margin-bottom: 0; }
	.risou-intavewbox dd .risou-text, .risou-intavewbox2 dd .risou-text{ font-size: 14px; }
	.img-bg p{ margin:0 25px; }
	.img-bg p:first-child{ padding-top:30px; }
	.img-bgbox{ padding:21%; }
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea{
            padding:11px;
        }
        form#mailformpro dl dt{
            padding:30px 10px 5px;
        }
        #nagarebg{
            display: none;
        }
        #nagare-box{
            position:relative;
            top:0;
            left:0;
        }
        .nagare-title{
            position: relative;
        }
        .powder{
            padding:17%!important;
        }
        .iedukuri-textbox > span, .iedukuri-textbox2 > span, .iedukuri-textbox3 > span{
            font-size:14px;
        }
        .lwrap{
            display:block!important;
        }
        .flb{width:100%;}
        .flb3{text-align: center;width:50%!important}
        #col1 .frt{display:none;}
        #col2 .frt{display:none;}
        #col3 .frt{display: none;}

        .pc-imgonly{
            display: none;
        }
        .iedukuri-imgbox2{
            width:100%!important;
            clear: left;
            display: block;
        }
        .sp-imgonly{
            width:100%!important;
            clear: left;
            display: block;
        }
        .iedukuri-textbox{
            padding-bottom:10%;
            width:100%;
        }
        .iedukuri-textbox2{
            width:100%;
            padding-bottom:10%;
        }
        .iedukuri-textbox3{
            width:100%;
        }
        #sousyoku{
            display: none;
        }
        .access-imgmap > figure{
            clear: left;
            width:100%;
        }
        .footer-img{
            display: none;
        }
        .pc-onlyimg{
            display:none;
        }
        .sp-onlyimg{
            display: block;
        }
        .img-bgbox{
            opacity:0.6;
            padding:21%;
            height:100%;
        }
        .img-bg{
            border:none;
        }
        .textwrap{
            padding:60px 0;
        }
        .nagre-textdecoration{
            font-size:1.3em;
        }
        #footer-zhcontent{
            width: auto;
        }
        #footer_btn{
            padding-top:15px;
        }
        #footer-zhcontent{
            padding-top:10px;
        }
        .footer-contentbox{
            margin:0 auto;
        }
	.img-bg { top: 18%; }

.sav-text, .intavew-ieimgbox, ul.teian-imgbox li {
 display: none;
}

.sp-photo01 img {
 width: 100%;
 height: auto;
}
 
 
}

@media screen and (max-width: 650px) {
	#text-box2content:after{
	left: 85px:
	}
        .teian-imgbox li{
            width:50%;
        }
        #text-boxcontent:before{
            right:250px;
        }
        #panfretto{
            margin:5% 5% 10%;
            width:90%;
        }
	.img-bg { top: 16%; }
	.map-date2{
		display: block;
		position: static;
		margin-top: 5px;
	}
	#access-matuetext li span{ display: inline; }
}

@media screen and (max-width: 540px) {
	.img-bg { top: 11%; }
	.sav-text{ font-size: 14px; }
}

@media screen and (max-width: 525px) {
        .footer2content ul{
            text-align: center;
            line-height: 1.5;
            padding:1% 0;
        }
        .footer2content li{
            width:100%;
        }
}

@media screen and (max-width: 517px) {
	.siryou-text{ text-align: center; display:none; }
	.footer-text{
		font-size:18px;
	}
	.footer-list{
		display: block;
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.footer-list li img{ width: 10%; }
	.footer-smalltext{ font-size:10px; }
	#footer_btn{
		display: block;
		float: none;
		width: 200px;
		margin: 0 auto;
	}
	.powder{ padding:8%!important; }
        #iventimg-box .event_ttl h3{ line-height: 1.3; }
        #iventimg-box .event_ttl h3 span{
        	display: block;
        	line-height: 1;
        }

    .content-title > h2 span {
        display: block;
    }
    #nagare-box dt {
        font-size: 16px;
    }

    #nagare-box dt span {
        display: block;
    }
    .first-bnr a.map-link span{
        display: block;
        line-height: 1.3;
    }
    .first-bnr a.map-link:after{
        top: 20px;
    }
}

@media screen and (max-width: 425px) {
	.access-imgmap dt{ font-size: 18px; }
	.access-imgmap dd{ font-size: 14px; }
	.map-date1{ font-size:15px!important; }
	.pcmatueimg-text{ font-size:15px; }
	#access-matuetext ul li{ font-size:14px; }
	#access-matuetext .teliconbox{ padding: 5px; }
	#access-matuetext .teliconbox img, .access-syousai .teliconbox img{ width: 20px; }
	#access-matuetext .teliconbox a, .access-syousai .teliconbox a{ font-size: 20px; }
	.access-content3{ padding: 5px; }
	#access-stafftext{ font-size:13px; }
	#access-stafftext,#staff-img{
		float:none;
		width:100%;
	}
	#access-stafftext{ padding:2% 0; }
	.slide_boxerea{ margin-top:10%; }
	.nagare-text{
		margin-top:-6%;
		font-size:14px!important;
	}
	.nagre-textdecoration{
		font-size:1em;
		font-weight:bold;
		width:90%;
	}
	#panfretto{ margin:5% 5% 0; }
	#text-boxcontent:before{ right:170px; }
	.pagetop a,.pagetop{
		bottom:14%;
		right:-12%;
	}
	.map-date1{ width:70%; }
	.teian-imgbox li{ width:100%; }
	.access-imgmap > figure{
		clear: left;
		width:100%;
	}
	.risou-obi{ font-size:17px; }
	.risou-savbox{ padding-top:3%; }
	.content-title > h2{ font-size:20px; }
	.img-bg p{ margin:0 30px!important; }
	.sp-only2{
		margin-top:-16%;
		display: block!important;
	}
	.sp-only2 ul{
		overflow: hidden;
		width:100%;
	}
	.sp-max{
		width: 100%!important;
		clear: left;
	}
	.pc-only2{ display: none; }
	.sp-only2 ul li{ width:100%; }
	.sp-only2 ul li img{ width:100%; }
	.nagare-title > h3{ font-size:18px; }
	.nagare-title{ padding:1% 0; }
	.nagare1, .nagare2, .nagare3, .nagare4, .nagare5, .nagare6, .nagare7, .nagare8, .nagare9, .nagare10, .nagare11, .nagare12, .nagare13{
		padding-top:5%;
	}
	.nagare1 > .nagre-img, .nagare2 > .nagre-img, .nagare3 > .nagre-img, .nagare4 > .nagre-img, .nagare5 > .nagre-img, .nagare6 > .nagre-img, .nagare7 > .nagre-img, .nagare8 > .nagre-img, .nagare9 > .nagre-img, .nagare10 > .nagre-img, .nagare11 > .nagre-img, .nagare12 > .nagre-img, .nagare13 > .nagre-img{
		margin-bottom:2%;
	}
	.nagre-img > img{ width:10%; }
	#contact{ padding-bottom:10%; }
	.yuubin > input[type="text"]{ width:50%!important; }
	.zikan > select{
		padding: 6px 5px;
		margin-top:2%;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea{
		width:100%;
	}
	.footer-contentbox{
		max-width:425px;
		width:100%;
	}
	#footer-zhcontent{
		text-align: center;
		width: 100%;
	}
	.siryou-text{ width:100%; }
	.footer-text{ font-size:14px; }
        .footer-list{
            width:100%;
            float:none;
        }
        .footer-list li:first-child img{
            width: 35px;
        }
        #footer_btn{
           width:100%;
            float:none;
            padding:1% 20% 0;
        }
        .footer-smalltext{
            font-size:10px;
        }
        .access-syousai{
            width:100%;
        }
        .honsya-img{
            max-width:1000px;
            width:100%;
        }
        .openNav nav {
            -moz-transform: translateY(490px);
            -webkit-transform: translateY(490px);
            transform: translateY(490px)}
        #navToggle{
            width:40px;
            height:40px;
            padding:7px 0;
        }
        #navToggle span:nth-child(1){
            top:3px;
        }
        #navToggle span:nth-child(3){
            top:19px;
        }
        #navToggle div{
            width:65%;
        }
	.img-bg { top: 21%; }
	
.footer-tel {
    font-size: 13px;
 }
	
.footer-list li a {
	font-size: 24px;
}

.seminar-contact p {
 float: none !important;
 margin-right: 0 !important;
 text-align:center;
 }

.seminar-contact p.contact-form a {
 font-size: 14px;
 padding: 10px;
 display: block;
 text-align:center;
 width: 100%;
 margin-bottom: 8px;
}

.house-seminar .seminar-content li {
 float: none;
 width: 100%;
 }

.tel-link a {
 text-decoration: underline;
}
}

/* ----------------------------------
	スマホ
---------------------------------- */
@media screen and (max-width: 375px) {
        .map-date1{
            width:100%;
        }
        .content-title > h2{
            padding:25px 0;
        }
        .content-title > h2{
            font-size: 20px;
            line-height: 1.4;
        }
        #footer_bg{
            padding:20% 0;
        }
        #footer-content{
            bottom:5%;
        }
        .teian-imgbox li{
            width:100%;
        }
        .img-bgbox{
            padding:10%;
            height:100%;
        }
        .img-bg{
            border:none;
        }
        .img-bg p:first-child{
            padding-top:60px;
        }
        .img-bg p{
            margin:0 80px!important;
        }
        .textwrap > h3 > span{
            font-size: 17px;
        }
		.flb.flb3 p{ font-size: 17px; }
        .bre:after{
            content: "\A";
            white-space: pre;
        }
	.img-bg { top: 16%; }
	.risou-obi, .border-none{ font-size: 16px; }
	.risou-intavewbox dl dt span, .risou-intavewbox2 dl dt span{ font-size: 16px; }
	.risou-intavewbox dd .risou-text, .risou-intavewbox2 dd .risou-text{ font-size: 13px; }
	#nagare-box div>img{
		vertical-align: top;
		margin-right: 5px;
	}
	#nagare-box div{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#iventimg-box h3{
		width: 40%;
		top: -6%;
	}

	#iventimg-box{ margin-top: 25% }
	#iventimg-box>div{ padding-top: 20%; }
	#iventimg-box>div:last-child{ padding-top: 5%; }

	#footer-zhcontent, .footer-list{ padding-top: 0; }
	.footer-list li:first-child img{ width: 24px; }
	.footer-list > li > a{ font-size: 20px; }
	.pagetop a{
		right: 0;
		width: auto;
		bottom: 18%;
	}

	/* --フォーム-- */
	#contact-sav{ line-height: 1.4; }
}


@media screen and (max-width: 320px) {
        .powder{
            padding:0%!important;
        }
        .powder .img-bg p{
            padding-top:100px;
        }
        
        .sp{
            display: none;
        }
        .sp-onlytext2{
            display: block;
        }
        #footer_btn{
            padding:1% 7%;
        }
        .footer-text{
            font-size:13px;
        }
        .risou-titlesousyoku{
            margin-left:10px;
        }
        #panfretto{
            padding:5% 5% 10%;
        }
        .img-bg p{
            margin:0 60px!important;
        }
	.img-bg { top: 12%; }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:2}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none}.fancybox-opened{z-index:3}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -81pt;opacity:.8;cursor:pointer;z-index:6}#fancybox-loading div{width:44px;height:44px;background:url(../img/fancybox_loading.gif)center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-close,.fancybox-nav{position:absolute;cursor:pointer;z-index:4}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:transparent url(../img/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0)}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:4;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{width:auto}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:1;background:url(../img/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px Helvetica Neue,Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:5}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:5;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}

/* Slider */
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

@charset 'UTF-8';.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;border:0 0}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:0;z-index:1}[dir='rtl'] .slick-prev{right:0;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:0}[dir='rtl'] .slick-next{right:auto;left:0}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'●';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}