@charset "utf-8";
/* CSS Document */
.txt_bold {
  font-weight: bold;
  display: block
}

.padding-10{
	padding: 10px;
}


/*navigation01
------------------------------------------*/
		nav[role=navigation] {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
		width: 28%;
	float: left;
	margin-top: 30px;
		}

#nav01 li{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2F2446), color-stop(0.00, #7534AF));
	background: -webkit-linear-gradient(#7534AF, #2F2446);
	background: -moz-linear-gradient(#7534AF, #2F2446);
	background: -o-linear-gradient(#7534AF, #2F2446);
	background: -ms-linear-gradient(#7534AF, #2F2446);
	background: linear-gradient(#7534AF, #2F2446);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: 1px 1px 0px rgb(0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7634af, endcolorstr=#ff2f2446, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7634af, endcolorstr=#ff2f2446, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
	zoom: 1;
	color: #FFF;
	font-size: 138%;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2px;
	border: 1px solid #682E98;
	width: 100%;
}

#nav01 li a{
	display: block;
	padding: 20px 10px;
	height: auto;
	width: auto;
}

#nav01 li a:link, 
#nav01 li a:visited {
	color: #FFF;
	text-decoration: underline;
}

#nav01 li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


#nav01 li span{
	font-size: 70%;
}
.pull_10{
	margin-left:-10px
}

.overwhite:hover {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/*タブレット*/
@media screen and (max-width: 1024px){
nav[role=navigation] {
	width: 30%;
	float: left;
	margin-top: 30px;
} 
#nav01 li{
	font-size: 100%;
	height: auto;
	width: 100%;
}
#nav01 li span{
	font-size: 60%;
}

#nav01 li a{
	display: block;
	padding: 5%;
}


}

/*スマートフォン*/
@media screen and (max-width: 768px){
nav[role=navigation] {
	width: 100%;
	clear: both;
	margin-top: 0px;
} 

#nav01 li{
	font-size: 100%;
	clear: both;
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#nav01 li span{
	font-size: 60%;
}

#nav01 li a{
	display: block;
	padding-top: 2%;
	padding-bottom: 2%;
}

}


/*navigation02 
------------------------------------------*/
#navi_block{
/*	margin-top: 30px;*/
}

#navi_block h2{
	line-height: 45px;
	font-size: 15px;
	color: #FFF;
	padding: 0px 0px 0px 20px;
	font-weight: 700;
	margin: 0px;
	height: 45px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5F3D81), color-stop(0.09, #512C67), color-stop(0.00, #6F4D97));
	background: -webkit-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: -moz-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: -o-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: -ms-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: linear-gradient(to bottom, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff6f476b, endcolorstr=#ff512c67, gradienttype=0)) 			progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff6f476b, endcolorstr=#ff512c67, gradienttype=0)) 	progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
	zoom: 1;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}

#navi_block ul{
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	background: #F9F5FA;
	border: 1px solid #CCCBE7;
	margin-bottom: 15px;
}

#navi_block li {
	margin: 0px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E9E3F2), color-stop(0.00, #FFF));
	background: -webkit-linear-gradient(#FFF, #E9E3F2);
	background: -moz-linear-gradient(#FFF, #E9E3F2);
	background: -o-linear-gradient(#FFF, #E9E3F2);
	background: -ms-linear-gradient(#FFF, #E9E3F2);
	background: linear-gradient(#FFF, #E9E3F2);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffe9e3f2, gradienttype=0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffe9e3f2, gradienttype=0))";
	zoom: 1;
	clear: both;
	border-bottom: 1px dotted #CCC;
	height: 48px;
	line-height: 48px;
	width: 100%;
} 

#navi_block li a{
	background: url(../img/common/nav_ico.png) no-repeat 10px center;
	display: block;
	padding: 0px 10px 0px 30px;
}

#navi_block li:last-child {
	border-bottom-style: none;
		border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

/*タブレット*/
@media screen and (max-width: 1024px){
#navi_block h2{
	width:auto;
}

#navi_block li{
	font-size: 100%;
	width: 100%;
	height: auto;
}
}


/*スマートフォン*/
@media screen and (max-width: 768px){
#navi_block h2{
	width:auto;
	display: none;
	margin: 0px;
	padding: 0px;
}
#navi_block{
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
} 
#navi_block li{
	font-size: 100%;
	width: 90%;
	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}

#navi_block ul{
	background: url(none);
	border-style: none;
}

#navi_block li:first-child{
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}
#navi_block li:last-child {
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom: 1px solid #CCC;
}
}


/*トグル*/
		.js nav[role=navigation] {
			overflow: hidden;
			max-height: 0;
		}
		nav[role=navigation].active {
	max-height: 100%;
		}


		
		@media screen and (min-width: 48.25em) {
			a.menu-link {
			   display: none;
			   
			}
			.js nav[role=navigation] {
				max-height: none;
			}

		}
		
		/*スマートフォン*/
@media screen and (max-width: 768px){
	a.menu-link {
	margin: 0px auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5F3D81), color-stop(0.09, #512C67), color-stop(0.00, #6F4D97));
	background: -webkit-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: -moz-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: -o-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: -ms-linear-gradient(top, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	background: linear-gradient(to bottom, #6F4D97 0%, #512C67 9%, #5F3D81 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff6f476b, endcolorstr=#ff512c67, gradienttype=0)) 			progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff6f476b, endcolorstr=#ff512c67, gradienttype=0)) 	progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	zoom: 1;
	clear: both;
	display: block;
	padding: 10px;
	height: auto;
	width: auto;
	text-decoration: none;
	color: #FFF;
	border: 1px solid #682E98;
	font-size: 125%;
	font-weight: 700;
	}
	
	#nav_wrap{
	background: #E9E3F2;
	margin: 0px;
	padding: 15px 0px 5px;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	}
}


/*content
------------------------------------------*/

#container{
	background: url(../img/common/bg_contents.png) no-repeat center top;
}

#wrap{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#content{
	width: 63%;
	z-index: 1;
	background: #E9E3F2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-right: 30px;
	padding-left: 30px;
	float: right;
	margin-top: 30px;
}

#contentNew{
	width: 63%;
	z-index: 1;
	background-color: rgba(15,0,58,0.8);
	border: 1px solid #FFFFFF;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-right: 30px;
	padding-left: 30px;
	float: right;
	margin-top: 30px;
}
#contentNew p{
	padding-top:20px;
	padding-bottom:20px;
	margin-right: auto;
	margin-left: auto;
}
/*タブレット*/
@media screen and (max-width: 1024px){
	#wrap{
	width: 95%;
	}
	#content{
	width: 60%;
	}
	#contentNew{
	width: 60%;
	}
}

/*スマートフォン*/
@media screen and (max-width: 768px){
	#container{
	background: url(none);
}
	#wrap{
	width: 90%;
	}
#content{
	width: 100%;
	clear: both;
	margin: 15px auto 0px;
	padding: 5px 0px 0px;
}
#contentNew{
	width: 100%;
	clear: both;
	margin: 15px auto 0px;
	padding: 5px 0px 0px;
}

#content p{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#contentNew p{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
}


#content h2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2C2B5E), color-stop(0.00, #545192));
	background: -webkit-linear-gradient(#545192, #2C2B5E);
	background: -moz-linear-gradient(#545192, #2C2B5E);
	background: -o-linear-gradient(#545192, #2C2B5E);
	background: -ms-linear-gradient(#545192, #2C2B5E);
	background: linear-gradient(#545192, #2C2B5E);

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff2c2b5e, endcolorstr=#ff545192, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff2c2b5e, endcolorstr=#ff545192, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	zoom: 1;
	color: #FFF;
	font-weight: 700;
	padding: 10px;
	font-size: 125%;
	margin-bottom: 15px;
	clear: both;
	margin-top: 30px;
}

#content h3{
	font-size: 125%;
	font-weight: 700;
	color: #330066;
	clear: both;
	margin-top: 0px;
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid #8F69AF;
	padding-bottom: 7px;
	border-top: 3px solid #330066;
	padding-top: 7px;
}

#content h3.emp{
	font-size: 113%;
	font-weight: 700;
	border-style: none;
	margin: 0px;
	padding: 0px;
	color: #333;
}

p.lead{
	text-align: center;
	padding-top: 30px;
}

aside{
	background: #CEC0E2;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 20px 10px;
	clear: both;
	margin-top: 30px;
	font-size: 82%;
}

aside p{
	text-align: left;
}

.unit{
	margin-bottom: 30px;
}

.unit02 p{
	padding-bottom: 15px;
}

.unit02 p:last-child{
	padding-bottom: 0px;
}

.txt_bg{
	background: #CEC0E2;
	padding: 15px;
	margin: 0px auto;
}

.txt_bg02{
	background: #CEC0E2;
	padding: 15px;
	margin-top: 0px;
	margin-right: 35%;
	margin-bottom: 15px;
	clear: none;
}


/*横並び画像*/
.list_block{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.list_block figure{
	margin-right: 13px;
	float: left;
	margin-bottom: 10px;
}

.list_block figcaption{
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}

.list_block figure:last-child{
	margin-right: 0px;
}

figure.blockL{
	float: left;
	height: auto;
	text-align: center;
	margin-left: 6em !important;
}

figure.blockR{
	float: right;
	height: auto;
	text-align: center;
	margin-right: 6em !important;
}


/*増川いづみとは背景*/
#masukawa-lead{
	background: url(../img/masukawa/bg.png) no-repeat center top;
	height: 518px;
	width: 600px;
	padding-top: 20px;
	margin-bottom: 30px;
}

/*タブレット*/
@media screen and (max-width: 1024px){
.list_block figure{
	width: 32%;
	margin-right: 0.5em;
	float: left;
	margin-bottom: 10px;
}
figure.blockL{
	float: left;
	height: auto;
	text-align: center;
	margin-left: 4em !important;
}

figure.blockR{
	float: right;
	height: auto;
	text-align: center;
	margin-right: 4em !important;
}
 
.txt_bg02{
	margin-right: 50%;
}

}

/*スマートフォン*/
@media screen and (max-width: 768px){
#content h2{
	width: 88%;
	margin: 15px auto 10px;
	clear: both;
}


#content h3{
	font-weight: 700;
	clear: both;
	width: 90%;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
aside{
	width: 80%;
	text-align: center;
	padding: 5%;
	margin-top: 15px;
}

.txt_bg, 
.txt_bg02{
	width: 80%;
	padding: 5%;
	margin-top: 15px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.unit{
	margin-bottom: 15px;
}
p.lead{
	padding: 15px 0px 0px;
}
p.lead img{
	text-align: center;
	height: 63px;
	width: 290px;
}

.list_block figure, 
.list_block figure:last-child{
	margin-right: auto;
	float: none;
	margin-bottom: 10px;
	clear: both;
	margin-left: auto;
	width: 50%;
}

figure.blockL{
	float: none;
	height: auto;
	text-align: center;
	margin-left: auto !important;
	clear: both;
	margin-right: auto;
}

figure.blockR{
	float: none;
	height: auto;
	text-align: center;
	margin-right: auto !important;
	clear: both;
	margin-left: auto;
}

.list_block figcaption{
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}

#masukawa-lead{
	background: url(../img/masukawa/bg02.png) no-repeat center top;
	-webkit-background-size:276px 365px;
	background-size:276px 365px;
	height: auto;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

	}


/*テーブル
------------------------------------------*/
table{
	border-collapse: collapse;
	margin-top: 25px;
	width: 100%;
	border-collapse:separate;
	border-spacing:2px;
	margin-bottom: 25px;
}

th{
	padding: 25px;
	width: 20%;
	vertical-align: middle;
	text-align: left;
	background: #B6BEDE;
	color: #333;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}

td{
	padding: 25px;
	width: 80%;
	background: #FFF;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	color: #333;
}

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

table{
	display: block;
	width: 90%;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
tbody{
	display: block;
}
tbody tr{
	display: block;
	margin-bottom: 1.5em;
}
tbody th,
tbody td{
	display: list-item;
	border: none;
	list-style-type: none;
}
tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	padding: 10px 0px 0px 10px;
	white-space: nowrap;
	font-weight: 700;
}
tbody td{
	padding: 0px 10px;
	background: url(none);
}
}


/*お問い合わせ
------------------------------------------*/

#mailform table{
	border-collapse: collapse;
	margin-top: 30px;
	width: 100%;
	border-collapse:separate;
	border-spacing:2px;
}

#mailform th{
	padding: 25px;
	width: 31%;
	vertical-align: middle;
	text-align: left;
	background: #B6BEDE;
	color: #333;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}

#mailform td{
	padding: 25px;
	width: 69%;
	background: #FFF;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	color: #333;
}

input[type="submit"] {
	border: 1px solid #070F70;
	color: #FFFFFF;
	background-color: #000066;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #006), color-stop(0.00, #214694));
	background: -webkit-linear-gradient(#214694, #006);
	background: -moz-linear-gradient(#214694, #006);
	background: -o-linear-gradient(#214694, #006);
	background: -ms-linear-gradient(#214694, #006);
	background: linear-gradient(#214694, #006);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff214594, endcolorstr=#ff000066, gradienttype=0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff214594, endcolorstr=#ff000066, gradienttype=0))";
	zoom: 1;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	font-size: 94%;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;
	cursor: pointer;
	line-height: 45px;
	height: 45px;
	padding-right: 10px;
	padding-left: 10px;
	width: 50%;
}

input[type="reset"],input[type="button"] {
	border: 1px solid #E8E8E8;
	color: #333333;
	background-color: #EEEEF3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEEEF3), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #EEEEF3);
	background: -moz-linear-gradient(#fff, #EEEEF3);
	background: -o-linear-gradient(#fff, #EEEEF3);
	background: -ms-linear-gradient(#fff, #EEEEF3);
	background: linear-gradient(#fff, #EEEEF3);
	font-size: 94%;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;
	cursor: pointer;
	line-height: 45px;
	height: 45px;
	padding-right: 10px;
	padding-left: 10px;
	width: 30%;
	margin-right: 10px;
	margin-left: 10px;
}

input[type="text"], 
input[type="email"]
{
	width: 80%;
	height: 30px;
}

input[type="text"]#phone_number
{
	width: 30%;
	height: 30px;
}

input[type="text"]#zip
{
	width: 30%;
	height: 30px;
	margin-bottom: 10px;
}

#requests{
	width: 80%;
	height: 30px;
}

#submit_btn_block{
	text-align: center;
	clear: both;
}
#submit_btn_block #submit1{
max-width:200px!important;
width: 100%!important;
display: block!important;
 margin: auto!important;
 padding: 0 
}
.required{
	margin-left: 5px;
	color: #CC0000;
	padding: 0px 3px;
	font-size: 90%;
}

textarea#question {
	width: 100%;
	height: 200px;
}

#thanksArea p{
	padding-right: 1%;
	padding-left: 1%;
}
 

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

#mailform{
	display: block;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 15px auto 0px;
	padding-bottom: 30px;
}
#mailform tbody{
	display: block;
}
#mailform tbody tr{
	display: block;
	margin-bottom: 1.5em;
}
#mailform tbody th,
#mailform tbody td{
	display: list-item;
	border: none;
	list-style-type: none;
}
#mailform tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	padding: 10px 0px 0px 10px;
	white-space: nowrap;
	background: url(none);
	font-weight: 700;
	width: 100%;
	background: #B6BEDE;
border-radius:0;
}
#mailform tbody td{
	padding:15px 3% 0;
	background: url(none);
		width: 100%;
	background: #fff;
border-radius:0;
}

textarea#question {
	/*! width: 100%; */
	height: 200px;
}


input[type="email"],
input[type="text"] {
	width: 230px;
}

input[type="text"]#phone_number{
	width: 80px;
}

input[type="text"]#zip{
	width: 80px;
}

}



/*会社サロン＆代理店リンク
------------------------------------------*/
a {
    outline: none;
}

#btn02_block{
	margin-top: 30px;
}

#btn02_block ul{
	margin-bottom: 15px;
}

#btn02_block li {
	margin: 0px;
	zoom: 1;
	clear: both;
	width: 100%;
} 



#btn02_block img{
	transition: 0.5s;
}


#btn02_block img:hover{
	opacity: 0.6;
  transition: 0.5s;
}


/*タブレット*/
@media screen and (max-width: 1024px){

#btn02_block li{
	font-size: 100%;
	width: 100%;
	height: auto;
}
img{
max-width: 100%;
height: auto;
width:auto;　
}
}


/*スマートフォン*/
@media screen and (max-width: 768px){

#btn02_block{
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
} 

#btn02_block li{
	font-size: 100%;
	width: 90%;
	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#btn02_block ul{
	background: url(none);
	border-style: none;
}
img{
max-width: 100%;
height: auto;
width:auto;　
}

#content h3.emp {

    text-indent: 2em;
}
}

.footer_bnr{
	display: flex;
	justify-content: center;
	margin-top:10px;
}

.footer_bnr div:first-child{
	margin-right:10px;
}




/*会社概要2023
------------------------------------------*/
.contents_wrapper_inner {
  margin-top: 3em
}
#companyRe{
	background: #F1EBFF
}
.contents_wrapper {
	max-width: 800px;
	margin:5rem auto
}


.contents_wrapper h2{
  color: #161932;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 0.5em;
text-align: center;
	letter-spacing: 0.08em;
	font-weight: 600
}
.companyRe_table{
	width: 100%;
	border-collapse: collapse;
	background: inherit;
	color: #161932!important;
	
}
.companyRe_table th,
.companyRe_table td{
	width: inherit;
	padding: inherit;
	border-radius: 0;
	background: none;
	border-bottom: 1px solid #707070;
}
.companyRe_table th{
	font-weight: bold
}
.companyRe_table td{
	padding: 1.5rem 1.5rem 1.5rem 3rem
}
@media screen and (max-width: 800px){

	.contents_wrapper {
 padding-left: 5%;
padding-right: 5%
}
	.companyRe_table th{
	border-bottom: none
}
}
@media screen and (max-width: 768px){
.companyRe_table tr{
display:block;
	margin: 0;
	padding-top:0.5rem;
	padding-left: 0.5rem
}
	.companyRe_table td{
	padding: 0rem 1rem 1rem 0.5rem
}
}
/*個人情報保護法
------------------------------------------*/
#privacy{
	background: #F1EBFF!important;
}

#privacy h4{
	font-weight: bold!important;
	margin: 3em auto 0.5em;
	font-size: 18px
}
.coInfo{
	margin-top: 3em
}
.coInfo_name {
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.5em
}
.coInfo_detail {
  line-height: 1.8;
  font-size: 14px
}
/*サイトポリシー
------------------------------------------*/
#sitePolicy{
	background: #F1EBFF!important;
}
#sitePolicy h4{
	font-weight: bold!important;
	margin: 3em auto 0.5em;
	font-size: 18px
}
/*採用情報2023
------------------------------------------*/
#recruitRe{
	background: #F1EBFF!important;
}
.recruitRe_unit:not(:first-of-type){
margin-top: 3rem
}
.recruitRe_unit h3{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
	color:inherit;
	border-bottom: 1px solid #313391;
	border-top:3px solid #313391;
	padding-left: 0.5em
  
}

.recruitRe_unit h4{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  border: inherit;
	margin:1em auto
}
.recruitRe_unit h4:before {
  background-color: #313391;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 16px;
  width: 6px;
  margin-right: 8px;
  transform: translateY(0.1em);
}

.recruitRe_unit p{
padding-left:0.5em ;
padding-right: 0.5em
}


.recruitRe_unit_ttl {
 font-weight:bold;
 margin:2em 0 1em 0
}
@media screen and (max-width: 800px){

	.contents_wrapper {
 padding-left: 5%;
padding-right: 5%
}
}


@media screen and (max-width:599px) {
.contents_wrapper {
line-height: 1.6;
}
}

/*ご質問・お問い合わせ2023
------------------------------------------*/
#contactRe{
	background: #E9E3F2!important;
}

.main_text{
margin: 2rem 0 3rem
}

#mailform select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.5em;
  border: 1px solid #d2d2d2;
  border-radius:  4px;
  font-size: 15px;
  background-color: #fff;
  box-shadow: none;
  cursor: pointer;
}


#mailform input:not(:button), #mailform textarea{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #d2d2d2;
   border-radius:  4px;
  padding:1em 0.5em;
  font-size:15px;
  color: #2b2b2b
}


/*トピックス詳細 2023
------------------------------------------*/
#topicsDetails{
	background: #E9E3F2!important;
}
#topicsDetails h5{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
	color:#2b2b2b!important;
	border-bottom: 1px solid #313391;
	border-top:3px solid #313391;
	padding:0.5em;
 margin:15px auto 15px!important;
}
.articleInner {
 padding-left: 1em
}


#ggc{
	background: #F1EBFF
}