@charset "utf-8";

/*----------------------------------------------------------
COLOR SETTING
----------------------------------------------------------*/

/* company background color */
.bg-west,.bg-westg{
	background-color: #073A97;
}
.bg-bs{
	background-color: #BE0809;
}
.bg-ma{
	background-color: #F0B72C;
}
.bg-ft{
	background-color: #039EA8;
}
.bg-neo{
	background-color: #0389C9;
}
.bg-ba{
	background-color: #A43782;
}
.bg-smc{
	background-color: #AAC50B;
}

/* company font color */
.fc-west{
	color: #073A97;
}
.fc-bs{
	color: #BE0809;
}
.fc-ma{
	color: #F0B72C;
}
.fc-ft{
	color: #039EA8;
}
.fc-neo{
	color: #0389C9;
}
.fc-ba{
	color: #A43782;
}
.fc-smc{
	color: #AAC50B;
}





.vbox{
	display: inline-block;
	margin-top: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #0080C0;
	color: #FFFFFF;
	font-size: 18px;
	white-space: nowrap;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.vbox1{
	display: inline-block;
	margin-top: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #339933;
	color: #FFFFFF;
	font-size: 14px;
	white-space: nowrap;
	font-weight: normal;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.vbox2{
	display: inline-block;
	margin-top: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #fff;
	color: #333;
	font-size: 100%;
	/*	white-space: nowrap;*/
	font-weight: normal;
	margin-left: 0px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666;
	width: 100%;
	margin-bottom: 5px;
}




/*メールフォーム*/

.vbox3mail{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;

}




/*　　お申し込みに必要なもの　　*/
.need{
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-top: 3px;
	padding-right: 6px;
	/*	padding-bottom: 2px;*/
	padding-left: 6px;
	width: 95%;
	margin-right: 50px;
	background-color: #39C;
	color: #FFF;
	margin-top: 3px;
	font-weight: bolder;
	margin-bottom: 6px;
	}
/*　　お申し込みに必要なもの　　ここまで　*/
	
	
	


/*　ヒアリング　枠*/

.vbox4hear{
	display: inline-block;
	margin-top: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 100%;
	/*	white-space: nowrap;　　自動折り返し禁止　*/
	margin-left: 0px;
	border: 1px solid #CC3366;
	width: 100%;
	margin-bottom: 8px;
	background-color: #FBF2F7;
	padding: 8px;
}
/*　ヒアリング　枠　ここまで　*/





.wtn_copyright{
/*	visibility: hidden;*/
	display: none;
	}


/*ゼロメール　著作表示　非表示*/
.privacy-text{
	padding-left: 20px;
	font-size: 14px;
	padding-right: 20px;
	}
/*ゼロメール　著作表示　非表示　ここまで　*/






/*リストの上下左右マージン　ＰＣ用　ブートストラップにスマホ挙動あり　*/

/*
#tablebox{
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-right: 15px;
	}*/
/*リストの上下左右マージン　ここまで　*/


.mf{
	font-size: 12px;
	margin-top: 5px;
	color: #666;
	}


.PCnone{
	display:none
}
.SPnone{
	display:block;
}



/* company font & border color */
.bf-west{
	color: #073A97;
	border: 1px solid #073A97;
}
.bf-bs{
	color: #BE0809;
	border: 1px solid #BE0809;
}
.bf-ma{
	color: #F0B72C;
	border: 1px solid #F0B72C;
}
.bf-ft{
	color: #039EA8;
	border: 1px solid #039EA8;
}
.bf-neo{
	color: #0389C9;
	border: 1px solid #0389C9;
}
.bf-ba{
	color: #A43782;
	border: 1px solid #A43782;
}
.bf-smc{
	color: #AAC50B;
	border: 1px solid #AAC50B;
}

/*----------------------------------------------------------
RESET
----------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style-type: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

h1{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W5", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*table {
    border-collapse:collapse;
	border-spacing:0;
	border: none;
	empty-cells:show;
}*/
fieldset,img,abbr {
    border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var {
    font-style:normal;
	font-weight:normal;
}
/*caption,th { 
    text-align:left;
}*/
li,dl {
	list-style:none;
}
img {
    vertical-align:top;
	border: none;
}

legend {
	display:none;
}

hr{
	display: none;
	clear: both;
}

.left{
	float: left;
}
.right{
	float: right;
}

a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

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


.topimg{
	margin-top: 40px;
	}


@font-face {
	font-family: 'MonoSocialIconsFont';
	src: url('font/MonoSocialIconsFont-1.10.eot');
	src: url('font/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
	     url('font/MonoSocialIconsFont-1.10.woff') format('woff'),
	     url('font/MonoSocialIconsFont-1.10.ttf') format('truetype'),
	     url('font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
	src: url('font/MonoSocialIconsFont-1.10.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontello';
	src: url('font/fontello.eot');
	src: url('font/fontello.eot#iefix') format('embedded-opentype'),
	     url('font/fontello.woff') format('woff'),
	     url('font/fontello.ttf') format('truetype'),
	     url('font/fontello.svg#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*----------------------------------------------------------
CLEARFIX
----------------------------------------------------------*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#wrap{
	position: relative;
}

#special-overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

/*----------------------------------------------------------
HEADER
----------------------------------------------------------*/
#header_wrapper{
	background-color: #FFFFFF;
	height: 160px;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#header{
	/*padding: 0 30px;*/
	position: relative;
}
#header .inner{
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
#header h1{
	top: 10px;
	left: 30px;
	position: absolute;
}
#header .navi{
	display: none;
}
#header ul.navi01{
	position: absolute;
	top: 0px;
	right: 30px;
}
#header ul.navi01 li{
	float: left;
	height: 50px;
	width: 166px;

	padding-bottom: 20px;
	margin-right: 1px;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
}
#header ul.navi01 li a{
	display: block;
	height: 50px;
	width: 166px;
	padding-top: 16px;
	padding-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#header ul.navi01 li.entry a{
	background-color: #002dac;
}
#header ul.navi01 li.mypage a{
	background-color: #d7b100;
}
#header ul.navi01 li.entry a:hover{
	background-color: #1a4ad0;
}
#header ul.navi01 li.mypage a:hover{
	background-color: #ebc92d;
}

#header ul.navi02{
	position: absolute;
	top: 115px;
/*	left: 120px; script.jsにより左位置が自動計算　*/
	width: 100%;
}
#header ul.navi02 li{
	float: left;
	margin: 0 33px 0 0;
	padding: 0px;
	line-height: 11px;
}
#header ul.navi02 li a{
	display: block;
	padding-bottom: 3px;
	padding: 14px 12px;
}
#header ul.navi02 li a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#header ul.navi02 li a i{
	display: none;
}
#header .pc ul.navi02 li:hover#nav_special > a{
	background-color: #1776D0;
}
#header .pc ul.navi02 li:hover#nav_about > a{
	background-color: #2432c7;
}
#header .pc ul.navi02 li:hover#nav_work > a{
	background-color: #3373bb;
}
#header .pc ul.navi02 li:hover#nav_event > a{
	background-color: #33adbb;
}
#header .pc ul.navi02 li:hover#nav_recruit > a{
	background-color: #335dbb;
}
#header .pc ul.navi02 li:hover#nav_company > a{
	background-color: #c2c2c2;
}

#header .social img{
	display: none;
}
#header .pc .social{
	position: absolute;
	top: 68px;
	right: 30px;
	width: 135px;
	text-align: right;
	display: table;
	z-index: 5;
}
#header .pc .social span{
	padding-left: 11px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#header .pc .social span.noie{
	display: inline;
	padding: 0;
}
#header .social a {
	display: inline-block;
	border-radius: 50%;
	width: 31px;
	height: 31px;
    font-family: fontello;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	line-height: 31px;
}
#header .social #facebook a{
	/* [disabled]background-color: #507cbe; */
	background-image: url(images/facebook.png);
　/*追加*/
}
#header .social #twitter a{
/*	background-color: #63cdf1;*/
	background-image: url(images/twitter.png);
}
#header .social #google a{
	background-color: #f67244;
}
#header .social #facebook a:hover{
	background-color: #45619D;
}
#header .social #twitter a:hover{
	background-color: #55ACEE;
}
#header .social #google a:hover{
	background-color: #DC4E38;
}
.ie8 #header .social span.noie{
	display: none;
}
.ie8 #header .social img{
	display: block;
}
.ie8 #header .social a,
.ie8 #header .social a:hover{
	background: none !important;
}

#header #spmenu{
	display: none;
}

/* Mega menu */

#header_wrapper .megamenu{
	position: absolute;
	top: 38px;
	left: -30px;
	z-index: 1000;
	width: 100%;
	display: none;
}
#header_wrapper .megamenu .inner{
	max-width: 950px;
	margin: 36px auto;
}

#header_wrapper .megamenu.nav-about,
#header_wrapper .megamenu.nav-about strong{
	background-color: #2432c7;
}
#header_wrapper .megamenu.nav-work,
#header_wrapper .megamenu.nav-work strong{
	background-color: #3373bb;
}
#header_wrapper .megamenu.nav-event,
#header_wrapper .megamenu.nav-event strong{
	background-color: #33adbb;
}
#header_wrapper .megamenu.nav-recruit,
#header_wrapper .megamenu.nav-recruit strong{
	background-color: #335dbb;
}
#header_wrapper .megamenu.nav-company,
#header_wrapper .megamenu.nav-company strong{
	background-color: #c2c2c2;
}
#header_wrapper .megamenu.nav-about .mega-box{
	background: #fff url('images/about-mark.png') no-repeat right bottom;
}
#header_wrapper .megamenu.nav-work .mega-box{
	background: #fff url('images/work-mark.png') no-repeat right bottom;
}
#header_wrapper .megamenu.nav-event .mega-box{
	background: #fff url('images/event-mark.png') no-repeat right bottom;
}
#header_wrapper .megamenu.nav-recruit .mega-box{
	background: #fff url('images/recruit-mark.png') no-repeat right bottom;
}

#header_wrapper .megamenu .title{
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
	height: 24px;
	line-height: 100%;
	margin-bottom: 24px;
}
#header_wrapper .megamenu .title span{
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid #fff;
	margin-right: 20px;
}
/*
#header_wrapper .megamenu.nav-event .title{
	color: #70C5CF;
}
#header_wrapper .megamenu.nav-event .title span{
	border-right: 1px solid #70C5CF;
}
#header_wrapper .megamenu.nav-recruit .title{
	color: #5C7DC9;
}
#header_wrapper .megamenu.nav-recruit .title span{
	border-right: 1px solid #5C7DC9;
}
#header_wrapper .megamenu.nav-company .title{
	color: #7d7d7d;
}
#header_wrapper .megamenu.nav-company .title span{
	border-right: 1px solid #7d7d7d;
}
*/
#header_wrapper .megamenu .soon{
	text-align: center;
	margin: 145px;
}
#header_wrapper .megamenu .mega-box{
	background-color: #fff;
	text-decoration: none;
	color: #000;
	margin-bottom: 10px;
	display: table;
	padding: 0;
}
#header_wrapper .megamenu .mega-box strong{
	padding: 4px 10px;
	display: inline-block;
	color: #fff;
	margin-bottom: 10px;
	font-size: 0.95em;
}
#header_wrapper .megamenu .mega-box img{
	display: table-cell;
}
#header_wrapper .megamenu .mega-box p{
	display: table-cell;
	padding: 14px 10px 14px 20px;
	font-size: 0.8em;
	width: 100%;
	vertical-align: middle;
	line-height: 150%;
}

#header_wrapper .megamenu.nav-about .mega-box{
	width: 470px;
	margin-right: 10px;
	float: left;
}

#header_wrapper .megamenu.nav-work .mega-box.short{
	width: 470px;
	margin-right: 10px;
	float: left;
}

#header_wrapper .megamenu.nav-work .mega-box.short p{
	vertical-align: top;
	padding-top: 30px;
}

#header_wrapper .megamenu.nav-event .mega-box{
	width: 470px;
	margin-right: 10px;
	float: left;
}

#header_wrapper .megamenu.nav-recruit .mega-box{
	width: 310px;
	margin-right: 10px;
	float: left;
}

#header_wrapper .megamenu.nav-company .mega-box{
	float: left;
	margin-right: 6px;
}
#header_wrapper .megamenu .mega-box.last{
	margin-right: 0 !important;
}


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

#header_wrapper{
	background-color: #FFFFFF;
	height: 56px;
	position: static;
}
#header_wrapper .megamenu{
	display: none;
}
#header .inner{
	max-width: 100%;
	height: 50px;
	line-height: 0%;
	position: fixed;
}
#header{
	height: 56px;
	width: 100%;
	position: relative;
	padding: 0;
	max-width: none;
}
#header h1{
	margin: 0;
	position: static;
	padding: 7px 0 6px 14px;
	display: inline-block;
	background-color: #fff;
	width: 100%;
}
#header .spheader .fixed{
	position: fixed;
	width: 100%;
	height: 56px;
	z-index: 1000;
	background-color: #000931;
	top: 0;
	left: 0;
	border-bottom: 1px solid #e9e9e9;
}
#header .spheader .fixed.active{
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

#header .navi{
	top: 0px;
	right: 0px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 1000;
	background-color: #fff;
	color: #fff;
	padding: 13px 16px;
	font-size: 21px;
	line-height: 21px;
	border-left: 1px solid #e9e9e9;
}
#header .navi span{
	display: block;
	height: 3px;
	width: 24px;
	margin:5px 0 5px 0;
	background: #000;
	transition: all 1.0s;
	position: relative;
}
#header .active .navi{
	background-color: #000931;
}
#header .active .navi span{
	background: #fff;
}
#header .active .navi .m1{
    -webkit-transform: translate(0,8px) rotate(-45deg);
    transform: translate(0,8px) rotate(-45deg);

}
#header .active .navi .m2{
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.ie8 #header .active .navi .m2{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#header .active .navi .m3{
    -webkit-transform: translate(0,-8px) rotate(45deg);
    transform: translate(0,-8px) rotate(45deg);
}
#header ul.navi01{
	position: static;
	width: 100%;
	margin-top: 75px;
}
#header ul.navi01 li{
	width: 49.5%;
/*	width: 49.5%;*/
}
#header ul.navi01 li.entry{
	margin-right: 1%;
}
#header ul.navi01 li.mypage{
	margin-right: 0;
}
#header ul.navi01 li a{
	font-size: 0.9em;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 20px;
	color: #fff;
	text-decoration: none;
}

#header .spmenu-wrap{
	position: absolute;
	top:  0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
#header #spmenu{
	position: absolute;
	top:  65px;
	left: 0;
	z-index: 1000;
	width: 100%;
	background-color: #000931;
}
#header ul.navi02{
	position: static;
	padding: 10px 10px 2px;
	background-color: #000931;
	width: 100%;
}
#header ul.navi02 li{
	float: none;
	margin: 0;
	padding: 0px;
	border-bottom: 2px solid #000931;
}
#header ul.navi02 li a{
	position: relative;
	display: block;
	padding: 17px 18px;
	height: auto;
	white-space: normal;
	background-image: none;
	text-indent: 0;
	overflow: visible;
	color: #000;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: bold;
	background-color: #fff;
}
#header ul.navi02 li.nolink{
	position: relative;
	display: block;
	padding: 17px 18px;
	height: auto;
	white-space: normal;
	background-image: none;
	text-indent: 0;
	overflow: visible;
	color: #000;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: bold;
	background-color: #fff;
}
#header ul.navi02 li li.nolink{
	position: relative;
	display: block;
	padding: 17px 18px;
	height: auto;
	white-space: normal;
	background-image: none;
	text-indent: 0;
	overflow: visible;
	text-decoration: none;
	font-weight: bold;
	background-color: #0e20cc;
	color: #fff;
	font-size: 0.8em;
}
#header ul.navi02 li a:hover,
#header ul.navi02 li a.current{
	border: none;
}
#header ul.navi02 li a i{
	display: inline;
	position: absolute;
	right: 18px;
	top: 19px;
}
#header ul.navi02 li.nolink i{
	display: inline;
	position: absolute;
	right: 18px;
	top: 19px;
}
#header ul.navi02 li a i.fa-plus{
	display: inline;
}
#header ul.navi02 li a i.fa-minus{
	display: none;
}
#header ul.navi02 li.active a i.fa-plus{
	display: none;
}
#header ul.navi02 li.active a i.fa-minus{
	display: inline;
}

#header ul.navi02 li#nav_about a,
#header ul.navi02 li#nav_work a,
#header ul.navi02 li#nav_event a,
#header ul.navi02 li#nav_recruit a,
#header ul.navi02 li#nav_company a{
	width: 100%;
}

#header ul.navi02 li ul{
	border-bottom: 3px solid #fff;
	border-left:   4px solid #fff;
	border-right:  4px solid #fff;
}
#header ul.navi02 li li{
	border-bottom: 2px solid #fff;
}
#header ul.navi02 li li a{
	background-color: #0e20cc;
	color: #fff;
	font-size: 0.8em;
}
#header ul.navi02 li li a i{
	right: 14px;
}
#header ul.navi02 li li.nolink i{
	display: inline;
	position: absolute;
	right: 14px;
	top: 19px;
}
#header ul.navi02 ul{
	display: none;
}

#header ul.navi03{
	padding: 0 10px;
	background-color: #000931;
}
#header ul.navi03 li{
	float: left;
	width: 49.5%;

	height: 50px;
	padding-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#header ul.navi03 li a{
	display: block;
	height: 50px;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#header ul.navi03 li.entry {
	margin-right: 1%;
}
#header ul.navi03 li.entry a{
	background-color: #002dac;
}
#header ul.navi03 li.mypage a{
	background-color: #d7b100;
}

#header #spmenu .social{
	display: table;
	width: 100%;
	padding: 0 10px;
	background-color: #000931;
}
#header #spmenu .social span{
	display: table-cell;
	text-align: center;
	padding: 24px 0 16px;
}
#header #spmenu .social span.noie{
	display: inline;
	text-align: center;
	padding: 0;
}
#header #spmenu .close{
	position: relative;
	background-color: #fff;
	border: 8px solid #000931;
	text-align: center;
	padding: 20px 0;
	line-height: 100%;
	font-weight: bold;
	cursor: pointer;
}
#header #spmenu .close i{
	position: absolute;
	right: 20px;
	top: 20px;
}
.ie8 #header #spmenu .social span.noie{
	display: none;
}
.ie8 #header #spmenu .social img{
	display: block;
}
.ie8 #header .social a,
.ie8 #header .social a:hover{
	background: none !important;
}

}

/*----------------------------------------------------------
FOOTER
----------------------------------------------------------*/
.pagetop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 500;
	display: none;
}

#footer_wrapper{
	width: 100%;
}

/* Company */
#footer_wrapper ul.group{
	height: 174px;
	width: 100%;
	position: relative;
}
#footer_wrapper ul.group li{
	float: left;
	height: 87px;
	line-height: 87px;
	text-align: center;
}
#footer_wrapper ul.group li a{
	line-height: 87px;
	font-weight: bold;
	color: #FFF;
	display: block;
	height: 87px;
	width: 100%;
	text-decoration: none;
	font-size: 0.8em;
}
#footer_wrapper ul.group li.navi00{
	display: none;
}
#footer_wrapper ul.group li.navi01,
#footer_wrapper ul.group li.navi02,
#footer_wrapper ul.group li.navi03,
#footer_wrapper ul.group li.navi04{
	height: 87px;
	width: 25%;
}


#footer_wrapper ul.group li.navi05,
#footer_wrapper ul.group li.navi06{
	height: 87px;
	width: 33%;
	font-size: 24px;
}
#footer_wrapper ul.group li.navi07{
	height: 87px;
	width: 34%;
	font-size: 24px;
}


#footer_wrapper ul.group li.navi01 a{
	background-image: url(images/navi_bg1.png);
}
#footer_wrapper ul.group li.navi02 a{
	background-image: url(images/navi_bg2.png);
}
#footer_wrapper ul.group li.navi03 a{
	background-image: url(images/navi_bg3.png);
}
#footer_wrapper ul.group li.navi04 a{
	background-image: url(images/navi_bg4.png);
}
#footer_wrapper ul.group li.navi05 a{
	background-image: url(images/navi_bg5.png);
}
#footer_wrapper ul.group li.navi06 a{
	background-image: url(images/navi_bg6.png);
}
#footer_wrapper ul.group li.navi07 a{
	background-image: url(images/navi_bg7.png);
}
#footer_wrapper ul.group li.navi01 a:hover{
	background-image: url(images/navi_bg1_on.png);
}
#footer_wrapper ul.group li.navi02 a:hover{
	background-image: url(images/navi_bg2_on.png);
}
#footer_wrapper ul.group li.navi03 a:hover{
	background-image: url(images/navi_bg3_on.png);
}
#footer_wrapper ul.group li.navi04 a:hover{
	background-image: url(images/navi_bg4_on.png);
}
#footer_wrapper ul.group li.navi05 a:hover{
	background-image: url(images/navi_bg5_on.png);
}
#footer_wrapper ul.group li.navi06 a:hover{
	background-image: url(images/navi_bg6_on.png);
}
#footer_wrapper ul.group li.navi07 a:hover{
	background-image: url(images/navi_bg7_on.png);
}

/* Footer */
#footer{
	height: 394px;
	max-width: 1280px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 0 10px;
}
#footer .navi00{
	position: absolute;
	left: 10px;
	top: 38px;
}
#footer .facebook{
	position: absolute;
	right: 10px;
	top: 38px;
}
#footer .navi00 li{
	margin-right: 60px;
	float: left;
}
#footer .navi00 li{
	display: block;
	font-size: 12px;
	white-space: nowrap;
	background: url('images/footer-nav.png') no-repeat;
	padding-top: 20px;
	color: #999;
}
#footer .navi00 li a{
	text-decoration: none;
	color: #000;
}
#footer .navi00 li a:hover{
	color: #999;
}
#footer .navi00 li#fn_home{
	width: 68px;
	background-position: 0 0;
	padding-left: 20px;
}
#footer .navi00 li#fn_entry{
	width: 51px;
	background-position: -78px 0;
}
#footer .navi00 li#fn_mypage{
	width: 64px;
	background-position: -139px 0;
}
#footer .navi00 li#fn_special a{
	width: 66px;
	background-position: -214px 0;
}

#footer dl{
	padding-top: 10px;
	padding-left: 30px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #bfb8b4;
	height: 280px;
	width: 33%; /*25%*/
	float: left;
	margin-top: 115px;
	color: #999;
}
#footer dl dt{
	display: block;
	background: url('images/footer-nav.png') no-repeat;
	padding-top: 20px;
	font-size: 12px;
	white-space: nowrap;
}
#footer dl dt#fn_about{
	color: #000;
	width: 54px;
	background-position: -290px 0;
}

#footer dl dt#f-navi02{
	color: #000;
	background: url('images/navi02.png') no-repeat;
}

#footer dl dt#f-navi03{
	color: #000;
	background: url('images/navi03.png') no-repeat;
}

#footer dl dt#f-navi04{
	color: #000;
	background: url('images/navi04.png') no-repeat;
}
#footer dl dt{
	margin-bottom: 27px;
}
#footer dl dd{
	font-size: 12px;
}
#footer dl dd ul{
	float: left;
}
#footer dl dd ul.left{
	margin-right: 30px;
}
#footer dl dd ul li{
	line-height: 130%;
	margin-bottom: 13px;
}
#footer dl dd ul li a{
	color: #000;
	text-decoration: none;
}
#footer dl dd ul li a:hover{
	color: #999;
}

#footer .navi05{
	position: absolute;
	left: 10px;
	top: 450px;
}
#footer .navi05 li{
	float: left;
	margin-right: 20px;
}
#footer .navi05 li a{
	font-size: 0.8em;
	text-decoration: none;
	color: #000;
}
#footer .navi05 li a:hover{
	color: #999;
}
#footer .navi05 li a i{
	color: #001dde;
}

#footer p{
	position: absolute;
	top: 440px;
	color: #959595;
	text-align: center;
	font-size: 0.7em;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}




.bigtitle{
	font-size: 24px;
	background-color: #036;
	text-align: center;
	width: 100%;
	color: #FFF;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bold;
	}

/*5000円から*/
.textbig{
	font-size: 150%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.textbigred{
	font-size: 150%;
	font-weight: bold;
	color: #900;
	margin-top: 20px;
	margin-bottom: 20px;
	}
		
#logo-bottom {
	background-color: #36C;
	height: 100px;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-top-color: #006;
	border-right-color: #006;
	border-bottom-color: #006;
	border-left-color: #006;
	padding-bottom: 100px;
	margin-top: 50px;
}




.webt{
	font-size: 16px;
	color: #333;
	line-height: 180%;
	}



.webimg{
	margin-bottom: 30px;
	}




.entry-content h3 {
  position: relative;
  padding: 6px 0 6px 34px;
  color: #111;
  border-bottom: 2px solid #ce0d55;
}
.entry-content h3::before,
.entry-content h3::after {
  position: absolute;
  background-color: #ce0d55;
  content: '';
}
.entry-content h3::before{
  top: 0;
  left: 14px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
.entry-content h3::after{
  top: 18px;
  left: 8px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}





/*表のマウスオーバー*/

table.over{
	width: 80%;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
table.over th{
	border: 1px solid #b9b9b9;
	background-color: #CACACA;
	padding: 5px;
	font-size: 80%;
	line-height: 180%;
}
table.over td{
	border: 1px solid #b9b9b9;
	text-align: center;
	padding: 8px;
	line-height: 180%;
}
table.over tr:hover {
	background-color: #EDF8FE;    /* マウスオーバー時の行の背景色 */
}
table.over td:hover {
  background-color: #EDF8FE;    /* マウスオーバー時のセルの背景色 */
}
/*
.over tr:nth-child(2n) {
    background-color: #F0EEF9;
}
*/


/*手書き囲み*/
.tegaki {
  padding:8px;
	border: 3px solid #ccc;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}




/*リボン装飾*/

.ribon {
	position: relative;
	padding: .3em;
	background-color: #f0f0f0;
}
.ribon span {
	display: block;
	padding: .75em 1em;
	border: 1px dashed #ccc;
}
.ribon::before,
.ribon::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.ribon::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
.ribon::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #ccc;
}
.ribon{
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
	background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}




/*見出し*/

.mida{
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}





/*○見出し*/

.maru {
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	text-align: center;
	color: #069;
	font-size: 22px;
	font-weight: bold;
}
.mari::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}





/*噴出し*/
.huki {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	
}
.huki::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
	right: 50%;
}



/*噴出し2 */
.huki2 {
	position: relative;
	padding: 10px;
	background-color: #FFFFFF;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 24px;
	color: #069;
	text-align: center;
}
.huki2::after {
	position: absolute;
	top: 100%;
	left: 48%;
	right: 52%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #FFFFFF;

}




/*噴出し3 */
.huki3 {
	position: relative;
	background-color: #069;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
	font-weight: bold;
}
.huki3::after {
	position: absolute;
	top: 100%;
	left: 47%;
	right: 53%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #069;

}



/*噴出し2 申し込みながれ*/
.huki4 {
	position: relative;
	padding: 20px;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 50px;
	line-height: 150%;
}
.huki4::after {
	position: absolute;
	top: 100%;
	left: 48%;
	right: 52%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #FFFFFF;

}


/*マーカー 折り返しで消えるためボツ*/
/*.mark {
	position: relative;
	padding: 0 .4em .1em;
}
.mark::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #FFCC00;
}*/
.mark {
    background: linear-gradient(transparent 75%, #FC0 10%);
}

.kasen {
	background: linear-gradient(transparent 80%, #09F 10%);
	font-weight: bold;
}

/*webページタイトル*/
.webtit {
	position: relative;
	text-align: center;
	font-size: 200%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.webtit span {
	position: relative;
	z-index: 2;
	display: inline-block;
	background-color: #fff;
	text-align: center;
	width: 70%;
	margin-top: 0;
	margin-right: 4em;
	margin-bottom: 0;
	margin-left: 4em;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
}
.webtit::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #369;
	background: -webkit-linear-gradient(-45deg, transparent, #369 10%, #369 90%, transparent);
	background: linear-gradient(-45deg, transparent, #369 10%, #369 90%, transparent);
}




.webdir{
	max-width: 940px;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	line-height: 190%;
	}



.mailwaku {
	position: relative;
	padding: 0.3em;
	background-color: #f0f0f0;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	color: #333;
	font-size: 16px;
	text-align: left;
}
.mailwaku span {
	display: block;
	border: 1px dashed #06C;
	padding: 30px;
}
/*.mailwaku::before,
.mailwaku::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.mailwaku::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
.mailwaku::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #ccc;
}*/



.mailform{
	background-color: #069;
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
	}




.tel{
	font-size: 28px;
	font-weight: bold;
/*	background-image: url(images/telicon.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;*/
	height: 40px;
	max-width: 400px;
	margin-bottom: 15px;
	margin-top: 10px;
	}





.midasi {
	position: relative;
	border-left: 6px solid #ccc;
	padding: 10px;
	font-size: 24px;
	color: #666;
}
.midasi::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #3498db;
}
.midasi::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}



.sum{
	color: #39C;
	margin-top: 5px;
	font-weight: bold;
	font-size: 18px;
	}
	
.t{
	width: 100%;
	}
	
.newbtm {
	display: block;
	width: 400px;
	background-color: #f1f1f1;
	color: #33adbb;
	text-decoration: none;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 110%;
	border: 1px solid #33adbb;
	font-weight: bold;
}

.newbtm:hover   {
	background-color: #33adbb;
	color: #f1f1f1;
	text-decoration: none;
}

#address12{
	line-height:22px;
	font-size: 18px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: #fafafa;
    padding: 2px 4px;
}

#address4{
	height: 25px;
	line-height: 18px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	padding: 2px 4px;
}


.personal_input_001 {
	font-size: 12px;
	line-height: 22px;
	color: #595757;
	width: 100%;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;		
}

.personal_input_001 input {
	background: #f6ffad;
	
	width:300px;
	width: 92%;

	height: 18px;
	font-size: 12px;
/*	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;*/
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/*質問ボックス　↓　005 */
.personal_input_001 textarea {
	background: #f6ffad;
	
	width:300px;
	width: 92%;
	
	height: 18px;
	height: 50px;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
/*質問ボックス　↑　*/




.button{
	display: block;
	max-width: 600px;
	background-color: #f1f1f1;
	color: #33adbb;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	font-size: 110%;
	border: 1px solid #33adbb;
	font-weight: bold;
}
.button:hover{
	background-color: #33adbb;
	color: #f1f1f1;
	text-decoration: none;
}


.buttontop{
	display: block;
	max-width: 600px;
	background-color: #33adbb;
	color: #f1f1f1;

	text-decoration: none;
	text-align: center;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 60px;
	padding-bottom: 40px;
	padding-left: 60px;
	font-size: 170%;
	border: 1px solid #33adbb;
	font-weight: bold;
}
.buttontop:hover{
	background-color: #f1f1f1;
	color: #33adbb;
	text-decoration: none;
}

.buttonnew {
	color: #036;
	border: 2px dashed rgba(255,255,255,0.5);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0 0 5px #3399CC, 0 2px 3px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 0 5px #3399CC, 0 2px 3px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 0 5px #3399CC, 0 2px 3px 5px rgba(0,0,0,0.5);
	background-color: #3399CC;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	margin-bottom: 30px;
	max-width: 400px;
}
.buttonnew:hover{
	color: #fff;
	box-shadow: 0 0 0 5px #333399, 0 2px 3px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 0 5px #333399, 0 2px 3px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 0 5px #333399, 0 2px 3px 5px rgba(0,0,0,0.5);
	background-color: #333399;
	text-decoration: none;
}


.txt_001 {
	font-size:11px;
	line-height:1;
	color:#595757;
	margin:0px 0px 0px 10px;
}

.txt_mini {
	font-size: 11px;
	color: #595757;
	text-align: left;
}



.priv{
	color: #FFF;
	background-color: #36C;
	max-width: 900px;
	font-size: 16px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	}



/*ul.naya {

	list-style-position:inside;
	list-style-image: url(images/check.png);

	
}*/


/*.naya  {
	background-image: url(images/check.png);
	background-size: 50%;
	
}
*/




.naya {
	list-style-type: none;
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.naya li {
	padding-left: 40px;
	font-size: 20px;
	color: #039;
	margin-top: 20px;
	background-image: url(images/check.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 3px;
}


.meri {
	list-style-type: none;
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.meri li {
	padding-left: 40px;
	font-size: 22px;
	color: #900;
	margin-top: 20px;
	background-image: url(images/meri.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 3px;

}


.meri1 {
	list-style-type: none;
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.meri1 li {
	padding-left: 40px;
	font-size: 16px;
	color: #900;
	margin-top: 8px;
	background-image: url(images/meri.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}



.mem{
	width: 40%;
/*	background-color: #069;
	padding: 15px;*/
	margin: 35px;
/*	color: #FFF;
	border: 1px solid #036;*/
	font-size: 18px;
	float: left;
	}
.mem img{
	border: 1px solid #036;
	margin-bottom: 20px;
	float: left;
	}

.reset{
	clear: both;
	}



.rahu{
	border: 1px solid #666;
	margin: 3px;
	}
/*.webdir img{
	border: 1px solid #666;
	margin: 5px;
	}*/

.backimgben{
	background-image: url(images/backimg.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
.backimgpc{
	background-image: url(images/backpc.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
.backimgnaya{
	background-image: url(images/backnaya.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
	}
	
	
.backcel{
	background-image: url(images/back.png);
	background-repeat: repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
/*	border-bottom-style: solid;*/
	border-top-color: #666;
/*	border-bottom-color: #666;
	margin-bottom: 5px;*/
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	}

.backcel img{
	margin-bottom: 10px;
	}

.backcel .webdir{
	margin-top: 20px;
	}
	
	
	
	
/*注釈*/
.pop a:hover{ /*マウスが乗ったら*/
	position: relative;
	top: 0px;
	left: 0px;
	text-decoration: none;
}
.fukidasipop { /*吹き出し本体*/
        position: absolute;
        top:17px; left:20px;
        display: none; /*何も表示しない*/
        padding: 5px; /*内側の余白*/
        width: 300px; /*ブロックの幅
        font-weight: bold; /*文字の太さ*/
        text-decoration: none; /*文字飾り*/
        color: #ffffff; /*文字色*/
        background-color: #b22222; /*背景色*/

        border-top:white solid 10px;
        border-left:#b22222 solid 10px;

     filter: alpha(opacity=85); /* IE */
　　-moz-opacity:0.85; / *Firefox・Netscape */
  　opacity:0.85; /* Opera・Safari */
}
a:hover .fukidasipop {
	display: block; /*ブロック要素で表示*/
	text-decoration: none;
}
a:hover .fukidasipop img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	text-decoration: none;
}



















@media screen and (max-width: 980px) {
.pc{
	display: none !important;
}
.sp{
	display: block !important;
}
img{
	max-width: 100%;
}

.mf{
	font-size: 11px;
	margin-top: 5px;
	color: #666;
	text-align: left;
	}


#footer_wrapper{
	width: 100%;
}
#footer_wrapper ul.group{
	height: auto;
	width: 100%;
	position: static;
}
#footer_wrapper ul.group li{
	float: none;
	height: 52px;
	line-height: 52px;
	text-align: center;
}
#footer_wrapper ul.group li a{
	line-height: 52px;
	font-weight: bold;
	color: #FFF;
	display: block;
	height: 52px;
	width: 100%;
	text-decoration: none;
	font-size: 0.8em;
}
#footer_wrapper .group_title{
	position: relative;
	background-color: #000;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	display: block;
	font-size: 0.8em;
	height: 52px;
	cursor: pointer;
	line-height: 52px;
}
#footer_wrapper .group_title i{
	position: absolute;
	right: 16px;
	top: 19px;
}
#footer_wrapper ul.group li.navi01,
#footer_wrapper ul.group li.navi02,
#footer_wrapper ul.group li.navi03,
#footer_wrapper ul.group li.navi04{
	height: 52px;
	width: 100%;
}
#footer_wrapper ul.group li.navi05,
#footer_wrapper ul.group li.navi06{
	height: 52px;
	width: 100%;
}
#footer_wrapper ul.group li.navi07{
	height: 52px;
	width: 100%;
}
#footer{
	height: auto;
	width: 100%;
	position: static;
}
#footer .navi05{
	display: block;
	text-align: center;
	position: static;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 22px;
	margin: 22px auto 20px;
}
#footer .navi05 li{
	float: none;
	display: inline;
	margin: 0;
}
#footer p{
	position: static;
	color: #959595;
	text-align: center;
	font-size: 0.7em;
	padding-bottom: 28px;
}
}

/*----------------------------------------------------------
CONTENTS
----------------------------------------------------------*/
main{
	display: block;
}

.pagenavi{
	margin: 122px auto 0;
}
.pagenavi ul{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 30px;
}
.pagenavi li{
	float: left;
	margin-right: 11px;
	margin-bottom: 6px;
}
.pagenavi li a{
	font-size: 0.8em;
	line-height: 43px;
	background-color: #f1efe7;
	display: block;
	height: 43px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.pagenavi li.nolink{
	font-size: 0.8em;
	line-height: 43px;
	background-color: #f1efe7;
	display: block;
	height: 43px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #b1b1b1;
}

.pagenavi li a:hover,
.pagenavi li a.current{
	color: #FFF;
	background-color: #b1b1b1;
}

.breadcrumb{
	background-color: #f3f3f3;
	display: block;
}
.breadcrumb ul{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 30px;
}
.breadcrumb li{
	font-size: 10px;
	color: #767676;
	float: left;
	padding: 8px 0;
	margin-right: 6px;
}
.breadcrumb li a{
	color: #767676;
	text-decoration: none;
}


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

.PCnone{
	display:block;
}
.SPnone{
	display:none;
}

table.over{
	font-size: 12px;
	width: 100%;
}

.button{
	display: block;
	width: 90%;
	background-color: #f1f1f1;
	color: #33adbb;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 16px;
	border: 1px solid #33adbb;
	font-weight: bold;
}
.button:hover{
	background-color: #33adbb;
	color: #f1f1f1;
	text-decoration: none;
}



.pagenavi{
	height: 80px;
	margin-top: 0px;
	width: 100%;
	padding-left: 0px;
}
.pagenavi li{
	float: left;
	margin-right: 0px;
	width: 50%;
}
.pagenavi li a{
	font-size: 0.6em;
	line-height: 40px;
	background-color: #f1efe7;
	display: block;
	height: 40px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}

.pc{
	display:none;
}



.webtit {
	position: relative;
	text-align: center;
	font-size: 150%;
	padding-top: 0.75em;
	padding-bottom: 10px;
	/*	↓SP版にclassをすりかえ↓　*/
	position: relative;
	border: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-right: 1em;
	padding-left: 1.5em;
	margin-right: 5px;
	margin-left: 5px;
}
.webtit span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
	width: 100%;
	font-size: 18px;
	padding-bottom: 10px;
}
.webtit::before {
	position: absolute;
	top: 0%;
	z-index: 1;
	content: '';
	display: block;
	width: 0%;
	height: 0px;
	background: #369;
	background: -webkit-linear-gradient(-45deg, transparent, #369 10%, #369 90%, transparent);
	background: linear-gradient(-45deg, transparent, #369 10%, #369 90%, transparent);
/*	↓SP版にclassをすりかえ↓　*/
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;

}



.mailwaku {
	margin-right: 5px;
	margin-left: 5px;
	color: #333;

}

.mailwaku span {
	display: block;
	border: 1px dashed #ccc;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-bottom: 10px;
}

.webdir{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	}



/*5000円から*/
.textbig{
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.textbigred{
	font-size: 120%;
	font-weight: bold;
	color: #900;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	
	
/*噴出し2 レスポンシブ　*/
.huki2 {
	position: relative;
	padding: 10px;
	background-color: #FFFFFF;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 20px;
	color: #069;
	text-align: center;
}
.huki2::after {
	position: absolute;
	top: 100%;
	left: 48%;
	right: 52%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #FFFFFF;

}

	
/*噴出し3 レスポンシブ　*/
.huki3 {
	position: relative;
	background-color: #069;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	padding-right: 10px;
}
.huki3::after {
	position: absolute;
	top: 100%;
	left: 47%;
	right: 53%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #069;

}



.vbox2{
	display: inline-block;
	margin-top: 8px;

	margin-right: 2px;
	margin-left: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666;
	margin-bottom: 2px;
	width: auto;
}

.vbox2.col-sm-3-2 {
    padding-bottom: 3px;
    padding-left: 3px;
}

.tel{
	font-size: 20px;
	height: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}




.mem{
	width: 100%;
	font-size: 12px;
	margin: 0px;
	clear: none;
	}
.mem img{
	border: 1px solid #036;
	float: left;
	width: 30%;
	margin-right: 15px;
	}


.naya li {
	padding-left: 40px;
	font-size: 16px;
	margin-top: 15px;
	background-image: url(images/check.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 3px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.meri li {
	padding-left: 40px;
	font-size: 16px;
	margin-top: 9px;
	background-image: url(images/meri.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 3px;
	padding-top: 3px;
	padding-bottom: 15px;
	margin-bottom: 9px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}


.meri1 li {

	font-size: 12px;
	margin-top: 9px;
	background-image: url(images/meri.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 9px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 40px;
	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}




.backimgben{
	background-size:50% auto;
	}
.backimgpc{
	background-size:50% auto;
	}

.backimgnaya{
	background-size:50% auto;
	}


.topimg {
    margin-top: 0px;
}


}