/*
* CSS Reset Base Settings
*/
@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@media print, screen and (min-width: 641px){
	.sp { display: none; }
	.pcdb { display: block; }
}

@media screen and (max-width: 640px){
	.pc { display: none; }
	.spdb { display: block; }
	img { width:100%; }
	iframe { width:100%!important; }
	.single-page1 .article img{ height:auto; }
}



/****************************************************************
ALL
*****************************************************************/
* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/******************************************************************
IE6 Bug Fix
*******************************************************************/
em { text-indent: -9999px; }

/******************************************************************
IE Print
*******************************************************************/
@media print{
	*html body{ zoom:60%; }
}
/*****************************************************************
Re-Settings
******************************************************************/
img {
	border-style: none;
	border:none;
	border:0;
	font-size: 0%;
	line-height: 0%;
	vertical-align: text-bottom;
	vertical-align:top;
}

a img {
	border: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration:none;

}

input { vertical-align: middle; }

br { letter-spacing: 0; } /* IE No <br/> hack */

/*----------------------------------------------------------------
Font, a hover
----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height:100%; }


h1 {
	font-size: 30px;
	padding:0 0 45px 0;
	margin-bottom:20px;
	text-align:center;
	letter-spacing:5px;
	font-family: "Sawarabi Mincho";
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	background:url(../../images/common/h2Line.png) center bottom no-repeat;
}

h2 {
	background:url(../../images/common/back02.png) left top;
	padding:15px;
	margin:0 0 20px 0;
	text-align:left;
	font-size: 26px;
	font-family: "Sawarabi Mincho";
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	color:#fff;
}

h2 a {
	color:#fff;
	text-decoration:none;
	font-size: 20px;
}
h2 a:hover {
	text-decoration:underline;
}


h3 {
	background:url(../../images/common/h3Line.png) center bottom no-repeat;
	padding:0 0 34px 0;
	margin:0 0 20px 0;
	text-align:center;
	font-size: 20px;
	letter-spacing:5px;
	font-family: "Sawarabi Mincho";
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
}

h4 {
	background:url(../../images/common/h4.png) left top no-repeat;
	padding:20px 0 15px 30px;
	margin:0 0 20px 0;
	text-align:left;
	font-size: 24px;
	font-family: "Sawarabi Mincho";
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	color:#2d004b;
}
h5 { font-size: 18px; padding:0 0 0 7px; letter-spacing:5px; border-left: 5px solid #ccc; margin:0 0 20px 0; font-weight:bold;
	font-family: "Sawarabi Mincho";
/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/ }
h6 { font-size: 16px; padding:0 0 5px 0; letter-spacing:5px; border-bottom: 1px dotted #2d004b; margin:0 0 20px 0; font-weight:bold;
	font-family: "Sawarabi Mincho";
/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/ }



small { font-size: smaller; }
b { font-weight: bold; }
sup { font-size: smaller; vertical-align: super; }
sub { font-size: smaller; vertical-align: sub; }
strong { font-weight: bold; }

.mincho {
	font-family: "Sawarabi Mincho";
/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/ }

a { text-decoration: none; }
a:hover{ text-decoration:underline; }
/*
a { text-decoration: underline; color:#1684ca; }
a:hover{ text-decoration:none; }*/




/******************************************************************
Comment
*******************************************************************/
.comment_post {
	clear: both;
	position: relative;
	margin: 20px 0 0;
	padding: 10px;
	display: block;
	background: #FFF;
	border: 3px solid #EEE;
	border-radius: 3px;
	color: #5a5a5a;
	z-index: 0;
}

.comment_post:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 10%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #FFF transparent;
	z-index: 0;
}

.comment_post:after {
	content: "";
	position: absolute;
	top: -12px;
	left: 10%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #EEE transparent;
	z-index: -1;
}




/******************************************************************
Clearfix and Clear
*******************************************************************/
.clearfix:after { /* for modern browser */
	height: 0;
	visibility: hidden;
	content:"";
	display: block;
	clear: both;
}

.clearfix { /* for IE5.5-7 */
	zoom: 1;
	display: inline-block;
}

/* exlude MacIE5 ?_*/
* html .clearfix { height: 1% }

.clearfix { display: block; }

.clear{
	width:0%;
	clear:both;
	font-size:0px;
	margin:0px;
	padding:0px;
}

.absClear { clear:both; }



/**********************************************************************
Other Useful
***********************************************************************/
.tex_none {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.fwB { font-weight: bold; }
.fw900 { font-weight: 900; }

.taC { text-align: center; }
.taL { text-align: left; }
.taR { text-align: right; }

.red { color: #cc0000; }
.blue { color: #0000cc; }
.black { color: #333; }
.white { color: #fff; }
.orange { color: #eb6100; }
.purple { color: #ae5da1; }
.brown { color: #a84200; }
.aqua { color: #00a0e9; }
.green { color: #009944; }

.jus {
	text-align:justify;
}


.nowrap {
	white-space:nowrap;
}



/**********************************************************************
HR
***********************************************************************/

.hr1 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.hr2 {
	height: 12px;
	border: 0;
	box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}



/**********************************************************************
Box
***********************************************************************/

.box1{
	margin:20px auto;
	border:1px solid #ccc;
	background-image: -ms-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* IE10 */
	background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Opera */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(1, #eee));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Proposed W3C Markup */
	-webkit-box-shadow: 0px 0px 20px 8px #ddd, inset 0px 0px 1px 1px #fff; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 20px 8px #ddd, inset 0px 0px 1px 1px #fff; /* Firefox用 */
	box-shadow: 1px 1px 1px 0px #ddd, inset 0px 0px 1px 1px #fff; /* CSS3 */
}


.box2{
	margin:40px auto;
	/*border:1px solid #ccc;  */
	background-image: -ms-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* IE10 */
	background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Opera */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(1, #eee));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Proposed W3C Markup */
	background: url(../../images/common/back01.png) left top;
	-webkit-box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #fff; /* Safari, Chrome用 */
	-moz-box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #fff; /* Firefox用 */
	box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #fff; /* CSS3 */
}


.boxImg01{
	background: url(../../images/common/backImg01.png) left top;
	color:#fff;
}
.boxImg02{
	background: url(../../images/common/backImg02.png) left top;
}
.boxImg03{
	background: url(../../images/common/backImg03.png) left top;
	color:#fff;
}
.boxImg04{
	background: url(../../images/common/backImg04.png) left bottom;
}



/**********************************************************************
Font-Size
***********************************************************************/
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs26 { font-size: 26px; }
.fs27 { font-size: 27px; }
.fs28 { font-size: 28px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }
.fs31 { font-size: 31px; }
.fs32 { font-size: 32px; }
.fs33 { font-size: 33px; }
.fs34 { font-size: 34px; }
.fs35 { font-size: 35px; }
.fs36 { font-size: 36px; }
.fs37 { font-size: 37px; }
.fs38 { font-size: 38px; }
.fs39 { font-size: 39px; }
.fs40 { font-size: 40px; }
.fs41 { font-size: 41px; }
.fs42 { font-size: 42px; }
.fs43 { font-size: 43px; }
.fs44 { font-size: 44px; }
.fs45 { font-size: 45px; }
.fs46 { font-size: 46px; }
.fs47 { font-size: 47px; }
.fs48 { font-size: 48px; }
.fs49 { font-size: 49px; }
.fs50 { font-size: 50px; }



/**********************************************************************
Background Color
***********************************************************************/
.bgBlack { background-color:#000; }
.bgWhite { background-color: #fff; }
.bgGray { background-color: #E8E8E8; }
.bgRed { background-color: #ff0000; }
.bgefefef { background:#efefef; }




/**********************************************************************
Line height
***********************************************************************/
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }

/****************************************************************
display
*****************************************************************/
.inline { display: inline; }
.block { display: block; }
.inblock { display: inline-block; }

/****************************************************************
Float
*****************************************************************/
.fL { float: left; }
.fR { float: right; }

@media print, screen and (min-width: 641px){
	.fLpc { float: left; }
	.fRpc { float: right; }
}

@media screen and (max-width: 640px){
	.fLsp { float: left; }
	.fRsp { float: right; }
}



/****************************************************************
Wordpress class
*****************************************************************/

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/****************************************************************
Position
*****************************************************************/
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }



/****************************************************************
Vertical Align
*****************************************************************/
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: bottom; }




/****************************************************************
Table
*****************************************************************/
.tlfixed {
	table-layout: fixed;
}




table {
	width:100%;
}

table th {
	text-align:left;
	vertical-align:middle;
	padding:10px;
	border:1px solid #CCCCCC;
	background:#e6e6e6;
}

table td {
	padding:10px;
	border:1px solid #CCCCCC;
	vertical-align:middle;
}


.noborder tr th,
.noborder tr td {
	border:none;
}

.history {
	width:100%;
}

.history th {
	width:20%;
	text-align:left;
	padding:10px 0;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:2px solid #2e014c;
	background:#fff;
}

.history td {
	padding:10px;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:2px solid #CCCCCC;
}

.normal {
	width:100%;
}

.normal th {
	text-align:left;
	vertical-align:middle;
	padding:10px;
	border:1px solid #fff;
	background:url(../../images/common/back01.png) left top;
}

.normal td {
	padding:10px;
	border:1px solid #eee;
	vertical-align:middle;
}



/****************************************************************
Form
*****************************************************************/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea,
select {
	border:1px solid #CCC;
	padding:7px;
	background: #fff;
	font-size:14px;
}

.normalTable td textarea {
	height:150px;
}


input[type="submit"] {
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:5px 50px;
	margin:20px auto 0 auto;
	border:1px solid #ccc;
	outline:0;
	cursor:pointer;
	color:#fff;
	background: url(../../images/common/backImg03.png) left bottom;
}



input[type="submit"]:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration:none;
}


/****************************************************************
List
*****************************************************************/
.disc {
	list-style-type:disc;
	margin-left:25px;
}

.decimal {
	list-style-type:decimal;
	margin-left:25px;
}

.circle {
	list-style-type:circle;
	margin-left:25px;
}




/****************************************************************
Border
*****************************************************************/

.bdbn {
	border-bottom:none!important;
}

.bdall {
	border:1px solid #ccc;
}

.bdbd {
	border-bottom:1px dotted #999;
}

.bdbs {
	border-bottom:1px solid #333;
}


/****************************************************************
Button
*****************************************************************/

.btn {
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	border:2px solid #333;
	padding:5px 0;
	width:80%;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	margin:20px auto 0 auto;
}

.btn:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration:none;
}
@media print, screen and (min-width: 641px){
	.btn {
		width:40%;
	}

}

@media screen and (max-width: 640px){
	.btn {
		width:80%;
	}
}
/****************************************************************
Font 1em left
*****************************************************************/
.txt_sif {
	text-indent: -1.0em;
	padding-left: 1.0em;
}

/****************************************************************
Margin
*****************************************************************/
.m5 { margin:5px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m20 { margin:20px; }
.m25 { margin:25px; }
.m30 { margin:30px; }
.m35 { margin:35px; }
.m40 { margin:40px; }
.m45 { margin:45px; }
.m50 { margin:50px; }

.ma0 { margin: 0 auto; }

.mtb5 { margin: 5px auto; }
.mtb10 { margin: 10px auto; }
.mtb15 { margin: 15px auto; }
.mtb20 { margin: 20px auto; }
.mtb25 { margin: 25px auto; }
.mtb30 { margin: 30px auto; }
.mtb35 { margin: 35px auto; }
.mtb40 { margin: 40px auto; }
.mtb45 { margin: 45px auto; }
.mtb50 { margin: 50px auto; }

.mrl5 { margin: 0 5px; }
.mrl10 { margin: 0 10px; }
.mrl15 { margin: 0 15px; }
.mrl20 { margin: 0 20px; }
.mrl25 { margin: 0 25px; }
.mrl30 { margin: 0 30px; }
.mrl35 { margin: 0 35px; }
.mrl40 { margin: 0 40px; }
.mrl45 { margin: 0 45px; }
.mrl50 { margin: 0 50px; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

/****************************************************************
Padding
*****************************************************************/
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p25 { padding:25px; }
.p30 { padding:30px; }
.p35 { padding:35px; }
.p40 { padding:40px; }
.p45 { padding:45px; }
.p50 { padding:50px; }

.prl5 { padding: 0 5px; }
.prl10 { padding: 0 10px; }
.prl15 { padding: 0 15px; }
.prl20 { padding: 0 20px; }
.prl25 { padding: 0 25px; }
.prl30 { padding: 0 30px; }
.prl35 { padding: 0 35px; }
.prl40 { padding: 0 40px; }
.prl45 { padding: 0 45px; }
.prl50 { padding: 0 50px; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }



/****************************************************************
Width
*****************************************************************/
.w5per { width:5%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w40per { width:40%; }
.w45per { width:45%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w60per { width:60%; }
.w65per { width:65%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w85per { width:85%; }
.w90per { width:90%; }
.w95per { width:95%; }
.w100per { width:100%; }


@media screen and (min-width: 641px){
	.w5perPC { width:5%; }
	.w10perPC { width:10%; }
	.w15perPC { width:15%; }
	.w20perPC { width:20%; }
	.w25perPC { width:25%; }
	.w30perPC { width:30%; }
	.w35perPC { width:35%; }
	.w40perPC { width:40%; }
	.w45perPC { width:45%; }
	.w48perPC { width:48%; }
	.w50perPC { width:50%; }
	.w55perPC { width:55%; }
	.w60perPC { width:60%; }
	.w65perPC { width:65%; }
	.w68perPC { width:68%; }
	.w70perPC { width:70%; }
	.w75perPC { width:75%; }
	.w78perPC { width:78%; }
	.w80perPC { width:80%; }
	.w85perPC { width:85%; }
	.w90perPC { width:90%; }
	.w95perPC { width:95%; }
}

@media screen and (max-width: 640px){
	.w5perSP { width:5%; }
	.w10perSP { width:10%; }
	.w15perSP { width:15%; }
	.w20perSP { width:20%; }
	.w25perSP { width:25%; }
	.w30perSP { width:30%; }
	.w35perSP { width:35%; }
	.w40perSP { width:40%; }
	.w45perSP { width:45%; }
	.w48perSP { width:48%; }
	.w50perSP { width:50%; }
	.w55perSP { width:55%; }
	.w60perSP { width:60%; }
	.w65perSP { width:65%; }
	.w70perSP { width:70%; }
	.w75perSP { width:75%; }
	.w80perSP { width:80%; }
	.w85perSP { width:85%; }
	.w90perSP { width:90%; }
	.w95perSP { width:95%; }


	.w5perPC { width:100%; }
	.w10perPC { width:100%; }
	.w15perPC { width:100%; }
	.w20perPC { width:100%; }
	.w25perPC { width:100%; }
	.w30perPC { width:100%; }
	.w35perPC { width:100%; }
	.w40perPC { width:100%; }
	.w45perPC { width:100%; }
	.w48perPC { width:100%; }
	.w50perPC { width:100%; }
	.w55perPC { width:100%; }
	.w60perPC { width:100%; }
	.w65perPC { width:100%; }
	.w68perPC { width:100%; }
	.w70perPC { width:100%; }
	.w75perPC { width:100%; }
	.w78perPC { width:100%; }
	.w80perPC { width:100%; }
	.w85perPC { width:100%; }
	.w90perPC { width:100%; }
	.w95perPC { width:100%; }
}

/****************************************************************
Sitemap
*****************************************************************/


/****************************************************************
Arrow
*****************************************************************/
.arrowRight {
	background:url(../../images/common/arrow.png) right center no-repeat;
	padding:3px 17px 3px 0;
	color:#333;
}


.arrowLeft {
	background:url(../../images/common/arrowSide.png) left center no-repeat;
	padding:3px 0 3px 17px;
	color:#333;
}


/*--------------------------------------------------------
共通部分のレイアウト
--------------------------------------------------------*/
body{
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	position:relative;
	width:100%;
	overflow-x:hidden;
	line-height: 140%;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

/****************************************************************
SP MENU
*****************************************************************/
.head-link {
	display:none;
}


/*--------------------------------------------------------
Header
--------------------------------------------------------*/

.headerWrapper {
	width:100%;
}

@media print, screen and (min-width: 641px){
	#spmenuclose {
		display:none;
	}

	.header {
		width:1000px;
		height:155px;
		margin: 0 auto;
		position:relative;
	}
	.logo {
		display: block;
		width: 220px;
		height: 221px;
		background:url(../../images/common/logo.png) left top no-repeat;
		position:absolute;
		left:0;
		top:0;
		z-index:100;
	}
	.logo .home {
		position:absolute;
		display: block;
		width: 180px;
		height: 45px;
		left:20px;
		top:82px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.logo .htel {
		display: none;
	}
	.headerBanner01 {
		position:absolute;
		left:252px;
		top:15px;
	}

	.header .corpArea {
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		font-size:12px;
		font-weight:bold;
	}

	.header .corpArea a {
		position:absolute;
		color:#333;
		border-left:2px solid #333;
		padding-left:5px;
		line-height:100%;
	}
	.header .corpArea .aboutLink {
		left:544px;
		top:33px;
	}
	.header .corpArea .recruitLink {
		left:623px;
		top:33px;
	}
	.header .corpArea .sitemapLink {
		left:544px;
		top:60px;
	}
	.header .btnArea {
		background:url(../../images/common/btnArea.png) left top no-repeat;
		width:289px;
		height:85px;
		padding:9px 0 0 5px;
		position:absolute;
		right:0;
		top:0;
	}
	.btn04 {
	}
}

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

	.spheader {
		position:relative;
	}

	#spmenuclose {
		display:block;
		z-index:1000;
		position:absolute;
	}
	.head-link {
		background:#3d0d53;
	}
	.head-link a {
		padding:5% 2%;
		display:block;
		border-bottom: 1px solid #fff;
		background:#3d0d53;
		color:#fff;
		text-align:center;
	}
}

/*--------------------------------------------------------
floating Menu
--------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	.floating {
		display:none;
	}

	.floating {
		width:76px;
		position:fixed;
		right:0;
		top:30%;
		z-index:10000;
	}
	.floating img {
		margin-bottom:3px;
	}
}


/*--------------------------------------------------------
Global Nav
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	.gNav {
		position:absolute;
		bottom:25px;
		right:10px;
	}

	.gNav ul {
		padding: 0 0 0 0;
	}

	.gNav ul li {
		display:inline-block;
		padding:0 30px 0 0;
	}
	.gNav ul li:last-child {
		padding:0;
	}

	.gNav ul li a{
		display: block;
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		font-size:15px;
		color:#333;
		font-weight:bold;
		margin-right: 1px;
		text-align: center;
	}
}

@media screen and (max-width: 640px){
	.gNav {
		display:none;
	}

}

/*--------------------------------------------------------
Topimage
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	.topimage {
		width: 100%;
		position:relative;
	}
	.topimage img {
		width: 100%;
	}
	.scroll {
		position:absolute;
		left:45%;
		top:85%;
		width:120px!important;
		z-index:100;
	}

	.underimage {
		width:1100px;
		margin:0 auto;
	}


}

@media screen and (max-width: 640px){
	.topimage {
		width: 100%;
		position:relative;
	}
	.topimage img {
		width: 100%;
	}
	.scroll {
		position:absolute;
		left:40%;
		top:85%;
		width:20%!important;
		z-index:100;
	}


	.underimage {
		width: 100%;
	}

}

/*--------------------------------------------------------
Breadcrumbs
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	.breadcrumbs {
		background:#f9edef;
		padding:10px 0;
	}

	.breadcrumbs div {
		width:1000px;
		margin:0 auto;
		display: block;
	}

	.breadcrumbs ul li {
		display: inline;
		padding:0 30px 0 10px;
		background:url(../../images/common/breadcrumbsArrow.png) right center no-repeat;
	}


	.breadcrumbs ul li a {
		color:#000;
	}

	.breadcrumbs li:first-child {
		padding:0 30px 0 0;
	}

	.breadcrumbs li:last-child {
		padding:0 0 0 10px;
		background:none;
	}
}

@media screen and (max-width: 640px){
	.breadcrumbs {
		display:none;
	}

}


/*--------------------------------------------------------
Main
--------------------------------------------------------*/

.copy {
	font-family: "Sawarabi Mincho";
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
}

.main {
	font-size: 14px;
}

@media print, screen and (min-width: 641px){
	.main {
		width: 1000px;
		margin: 30px auto;
	}
}

@media screen and (max-width: 640px){
	.main {
		width: 98%;
		margin: 5% auto;
	}
}




/*--------------------------------------------------------
Section  -Article
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	.article {
		width: 638px;
		float:left;
	}
}

@media screen and (max-width: 640px){
	.article {
		width: 98%;
		margin: 5% auto;
	}
}


.tab {
	width: 100%;
	margin: 0 0 -2px;
	padding: 0;
	display: table;
	table-layout: fixed;
}
.tab li {
	width: 33%;
	margin: 0;
	padding: 20px 10px;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	background: #fff;
	border-left: 2px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	box-sizing: border-box;
	font-family: "Sawarabi Mincho";
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	text-align:center;
	font-size:12px;
}
.tab li:last-child {
	border-right: 2px solid #cacaca;
}
.tab li.current {
	width: 34%;
	background: url(../../images/common/tabActive.png) left top no-repeat;
	border-bottom: none;
}
.content {
	margin: 0;
	padding: 16px;
	border: 2px solid #cacaca;
	border-top: none;
	text-align: center;
}
.contents .content {
	/*display: none;*/
}

.disnon { display:none; }

.contents .content:nth-child(1) {
	/*display: block;*/
}


/*--------------------------------------------------------
Sidebar -aside
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	.aside {
		width: 297px;
		float:right;
	}

	.aside img {
		width: 100%;
		margin-bottom:10px;
	}
	.fbshop img {
		width: auto;
	}


	.sideLink {
		background:url(../../images/common/back01.png) left top ;
		padding:15px 15px 25px 15px;
		margin-bottom:30px;
	}

	.sideLinkBar  {
		background:url(../../images/common/back02.png) left top ;
		font-size:18px;
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		color:#fff;
		padding:10px;
		letter-spacing:3px;
	}
	.sideLink ul li  {
		padding:15px 0;
		background:url(../../images/common/sideLine.png) left bottom no-repeat;
	}
	.sideLink ul li a  {
		padding:0 0 0 15px;
		letter-spacing:1px;
		font-size:16px;
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		color:#333;
		background:url(../../images/common/arrowSide.png) left center no-repeat;
	}
	.recruitnLink ul li a  {
		padding:0 0 0 15px;
		letter-spacing:1px;
		font-size:16px;
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		color:#333;
		background:url(../../images/common/arrowSide.png) left center no-repeat;
	}
	.recruitnLink ul li{
		margin: 10px 0 10px 0 !important;
	}
}

@media screen and (max-width: 640px){
	.aside {
		display:block;
	}

	.aside img {
		width: 100%;
		margin-bottom:20px;
	}




	.sideLink {
		background:url(../../images/common/back01.png) left top ;
		padding:2% 2% 3% 2%;
		margin-bottom:30px;
	}

	.sideLinkBar  {
		background:url(../../images/common/back02.png) left top ;
		font-size:18px;
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		color:#fff;
		padding:10px;
		letter-spacing:3px;
	}
	.sideLink ul li  {
		padding:2% 0;
		background:url(../../images/common/sideLine.png) left bottom no-repeat;
	}
	.sideLink ul li a  {
		padding:2% 0 2% 4%;
		display:block;
		letter-spacing:1px;
		font-size:16px;
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		color:#333;
		background:url(../../images/common/arrowSide.png) left center no-repeat;
	}
	.recruitnLink ul li a  {
		padding:2% 0 2% 4%;
		display:block;
		letter-spacing:1px;
		font-size:16px;
		font-family: "Sawarabi Mincho";
		/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
		color:#333;
		background:url(../../images/common/arrowSide.png) left center no-repeat;
	}

}

.fbArea {
	margin-top:30px;
	background:#e6e6e6;
}
.fb_iframe_widget {
	display: block!important;
	margin: 0 auto 20px auto;
	width: 310px;
}
.fb-page {
}

.recruitnLink ul{
	list-style: none !important;
	margin: 10px 0 10px 15px !important;
}

/*--------------------------------------------------------
Footer
--------------------------------------------------------*/
.footerWrapper {
	width: 100%;
	position:relative;
}



@media print, screen and (min-width: 641px){
	.pagetop {
		display:block;
		background:url(../../images/common/btnTop.png) left top no-repeat;
		width:63px;
		height:63px;
		cursor:pointer;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:fixed;
		right:10%;
		bottom:100px;
		z-index:1000;
	}

	.ftrContents {
		width: 1000px;
		margin: 0 auto;
		padding:50px 0;
		position:relative;
	}

	.groupArea {
		background:#ebebeb;
		width: 100%;
	}

	.footer {
		background:url(../../images/common/back02.png) center top;
		width: 100%;
	}

	.footerCopy {
		display:block;
	}

	.footerLogo,
	.footerTel {
		display:inline-block;
		vertical-align:bottom;
		margin-right:25px;
	}


	.footer .ftrContents .tablebox .tablecell .footerLink {
		list-style-type:none;
		border-left:2px solid #fff;
	}
	.footer .ftrContents .tablebox .tablecell .footerLink a {
		color:#fff;
	}
	.footerNavi {
		position: relative;
	}
	.bannerPremiere {
		position:absolute;
		left:0;
		bottom:0;
		width:220px;
	}

	.footerLink {
		list-style-type:none;
		border-left:2px solid #494949;
	}
	.footerLink li {
		text-align:left;
		color:#333;
		padding:5px 10px;
	}
	.footerLink li:first-child {
		padding-top:0;
	}
	.footerLink li:last-child {
		padding-bottom:0;
	}
	.footerLink li a {
		color:#333;
	}
	.footerLink li a strong {
		padding-left:10px;
		font-size:12px;
		background:url(../../images/common/arrowPurple.png) left center no-repeat;
	}

	.relatelink{
		margin-top: 40px;
	}
	.relatelink ul, .relatelink li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.relatelink::after{
		content: "";
		display: block;
		clear: both;
	}
	.relatebox{
		float: left;
	}
	.relatelink li{
		padding: 0 36px 10px 0;
	}
	.relatelink li:nth-child( 4n ) {
		padding: 0 0 10px 0;
	}
	.relatebox .banner{
		padding: 0 0 5px 0;
	}
	.relatebox .text{
		font-size: 12px;
		line-height: 1.5;
		color: #fff;
	}

	.copyright {
		text-align:center;
		padding:40px 0 0 0;
		color:#fff;
		font-size:11px
	}


}

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

	.fb_iframe_widget {
		margin: 0 0 20px 10px!important;
	}

	.pagetop {
		display:block;
		background:url(../../images/common/btnTop.png) left top no-repeat;
		background-size:contain;
		width:15%;
		height:15%;
		cursor:pointer;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:fixed;
		right:3%;
		bottom:2%;
		z-index:1000;
	}

	.ftrContents {
		width: 90%;
		margin: 0 auto;
		padding:10% 0;
		position:relative;
	}

	.groupArea {
		background:#ebebeb;
		width: 100%;
	}



	.spBottomBtn {
		display:block;
		margin:0 0 10% 0;
		padding:0 2% 5% 2%;
		background:#ebebeb;
		text-align:center;
	}
	.spBottomTel img {
		width:65%;
		margin:4% 0 0 0;
	}

	.bannerPremiere {
		margin-top:15px;
	}


	.spBottomBtn table tr td {
		border:0;
	}


	.footer {
		width: 100%;
	}

	.footerCopy {
		display:block;
	}

	.footerLogo,
	.footerTel {
		display:inline-block;
		vertical-align:bottom;
		margin-right:25px;
	}

	.footer .ftrContents .tablebox .tablecell .footerLink {
		list-style-type:none;
		border-bottom:1px solid #cacaca;
		padding:0 0 15px 0;
	}
	.footer .ftrContents .tablebox .tablecell .footerLink a {
		color:#333;
	}

	.bannerPremiere {
		width:100%;
	}

	.footerLink {
		list-style-type:none;
	}
	.footerLink li {
		text-align:left;
		color:#333;
		padding:2% 3%;
		font-size:95%;
	}
	.footerLink li:first-child {
		padding-top:0;
	}
	.footerLink li:last-child {
		padding-bottom:0;
	}
	.footerLink li a {
		color:#333;
	}
	.footerLink li a strong {
		padding-left:10px;
		font-size:12px;
		background:url(../../images/common/arrowPurple.png) left center no-repeat;
	}

	.lastCell .footerLink {
		border:none!important;
	}
	.lastCell .footerLink li {
		display:inline-block;
		padding:1% 2%;
	}
	.lastCell .footerLink li {
		border-left:1px solid #cacaca;
	}
	.lastCell .footerLink li:first-child {
		border-left:none;
	}

	.relaterow:after {
		content: "";
		display: block;
		clear: both;
	}
	.relatebox {
		float: left;
		width: 49%;
	}
	.relatebox:nth-child(2n-1) {
		margin-right: 2%;
	}

	.relatebox .banner{
		padding: 5px 0 5px 0;
	}
	.relatebox img {
		width: auto;
		max-width: 100%;
	}
	.relatebox .text {
		font-size: 12px;
		line-height: 1.5;
		color: #333;
	}
	.copyright {
		text-align:center;
		padding:20px 0 0 0;
		font-size:11px
	}
}

/* ー友の会追加css・20/03/30- */
.t_box{
	margin-bottom: 30px;
}
.tomo p{
	line-height: 2;
}
.tomo h3{
	background: none;
	padding: 0;
	text-align: left;
	font-family: auto;
	letter-spacing: normal;
	font-weight: bold;
}
.tomo h4{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	color: #000;
	font-family: auto;
}
.tomo ul{
	list-style-type: none!important;
}
.tomo-ul-top{
	font-size: 0;
	text-align: center;
	line-height: 2;
}
.article .tomo ul{
	margin: 10px 0;
}
.tomo-ul-top li{
	position: relative;
	font-size: 14px;
	display: inline;
	width: 14em;
	margin-left: 30px;
}
.tomo-ul-top li a{
	color: #000;
}
.tomo-ul-top li:first-child,.tomo-ul-top li:nth-of-type(4){
	margin-left: 0;
}
.tomo-ul-top li::before{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	left: -12px;
	top: 6px;
	border-right: 1px solid #b33431;
	border-bottom: 1px solid #b33431;
	transform: rotate(-45deg);
}
#b-1 h2,#b-2 h2{
	margin-bottom: 0;
}
#b-2 p:first-of-type{
	margin: 10px 0 20px;
}
#b-2 p:nth-child(2),#b-2 p:nth-child(3){
	margin-bottom: 15px;
}
.b-2_inner{
	background-image: url("https://matsuba-grp.pro/VVm5Ay/wordpress/wp-content/themes/basic01/images/tomonokai/tomo_img02.jpg");
	background-size: contain;
  background-repeat: no-repeat;
	margin-top: -10px;
}
.tomo .inner_1{
	margin-bottom: 25px;
}
.tomo table{
	border-color: #d9d9d9;
}
.tomo th{
	background:none;
	text-align: center;
}
.tomo table tr:first-child th:nth-child(n+2):nth-child(-n+5){
	background: #2d004b;
	color: #fff;
	font-weight: bold;
}
.tomo tr:nth-of-type(3),.tomo tr:nth-of-type(5),.tomo tr:nth-of-type(9){
	background: #f2f2f2;
}
.tomo td{
	text-align: right;
}
#b-3 li{
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.b-4_scroll{
	box-sizing: border-box;
	padding: 15px 20px;
	height: 315px;
	overflow: scroll;
	border: 1px solid #d9d9d9;
}
#b-4 p,#b-4 li{
	font-size: 12px;
	line-height: 2;
}
.b-4_box{
	margin-bottom: 15px;
}
.tomo .indent{
	margin: 0;
}
.tomo .indent li{
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
}
@media screen and (max-width: 640px){
	.tomo .wpcf7-form-control-wrap{
		width: 304px;
    margin: auto;
	}
	.article .tomo ul{
		margin: 0;
	}
	.article .tomo ul li{
		padding-bottom: 10px;
	}
	.tomo nav{
		width: 50%;
    margin: 20px auto;
	}
	.tomo-ul-top{
		text-align: left;
	}
	.tomo-ul-top li{
		display: block;
		margin-left: 0;
		line-height: normal;
	}
	.tomo h2{
		font-size: 22px;
	}
	.tomo h3{
		text-align: center;
	}
	.t_box{
		margin-bottom: 20px;
	}
	.b-2_inner>p{
		text-align: center;
		padding-top: 10px;
	}
	.tomo table th{
		padding: 7px;
		font-size: 12px;
	}
	.tomo table td{
		padding: 7px;
		font-size: 13px;
	}
	.b-2_inner,#b-3 ul{
		padding: 0 10px;
	}
	#b-3 .indent li{
		padding-left: 2em;
    text-indent: -1.5em;
	}
}

/* ー着物お直し相談追加css・20/12/15- */
#onaoshi p{
	display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#onaoshi .title{
  background: url(../../images/service/back02.png) left top;
  padding: 15px;
  margin: 0 0 5px 0;
  text-align: left;
  font-size: 20px;
  font-family: "Sawarabi Mincho";
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #fff;
}

#onaoshi h3{
  display: block;
	margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
	background : none;
	padding: 0;
	letter-spacing: 0;
}
#onaoshi h3{
  text-align: center;
  position: relative;
}
#onaoshi h3::after{
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #000;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
#onaoshi h3.no_bold{
  padding-bottom: 70px;
  font-weight: 24px;
  font-size: 24px;
}
#onaoshi li{
  list-style-type: none;
}
#onaoshi h3.no_bold,#onaoshi p.cap_ttl,#onaoshi div.top_box p,#onaoshi .cap_txt,#onaoshi .qa .qa_box p:first-child,#onaoshi .qa .qa_box p:last-child span.qa_a{
  font-family: "Sawarabi Mincho";
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#onaoshi p.matsuba_reason_ttl{
  color: #725700;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  border-top: 4px double #725700;
  border-bottom: 4px double #725700;
  max-width:265px;
  margin:30px auto;
  padding:10px 0;
  z-index: 2;
}
#onaoshi .box_flex{
  display: flex;
  justify-content: space-between;
}
#onaoshi .matsuba_reason{
  position: relative;
  margin: 0 auto 5rem;
  padding: 0 2rem 5rem;
}
#onaoshi .matsuba_reason:after{
  position: absolute;
  content:"";
  width:200px;
  height:96px;
  right:0;
  bottom:0;
  background-image: url(../../images/service/reason_img04.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: auto;
  }
#onaoshi .matsuba_reason_cont {
  position: relative;
  background-image: url(../../images/service/reason_img01.png);
  background-size: cover;
}
#onaoshi .matsuba_reason_cont:before {
  position: absolute;
  content:"";
  width:138px;
  height:126px;
  left:0;
  top:20%;
  background-image: url(../../images/service/reason_img03.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: auto;
}
#onaoshi .matsuba_reason_cont:after {
  position: absolute;
  content:"";
  width:64px;
  height:65px;
  right:20px;
  top:20%;
  background-image: url(../../images/service/reason_img02.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: auto;
}
#onaoshi .box_flex .top_box{
  width: 30%;
  background-color: #fff9dc;
  height: 150px;
  display: grid;
  align-items: center;
  box-shadow: rgb(229 214 152) 6px 6px;
  position: relative;
  z-index: 1;
  padding: 0 0.2rem;
}
#onaoshi .box_flex .top_box .ftz10 {
  font-size:10px;
}
#onaoshi .box_flex .top_box.orange:before,
#onaoshi .box_flex .top_box.orange:after,
#onaoshi .box_flex .top_box.green:before,
#onaoshi .box_flex .top_box.green:after,
#onaoshi .box_flex .top_box.yellow:before,
#onaoshi .box_flex .top_box.yellow:after {
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-style:solid;
}
#onaoshi .box_flex .top_box.orange:before,
#onaoshi .box_flex .top_box.green:before,
#onaoshi .box_flex .top_box.yellow:before {
  top:-3px;
  right:-3px;
  border-width:0 30px 30px 0;
}
#onaoshi .box_flex .top_box.orange:after,
#onaoshi .box_flex .top_box.green:after,
#onaoshi .box_flex .top_box.yellow:after {
  bottom:-3px;
  left:-3px;
  border-width:30px 0 0 30px;
}
#onaoshi .box_flex .top_box.orange:before {
  border-color: transparent #f2a551 transparent transparent;
}
#onaoshi .box_flex .top_box.green:before {
  border-color: transparent #aac43d transparent transparent;
}
#onaoshi .box_flex .top_box.yellow:before {
  border-color: transparent #ede654 transparent transparent;	
}
#onaoshi .box_flex .top_box.orange:after {
  border-color: transparent transparent transparent #f2a551;
}
#onaoshi .box_flex .top_box.green:after {
  border-color: transparent transparent transparent #aac43d;
}
#onaoshi .box_flex .top_box.yellow:after {
  border-color: transparent transparent transparent #ede654;	
}
#onaoshi .matsuba_reason{
  margin: 0 auto 5rem;
}
#onaoshi .box_flex .top_box .cap img{
  max-width: 100%;
}
#onaoshi .box_flex .top_box p{
  font-size: 15px;
  text-align: center;
  color: #725700;
  font-weight: 800;
  height: 100%;
  max-height: 59%;
}
#onaoshi .box_flex .top_box p span {
  display: inline-block;
  font-size:23px;
  padding-bottom: 11px;
}
#onaoshi .link_sec ul{
  padding: 0;
}
#onaoshi .link_sec ul li a{
  color: #4b2465;
  font-size: 14px;
  letter-spacing: -1.6px;
  position: relative;
  padding-left: 7px;
}
#onaoshi .link_sec ul li a::before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-left: 7px solid #4b2465;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
#onaoshi ul{
	list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
#onaoshi a{
  text-decoration: underline;
}
#onaoshi .cap_txt{
  padding-bottom: 80px;
}
#onaoshi .cap_txt p{
  font-size: 20px;
  font-weight: bold;
  color: #4b2465;
  margin: 0;
  text-align: center;
  line-height: 1.6;
}
#onaoshi .link_sec.price_link ul{
  display: flex;
  justify-content: center;
}
#onaoshi .link_sec.price_link ul li:not(:last-child){
  padding-right: 15px;
}

@media only screen and (max-width: 640px) {
  #onaoshi .matsuba_reason {
	padding: 0 6px 35px;
  }
  #onaoshi .box_flex .top_box p span {
	font-size: 20px;
  }
  #onaoshi .box_flex .top_box p {
	max-height: 70%;
  }
  #onaoshi .box_flex .top_box {
	width: 31.8%;
	box-shadow: rgb(229 214 152) 5px 5px;
	height: auto;
	padding: 0.8rem 0;
  }
  #onaoshi .matsuba_reason_cont:before {
	max-width: 85px;
	top: 39%;
  }
  #onaoshi .matsuba_reason_cont:after {
    max-width: 40px;
    top: 32%;
    right: 9px;
  }
  #onaoshi .matsuba_reason:after {
	max-width: 110px;
	max-height: 53px;
  }
  #onaoshi .box_flex .top_box .ftz10 {
	font-size:8px;
	padding-bottom: 0px;
  }
  #onaoshi .matsuba_reason {
	margin: 0 auto 30px;
  }
}

@media only screen and (max-width: 420px) {
	#onaoshi .box_flex .top_box p {
	  font-size: 2.6vw;
	  line-height: 1rem;
	}
}


/* テーブル部分 */

#onaoshi .table_sect th,#onaoshi .price_03 .bg_img{
  font-size: 14px;
  line-height: 1.2;
  background-image: url(../../images/service/o_td_back_1.jpg);
	font-weight: bold;
}

#onaoshi .table_sect01 th,#onaoshi .price_03 .bg_img{
  font-size: 13px;
  line-height: 1.2;
  background-image: url(../../images/service/o_td_back_1.jpg);
	font-weight: bold;
}

#onaoshi .table_sect .firsttd{
  background-image: url(../../images/service/o_td_back_1.jpg);
	font-weight: bold;
}

#onaoshi .table_sect01 .firsttd{
  background-image: url(../../images/service/o_td_back_1.jpg);
	font-weight: bold;
	font-size: 13px;
}

#onaoshi .table_sect td{
  background-image: url(../../images/service/o_td_back_2.jpg);
}

#onaoshi td{
  display: table-cell;
  vertical-align: inherit;
  padding: 0px;
	border: none;
}

#onaoshi .table_sect table{
  border-collapse:collapse;
  font-size: 14px;
}

#onaoshi table{
  text-indent: initial;
  border-spacing: 2px;
  display: table;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
  border-color: grey;
}

#onaoshi .table_sect table tr{
  border-bottom: 3px solid #fff;
}

#onaoshi tbody{
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

#onaoshi tr{
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

#onaoshi .table_sect table th{
  padding: 14px 0;
}

#onaoshi .table_sect table th:not(:first-child){
  border-left: 3px solid #fff;
}

#onaoshi th{
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: -internal-center;
  text-align: center;
	border: none;
}

#onaoshi .table_sect table td{
  text-align:center;
}

#onaoshi .table_sect table td:not(:first-child){
  border-left: 3px solid #fff;
}

#onaoshi .table_sect01 table td:not(:first-child){
  border-left: 3px solid #fff;
	font-size: 11px;
}

#onaoshi .table_sect table td:not(:first-child):not(:last-child){
  /*vertical-align: top;*/
}

#onaoshi .table_sect table div{
  padding: 12px 4px 12px 4px;
}

#onaoshi .table_sect01 table div{
  padding: 12px 2px 12px 2px;
	font-size: 12px;
}

#onaoshi .table_sect table .th_a{
  width: 11%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#onaoshi .table_sect table .th_b{
  width: 22%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#onaoshi .table_sect01 table .th_b{
  width: 24%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#onaoshi .table_sect table .th_c{
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#onaoshi .table_sect01 table .th_c{
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#onaoshi .table_sect table .th_d{
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#onaoshi .table_sect table .th_e{
  width: 15%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#onaoshi .table_sect table .th_f{
  width: 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#onaoshi .table_sect table .th_g{
  width: 14%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#onaoshi .table_sect table .th_h{
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#onaoshi .table_inner{
  margin-bottom: 55px;
}
#onaoshi .table_sect02 tr td.ta_r{
  text-align: right;
}
#onaoshi .table_sect02 tr td.ta_l{
  text-align: left;
}
#onaoshi .table_sect table div.pd_a{
  padding: 35px 4px 12px 4px;
}
#onaoshi .table_sect table div.pd_b{
  padding: 32px 4px 12px 4px;
}
#onaoshi .pl_1em{
  padding-left: 1em;
}
#onaoshi .price_02 p{
  text-align: right;
}

/* bottom_sec */
#onaoshi .contents_sec.bottom_sec{
  margin-top: 15px;
}
#onaoshi .contents_sec.bottom_sec .contents_box:not(:first-child){
  margin-top: 75px;
}
#onaoshi .oteire p:not(:last-of-type),#onaoshi .qa .qa_box:not(:last-of-type){
  margin-bottom: 30px;
}
#onaoshi .oteire p{
  position: relative;
}
#onaoshi .oteire p::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #765689;
}
#onaoshi .oteire p:last-child::after{
  content: none;
}
#onaoshi .qa .qa_box p{
  margin: 0;
  padding: 18px 0 18px 13px;
}
#onaoshi .qa .qa_box p:first-child{
  color: #fff;
  background: #6b4a7f;
  font-size: 20px;
}
#onaoshi .qa .qa_box p:first-child span{
  padding-right: 10px;
}
#onaoshi .qa .qa_box p:last-child{
  font-size: 14px;
  background: #ede9e0;
  padding: 18px 33px 18px 13px;
  position: relative;

}
#onaoshi .qa .qa_box p:last-child span.qa_a{
  color: #6b4a7f;
  font-size: 20px;
  position: absolute;
}
#onaoshi .qa .qa_box p:last-child span.qa_a_txt{
  padding-left: 23px;
}
#onaoshi .qa .qa_box p:last-child span.qa_a_txt{
  position: relative;
}
/* お直し　お問い合わせ */
#onaoshi .contact_sec{
  font-size: 14px;
}
#onaoshi .contact_sec p{
  margin: 0;
}
#onaoshi .contact_sec span{
  color: #ff0000;
}
#onaoshi .contact_sec table{
  border: 3px solid #f2f2f2;
  border-spacing: 1px;
  border-collapse: collapse;
}
#onaoshi .contact_sec table th{
  background-image: url(../../images/service/o_td_back_1.jpg);
  width: 33%;
  font-weight: normal;
  padding: 10px 0 10px 10px;
  text-align: left;
	border: 1px solid #fff;
}
#onaoshi .contact_sec table tr:not(:last-child) th{
  border-bottom: 1px solid #fff;
}
#onaoshi .contact_sec table td{
  padding: 10px 15px;
}
#onaoshi .contact_sec table tr:not(:last-child) td{
  border-bottom: 1px solid #f2f2f2;
}
#onaoshi input,#onaoshi textarea{
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
#onaoshi textarea{
  height: 300px;
}
#onaoshi .submit{
  max-width: 135px;
  margin: 40px auto 0;
}
#onaoshi .submit input{
  border: none;
  color: #fff;
  padding: 7px 0;
  font-weight: bold;
  background: url(../../images/service/back03.png) left top;
	font-size: 14px;
}
#onaoshi .submit input:hover{
  cursor: pointer;
}
#onaoshi p.contact_cap{
  margin: 15px 0;
}
#onaoshi p.input_name{
  margin-top: 10px;
}

.onaoshi_sltxt{
  text-align: right;
  font-size: 12px;
}

@media screen and (max-width: 640px){
.onaoshi_scroll table{
  width:100%;
}

.onaoshi_scroll{
  overflow: auto;
  white-space: nowrap;
}

.onaoshi_scroll::-webkit-scrollbar{
  height: 5px;
}

.onaoshi_scroll::-webkit-scrollbar-track{
  background: #F1F1F1;
}

.onaoshi_scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

#onaoshi .table_sect table{
  font-size: 12px;
}

#onaoshi .table_sect th,#onaoshi .price_03 .bg_img{
  font-size: 12px;
}

#onaoshi .cap_txt p{
  font-size: 17px;
}

#onaoshi .price_02 p{
  font-size: 11px;
}

#onaoshi .link_sec ul li a{
  font-size: 12px;
	padding-left: 12px;
	display: block;
}

.onaoshi_sltxt {
  font-size: 11px;
}

#onaoshi .table_sect table div{
  padding: 12px 5px 12px 5px;
}

.onaoshi_ws {
  white-space: break-spaces;
}

#onaoshi .contact_sec table td{
  padding: 10px 10px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#onaoshi input,#onaoshi textarea{
}

#onaoshi .onaoshi_recaptcha{
	transform-origin: 0% 0%;
  transform: scale(0.95);
}

}


@media (max-width: 640px) { .pc{display:none!important;}
 }
@media (min-width: 641px) { .sp{display:none!important;}
}