@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-style:normal;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

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

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}


* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}







.both{
	clear:both;
}

.txtCenter{
	text-align: center;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

a,a:hover {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}

a img:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.fltLeft {float:left!important;}
.fltRight{float:right!important;}

.centering{text-align:center!important;}
.centering02{ margin-left:auto!important; margin-right:auto!important;}

.noBold {font-weight:normal!important;}
.bold {font-weight:bold!important;}

.txtRed{color:red;}
.txtBlue{color:blue;}
.txtRightBlue{color:#0099FF;}
.txtGreen{color:green;}
.txtOrange{color:orange;}

.font7{font-size:7px!important;}
.font8{font-size:8px!important;}
.font9{font-size:9px!important;}
.font10{font-size:10px!important;}
.font11{font-size:11px!important;}
.font12{font-size:12px!important;}
.font13{font-size:13px!important;}
.font14{font-size:14px!important;}
.font15{font-size:15px!important;}
.font16{font-size:16px!important;}
.font17{font-size:17px!important;}
.font18{font-size:18px!important;}
.font19{font-size:19px!important;}
.font20{font-size:20px!important;}
.font22{font-size:22px!important;}
.font23{font-size:23px!important;}
.font24{font-size:24px!important;}
.font26{font-size:26px!important;}

.noBod{border:none!important;}
.noMag{margin:0px!important;}
.noPad{padding:0px!important;}
.noFlt{float:none!important;}
.noBg{ background-image:none!important;}

.magTop0 {margin-top:0px!important;}
.magTop5 {margin-top:5px!important;}
.magTop10{margin-top:10px!important;}
.magTop15{margin-top:15px!important;}
.magTop20{margin-top:20px!important;}
.magTop25{margin-top:25px!important;}
.magTop30{margin-top:30px!important;}
.magTop33{margin-top:33px!important;}
.magTop35{margin-top:35px!important;}
.magTop40{margin-top:40px!important;}
.magTop45{margin-top:45px!important;}
.magTop50{margin-top:50px!important;}
.magTop55{margin-top:55px!important;}
.magTop60{margin-top:60px!important;}
.magTop70{margin-top:70px!important;}
.magTop80{margin-top:80px!important;}
.magTop90{margin-top:90px!important;}
.magTop100{margin-top:100px!important;}
.magTop110{margin-top:110px!important;}

.magLft5{margin-left:5px!important;}
.magLft10{margin-left:10px!important;}
.magLft15{margin-left:15px!important;}
.magLft20{margin-left:20px!important;}
.magLft30{margin-left:30px!important;}
.magLft40{margin-left:40px!important;}
.magLft50{margin-left:50px!important;}
.magLft60{margin-left:60px!important;}
.magLft70{margin-left:70px!important;}
.magLft80{margin-left:80px!important;}
.magLft90{margin-left:90px!important;}
.magLft100{margin-left:100px!important;}
.magLft110{margin-left:110px!important;}
.magLft120{margin-left:120px!important;}
.magLft130{margin-left:130px!important;}
.magLft140{margin-left:140px!important;}
.magLft150{margin-left:150px!important;}
.magLft300 {margin-left:300px!important;}
.magLft350 {margin-left:350px!important;}

.magRht10{margin-right:10px!important;}
.magRht20{margin-right:20px!important;}
.magRht30{margin-right:30px!important;}
.magRht40{margin-right:40px!important;}
.magRht50{margin-right:50px!important;}
.magRht60{margin-right:60px!important;}
.magRht70{margin-right:70px!important;}
.magRht80{margin-right:80px!important;}
.magRht90{margin-right:90px!important;}
.magRht100{margin-right:100px!important;}

.magBtm5 {margin-bottom:5px!important;}
.magBtm10{margin-bottom:10px!important;}
.magBtm15{margin-bottom:15px!important;}
.magBtm20{margin-bottom:20px!important;}
.magBtm25{margin-bottom:25px!important;}
.magBtm30{margin-bottom:30px!important;}
.magBtm35{margin-bottom:35px!important;}
.magBtm40{margin-bottom:40px!important;}
.magBtm45{margin-bottom:45px!important;}
.magBtm50{margin-bottom:50px!important;}
.magBtm60{margin-bottom:60px!important;}
.magBtm70{margin-bottom:70px!important;}
.magBtm80{margin-bottom:80px!important;}
.magBtm90{margin-bottom:90px!important;}
.magBtm100{margin-bottom:100px!important;}
.magBtm110{margin-bottom:110px!important;}
.magBtm150{margin-bottom:150px!important;}

.padTop1 {padding-top:1px!important;}
.padTop2 {padding-top:2px!important;}
.padTop3 {padding-top:3px!important;}
.padTop4 {padding-top:4px!important;}
.padTop5 {padding-top:5px!important;}
.padTop10{padding-top:10px!important;}
.padTop15{padding-top:15px!important;}
.padTop20{padding-top:20px!important;}
.padTop25{padding-top:25px!important;}
.padTop30{padding-top:30px!important;}
.padTop35{padding-top:35px!important;}
.padTop40{padding-top:40px!important;}
.padTop45{padding-top:45px!important;}
.padTop50{padding-top:50px!important;}
.padTop55{padding-top:55px!important;}
.padTop60{padding-top:60px!important;}
.padTop70{padding-top:70px!important;}
.padTop80{padding-top:80px!important;}
.padTop100{padding-top:100px!important;}
.padTop150{padding-top:150px!important;}

.padLft5 {padding-left:5px!important;}
.padLft10{padding-left:10px!important;}
.padLft15{padding-left:15px!important;}
.padLft20{padding-left:20px!important;}
.padLft25{padding-left:25px!important;}
.padLft30{padding-left:30px!important;}
.padLft35{padding-left:35px!important;}
.padLft40{padding-left:40px!important;}
.padLft45{padding-left:45px!important;}
.padLft50{padding-left:50px!important;}
.padLft60{padding-left:60px!important;}
.padLft70{padding-left:70px!important;}
.padLft80{padding-left:80px!important;}
.padLft90{padding-left:90px!important;}
.padLft100{padding-left:100px!important;}
.padLft110{padding-left:110px!important;}
.padLft120{padding-left:120px!important;}
.padLft180{padding-left:180px!important;}

.padRht5 {padding-right:5px!important;}
.padRht10{padding-right:10px!important;}
.padRht15{padding-right:15px!important;}
.padRht20{padding-right:20px!important;}
.padRht25{padding-right:25px!important;}
.padRht30{padding-right:30px!important;}
.padRht35{padding-right:35px!important;}
.padRht40{padding-right:40px!important;}
.padRht45{padding-right:45px!important;}
.padRht50{padding-right:50px!important;}

.padBtm0 {padding-bottom:0px!important;}
.padBtm5 {padding-bottom:5px!important;}
.padBtm8 {padding-bottom:8px!important;}
.padBtm10{padding-bottom:10px!important;}
.padBtm15{padding-bottom:15px!important;}
.padBtm20{padding-bottom:20px!important;}
.padBtm25{padding-bottom:25px!important;}
.padBtm30{padding-bottom:30px!important;}
.padBtm35{padding-bottom:35px!important;}
.padBtm40{padding-bottom:40px!important;}
.padBtm45{padding-bottom:45px!important;}
.padBtm50{padding-bottom:50px!important;}
.padBtm55{padding-bottom:55px!important;}
.padBtm60{padding-bottom:60px!important;}
.padBtm65{padding-bottom:65px!important;}
.padBtm70{padding-bottom:70px!important;}
.padBtm100{padding-bottom:100px!important;}
.padBtm150{padding-bottom:150px!important;}

.mAuto{
	margin: auto;
}

.wd30  {width:  30px!important;}
.wd40  {width:  40px!important;}
.wd50  {width:  50px!important;}
.wd60  {width:  60px!important;}
.wd70  {width:  70px!important;}
.wd80  {width:  80px!important;}
.wd90  {width:  90px!important;}
.wd100 {width: 100px!important;}
.wd110 {width: 110px!important;}
.wd120 {width: 120px!important;}
.wd130 {width: 130px!important;}
.wd140 {width: 140px!important;}
.wd150 {width: 150px!important;}
.wd160 {width: 160px!important;}
.wd170 {width: 170px!important;}
.wd180 {width: 180px!important;}
.wd190 {width: 190px!important;}
.wd200 {width: 200px!important;}
.wd210 {width: 210px!important;}
.wd220 {width: 220px!important;}
.wd240 {width: 240px!important;}
.wd250 {width: 250px!important;}
.wd280 {width: 280px!important;}
.wd300 {width: 300px!important;}
.wd350 {width: 350px!important;}
.wd320 {width: 320px!important;}
.wd350 {width: 350px!important;}
.wd370 {width: 370px!important;}
.wd400 {width: 400px!important;}
.wd450 {width: 450px!important;}
.wd480 {width: 480px!important;}
.wd500 {width: 500px!important;}
.wd510 {width: 510px!important;}
.wd520 {width: 520px!important;}
.wd550 {width: 550px!important;}
.wd580 {width: 580px!important;}
.wd600 {width: 600px!important;}
.wd630 {width: 630px!important;}
.wd660 {width: 660px!important;}
.wd670 {width: 670px!important;}
.wd690 {width: 690px!important;}
.wd700 {width: 700px!important;}
.wd720 {width: 720px!important;}
.wd800 {width: 800px!important;}

.wd52 {width:  52px!important;}
.wd57 {width:  57px!important;}
.wd86 {width:  86px!important;}
.wd105 {width: 105px!important;}
.wd122 {width: 122px!important;}
.wd128 {width: 128px!important;}
.wd165 {width: 165px!important;}
.wd185 {width: 185px!important;}
.wd206 {width: 206px!important;}

.ht0   {height:  0px!important;}
.ht30  {height:  30px!important;}
.ht50  {height:  50px!important;}
.ht60  {height:  60px!important;}
.ht70  {height:  70px!important;}
.ht80  {height:  80px!important;}
.ht90  {height:  90px!important;}
.ht100 {height: 100px!important;}
.ht140 {height: 140px!important;}
.ht150 {height: 150px!important;}
.ht200 {height: 200px!important;}
.ht250 {height: 250px!important;}
.ht300 {height: 300px!important;}
.ht350 {height: 350px!important;}
.ht400 {height: 400px!important;}
.ht450 {height: 450px!important;}
.ht500 {height: 500px!important;}

.ht35  {height:  35px!important;}
.ht45  {height:  45px!important;}
.ht95  {height:  95px!important;}

/* ============================================
    common
   ============================================ */

body {
	background-color:#fff;
	text-align: center;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Helvetica","sans-serif";
	font-size:12px;
	color:#181818;
	letter-spacing: 0.1em;
	text-align:left;
	margin: 0px;
	line-height: 1.6em;
}

header{
  height: 80px;
  width: 100%;
  position: fixed;
  z-index: 999;
  background: #fff;
	background-color: rgba( 255, 255, 255, 0.8 );
}

header .wrap01{
  min-width: 960px;
  padding: 0 30px;
}

.logo{
	float: left;
	margin-top: 25px;
}

.logo img{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.gNav{
	float: right;
	width: 930px;
}

.gNav li a{
	float: left;
	border-left: 1px solid #dcdcdc;
	width: 110px;
	height: 80px;
	display: block;
	color: #181818;
}

.gNav li a:hover{
	color: #777;
}

.gNav li a:after{
	content: '';
	display: block;
	height: 3px;
	width: 0;
	background: transparent;
	transition: width .4s ease, background-color .4s ease;
	margin-top: 14px;
}

.gNav li a:hover:after {
	width: 100%;
	background: #000;
}

.gNav li.active a{
	color: #777;
}

.gNav li.active a:after {
	width: 100%;
	background: #000;
}

.gNav li.tel{
	float: left;
	border-left: 1px solid #dcdcdc;
	width: 210px;
	height: 80px;
}

.gNav li span{
	display:block;
	text-align: center;
}

.gNav li span.inlineTxt{
	font-size: 15px;
	font-weight: bold;
	margin-top: 25px;
}

.gNav li span.ruby{
	font-size: 10px;
	letter-spacing: 0;
}

.gNav li span.ruby02{
	font-size: 13px;
	letter-spacing: 0;
}

.gNav li.tel .num{
	font-size: 21px;
	font-weight: 600;
	padding-left: 16px;
	background: url("../images/ico_tel.png") no-repeat 8px -2px;
	margin-top: 18px;
	letter-spacing: 0;
	margin-bottom: 6px;
}

footer{
	background-color: #1F1F1A;
	color: #FFF;
	height: 130px;
}

footer .wrap01{
  min-width: 960px;
  padding: 30px 30px;
}

.ftNav{
	float: right;
}

.ftNav li {
	display: inline-block;
	padding: 0 10px;
}

.ftNav li a {
	color: #FFF;
}

.ftNav li a:hover {
	text-decoration: underline;
}

.pageTop a{
	display: block;
	height: 60px;
	width: 100%;
	background: url("../images/cursor_pagetop.png") no-repeat center 18px;
	cursor:pointer;
}

.pageTop a:hover{
	background: url("../images/cursor_pagetop_over.png") no-repeat center 18px #1F1F1A;
}

#map_canvas { width: 100%; height: 400px; margin-top: 20px;}


/* ============================================
    Top
   ============================================ */

/* メインバナー　*/

.dscrptArea h1,.dscrptArea .subDscrptn{
	position: absolute;
	text-align: center;
	z-index: 999;
	color: #fff;
	width: 100%;
	min-width: 960px;
	text-shadow: 0 0 10px #000;
}

.dscrptArea h1{
	top: 223px;
	font-size: 36px;
	font-weight: bold;
}

.dscrptArea .subDscrptn{
	top: 283px;
	font-size: 24px;
}

.is01,.is02,.is03 {
	height: 460px; /* html要素をウィンドウサイズにフィット */
	background-size:cover; /* 背景画像をhtml要素にフィット */
}

.is01 {
	background: url("../images/bnr_top01.jpg") no-repeat center top;
}

.is02 {
	background: url("../images/bnr_top02.jpg") no-repeat center top;
}

.is03 {
	background: url("../images/bnr_top03.jpg") no-repeat center top;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #f5f4f4;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bxslider{
	height: 460px;
	overflow: hidden;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	display: none;
}

/* PAGER */
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: none;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

.newsWrap{
	height: 40px;
	position: relative;
	top: -40px;
	background-color: rgba( 0, 0, 0, 0.5 );
	width: 100%;
}

.newsWrap .newsArea{
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	width: 960px;
	margin: auto;
	line-height: 40px;
	padding-left: 25px;
	background: url("../images/ico_top_cmnt.png") no-repeat 0px 13px;
}

.ticker {
	position: relative;
	overflow: hidden;
}

.ticker ul {
	width: 100%;
	position: relative;
}

.ticker ul li {
	width: 100%;
	display: none;
}

/* New Works */

.wrap02 {
	width: 960px;
	margin: auto;
	padding: 40px 0 60px;
}

.hdWrap01,
.hdWrap02{
	padding-top: 8px;
}

#sec01 .wrap02 {
	padding-top: 0px;
}

.wrap02 h2{
	font-size: 33px;
}

.wrap02 .hdWrap01 h2{
	float: left;
}

.btnMini {
	float: right;
	margin-top: -8px;
}

.btnMini a{
	font-size: 12px;
	width: 91px;
	height: 28px;
	line-height: 27px;
	border: 1px solid;
	text-align: center;
	padding-left: 18px;
	display: block;
	color: #181818;
}

.btnMini.blk a{
	border-color: #000;
	background: url("../images/cursor_s_blk.png") no-repeat 8px 7px;
}

.btnMini.blk a:hover{
	background: url("../images/cursor_s_wht.png") no-repeat 12px 7px #000;
	color: #fff;
}

.btnMini.wht a{
	border-color: #fff;
	background: url("../images/cursor_s_wht.png") no-repeat 9px 7px;
	color: #fff;
}

.btnMini.wht a:hover{
	color: #181818;
	background: url("../images/cursor_s_blk.png") no-repeat 9px 7px #fff;
}

#carouselwrap {
	position:relative;
	margin:30px auto 0;
	width:960px;
	height:130px;
}

#carouselwrap .carousel {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}

#carouselwrap ul li.cPanel {
	float:left;
	width: 960px;
	height:220px;
	display:inline;
}

#carouselwrap .prev,
#carouselwrap .next {
	position: absolute;
	top: 50%;
	width: 33px;
	height: 63px;
	cursor:pointer;
	margin-top: -30px;
}

#carouselwrap .prev {
	left: -73px;
	background-image: url(../images/cursor_top_crsl_l.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#carouselwrap .next {
	right: -73px;
	background-image: url(../images/cursor_top_crsl_r.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#carouselwrap .prev:hover,
#carouselwrap .next:hover {
	opacity:0.5;
}

#carouselwrap .prev.hide,
#carouselwrap .next.hide {
	background-position: 0 -63px;
	cursor:auto;
	display: block;
}

#carouselwrap .prev.hide:hover,
#carouselwrap .next.hide:hover {
	opacity:1;
}

.nwBox{
	display: inline-block;
	width: 316px;
	letter-spacing:1px;
	margin-bottom: 25px;
}

.nwPict{
 	width: 95px;
	vertical-align: -3.6em;
	display: inline-block;
}

.nwBox .nwTxt{
	display: inline-block;
	width: 240px;
	font-size: 11px;
	padding-left: 12px;
	line-height: 1.5em;
	vertical-align: middle;
}

.nwBox .linkTxt{
	display: inline-block;
	width: 240px;
	font-size: 11px;
	padding-left: 12px;
	line-height: 1.5em;
	vertical-align: middle;
}

.nwBox .linkTxt a{
	color: #181818;
}

.nwBox .linkTxt a:hover{
	text-decoration: underline;
}


.nwPict img{
  width: 95px;
  border-radius: 95px;
  -webkit-border-radius: 95px;
  -moz-border-radius: 95px;
}

.nwBox .date{
	color: #999;
	font-weight: bold;
	margin-top: 3px;
}

/* Reese ブログ */

#sec02{
	background: #E6E5DF;
}

.toggleWrapHidden{
	display:none;
}

.toggleBtn{
	cursor:pointer;
	background:url(../images/cursor_tgl01.png) no-repeat center 10px;
	height: 33px;
	margin-top: 20px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.toggleBtn:hover{
	background:url(../images/cursor_tgl01.png) no-repeat center 10px #f9f9f7;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.toggleBtn.active{
	cursor:pointer;
	background:url(../images/cursor_tgl01.png) no-repeat center -18px;
	height: 30px;
}

.toggleBtn.active:hover{
	background:url(../images/cursor_tgl01.png) no-repeat center -18px #f9f9f7;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.lftClm{
	width: 570px;
	margin-right: 40px;
	float: left;
}

.blgBox{
	background-color: #FFF;
	height: 175px;
	margin-top: 30px;
}

.blgPict .pictLine{
	position: relative;
	height: 45px;
	width: 175px;
	background-color:rgba(0,0,0,0.6);
	bottom:-130px;
}

.blgPict {
	width: 175px;
	height: 175px;
	overflow: hidden;
	position: relative;
}

.blgPict img {
	position: absolute;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.blgPict img:hover {
	-moz-transform: scale(1.1,1.1);
 	-webkit-transform: scale(1.1,1.1);
 	-o-transform: scale(1.1,1.1);
 	-ms-transform: scale(1.1,1.1);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.blgPict span {
	display: block;
	text-align: center;
	color: #FFF;
}

.blgPict span a {
	font-size: 14px;
	color: #FFF;
	display: block;
	padding-top: 4px;
}

.blgPict span a:hover {
	text-decoration: underline;
	color: #dedd6b;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.blgPict span.date {
	font-size: 11px;
	line-height: 1.4em;
}

.blgTxt{
	position: relative;
	width: 360px;
	padding: 15px;
	top:-175px;
	left: 175px;
	font-size: 12px;
	line-height: 1.25em;
}

.blgTxt h3{
	font-size: 16px;
	line-height: 1.2em;
	margin-bottom: 5px;
	font-weight: bold;
	display: block;
	letter-spacing: 0.5px;
}

.blgTxt h3 a{
	font-size: 16px;
	line-height: 1.2em;
	margin-bottom: 5px;
	font-weight: bold;
	color: #1b387a;
	display: block;
	letter-spacing: 0.5px;
}

.blgTxt h3 a:hover{
	color: #7b89a9;
	text-decoration: underline;
}

.tag a{
	border: #DEE1E2 1px solid;
	background: url(../images/ico_tag.png) no-repeat 10px 5px #eceff1;
	font-size: 10px;
	color: #6A6A6A;
	letter-spacing: 0em;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 10px 0 23px;
	margin: 7px 8px 0 0;
}

.tag a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

/* 事例紹介 */

.rghtClm{
	width: 350px;
	float: right;
}

#sec02 .caseBox{
	background-color: #FFF;
	height: 350px;
	height: 380px;
	margin-top: 30px;
}

.casePict .pictLine{
	position: relative;
	height: 64px;
	width: 350px;
	background-color:rgba(0,0,0,0.6);
	bottom:-111px;
}

.casePict {
	width: 350px;
	height: 175px;
	overflow: hidden;
	position: relative;

}

.casePict img {
	position: absolute;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.casePict img:hover {
	-moz-transform: scale(1.1,1.1);
 	-webkit-transform: scale(1.1,1.1);
 	-o-transform: scale(1.1,1.1);
 	-ms-transform: scale(1.1,1.1);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.casePict a img {
	position: absolute;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.casePict a img:hover {
	-moz-transform: scale(1.1,1.1);
 	-webkit-transform: scale(1.1,1.1);
 	-o-transform: scale(1.1,1.1);
 	-ms-transform: scale(1.1,1.1);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.caseBox h3{
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	display: block;
	letter-spacing: 0.5px;
	padding: 12px 10px;
}

.caseBox h3 a{
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	display: block;
	letter-spacing: 0.5px;
	padding: 12px 10px;
}

.caseBox h3 a:hover{
	color: #b6ccfe;
	text-decoration: underline;
}

.caseTxt{
	padding: 15px;
	line-height:  1.3em;
}

/* 私たちにできること */

#sec03{
	background: #393933;
	color: #FFF;
}

#sec03 h2{
	float: none;
	text-align: center;
	margin-bottom: 40px;
	padding-top: 8px;
}

#sec03 .secTxt01{
	width: 810px;
	margin: 20px auto 20px;
	font-size: 14px;
	line-height: 24px;
}

.figTop01{
	width: 615px;
	margin: auto;
}

.fig01,
.fig02{
	font-size: 20px;
	width: 240px;
	display: inline-block;
	padding-top: 180px;
	text-align: center;
}

.fig01{
	background: url(../images/fig_top_bsns01.png) no-repeat center 0px;
}

.fig02{
	background: url(../images/fig_top_bsns02.png) no-repeat center 0px;
}

.figTop01 span{
	font-size: 72px;
	display: inline-block;
	width: 120px;
	text-align: center;
	vertical-align: 0.8em;
}

.btnMid {
	text-align: center;
	margin-top: 40px;
}

.btnMid a{
	font-size: 18px;
	width: 201px;
	height: 43px;
	line-height: 43px;
	border: 1px solid;
	text-align: center;
	padding-left: 17px;
	display: block;
	color: #181818;
}

.btnMid.blk a{
	border-color: #000;
	background: url("../images/cursor_s_blk.png") no-repeat 25px 15px;
}

.btnMid.blk a:hover{
	background: url("../images/cursor_s_wht.png") no-repeat 30px 15px #000;
	color: #fff;
}




.btnTop {
	text-align: center;
	margin-top: 0px;
}

.btnTop a{
	font-size: 18px;
	width: 201px;
	height: 43px;
	line-height: 43px;
	border: 1px solid;
	text-align: center;
	padding-left: 17px;
	display: block;
	color: #181818;
}

.btnTop.blk a{
	border-color: #000;
	background: url("../images/cursor_s_blk.png") no-repeat 25px 15px;
}

.btnTop.blk a:hover{
	background: url("../images/cursor_s_wht.png") no-repeat 30px 15px #000;
	color: #fff;
}



.btnTop02 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 100px;
}

.btnTop02 a{
	font-size: 18px;
	width: 201px;
	height: 43px;
	line-height: 43px;
	border: 1px solid;
	text-align: center;
	padding-left: 17px;
	display: block;
	color: #181818;
}

.btnTop02.blk a{
	border-color: #000;
	background: url("../images/cursor_s_blk.png") no-repeat 25px 15px;
}

.btnTop02.blk a:hover{
	background: url("../images/cursor_s_wht.png") no-repeat 30px 15px #000;
	color: #fff;
}








.btnMid.wht a{
	border-color: #fff;
	background: url("../images/cursor_s_wht.png") no-repeat 25px 15px;
	color: #fff;
}

.btnMid.wht a:hover{
	color: #181818;
	background: url("../images/cursor_s_blk.png") no-repeat 30px 15px #fff;
}



.btnBig {
	text-align: center;
	margin-bottom: 40px;
}

.btnBig a{
	font-size: 15px;
	width: 670px;
	line-height: 1.5em;
	border: 1px solid;
	text-align: center;
	padding: 20px;
	display: block;
	color: #181818;
	margin: auto;
}

.btnBig a p{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 15px;
}

.btnBig.blk a{
	border-color: #000;
}

.btnBig.blk a:hover{
	background-color: #000;
	color: #fff;
}





.btnBigRec {
	text-align: center;
	margin-bottom: 40px;
	font-size: 15px;
	width: 670px;
	line-height: 1.5em;
	border: 1px solid;
	text-align: center;
	padding: 20px;
	display: block;
	color: #181818;
	margin: auto;
}


















.btnBig.wht a{
	border-color: #fff;
	color: #fff;
}

.btnBig.wht a:hover{
	color: #181818;
}


/* 採用情報 */

#sec04{
	background: url("../images/bg_top_recruit.jpg") no-repeat top center #b7ae9d;
	color: #FFF;
}

#sec04 h2{
	float: none;
	text-align: center;
	padding-top: 8px;
	margin-bottom: 40px;
}

#sec04 .secTxt01{
	width: 810px;
	margin: 20px auto 20px;
	font-size: 14px;
	line-height: 24px;
}

.rcrtTxt a{
	font-size: 22px;
	color: #FFF;
	text-decoration: underline;
	text-align: center;
	line-height: 40px;
}

.rcrtTxt a:hover{
	color: #dedd6b;
}

.rcrtTxt li{
	text-align: center;
}

/* 企業情報 */

#sec05 h2{
	float: none;
	text-align: center;
	padding-top: 8px;
	margin-bottom: 40px;
}

#sec05 .secTxt01{
	width: 810px;
	margin: 20px auto 20px;
	font-size: 14px;
	line-height: 24px;
}

.compName{
	font-size: 18px;
	text-align: center;
	margin: 40px auto 7px;
}

.faqTitle{
	font-size: 18px;
	text-align: left;
	margin: 40px auto 7px;
}

.faqAnswer{
	width: 810px;
	margin: 40px auto 20px;
	font-size: 14px;
	line-height: 24px;
	display:inline;
}

.compInfo{
	font-size: 13px;
	text-align: center;
	margin-top: 2px;
}

.access{
	text-align: center;
}

.access span{
	font-size: 23px;
	text-align: center;
	margin: auto;
	padding: 5px 0 9px 23px;
	display: block;
	width: 90px;
	background: url("../images/ico_access.png") no-repeat 0 0;
}

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

.dscrptAreaIn h1,.dscrptAreaIn .subDscrptn{
	position: absolute;
	text-align: center;
	z-index: 999;
	color: #fff;
	width: 100%;
	min-width: 960px;
	text-shadow: 0 0 10px #000;
}

.dscrptAreaIn h1{
	top: 170px;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.dscrptAreaIn .subDscrptn{
	top: 220px;
	font-size: 22px;
	letter-spacing: 0.2em;
}

#mainBnr .inner{
	display: block;
	height: 320px;
	overflow: hidden;
}

.breadcrumb{
	width: 100%;
	margin: auto;
	padding: 15px 0px;
	border-bottom: 1px solid #D1D1D1;
}

.breadcrumb p{
	width: 960px;
	margin:auto;
}

.breadcrumb span{
	font-weight: bold;
	font-size: 15px;
}

.breadcrumb a{
	color: #1B387A;
}

.breadcrumb a:hover{
	color: #7b89a9;
	text-decoration: underline;
}

.container.innerWrap #sec01 .wrap02{
	padding-top: 40px;
}


/* ============================================
    事業内容
   ============================================ */

#mainBnr .business{
	background: url("../images/bnr_business01.jpg") no-repeat center center #f5f4f4;
}

.business01{
	background: url("../images/bg_business01.png") no-repeat bottom center;
	padding-bottom: 260px;
}



#mainBnr .price{
	background: url("../images/bnr_price01.jpg") no-repeat center center #f5f4f4;
}


#mainBnr .flow{
	background: url("../images/bnr_flow01.jpg") no-repeat center center #f5f4f4;
}


#mainBnr .genre{
	background: url("../images/bnr_genre01.jpg") no-repeat center center #f5f4f4;
}




.container.innerWrap .wrap02 h2{
	text-align: center;
	margin-bottom: 40px;
	padding-top: 8px;
}

.container.innerWrap .wrap02 .secTxt01{
	width: 810px;
	margin: 20px auto 20px;
	font-size: 14px;
	line-height: 24px;
}

.figIn01,
.figIn02{
	text-align: left;
	padding-left: 180px;
	height: 160px;
	width: 630px;
	margin: auto;
}

.figWrap01{
	float: left;
	width: 480px;
}

.figIn01 h3,
.figIn02 h3{
	font-size: 20px;
	font-weight: bold;
	padding: 40px 0 12px;
}

.figIn01 p,
.figIn02 p{
	font-size: 15px;
	line-height: 1.7em;
}

.figIn01 .btnMini,
.figIn02 .btnMini{
	margin-top: 70px;
}

.figIn01{
	background: url(../images/fig_in_bsns01.png) no-repeat left 0px;
}

.figIn02{
	background: url(../images/fig_in_bsns02.png) no-repeat left 0px;
}

.txtList{
	width: 860px;
	margin: auto;
	text-align: center;
}

.txtList li{
	font-size: 14px;
	padding: 10px 15px;
	display:inline-block;
	background:#81807D;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	line-height: 20px;
	height: 20px;
	margin: 0 10px 20px;
}

.faqBox{
	width: 600px;
	font-size: 17px;
	line-height: 1.6em;
	margin: 25px auto;
}

.faqBox .toggleWrapDefault,
.faqBox .toggleWrapDefault02,
.faqBox .toggleWrapDefault03,
.faqBox .toggleWrapDefault04,
.faqBox .toggleWrapDefault05,
.faqBox .toggleWrapDefault06{
	border: 2px solid #000;
	padding: 10px;
}

.faqBox .toggleWrapHidden,
.faqBox .toggleWrapHidden02,
.faqBox .toggleWrapHidden03,
.faqBox .toggleWrapHidden04,
.faqBox .toggleWrapHidden05,
.faqBox .toggleWrapHidden06{
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 10px;
}

.faqBox .toggleWrapDefault p,
.faqBox .toggleWrapDefault02 p,
.faqBox .toggleWrapDefault03 p,
.faqBox .toggleWrapDefault04 p,
.faqBox .toggleWrapDefault05 p,
.faqBox .toggleWrapDefault06 p{
	float: left;
}

.toggleBtnIn,
.toggleBtnIn02,
.toggleBtnIn03,
.toggleBtnIn04,
.toggleBtnIn05,
.toggleBtnIn06{
	cursor:pointer;
	float: right;
	height: 30px;
	width: 30px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.toggleBtnIn:before,
.toggleBtnIn02:before,
.toggleBtnIn03:before,
.toggleBtnIn04:before,
.toggleBtnIn05:before,
.toggleBtnIn06:before{
	content: "+";
	display: block;
	font-size: 23px;
	letter-spacing: 0em;
	height: 30px;
	width: 30px;
	line-height: 27px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#000;
	color: #FFF;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.toggleBtnIn:hover:before,
.toggleBtnIn02:hover:before,
.toggleBtnIn03:hover:before,
.toggleBtnIn04:hover:before,
.toggleBtnIn05:hover:before,
.toggleBtnIn06:hover:before{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#fff;
	color: #181818;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.toggleBtnIn.active:before,
.toggleBtnIn02.active:before,
.toggleBtnIn03.active:before,
.toggleBtnIn04.active:before,
.toggleBtnIn05.active:before,
.toggleBtnIn06.active:before{
	content: "-";
	display: block;
	font-size: 23px;
	letter-spacing: 0em;
	height: 30px;
	width: 30px;
	line-height: 27px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#000;
	color: #FFF;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.toggleBtnIn.active:hover:before,
.toggleBtnIn02.active:hover:before,
.toggleBtnIn03.active:hover:before,
.toggleBtnIn04.active:hover:before,
.toggleBtnIn05.active:hover:before,
.toggleBtnIn06.active:hover:before{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#fff;
	color: #181818;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.subHd01{
	text-align: center;
	font-size: 20px;
	margin:20px 0 25px;
}

/* ============================================
    FAQ
   ============================================ */

#mainBnr .faq{
	background: url("../images/bnr_faq01.jpg") no-repeat center center #f5f4f4;
}

.container.innerWrap .wrap02 h2{
	text-align: center;
	margin-bottom: 40px;
	padding-top: 8px;
}

.container.innerWrap .wrap02 .secTxt01{
	width: 810px;
	margin: 0px auto 20px;
	font-size: 14px;
	line-height: 24px;
}

.figIn01,
.figIn02{
	text-align: left;
	padding-left: 180px;
	height: 160px;
	width: 630px;
	margin: auto;
}

.figWrap01{
	float: left;
	width: 480px;
}

.figIn01 h3,
.figIn02 h3{
	font-size: 20px;
	font-weight: bold;
	padding: 40px 0 12px;
}

.figIn01 p,
.figIn02 p{
	font-size: 15px;
	line-height: 1.7em;
}

.figIn01 .btnMini,
.figIn02 .btnMini{
	margin-top: 70px;
}

.figIn01{
	background: url(../images/fig_in_bsns01.png) no-repeat left 0px;
}

.figIn02{
	background: url(../images/fig_in_bsns02.png) no-repeat left 0px;
}

.txtList{
	width: 860px;
	margin: auto;
	text-align: center;
}

.txtList li{
	font-size: 14px;
	padding: 10px 15px;
	display:inline-block;
	background:#81807D;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	line-height: 20px;
	height: 20px;
	margin: 0 10px 20px;
}

.faqBox{
	width: 600px;
	font-size: 17px;
	line-height: 1.6em;
	margin: 25px auto;
}

.faqBox .toggleWrapDefault,
.faqBox .toggleWrapDefault02,
.faqBox .toggleWrapDefault03,
.faqBox .toggleWrapDefault04,
.faqBox .toggleWrapDefault05,
.faqBox .toggleWrapDefault06{
	border: 2px solid #000;
	padding: 10px;
}

.faqBox .toggleWrapHidden,
.faqBox .toggleWrapHidden02,
.faqBox .toggleWrapHidden03,
.faqBox .toggleWrapHidden04,
.faqBox .toggleWrapHidden05,
.faqBox .toggleWrapHidden06{
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 10px;
}

.faqBox .toggleWrapDefault p,
.faqBox .toggleWrapDefault02 p,
.faqBox .toggleWrapDefault03 p,
.faqBox .toggleWrapDefault04 p,
.faqBox .toggleWrapDefault05 p,
.faqBox .toggleWrapDefault06 p{
	float: left;
}

.toggleBtnIn,
.toggleBtnIn02,
.toggleBtnIn03,
.toggleBtnIn04,
.toggleBtnIn05,
.toggleBtnIn06{
	cursor:pointer;
	float: right;
	height: 30px;
	width: 30px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.toggleBtnIn:before,
.toggleBtnIn02:before,
.toggleBtnIn03:before,
.toggleBtnIn04:before,
.toggleBtnIn05:before,
.toggleBtnIn06:before{
	content: "+";
	display: block;
	font-size: 23px;
	letter-spacing: 0em;
	height: 30px;
	width: 30px;
	line-height: 27px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#000;
	color: #FFF;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.toggleBtnIn:hover:before,
.toggleBtnIn02:hover:before,
.toggleBtnIn03:hover:before,
.toggleBtnIn04:hover:before,
.toggleBtnIn05:hover:before,
.toggleBtnIn06:hover:before{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#fff;
	color: #181818;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.toggleBtnIn.active:before,
.toggleBtnIn02.active:before,
.toggleBtnIn03.active:before,
.toggleBtnIn04.active:before,
.toggleBtnIn05.active:before,
.toggleBtnIn06.active:before{
	content: "-";
	display: block;
	font-size: 23px;
	letter-spacing: 0em;
	height: 30px;
	width: 30px;
	line-height: 27px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#000;
	color: #FFF;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.toggleBtnIn.active:hover:before,
.toggleBtnIn02.active:hover:before,
.toggleBtnIn03.active:hover:before,
.toggleBtnIn04.active:hover:before,
.toggleBtnIn05.active:hover:before,
.toggleBtnIn06.active:hover:before{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background:#fff;
	color: #181818;
	border: 1px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.subHd01{
	text-align: center;
	font-size: 20px;
	margin:20px 0 25px;
}


/* ============================================
    トップページの参考事例
   ============================================ */


.btnS {
	text-align: center;
	margin-top: 40px;
}

.btnS a{
	position: absolute;
	bottom: 20px;
	font-size: 12px;
	width: 90px;
	height: 33px;
	line-height: 33px;
	border: 1px solid;
	text-align: center;
	padding-left: 17px;
	display: block;
	color: #181818;
}

.btnS.blk a{
	border-color: #000;
	background: url("../images/cursor_s_blk.png") no-repeat 20px 10px;
}

.btnS.blk a:hover{
	background: url("../images/cursor_s_wht.png") no-repeat 23px 10px #000;
	color: #fff;
}



	/* ◆ clearfix --------------------------------*/
	.cf {
		zoom: 1;
	}
	.cf:before, .cf:after {
		content: "";
		display: table;
	}
	.cf:after {
		clear: both;
	}

	/* ◆ Flexible Image --------------------------*/
	.img-responsive {
		max-width: 100%;
		height: auto;
	}

	/* ◇画像を縦に並べた時に余白が出ないように　*/
	img {
		vertical-align: top;
		font-size: 0;
		line-height: 0;
	}

	/* ◇ 縦方向の揃え位置を中央揃えに指定 */
	input, select {
		vertical-align:middle;
	}
	/* ◇ TABLE ボーダー枠線を消す -----------*/
	table, th, td {
			border: none;
	}


#toplist {
    margin:-10px auto 0 auto;
    width:100%;
    padding-top:0;
    padding-bottom:70px;
    position:relative;
}
#toplist #fsym99 {
    display:block;
    position:absolute;
    bottom:-1;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    z-index:0;
}
#toplist #fsym99 img {
    display:block;
    margin:auto;
    width:100%;
    z-index:0;
}

@media screen and (max-width:550px) {
    #toplist h2{
        margin:0 0 50px 0;
    }
}
#toplist h2 span.bgLRextend::before{
    background:#333;
}
#toplist #wkinf-area {
    margin:0 auto 0px auto;
    width:100%;
    padding:30px 0 10px 0;
    background-color:#FFF;
}
#toplist .toplist-area {
    margin:0 auto 0 auto;
    width:100%;
}
#toplist .toplist-area h2{
    margin:0 auto 0 auto;
    width:80%;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color: #000;
    padding-bottom:0;
    padding-top: 90px;
}
#toplist .toplist-area .h2line {
    /* margin: 20px auto 30px auto; */
    margin: 10px auto 30px auto;
    width: 75%;
    height:2px;
    text-indent: -99999px;	/* テキスト非表示 */
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
}
#toplist .toplist-area h3{
    margin:0 auto 50px auto;
    text-align: center;
    font-size:30px;
    font-family: "NotoSerifCJKjp-SemiBold";
    font-display: swap;
    color: #777;
}
#toplist .toplist-area .guidetxt {
    margin:30px auto 0 30%; 
    width:45%;
    font-size:18px;
    line-height:2.0em;
    font-family: "NotoSansCJKjp-Medium";
    font-display: swap;
    color:333;
    padding-bottom:30px;
}

@media screen and (max-width:590px) {
    #toplist .toplist-area{
        margin:0 auto 20px auto;   
    }
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

    #toplist {
        margin:0px auto 0 auto;
        width:100%;
        padding-top:0;
        padding-bottom:50px;
        position:relative;
    }
    .footer01 .flogo {	
        top: -10px;
    }
}

#toplist .toplist-area .cont01 {
    margin: 0 auto 0 auto;
    width:75%;
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
}
#toplist .toplist-area .cont01>dl,dt,dd {
}
#toplist .toplist-area .cont01>dl {
    margin:0 0 20px 20px;
    width:31%;
    padding-bottom:60px;
    background-color:#FFF;
    position:relative;
    border: 1px solid #BDC3C7;	/* Siver */
}
#toplist .toplist-area .cont01>dl dt {
    margin: 20px 0 20px 5%;
    width:90%;
    text-align:center;
    font-size: 14px;
    line-height:1.0em;
    font-weight:bold;
    font-display: swap;
    color: #444;
    padding-left:0;
    padding-top:5px;
    /* padding-bottom:20px; */
    padding-bottom: 5px;
    border-bottom: 1px solid #BDC3C7;	/* Siver */
}
#toplist .toplist-area .cont01>dl:first-child dt {
    background-image:url("../images/top/sec02n01.png");
    background-size:	125px 41px;
    background-size:	81px 27px;	/* 65% */
    background-position:	left 0 top 0;
    background-repeat:no-repeat;
}
#toplist .toplist-area .cont01>dl dd {
    margin:0 auto 0 auto;   
    width:85%;
    font-size:13px;
    line-height:1.7em;
    color:333;
    padding-bottom:10px;
}
#toplist .toplist-area .cont01>dl dd img {
    padding-bottom:10px;
}
#toplist .toplist-area .cont01>dl dd.btn {
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
    margin:auto;
    text-align: center;
    padding-top:30px;
}








/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    #toplist {
        margin:30px auto 0 auto;
        width:100%;
        padding-top:20px;
        padding-bottom:0;
        background-color:transparent;
        background:linear-gradient(90deg,#F0EDE4 0%,#F0EDE4 30%,white 30%,white 100%);	/* ★ */
    }
    #toplist #wkinf-area{
        margin:0 auto 0 auto;   
        width:95%;
        padding:15px 2.5% 20px 2.5%;
    }
    #toplist .toplist-area{
        margin:0 auto 0 auto;
        width:100%;
    }
    #toplist .toplist-area h2{
        display:block;
        margin:0 auto 30px auto;
        font-size:17px;
        font-weight:bold;
        padding-top:10px;
        padding-bottom:0;
        color:#444;
        letter-spacing: 0.1em;
    }
    #toplist .toplist-area .h2line {
        margin: 10px auto 0 auto;
        width: 100%;
        height:1px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
    #toplist .toplist-area h3{
        margin:0 auto 25px auto;
        text-align: center;
        font-weight:bold;
        font-size:13px;
        line-height:1.7em;
    }
    #toplist .toplist-area .cont01>dl {
        margin: 0 auto 20px auto;
        width:32%;
    }
    #toplist .toplist-area .cont01>dl dt {
        margin: 20px 0 20px auto;
        width:100%;
        font-weight:bold;
        font-size: 13px;
        line-height:1.7em;
    }
}









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

    #toplist {
        margin:0 auto 0 auto;
        width:100%;
        padding-top:0;
        padding-bottom:30px;
        background-color:transparent;
        position:relative;
    }
    #toplist #fsym99 {
        display:block;
        position:absolute;
        bottom:-1px;
        left:0;
        right:0;
        margin:auto;
    }
    #toplist #fsym99 img {
    }
    #toplist #wkinf-area{
        /* margin:20px auto 20px auto;    */
        margin:15px auto 20px auto;
        width:90%;
        padding:5px 2.5% 5px 2.5%;
    }
    #toplist .toplist-area{
        margin:0 auto 0 auto;
        width:100%;
    }
    #toplist .toplist-area h2{
        display:block;
        margin:0 auto 10px auto;
        font-size:13px;
        text-align:left;
        padding-top:0px;
        color:#444;
        letter-spacing: 0.1em;
    }
    #toplist .toplist-area .h2line {
        margin: 10px auto 0 auto;
        width: 90%;
        height:1px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
    #toplist .toplist-area h3{
        margin:0 auto 25px auto;
        text-align: center;
        font-weight:bold;
        font-size:13px;
        line-height:1.7em;
    }
    #toplist .toplist-area .guidetxt {
        margin:10px auto 0 auto;   
        width:85%;
        font-size:13px;
        font-weight:bold;
        line-height:1.7em;
        padding-bottom:15px;
    }
    #toplist .toplist-area .cont01 {
        margin: 20px auto 0 auto;
        width:100%;
        display:block;
        border:none;
    }
    #toplist .toplist-area .cont01>dl {
        margin: 0 auto 20px auto;
        width:100%;
        padding-bottom:30px;
        border: 1px solid #BDC3C7;	/* Siver */
    }
    #toplist .toplist-area .cont01>dl dt {
        margin: 20px auto 15px auto;
        width:90%;
        text-align:center;
        font-size: 15px;
        line-height:1.0em;
        font-weight:bold;
        padding-left:0px;
        padding-top:5px;
        /* padding-bottom:10px; */
        padding-bottom: 5px;
    }
    #toplist .toplist-area .cont01>dl:first-child dt {
        background-size:	125px 41px;
        background-size:	63px 21px;	/* 50% */
        background-position:	left 0 top 0;
        background-repeat:no-repeat;
    }
    #toplist .toplist-area .cont01>dl:nth-child(2) dt {
        background-image:url("../images/top/sec02n02.png");
        background-size:	126px 41px;
        background-size:	63px 21px;	/* 50% */
        background-position:	left 0 top 0;
        background-repeat:no-repeat;
    }
    #toplist .toplist-area .cont01>dl:nth-child(3) dt {
        background-image:url("../images/top/sec02n03.png");
        background-size:	126px 41px;
        background-size:	63px 21px;	/* 50% */
        background-position:	left 0 top 0;
        background-repeat:no-repeat;
    }
    #toplist .toplist-area .cont01>dl dd {
        margin:0 auto 0 auto;   
        width:90%;
        font-size:12px;
        line-height:1.6em;
        padding-bottom:20px;
        color:333;
    }
    #toplist .toplist-area .cont01>dl dd img {
        padding-bottom:5px;
    }
    #toplist .toplist-area .cont01>dl dd.btn {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        text-align: center;
    }
}








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

    #toplist .toplist-area .img{
        margin:0 auto 30px auto;   
        width:100%;
        z-index: 2;
        text-align:center;
    }
    #toplist .toplist-area .img img {

        width:85%;
        padding-left:5%;
    }
    #toplist .toplist-area .content{
        width:100%;
        top:-10px;
        top:-10px;
        animation:none;
        opacity: 1;
        z-index: 1;
    }
    #toplist .toplist-area:nth-of-type(2n) .content {
        margin-left:5%;
    }
}



/*----------------------------------------------------------------------------*/
/* 	STUDIO リーズ  事業範囲								 	CSS      */
/*----------------------------------------------------------------------------*/
main {
    background-color:#FFF;
}
main {
    overflow-y: hidden;		/* ★ 縦方向はみ出した部分を非表示にする */
}

#main-area {
    width:100%;
    margin:0 auto;
    position: relative;
}
#main-area h1 {
    text-indent: -99999px;	/* テキスト非表示 */
}
#fsym99 {
    display:block;
    margin:auto;
    margin-top:50px;
    width:100%;
    z-index:0;
}
#fsym99 img {
    display:block;
    margin:auto;
    width:100%;
    z-index:0;
}
.footer01 {
    margin-top:-1px;
}
#fview {	
    /* height:350px; */
}
#fview #viewerPC {
    /* height:350px; */
}
#fview #viewerPC #fv01box {	/* PC fview contents ◆  */
    margin: 0 auto 0 auto;
    width:100%;
    padding-top:50px;
}
#fview #viewerPC #fsym88 img {
    display:block;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    z-index:0;
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

}

@media screen and (max-width:767px) {
    #fview {	
        height:300px;
    }
    #fview #viewerSP  #fv02box {	
        margin: -30px auto 0 auto;
    }
    #main-area #fsym99 {
        margin:0 auto -1px auto;
    }
    #main-area #fsym99 img {
    }
}

/* ■ 当社の特徴 ----------------------------------------------- */

#section01 {
    margin:-30px auto 0 auto;
    width:100%;
    padding-top:0;
    padding-bottom:80px;
    position:relative;
}
#section01 #sec01sym01 {
    display:block;
    position:absolute;
    top:10%;
    right:3%
}
#section01 #sec01sym01 img {
    display:block;
    100%;
}
#section01 #sec01title {
    margin: 0 auto 0 auto;
    width: 80%;
    padding-bottom:0;
}
#section01 #sec01title h2 {
    display:block;
    margin: 0 auto 0 auto;
    width: 73%;
    text-align:center;
    font-size:27px;
    font-weight:bold;
    color:#333;
    padding-top:100px;
    /* padding-bottom:15px; */
    padding-bottom: 30px;
}
#section01 #sec01title .h2line {
    /* margin: 20px auto 20px auto; */
    margin: 10px auto 20px auto;
    width: 85%;
    height:2px;
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
}
#section01 #sec01title>p {
    display:block;
    margin: 0 auto 0 auto;
    width: 60%;
    text-align:center;
    font-size:17px;
    line-height:2.0em;
    font-family: "NotoSansCJKjp-Medium";
    font-display: swap;
    color:#333;
    padding-top:0;
    padding-bottom:0;
}
#section01>ul {
    /* margin: 70px auto 0 auto; */
    margin: 40px auto 0 auto;
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    background-color:#F8F8F8;
}
#section01>ul li {
    margin: 0 auto 0 auto;
    width: 32%;
    padding:20px auto 20px auto;
}
#section01>ul li img {
    display:block;
    margin:20px auto 20px auto;
    width: 201px;
}
#section01 li>dl {
    display:block;
    margin:0 auto 0 auto;
    width: 100%;
}
#section01 li>dl dt {
    display:block;
    /* margin:0 auto 20px auto; */
    margin:0 auto 20px auto;
    width: 90%;
    text-align:center;
    font-size:16px;
    line-height:1.8em;
    font-weight:bold;
    color:#333;
    /* padding-bottom:10px; */
    border-bottom: 1px solid #007A46;		/* reese01 */
}
#section01 li>dl dd {
    display:block;
    margin:0 auto 0 auto;
    width: 85%;
    font-size:14px;
    font-weight:normal;
    font-family: "NotoSansCJKjp-Medium";
    font-display: swap;
    color:#333;
    padding-bottom:30px;
}
#section01 .detail {
    margin: 50px auto 0 auto;
    width:100%;
}
#section01 .detail .detail-btn {
    margin: 0 auto 0 auto;
    width:20%;
    border:1px solid #00A05C;		/* reese02 */
}
#section01 .detail .detail-btn a {
    display:block;
    padding:15px 30px 15px 30px; 
    text-align:center;
    font-weight:normal;
    font-family: "NotoSansCJKjp-Medium";
    font-display: swap;
    color:#FFF;
    background-color: #00A05C;		/* reese02 */
}
#section01 .detail .detail-btn a:hover {
    display:block;
    color: #00A05C;		/* reese02 */
    background-color: #DDD;
}

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

    #section01 {
        margin:-30px auto 0 auto;
        width:100%;
        padding-bottom:0px;
    }
    #section01 #sec01sym01 {
        display:block;
        position:absolute;
        top:10px;
        right:1%
    }
    #section01 #sec01sym01 img {
        display:block;
        width:100px;
    }
    #section01 #sec01title {
        margin: 10px auto 0 auto;
        width: 90%;
        padding-top:5px;
        padding-bottom:0;
    }
    #section01 #sec01title h2 {
        display:block;
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:14px;
        line-height:1.7em;
        font-weight:bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
                        Meiryo, Osaka, helvetica, arial,
                        "游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        color: #333;	
        padding-top:5px;
        padding-left:0;
        /* padding-bottom:5px; */
        padding-bottom: 10px;
    }
    #section01 #sec01title .h2line {
        margin: 0 auto 15px auto;
        width: 100%;
        height:1px;
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
    #section01 #sec01title>p {
        display:block;
        margin: 0 auto 0 auto;
        width: 90%;
        text-align:left;
        font-size:12px;
        font-weight:bold;
        color:#333;
        /* padding-top:10px; */
        padding-bottom:10px;
    }
    #section01>ul {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-top:10px;
        display: block;
    }
    #section01>ul li {
        margin: 0 auto 0 auto;
        width: 90%;
        padding:10px auto 10px auto;
    }
    #section01>ul li img {
        display:block;
        margin:0 auto 10px auto;
        padding-top:15px;
        width: 201px;
    }
    #section01 li>dl {
        margin:0 auto 0 auto;
        width: 100%;
    }
    #section01 li>dl dt {
        margin:0 auto 10px auto;
        width: 90%;
        text-align:center;
        font-size:13px;
        font-weight:bold;
        color:#333;
        /* padding-bottom:5px; */
        border-bottom: 1px solid #007A46;		/* reese01 */
    }
    #section01 li>dl dd {
        display:block;
        margin:0 auto 0 auto;
        width: 90%;
        font-size:12px;
        font-weight:normal;
        color:#222;
        padding-bottom: 15px;
    }
    #section01 .detail {
        margin: 20px auto 0 auto;
        width:100%;
    }
    #section01 .detail .detail-btn {
        margin: 0 auto 0 auto;
        width:50%;
    }
    #section01 .detail .detail-btn a {
        display:block;
        padding:7px 15px 7px 15px; 
        text-align:center;
        font-weight:bold;
    }
    #section01 .detail .detail-btn a:hover {
        display:block;
        color: #00A05C;		/* reese02 */
        background-color: #E7DDD2;		/* Beige-gray */
    }
}







/* ■ 業務範囲 ----------------------------------------------- */

#section02 {
    margin:0 auto 0 auto;
    width:100%;
    position:relative;
}
#section02 .sym01 img {
    display:block;
    position:absolute;
    top:50.5%;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    z-index:0;
}
#section02 .sym02 img {
    display:block;
    position:absolute;
    top:58%;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    z-index:0;
}
#section02 #sec02title {
    margin: 0 auto 0 auto;
    width: 80%;
    padding-bottom:0;
}
#section02 #sec02title h2 {
    display:block;
    margin: 0 auto 0 auto;
    width: 70%;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#333;
    padding-top:60px;
    padding-bottom:0;
}
#section02 #sec02title .h2line {
    /* margin: 30px auto 0 auto; */
    margin: 10px auto 0 auto;
    width: 70%;
    height:2px;
    text-indent: -99999px;	/* テキスト非表示 */
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
}
#section02 #sec02title>p {
    display:block;
    margin: 0 auto 0 auto;
    width: 60%;
    text-align:center;
    font-size:16px;
    line-height:2.0em;
    color:#333;
    /* padding-top:30px; */
    padding-top: 30px;
    padding-bottom:0px;
}
#section02>ul {
    /* margin: 50px auto 0 auto; */
    margin: 40px auto 0 auto;
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
#section02>ul li {
    /* margin: 0 auto 50px auto; */
    margin: 0 auto 30px auto;
    width: 32%;
    z-index:9;
}
#section02>ul li img {
    display:block;
    margin:0 auto 20px auto;
    width: 123px;
}
#section02 li>dl {
    display:block;
    margin:0 auto 0 auto;
    width: 100%;
}
#section02 li>dl dt {
    display:block;
    /* margin:0 auto 10px auto; */
    margin:0 auto 20px auto;
    width: 90%;
    text-align:center;
    font-size:18px;
    font-weight:normal;
    font-weight:bold;
    color:#444;
    /* padding-bottom:10px; */
/*		border-bottom: 2px solid #FAD232;	*/	/* reese04 yellow  */
}
#section02 li>dl dd {
    display:block;
    margin:0 auto 0 auto;
    width: 80%;
    font-size:15px;
    font-weight:normal;
    font-family: "NotoSansCJKjp-Regular";
    font-display: swap;
    color:#333;
}
#section02 li>dl dd.dtline {
    /* margin: 0 auto 20px auto; */
    margin: 0 auto 20px auto;
    width: 80%;
    height:1px;
    background:linear-gradient(90deg,#CCCCCC 0%, #CCCCCC 97%, #00A05C 97%, #00A05C 100%);		/* reese02 */
}

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

    #section02 {
        margin:0 auto 0 auto;
        width:100%;
        /* background-image: */
            /* url("../images/bg/brline02.svg"), */
            /* url("../images/bg/brline01.svg"); */
        /* background-size: */
            /* :cover, */
            /* :cover; */
        /* background-position: */
            /* center top 28%, */
            /* center top 26%; */
        /* background-repeat: */
            /* no-repeat, */
            /* no-repeat; */
        padding-bottom:30px;
        border-top: 1px solid #DDD;
    }
    #section02 #sec02sym01 {
        display:block;
        position:absolute;
        top:0;
        right:3%
    }
    #section02 #sec02sym01 img {
        display:block;
        width:100px;
    }
    #section02 #sec02title {
        margin: 25px auto 0 auto;
        width: 90%;
        padding-top:0;
        padding-bottom:0;
    }
    #section02 #sec02title h2 {
        display:block;
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:14px;
        line-height:1.7em;
        font-weight:bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
                        Meiryo, Osaka, helvetica, arial,
                        "游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        color: #333;	
        padding-top:0;
        padding-left:0;
        /* padding-bottom:10px; */
        padding-bottom: 5px;
    }
    #section02 #sec02title .h2line {
        /* margin: 5px auto 15px auto; */
        margin: 0 auto 10px auto;
        width: 100%;
        height:1px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
    #section02 #sec02title>p {
        display:block;
        margin: 0 auto 0 auto;
        width: 90%;
        text-align:left;
        font-size:12px;
        font-weight:bold;
        color:#333;
        padding-top:0;
        padding-bottom:10px;
    }
    #section02>ul {
        margin: 20px auto 0 auto;
        width: 100%;
        display: block;
    }
    #section02>ul li {
        margin: 0 auto 20px auto;
        width: 90%;
    }
    #section02>ul li img {
        display:block;
        margin:0 auto 10px auto;
        width: 123px;
    }
    #section02 li>dl {
        margin:0 auto 0 auto;
        width: 100%;
    }
    #section02 li>dl dt {
        /* margin:0 auto 15px auto; */
        margin: 0 auto;
        width: 90%;
        text-align:center;
        font-size:14px;
        font-weight:bold;
        color:#333;
        padding-bottom:0px;
    }
    #section02 li>dl dd {
        display:block;
        margin:0 auto 0 auto;
        width: 90%;
        font-size:12px;
        font-weight:normal;
        color:#222;
    }
    #section02 li>dl dd.dtline {
        /* margin: 0 auto 15px auto; */
        margin: 0 auto 10px auto;
        width: 80%;
        height:1px;
        background:linear-gradient(90deg,#CCCCCC 0%, #CCCCCC 97%, #00A05C 97%, #00A05C 100%);		/* reese02 */
    }
}

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

}

/* ■ 当社の心がけ ----------------------------------------------- */

#section03 {
    margin:30px auto 30px auto;
    width:100%;
    padding-bottom:0;
    position:relative;
}
#section03 #sec03sym01 {
    display:block;
    position:absolute;
    top:2%;
    right:3%
}
#section03 #sec03sym01 img {
    display:block;
    100%;
}
#section03 #sec03title {
    margin: 0 auto 0 auto;
    width: 80%;
    padding-top:30px;
    padding-bottom:0;
}
#section03 #sec03title h2 {
    display:block;
    margin: 0 auto 0 auto;
    width: 73%;
    text-align:center;
    font-size:27px;
    font-weight:bold;
    color:#333;
    padding-top:30px;
    /* padding-bottom:15px; */
    padding-bottom:10px;
}
#section03 #sec03title .h2line {
    /* margin: 0 auto 20px auto; */
    margin: 0 auto 10px auto;
    width: 85%;
    height:2px;
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
}
#section03 #sec03title>p {
    display:block;
    margin: 0 auto 0 auto;
    width: 60%;
    text-align:center;
    font-size:17px;
    line-height:2.0em;
    color:#333;
    padding-top:0;
    padding-bottom:0;
}
#section03>ul {
    /* margin: 50px auto 0 auto; */
    margin: 40px auto 0 auto;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    background-color:#F8F8F8;
    padding-bottom: 30px;
}
#section03>ul li {
    margin: 0 auto 0 auto;
    width: 32%;
    width: 45%;
    padding:20px auto 20px auto;
}
#section03>ul li img {
    display:block;
    margin:20px auto 20px auto;
    width: 201px;
}
#section03 li>dl {
    display:block;
    margin:0 auto 0 auto;
    width: 100%;
}
#section03 li>dl dt {
    display:block;
    /* margin:0 auto 10px auto; */
    margin:0 auto 20px auto;
    width: 90%;
    text-align:center;
    font-size:17px;
    line-height:1.8em;
    font-weight:bold;
    color:#444;
    /* padding-bottom:10px; */
    /* border-bottom: 2px solid #FAD232;	reese04 yellow  */
}
#section03 li>dl dd {
    display:block;
    margin:0 auto 0 auto;
    width: 85%;
    font-size:15px;
    font-weight:normal;
    font-family: "NotoSansCJKjp-Regular";
    font-display: swap;
    color:#333;
    /* padding-bottom:30px; */
}

#section03 li>dl dd.dtline {
    /* margin: 0 auto 20px auto; */
    margin: 0 auto 20px auto;
    width: 80%;
    height:1px;
    background:linear-gradient(90deg,#CCCCCC 0%, #CCCCCC 97%, #00A05C 97%, #00A05C 100%);		/* reese02 */
}

#section03 .detail {
    margin: 50px auto 0 auto;
    width:100%;
}
#section03 .detail .detail-btn {
    margin: 0 auto 0 auto;
    width:20%;
    border:1px solid #00A05C;		/* reese02 */
}
#section03 .detail .detail-btn a {
    display:block;
    padding:15px 30px 15px 30px; 
    text-align:center;
    font-weight:normal;
    font-family: "NotoSansCJKjp-Medium";
    font-display: swap;
    color:#FFF;
    background-color: #00A05C;		/* reese02 */
}
#section03 .detail .detail-btn a:hover {
    display:block;
    color: #00A05C;		/* reese02 */
    background-color: #DDD;
}



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

    #section03 {
        margin:0 auto 0 auto;
        width:100%;
        padding-bottom:0;
        border-top: 1px solid #DDD;
    }
    #section03 #sec03sym01 {
        display:block;
        position:absolute;
        top:5%;
        right:1%
    }
    #section03 #sec03sym01 img {
        display:block;
        25%;
    }
    #section03 #sec03title {
        margin: 0 auto 0 auto;
        width: 85%;
        padding-top:20px;
        padding-bottom:0;
    }
    #section03 #sec03title h2 {
        display:block;
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:15px;
        line-height:1.7em;
        font-weight:bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
                        Meiryo, Osaka, helvetica, arial,
                        "游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        color: #333;	
        padding-top:5px;
        padding-left:0;
        /* padding-bottom:10px; */
        padding-bottom: 5px;
    }
    #section03 #sec03title .h2line {
        /* margin: 5px auto 0 auto; */
        margin: 0 auto;
        width: 100%;
        height:1px;
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
    #section03 #sec03title>p {
        display:block;
        margin: 0 auto 0 auto;
        width: 100%;
        text-align:center;
        font-size:12px;
        font-weight:bold;
        color:#333;
        padding-top:10px;
        padding-bottom:0;
    }
    #section03>ul {
        margin: 20px auto 0 auto;
        width: 100%;
        display: block;
    }
    #section03>ul li {
        margin: 0 auto 0 auto;
        width: 90%;
    }
    #section03>ul li img {
        display:block;
        margin:10px auto 10px auto;
        width: 201px;
        padding-top:20px;
    }
    #section03 li>dl {
        margin:0 auto 0 auto;
        width: 100%;
    }
    #section03 li>dl dt {
        /* margin:0 auto 10px auto; */
        margin: 0 auto;
        width: 90%;
        text-align:center;
        font-size:13px;
        font-weight:bold;
        color:#333;
        /* padding-bottom:5px; */
        /* border-bottom: 2px solid #FAD232;	reese04 yellow  */
    }
    #section03 li>dl dd {
        display:block;
        margin:0 auto 0 auto;
        width: 80%;
        font-size:12px;
        font-weight:normal;
        color:#333;
    }

    #section03 li>dl dd.dtline {
        /* margin: 0 auto 15px auto; */
        margin: 0 auto 10px auto;
        width: 80%;
        height:1px;
        background:linear-gradient(90deg,#CCCCCC 0%, #CCCCCC 97%, #00A05C 97%, #00A05C 100%);		/* reese02 */
    }
    #section03 .detail {
        margin: 20px auto 0 auto;
        width:100%;
    }
    #section03 .detail .detail-btn {
        margin: 0 auto 0 auto;
        width:50%;
    }
    #section03 .detail .detail-btn a {
        display:block;
        padding:7px 15px 7px 15px; 
        text-align:center;
        font-weight:bold;
    }
    #section03 .detail .detail-btn a:hover {
        display:block;
        color: #00A05C;		/* reese02 */
        background-color: #E7DDD2;		/* Beige-gray */
    }
}








/* ============================================
    参考事例
   ============================================ */

.btnS {
	text-align: center;
	margin-top: 40px;
}

.btnS a{
	position: absolute;
	bottom: 20px;
	font-size: 12px;
	width: 90px;
	height: 33px;
	line-height: 33px;
	border: 1px solid;
	text-align: center;
	padding-left: 17px;
	display: block;
	color: #181818;
}

.btnS.blk a{
	border-color: #000;
	background: url("../images/cursor_s_blk.png") no-repeat 20px 10px;
}

.btnS.blk a:hover{
	background: url("../images/cursor_s_wht.png") no-repeat 23px 10px #000;
	color: #fff;
}



	/* ◆ clearfix --------------------------------*/
	.cf {
		zoom: 1;
	}
	.cf:before, .cf:after {
		content: "";
		display: table;
	}
	.cf:after {
		clear: both;
	}

	/* ◆ Flexible Image --------------------------*/
	.img-responsive {
		max-width: 100%;
		height: auto;
	}

	/* ◇画像を縦に並べた時に余白が出ないように　*/
	img {
		vertical-align: top;
		font-size: 0;
		line-height: 0;
	}

	/* ◇ 縦方向の揃え位置を中央揃えに指定 */
	input, select {
		vertical-align:middle;
	}
	/* ◇ TABLE ボーダー枠線を消す -----------*/
	table, th, td {
			border: none;
	}


#list {
    margin:-10px auto 0 auto;
    width:100%;
    padding-top:0;
    padding-bottom:70px;
    position:relative;
}
#list #fsym99 {
    display:block;
    position:absolute;
    bottom:-1;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    z-index:0;
}
#list #fsym99 img {
    display:block;
    margin:auto;
    width:100%;
    z-index:0;
}

@media screen and (max-width:550px) {
    #list h2{
        margin:0 0 50px 0;
    }
}
#list h2 span.bgLRextend::before{
    background:#333;
}
#list #wkinf-area {
    margin:0 auto 80px auto;
    width:100%;
    padding:30px 0 10px 0;
    background-color:#FFF;
}
#list .list-area {
    margin:0 auto 0 auto;
    width:100%;
}
#list .list-area h2{
    margin:0 auto 0 auto;
    width:80%;
    text-align:center;
    font-size:14px;
    color: #000;
    padding-bottom:0;
}
#list .list-area .h2line {
    /* margin: 20px auto 30px auto; */
    margin: 10px auto 30px auto;
    width: 75%;
    height:2px;
    text-indent: -99999px;	/* テキスト非表示 */
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
}
#list .list-area h3{
    margin:0 auto 50px auto;
    text-align: center;
    font-size:30px;
    font-family: "NotoSerifCJKjp-SemiBold";
    font-display: swap;
    color: #777;
}
#list .list-area .guidetxt {
    margin:30px auto 0 30%; 
    width:45%;
    font-size:18px;
    line-height:2.0em;
    font-family: "NotoSansCJKjp-Medium";
    font-display: swap;
    color:333;
    padding-bottom:30px;
}

@media screen and (max-width:590px) {
    #list .list-area{
        margin:0 auto 20px auto;   
    }
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

    #list {
        margin:0px auto 0 auto;
        width:100%;
        padding-top:0;
        padding-bottom:50px;
        position:relative;
    }
    .footer01 .flogo {	
        top: -10px;
    }
}

#list .list-area .cont01 {
    margin: 0 auto 0 auto;
    width:75%;
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
}
#list .list-area .cont01>dl,dt,dd {
}
#list .list-area .cont01>dl {
    margin:0 0 20px 20px;
    width:31%;
    padding-bottom:60px;
    background-color:#FFF;
    position:relative;
    border: 1px solid #BDC3C7;	/* Siver */
}
#list .list-area .cont01>dl dt {
    margin: 20px 0 20px 5%;
    width:90%;
    text-align:center;
    font-size: 14px;
    line-height:1.0em;
    font-weight:bold;
    font-display: swap;
    color: #444;
    padding-left:0;
    padding-top:5px;
    /* padding-bottom:20px; */
    padding-bottom: 5px;
    border-bottom: 1px solid #BDC3C7;	/* Siver */
}
#list .list-area .cont01>dl:first-child dt {
    background-image:url("../images/top/sec02n01.png");
    background-size:	125px 41px;
    background-size:	81px 27px;	/* 65% */
    background-position:	left 0 top 0;
    background-repeat:no-repeat;
}
#list .list-area .cont01>dl dd {
    margin:0 auto 0 auto;   
    width:85%;
    font-size:13px;
    line-height:1.7em;
    color:333;
    padding-bottom:10px;
}
#list .list-area .cont01>dl dd img {
    padding-bottom:10px;
}
#list .list-area .cont01>dl dd.btn {
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
    margin:auto;
    text-align: center;
    padding-top:30px;
}








/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    #list {
        margin:30px auto 0 auto;
        width:100%;
        padding-top:20px;
        padding-bottom:0;
        background-color:transparent;
        background:linear-gradient(90deg,#F0EDE4 0%,#F0EDE4 30%,white 30%,white 100%);	/* ★ */
    }
    #list #wkinf-area{
        margin:0 auto 0 auto;   
        width:95%;
        padding:15px 2.5% 20px 2.5%;
    }
    #list .list-area{
        margin:0 auto 0 auto;
        width:100%;
    }
    #list .list-area h2{
        display:block;
        margin:0 auto 30px auto;
        font-size:17px;
        font-weight:bold;
        padding-top:10px;
        padding-bottom:0;
        color:#444;
        letter-spacing: 0.1em;
    }
    #list .list-area .h2line {
        margin: 10px auto 0 auto;
        width: 100%;
        height:1px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
    #list .list-area h3{
        margin:0 auto 25px auto;
        text-align: center;
        font-weight:bold;
        font-size:13px;
        line-height:1.7em;
    }
    #list .list-area .cont01>dl {
        margin: 0 auto 20px auto;
        width:32%;
    }
    #list .list-area .cont01>dl dt {
        margin: 20px 0 20px auto;
        width:100%;
        font-weight:bold;
        font-size: 13px;
        line-height:1.7em;
    }
}

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

    #list {
        margin:0 auto 0 auto;
        width:100%;
        padding-top:0;
        padding-bottom:30px;
        background-color:transparent;
        position:relative;
    }
    #list #fsym99 {
        display:block;
        position:absolute;
        bottom:-1px;
        left:0;
        right:0;
        margin:auto;
    }
    #list #fsym99 img {
    }
    #list #wkinf-area{
        /* margin:20px auto 20px auto;    */
        margin:15px auto 20px auto;
        width:90%;
        padding:5px 2.5% 5px 2.5%;
    }
    #list .list-area{
        margin:0 auto 0 auto;
        width:100%;
    }
    #list .list-area h2{
        display:block;
        margin:0 auto 10px auto;
        font-size:13px;
        text-align:left;
        padding-top:0px;
        color:#444;
        letter-spacing: 0.1em;
    }
    #list .list-area .h2line {
        margin: 10px auto 0 auto;
        width: 90%;
        height:1px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
    #list .list-area h3{
        margin:0 auto 25px auto;
        text-align: center;
        font-weight:bold;
        font-size:13px;
        line-height:1.7em;
    }
    #list .list-area .guidetxt {
        margin:10px auto 0 auto;   
        width:85%;
        font-size:13px;
        font-weight:bold;
        line-height:1.7em;
        padding-bottom:15px;
    }
    #list .list-area .cont01 {
        margin: 20px auto 0 auto;
        width:100%;
        display:block;
        border:none;
    }
    #list .list-area .cont01>dl {
        margin: 0 auto 20px auto;
        width:100%;
        padding-bottom:30px;
        border: 1px solid #BDC3C7;	/* Siver */
    }
    #list .list-area .cont01>dl dt {
        margin: 20px auto 15px auto;
        width:90%;
        text-align:center;
        font-size: 15px;
        line-height:1.0em;
        font-weight:bold;
        padding-left:0px;
        padding-top:5px;
        /* padding-bottom:10px; */
        padding-bottom: 5px;
    }
    #list .list-area .cont01>dl:first-child dt {
        background-size:	125px 41px;
        background-size:	63px 21px;	/* 50% */
        background-position:	left 0 top 0;
        background-repeat:no-repeat;
    }
    #list .list-area .cont01>dl:nth-child(2) dt {
        background-image:url("../images/top/sec02n02.png");
        background-size:	126px 41px;
        background-size:	63px 21px;	/* 50% */
        background-position:	left 0 top 0;
        background-repeat:no-repeat;
    }
    #list .list-area .cont01>dl:nth-child(3) dt {
        background-image:url("../images/top/sec02n03.png");
        background-size:	126px 41px;
        background-size:	63px 21px;	/* 50% */
        background-position:	left 0 top 0;
        background-repeat:no-repeat;
    }
    #list .list-area .cont01>dl dd {
        margin:0 auto 0 auto;   
        width:90%;
        font-size:12px;
        line-height:1.6em;
        padding-bottom:20px;
        color:333;
    }
    #list .list-area .cont01>dl dd img {
        padding-bottom:5px;
    }
    #list .list-area .cont01>dl dd.btn {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        text-align: center;
    }
}

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

    #list .list-area .img{
        margin:0 auto 30px auto;   
        width:100%;
        z-index: 2;
        text-align:center;
    }
    #list .list-area .img img {

        width:85%;
        padding-left:5%;
    }
    #list .list-area .content{
        width:100%;
        top:-10px;
        top:-10px;
        animation:none;
        opacity: 1;
        z-index: 1;
    }
    #list .list-area:nth-of-type(2n) .content {
        margin-left:5%;
    }
}


/* ============================================
    事例紹介の詳細ページ
   ============================================ */

 #cdsection {
    margin: 0 auto 0 auto;
    width: 100%;
    padding-bottom:50px;
    background-color:#FFF;
    position:relative;
}
 #cdsection h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
#cdsection #fsym99 {
    display:block;
    position:absolute;
    bottom:-1px;
    left:0;
    right:0;
    margin:auto;
}
#cdsection #fsym99 img {
}
#cdsec{
    margin: 0 auto 0 auto;
    width: 100%;
    padding-bottom:10px;
}
 #cdsection #cdsectitle01 {
    margin: 0 auto 0 auto;
    width: 100%;
}
 #cdsection #cdsectitle01 h2 {
    margin: 0 auto 0 auto;
    width: 90%;
    font-size:13px;
    font-weight:bold;
    color: #333;
    padding-top:0px;
    padding-left:15px;
    border-left: 4px solid #007A46;		/* reese01 */
    border-bottom: 1px solid #BDC3C7;	/* Siver */
}
#cdsection #cdsectitle01 .h2line {
    margin: 10px auto 0 auto;
    width: 100%;
    height:1px;
    text-indent: -99999px;	/* テキスト非表示 */
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
}
 #cdsection #cdsectitle01 p {
    width: 100%;
    font-size:12px;
    color:#333;
    line-height:22px;
    padding-top:10px;
    padding-left:20px;
}
#cdsec #cont {
    margin: 0 auto 0 auto;
    width: 90%;
    padding-top:20px;
    padding-bottom:0px;
    background-color:#fff;
}
#cdsec #cont  h3 {
    display:block;
    /* margin: 0 auto 20px auto; */
    margin: 0 auto 10px auto;
    width: 90%;
    font-size:13px;
    font-weight:bold;
    color:#333;
    line-height:18px;
    padding-left:10px;
    padding-bottom:5px;
}
#cdsec #cont .textitem {
    margin: 0 auto 0 auto;
    width: 100%;
}
#cdsec #cont .textitem p {
    margin: 0 auto 0 auto;
    width: 90%;
    font-size:12px;
    line-height:1.7em;
    /* padding-bottom:10px; */
    padding-bottom: 5px;
}
#cdsec #cont .textitem p>span {
    color: #00A05C;		/* reese02 */
}
#cdsec #cont .textitem>ul {
    margin: 0 auto 0 auto;
    width: 100%;
}
#cdsec #cont .textitem>ul li {
    font-size:12px;
    line-height:1.7em;
    padding:0px;
    padding-left:1em;
    text-indent:-1em;	/* 2行目以降1字下げ */
}
#cdsec #cont dl,dt,dd {
    display:block;
}
#cdsec #cont dl {
    margin: 0 auto 0 auto;
    width: 100%;
    padding-bottom:10px;
}
#cdsec #cont dl dt {
    margin: 0 auto 0 auto;
    width: 90%;
    font-size:12px;
    font-weight:bold;
    padding-top:10px;
    color:#333;
    background	: url("../images/icon/arrow01.png") no-repeat;
    background-size:9px 10px;
    background-position:left 0 top 14px;
}
#cdsec #cont dl dd {
    margin: 0 auto 0 auto;
    width: 90%;
    font-size:12px;
    padding:0px;
    padding-top:0;
    padding-left:0px;
    line-height:1.7em;
}
#cdsec #cont dl dd a {
    color:#333;
}
#cdsec #cont dl dd a:hover {
    color: #B27C04;		/* Gold02 */
}

#cdsec #cont .wkdt-img {
    margin: 20px auto 0 auto;
}
#cdsec #cont .wkdt-img img {
    display:block;
    margin: 0 auto 20px auto;
    width: 80%;
}
#cdsec .nlall {		/* 一覧に戻る */
    display: block;
    margin: 20px auto 45px auto;
    position:relative;
}
#cdsec .nlall a {
    display: block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    width:140px;
    font-size:12px;
    line-height:1.5em;
    color: #FFF;
    background	: url("../images/icon/btn-arrow.png") no-repeat;
    background-size:8px 8px;
    background-position: 10px  12px; 
}
#cdsec .nlall a:hover {
    background	: url("../images/icon/btn-arrow.png") no-repeat;
    background-size:8px 8px;
    background-position: 150px 12px; 
}

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

}

@media only screen and (min-width:767px) {

     #cdsection {
        margin: -30px auto 0 auto;
        width: 100%;
        padding-bottom:80px;
        background-color:#FFF;
/*			background:linear-gradient(180deg,white 0%,white 8%,#F5F5F5 8%,#F5F5F5 100%);	 */
        position:relative;
    }
    #cdsection #fsym99 {
        display:block;
        position:absolute;
        bottom:-1;
        left:0;
        right:0;
        width:100%;
    }
    #cdsection #fsym99 img {
        margin:auto;
        width:100%;
        z-index:0;
    }
    #cdsec {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-bottom:80px;
        position:relative;
    }
     #cdsection #cdsectitle01{
        margin: 30px auto 0 auto;
        width: 100%;
        padding-bottom:10px;
        background-color:#fff;
    }
     #cdsection #cdsectitle01 h2 {
        margin: 0 auto 0 auto;
        width: 60%;
        text-align:left;
        font-size:22px;
        letter-spacing:1px;
        font-weight:bold;
        color: #444;
        padding-top:0px;
        padding-left:50px;
        /* padding-bottom:3px; */
        border-left: 7px solid #007A46;		/* reese01 */
        border-bottom: 1px solid #BDC3C7;	/* Siver */
    }
    #cdsection #cdsectitle01 .h2line {
        margin: 20px auto 30px auto;
        width: 85%;
        height:2px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
     #cdsection #cdsectitle01 p {
        width: 100%;
        font-size:16px;
        color:#555;
        line-height:30px;
        padding-bottom:20px;
        padding-left:80px;
    }
    #cdsec #cont {
        margin: 0 auto 0 auto;
        width: 70%;
        padding-top:0;
        padding-bottom:50px;
        position: relative;
        background-color:#fff;
    }
    #cdsec #cont  h3 {
        display:block;
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:18px;
        font-weight:bold;
        color:#444;
        line-height:30px;
        padding-left:30px;
        padding-bottom:10px;
    }
    #cdsec #cont .textitem {
        /* margin: 30px auto 0 auto; */
        margin: 30px auto 20px auto;
        width: 80%;
    }
    #cdsec #cont .textitem p {
        margin: 0 auto 0 auto;
        width: 85%;
        font-size:16px;
        line-height:1.8em;
        /* padding-bottom:25px; */
    }
    #cdsec #cont .textitem>ul {
        margin: 0 auto 0 auto;
        width: 85%;
    }
    #cdsec #cont .textitem>ul li {
        font-size:16px;
        line-height:1.8em;
        font-family: "NotoSerifCJKjp-Regular";
        font-display: swap;
         padding-left:1em;
        text-indent:-1em;	/* 2行目以降1字下げ */
    }
    #cdsec #cont dl {
        margin: 0 auto 0 auto;
        width: 80%;
    }
    #cdsec #cont dl dt {
        margin: 0 auto 0 auto;
        font-size:16px;
        /* padding:15px; */
        padding-top:20px;
        padding-left:25px;
        line-height:27px;
        background	: url("../images/icon/arrow01.png") no-repeat;
        background-size:14px 11px;
        background-position:left 0 top 28px;
    }
    #cdsec #cont dl dd {
        margin: 0 auto 0 auto;
        font-size:15px;
        padding-top:0px;
        padding-left:50px;
        padding-right:50px;
        padding-bottom:0px;
    }
    #cdsec #cont .wkdt-img {
        margin: 0 auto 30px auto;
        max-width:500px;
    }
    #cdsec .nlall {		/* 一覧に戻る */
        display: block;
        margin: 0px auto 30px auto;
        position:relative;
    }
    #cdsec .nlall a {
        display: block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        margin:auto;
        width:200px;
        font-size:14px;
        font-weight:600;
        line-height:1.5em;
        color: #FFF;
        background	: url("../images/icon/btn-arrow.png") no-repeat;
        background-size:8px 8px;
        background-position: 15px  16px;
    }
    #cdsec .nlall a:hover {
        background	: url("../images/icon/btn-arrow.png") no-repeat;
        background-size:8px 8px;
        background-position: 170px 16px; 
    }
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

     #cdsection {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-bottom:0px;
        background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
    }
    #cdsec{
        margin: 50px auto 0 auto;
        width: 100%;
        padding-bottom:50px;
        position:relative;
    }
     #cdsection #cdsectitle01{
        margin: 70px auto 0 17%;
        width: 80%;
        padding-bottom:0px;
    }
     #cdsection #cdsectitle01 h2 {
        font-size:24px;
        font-weight:bold;
        font-family: "NotoSansCJKjp-Bold";
        font-display: swap;
        padding-left:0;
        padding-bottom:0px;
    }
    #cdsec #cont {
        margin: 30px auto 0 8%;
        width: 85%;
        padding-top:20px;
        padding-bottom:20px;
        background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
        position: relative;
    }
    #cdsec #cont  p.category01 {	/* NEWS & RELEASE カテゴリー */
        margin: 10px auto 10px 5%;
    }
    #cdsec #cont  h3 {
        width: 90%;
        font-size:17px;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
    }
    #cdsec #cont dl.wkitem {
        margin: 0 auto 0 auto;
        width: 90%;
    }
    #cdsec #cont dl.wkitem dt {
        margin: 0 auto 0 auto;
        width: 90%;
        font-size:16px;
        padding:15px;
        padding-top:0px;
        padding-left:25px;
        line-height:27px;
        color:#444;
        background	: url("../images/icon/arrow01.png") no-repeat;
        background-size:14px 13px;
        background-position:left 0 top 6px;
    }
    #cdsec #cont dl.wkitem dd {
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:13px;
        line-height:20px;
        padding-top:0px;
        padding-left:50px;
        padding-right:50px;
        padding-bottom:10px;
    }
    #cdsec .nlall {		/* 一覧に戻る */
        display: block;
        margin: 20px auto 45px auto;
        position:relative;
    }
    #cdsec .nlall a {
        display: block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        margin:auto;
        width:160px;
        font-size:12px;
        line-height:1.5em;
        color: #FFF;
        background	: url("../images/icon/btn-arrow.png") no-repeat;
        background-size:8px 8px;
        background-position: 10px  12px; 
    }
}


/*----------------------------------------------------------------------------*/
/* 	STUDIO リーズ  参考価格								 	CSS      */
/*----------------------------------------------------------------------------*/
main {
    background-color:#FFF;
}
main {
    overflow-y: hidden;		/* ★ 縦方向はみ出した部分を非表示にする */
}

#main-area {
    width:100%;
    margin:0 auto;
    position: relative;
}
#main-area h1 {
    text-indent: -99999px;	/* テキスト非表示 */
}
#fsym99 {
    display:block;
    margin:auto;
    margin-top:50px;
    width:100%;
    z-index:0;
}
#fsym99 img {
    display:block;
    margin:auto;
    width:100%;
    z-index:0;
}
.footer01 {
    margin-top:-1px;
}
#fview {	
    /* height:350px; */
}
#fview #viewerPC {
    /* height:350px; */
}
#fview #viewerPC #fv01box {	/* PC fview contents ◆  */
    margin: 0 auto 0 auto;
    width:100%;
    padding-top:50px;
}
#fview #viewerPC #fsym88 img {
    display:block;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    /* margin:auto; */
    width:100%;
    z-index:0;
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

}

@media screen and (max-width:767px) {
    #fview {	
        height:300px;
    }
    #fview #viewerSP  #fv02box {	
        margin: -30px auto 0 auto;
    }
    #main-area #fsym99 {
        margin:0 auto -1px auto;
    }
    #main-area #fsym99 img {
    }
}

/* ◆ 参考価格 -----*/


#section01  {
    margin:-20px auto 30px auto;
    width:100%;
    padding-top:0;
    padding-bottom:0px;
    position:relative;
}
#section01  #sec01sym01 {
    display:block;
    position:absolute;
    top:5%;
    right:3%
}
#section01  #sec01sym01 img {
    display:block;
    100%;
}
#section01  #sec01title {
    margin: 0 auto 0 auto;
    width: 100%;
    padding-top:60px;
    padding-bottom:10px;
    background-color:#FFF;
}
#section01  #sec01title h2 {
    display:block;
    margin: 0 auto 0 auto;
    width: 73%;
    text-align:center;
    font-size:27px;
    font-weight:bold;
    color:#333;
    padding-top:0px;
    padding-bottom:15px;
}
#section01  #sec01title .h2line {
    /* margin: 20px auto 30px auto; */
    margin: 10px auto 30px auto;
    width: 80%;
    height:2px;
    background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#00A05C 98%,#00A05C 100%);	/* reese02 */
}
#section01  #sec01title>p {
    display:block;
    margin: 0 auto 0 auto;
    width: 60%;
    font-size:14px;
    line-height:2.0em;
    color:#333;
    padding-top:0px;
    padding-bottom:0px;
}
#section01 .cont01 {
    margin: 0 auto 0 auto;
    width: 100%;
    padding-top:40px;
    padding-bottom:50px;
    background-color:#F8F8F8;
}
#section01 .cont01>ul {
    margin:0 auto 0 auto;
    width: 78%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    padding:20px 30px 0 30px;
    background-color:#FFF;
}
#section01 .cont01>ul:last-child {
    padding-bottom:90px;
}
#section01 .cont01>ul li {
    margin: 0 auto 0 auto;
    width: 32%;
    padding:20px auto 20px auto;
}
#section01 .cont01>ul li img {
    display:block;
    margin:20px auto 20px auto;
    MAX-width: 300px;
}
#section01  li>dl {
    display:block;
    margin:0 auto 0 auto;
    width: 100%;
}
#section01  li>dl dt {
    display:block;
    /* margin:20px auto 20px auto; */
    margin:30px auto 15px auto;
    width: 85%;
    text-align:center;
    font-size:15px;
    line-height:1.4em;
    font-weight:bold;
    color:#444;
    padding-bottom:15px;
    /* padding-bottom:10px; */
    /* border-left: 4px solid #00A05C;	reese02 */
    border-bottom: 1px solid #BDC3C7;		/* Siver */
}
#section01  li>dl dd {
    display:block;
    margin:0 auto 0 auto;
    width: 75%;
    font-size:14px;
    font-weight:normal;
    font-family: "NotoSansCJKjp-Regular";
    font-display: swap;
    color:#333;
    padding-bottom:30px;
}
#section01  li>dl dd.price {
    /* text-align:center; */
    /* color: #A4966A;		Gold01 */
    color: #333;
}
#section01  .detail {
    margin: 50px auto 0 auto;
    width:100%;
}
#section01  .detail .detail-btn {
    margin: 0 auto 0 auto;
    width:20%;
    border:1px solid #00A05C;		/* reese02 */
}
#section01  .detail .detail-btn a {
    display:block;
    padding:15px 30px 15px 30px; 
    text-align:center;
    font-weight:normal;
    font-family: "NotoSansCJKjp-Medium";
    font-display: swap;
    color:#FFF;
    background-color: #00A05C;		/* reese02 */
}
#section01  .detail .detail-btn a:hover {
    display:block;
    color: #00A05C;		/* reese02 */
    background-color: #DDD;
}

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

    #section01  {
        margin:0 auto 0 auto;
        width:100%;
        padding-bottom:0;
        border-top: 1px solid #BDC3C7;		/* Siver */
    }
    #section01  #sec01sym01 {
        display:block;
        position:absolute;
        top:5%;
        right:1%
    }
    #section01  #sec01sym01 img {
        display:block;
        25%;
    }
    #section01  #sec01title {
        margin: 0 auto 0 auto;
        width: 90%;
        padding-top:20px;
        padding-bottom:0;
    }
    #section01  #sec01title h2 {
        display:block;
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:15px;
        line-height:1.7em;
        font-weight:bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
                        Meiryo, Osaka, helvetica, arial,
                        "游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        color: #333;	
        padding-top:5px;
        padding-left:0;
        padding-bottom:10px;
    }
    #section01  #sec01title .h2line {
        margin: 0 auto 20px auto;
        width: 100%;
        height:1px;
        background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#00A05C 98%,#00A05C 100%);	/* reese02 */
    }
    #section01  #sec01title>p {
        display:block;
        margin: 0 auto 0 auto;
        width: 90%;
        font-size:12px;
        font-weight:bold;
        color:#333;
        padding-top:10px;
        padding-bottom:10px;
    }
    #section01 .cont01 {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-top:10px;
        padding-bottom:0;
        background-color:#FFF;
    }
    #section01 .cont01>ul {
        margin: 0 auto 0 auto;
        width: 100%;
        display: block;
        padding:0;
    }
    #section01 .cont01>ul li {
        margin: 10px auto 0 auto;
        width: 90%;
    }
    #section01 .cont01>ul li img {
        display:block;
        margin:0 auto 10px auto;
        width: 201px;
    }
    #section01  li>dl {
        margin:0 auto 30px auto;
        width: 100%;
    }
    #section01  li>dl dt {
        margin:0 auto 10px auto;
        width: 100%;
        text-align:center;
        font-size:13px;
        font-weight:bold;
        color:#333;
        /* padding-bottom:5px; */
    }
    #section01  li>dl dd {
        display:block;
        margin:0 auto 0 auto;
        width: 90%;
        font-size:12px;
        font-weight:normal;
        color:#222;
        padding-bottom:10px;
    }
    #section01  .detail {
        margin: 20px auto 0 auto;
        width:100%;
    }
    #section01  .detail .detail-btn {
        margin: 0 auto 0 auto;
        width:50%;
    }
    #section01  .detail .detail-btn a {
        display:block;
        padding:7px 15px 7px 15px; 
        text-align:center;
        font-weight:bold;
    }
    #section01  .detail .detail-btn a:hover {
        display:block;
        color: #00A05C;		/* reese02 */
        background-color: #E7DDD2;		/* Beige-gray */
    }
}



/*----------------------------------------------------------------------------*/
/* 	STUDIO リーズ  よくある質問								 	CSS      */
/*----------------------------------------------------------------------------*/
main {
    background-color:#FFF;
}
main {
    overflow-y: hidden;		/* ★ 縦方向はみ出した部分を非表示にする */
}

#main-area {
    width:100%;
    margin:0 auto;
    position: relative;
}
#main-area h1 {
    text-indent: -99999px;	/* テキスト非表示 */
}
#fsym99 {
    display:block;
    margin:auto;
    margin-top:50px;
    width:100%;
    z-index:0;
}
#fsym99 img {
    display:block;
    margin:auto;
    width:100%;
    z-index:0;
}
.footer01 {
    margin-top:-1px;
}
#fview {	
    /* height:350px; */
}
#fview #viewerPC {
    /* height:350px; */
}
#fview #viewerPC #fv01box {	/* PC fview contents ◆  */
    margin: 0 auto 0 auto;
    width:100%;
    padding-top:50px;
}
#fview #viewerPC #fsym88 img {
    display:block;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    /* margin:auto; */
    width:100%;
    z-index:0;
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

}

@media screen and (max-width:767px) {
    #fview {	
        height:300px;
    }
    #fview #viewerSP  #fv02box {	
        margin: -30px auto 0 auto;
    }
    #main-area #fsym99 {
        margin:0 auto -1px auto;
    }
    #main-area #fsym99 img {
    }
}

/* ■ MainConents .section  よくある質問 */

#section01 {		/* □ 固定ヘッダ アンカー位置差分変更 */
    margin-top:-70px;
    padding-top:70px;
}
#section02 {		/* □ 固定ヘッダ アンカー位置差分変更 */
    margin-top:-70px;
    padding-top:70px;
}
#section03 {		/* □ 固定ヘッダ アンカー位置差分変更 */
    margin-top:-70px;
    padding-top:70px;
}
#section04 {		/* □ 固定ヘッダ アンカー位置差分変更 */
    margin-top:-70px;
    padding-top:70px;
}
#section05 {		/* □ 固定ヘッダ アンカー位置差分変更 */
    margin-top:-70px;
    padding-top:70px;
}
#section06 {		/* □ 固定ヘッダ アンカー位置差分変更 */
    margin-top:-70px;
    padding-top:70px;
}

.section {
    margin: 0 auto 0 auto;
    width: 100%;
    padding-bottom:0;
    background-color:#FFF;
}
.section h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
.section #sec01title01 {
    margin: 0 auto 15px auto;
    width: 90%;
}
.section #sec01title01 h2 {
    font-size:13px;
    font-weight:bold;
    color:#444;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
}
.section #sec01title01 .h2line {
    /* margin: 5px auto 0 auto; */
    margin: 0 auto;
    width: 90%;
    height:1px;
    text-indent: -99999px;	/* テキスト非表示 */
    background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 97%,#00A05C 97%,#00A05C 100%);	/* reese02 */
}
.section #sec01title01 ul {
    margin: 20px auto 0 auto;
    width: 80%;
}
.section #sec01title01 li {
    /* padding-bottom:15px; */
    padding-bottom: 5px;
}
.section #sec01title01 li a {
    font-size:13px;
    font-weight:bold;
    color:#444;
}
.section #sec01title01 li a .darrow {
    color: #00A05C;		/* reese02 */
    padding-right:10px;
}
.section #sec01title01 li a:hover {
    color: #B27C04;		/* Gold02 */
}
/* .section .h3title { */
    /* margin: 0px auto 15px auto; */
    /* width: 95%; */
    /* color:#FFF; */
    /* padding-bottom:5px; */
    /* padding-left:0px; */
    /* padding-top:11px; */
    /* padding-bottom:10px; */
    /* background-color:#007A46;		reese01 */
        /* border-radius: 3px;   */
        /* -moz-border-radius: 3px;   */
        /* -webkit-border-radius: 3px;   */
/* } */

.section .h3title {
    margin: 0 auto;
    width: 80%;
    padding-bottom: 0; 
}

.section .h3title p {
    display: block;
    margin: 0 auto;
    width: 73%;
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    color: #333;
    padding-top: 0;
    /* padding-bottom: 15px; */
    padding-bottom: 10px;
}

.section .h3title .faq-line {
    /* margin: 0 auto 20px auto; */
    margin: 0 auto 15px auto;
    width: 85%;
    height: 2px;
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);
}
/* .section .h3title  p { */
    /* margin: 0 auto 0 auto; */
    /* width: 90%; */
    /* font-size:13px; */
    /* line-height:1.7em; */
    /* color:#FFF; */
/* } */
/* .section .h3title h3 { */
    /* display: none; */
/* } */
.section dl,dt,dd {
    display:block;
}
.section .item {
    margin: 0 auto 20px  auto;
    width: 100%;
}
.section .item {
    margin:0 auto 0 auto;
    width : 90%;
    text-align:left;
}
section .item>li  {
    width:92%;
    padding-left:25px;
    /* padding-bottom: 15px; */
    padding-bottom: 10px;
    cursor: pointer;
    outline: none; 
    font-size:12px;
    font-weight:bold;
    line-height:1.7em;
    background	: url("../images/icon/question.png") no-repeat;
    background-position:  left 0  top 2px;
    background-size:15px 15px;
    position: relative;
}
section .item>li a {
    color:#333;
}
section .item>li a:hover {
    color: #B27C04;		/* Gold02 */
}

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

}

@media only screen and (min-width:992px) {	/* PC ～　iPad size  */

    #section01 {		/* □ 固定ヘッダ アンカー位置差分変更 */
        margin-top:-80px;
        padding-top:80px;
    }
    #section02 {		/* □ 固定ヘッダ アンカー位置差分変更 */
        margin-top:-80px;
        padding-top:80px;
    }
    #section03 {		/* □ 固定ヘッダ アンカー位置差分変更 */
        margin-top:-80px;
        padding-top:80px;
    }
    #section04 {		/* □ 固定ヘッダ アンカー位置差分変更 */
        margin-top:-80px;
        padding-top:80px;
    }
    #section05 {		/* □ 固定ヘッダ アンカー位置差分変更 */
        margin-top:-80px;
        padding-top:80px;
    }
    #section06 {		/* □ 固定ヘッダ アンカー位置差分変更 */
        margin-top:-80px;
        padding-top:80px;
    }

    .section {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-bottom:0;
        position:relative;
    }
    .section #sec01title01 {
        margin: -20px auto 30px auto;
        width: 50%;
        padding-bottom:0px;
    }
    .section #sec01title01 h2 {
        font-size:17px;
        font-weight:normal;
        color:#333;
        padding-top:0;
        padding-left:30px;
        /* padding-bottom:8px; */
        padding-bottom: 10px;
    }
    .section #sec01title01 .h2line {
        /* margin: 10px auto 0 auto; */
        margin: 0 auto;
        width: 100%;
        height:1px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#00A05C 98%,#00A05C 100%);	/* reese02 */
    }
    .section #sec01title01 ul {
        /* margin: 30px auto 0 auto; */
        margin: 15px auto 0 auto;
        width: 80%;
    }
    .section #sec01title01 li {
        padding-left:0px;
        padding-bottom:10px;
    }
    .section #sec01title01 li a {
        font-size:17px;
        font-weight:666;
        line-height:1.8em;
    }
    .section #sec01title01 li a .darrow {
        font-size:16px;
        font-weight:normal;
        padding-right:20px;
        line-height:1.0em;
    }
    /* .section .h3title { */
        /* margin: 0 auto 40px auto; */
        /* width: 60%; */
        /* height:50px; */
        /* font-weight: 666; */
        /* padding-left:0px; */
        /* padding-top:10px; */
        /* padding-bottom:10px; */
        /* color:#FFF; */
        /* border-radius: 5px;   */
        /* -moz-border-radius: 5px;   */
        /* -webkit-border-radius: 5px;   */
            /* box-shadow: 0px 1px 2px 1px #ddd; */
            /* -webkit-box-shadow: 0px 1px 2px 1px #ddd; */
            /* -moz-box-shadow: 0px 1px 2px 1px #ddd; */
    /* } */
    /* .section .h3title  p { */
        /* font-size:18px; */
        /* color:#FFF; */
        /* padding-bottom: 10px; */
    /* } */
    .section .item {
        margin: 0 auto 30px auto;
        width : 55%;
        width : 50%;
    }
    section .item>li  {
        width:90%;
        padding-left:50px;
        /* padding-bottom: 30px; */
        padding-bottom: 10px;
        cursor: pointer;
        outline: none; 
        font-size:17px;
        font-weight:normal;
        line-height:2.2em;
        color:#333;
        background	: url("../images/icon/question.png") no-repeat;
        background-position:  left 0  top 1px;
        background-size:36px 36px;
        position: relative;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

    .section #sec01title01 {
        margin: 30px auto 20px auto;
        width: 70%;
        padding-bottom:0px;
    }
    .section #sec01title01 h2 {
        font-size:24px;
        color:#555;
        padding-top:5px;
        padding-left:30px;
        padding-bottom:7px;
        border-left: 7px solid #5EAF23;		/* AF-green02 */
    }
    .section #sec01title01 li a {
        font-size:16px;
        font-weight:666;
    }
    .section #sec01title01 li .darrow {
        font-size:14px;
        padding-right:15px;
    }
    /* .section .h3title { */
        /* margin: 0 auto 20px auto; */
        /* width: 67%; */
        /* height:50px; */
        /* padding-left:0px; */
        /* padding-top:10px; */
        /* padding-bottom:0; */
    /* } */
    /* .section .h3title  p { */
        /* font-size:17px; */
        /* padding-bottom: 0; */
    /* } */
    .section .item {
        margin: 0 auto 50px auto;
        width: 90%;
    }
    .section .Acpannel > dt {
        width:90%;
        padding-top: 15px;
        padding-left:90px;
        padding-bottom: 30px;
        cursor: pointer;
        outline: none; 
        font-size:16px;
        font-weight:normal;
        font-weight:normal;
        line-height:1.7em;
        background	: url("../images/icon/question.png") no-repeat;
        background-position:  left 24px  top 12px;
        background-size:52px 50px;
        background-size:42px 40px;
        position: relative;
    }
    .section .Acpannel  > dd {
        margin-bottom:0;
        width:94%;
        padding-top: 0;
        padding-left:130px;
        padding-bottom:30px;
        line-height:1.7em;
        font-size:14px;
        background	: url("../images/icon/answer.png") no-repeat;
        background-size:26px 26px;
        background-position:  left 90px  top 0;
    }
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    .section #sec01title01 {
        margin: 30px auto 0 auto;
        width: 80%;
    }
    .section #sec01title01 h2 {
        font-size:16px;
        font-weight:bold;
        color:#444;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:15px;
        border-left: 5px solid #5EAF23;		/* AF-green02 */
    }
    .section #sec01title01 ul {
        margin: 20px auto 20px auto;
        width: 90%;
    }
    .section #sec01title01 li {
        padding-bottom:20px;
    }
    .section #sec01title01 li a {
        font-size:15px;
    }
    /* .section .h3title  p { */
        /* margin: 0 auto 0 auto; */
        /* width: 90%; */
        /* font-size:15px; */
    /* } */


    .section .Acpannel > dt {
        width:92%;
        padding-top: 15px;
        padding-left:50px;
        padding-bottom: 30px;
        cursor: pointer;
        outline: none; 
        font-size:14px;
        line-height:15px;
        color:#A4946C; /* Gold01 */
        background	: url("../images/icon/question.png") no-repeat;
        background-position:  left 0px  top 10px;
        background-size:54px 56px;
        background-size:27px 28px;	/* 50% */
        position: relative;
    }
    .section .Acpannel  > dd {
        font-size:14px;
        line-height:24px;
        padding-left:50px;
        background	: url("../images/icon/answer.png") no-repeat;
        background-position:  left 10px  top 10px;
        background-size:36px 36px;
        background-size:18px 18px;	/* 50% */
    }
}

@media screen and (max-width:768px) {
    .section .h3title {
        margin: 10px auto;
        width: 90%;
        padding-top:5px;
        padding-bottom:0;
    }
    .section .h3title p {
        display:block;
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:14px;
        line-height:1.7em;
        font-weight:bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
                        Meiryo, Osaka, helvetica, arial,
                        "游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        color: #333;	
        padding-top:5px;
        padding-left:0;
        padding-bottom:5px;
    }
    .section .h3title .faq-line {
        /* margin: 10px auto 0 auto; */
        margin: 0 auto;
        width: 100%;
        height:1px;
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);
    }
}

/* ■ WORK detail  section01 ----------------------------*/

 #worksection {
    margin: 0 auto 0 auto;
    width: 100%;
    padding-bottom:20px;
    background-color:#FFF;
    position:relative;
}
 #worksection h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
#worksection #fsym99 {
    display:block;
    position:absolute;
    bottom:-1px;
    left:0;
    right:0;
    margin:auto;
}
#worksection #fsym99 img {
}
#wksec{
    margin: 0 auto 0 auto;
    width: 100%;
    padding-top:0px;
    padding-bottom:10px;
}
 #worksection #wksectitle01 {
    margin: 20px auto 0 auto;
    width: 100%;
}
 #worksection #wksectitle01 h2 {
    margin: 0 auto 10px auto;
    width: 90%;
    font-size:13px;
    font-weight:bold;
    line-height:1.5em;
    color: #333;
    padding-top:0px;
    padding-left:17px;
    padding-bottom:5px;
    background-position:  left 0  top 4px;
    background-size:13px 13px;
    border-bottom: 1px solid #BDC3C7;	/* Siver */
}
#worksection #wksectitle01 .h2line {
    margin: 0px auto 0 auto;
    width: 100%;
    height:1px;
    text-indent: -99999px;	/* テキスト非表示 */
    background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
}
 #worksection #wksectitle01 h3 {
    margin: 10px auto 0 auto;
    width: 90%;
    text-align:right;
    font-size:13px;
    letter-spacing:1px;
    font-weight:bold;
    color: #007A46;		/* reese01 */
}
 #worksection #wksectitle01 p {
    width: 100%;
    font-size:12px;
    color:#333;
    line-height:1.7em;
    padding-top:10px;
    padding-left:20px;
}
#wksec #cont {
    margin: 0 auto 0 auto;
    width: 90%;
    padding-top:20px;
    background-color:#fff;
}
#wksec #cont .textitem {
    margin: 0 auto 0 auto;
    width: 100%;
}
#wksec #cont .textitem p {
    margin: 0 auto 0 auto;
    width: 90%;
    font-size:12px;
    line-height:1.7em;
    padding-bottom:10px;
}
#wksec .nlall {		/* 一覧に戻る */
    display: block;
    margin: 20px auto 30px auto;
    position:relative;
}
#wksec .nlall a {
    display: block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    width:140px;
    font-size:12px;
    line-height:1.5em;
    color: #FFF;
    background	: url("../images/icon/btn-arrow.png") no-repeat;
    background-size:8px 8px;
    background-position: 10px  12px; 
}
#wksec .nlall a:hover {
    background	: url("../images/icon/btn-arrow.png") no-repeat;
    background-size:8px 8px;
    background-position: 150px 12px; 
}

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

}

@media only screen and (min-width:767px) {

     #worksection {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-bottom:30px;
        background-color:#FFF;
        position:relative;
    }
    #wksec {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-bottom:0;
        position:relative;
    }
     #worksection #wksectitle01{
        margin: 0 auto 0 auto;
        width: 100%;
        padding-bottom:10px;
        background-color:#fff;
    }
     #worksection #wksectitle01 h2 {
        margin: 70px auto 30px auto;
        width: 50%;
        text-align:left;
        font-size:22px;
        letter-spacing:1px;
        font-weight:bold;
        color: #444;
        padding-top:0;
        padding-left:45px;
        padding-bottom:20px;
        background-position:  left 0  top 0;
        background-size:36px 36px;
        border-bottom: 1px solid #BDC3C7;	/* Siver */
    }
    #worksection #wksectitle01 .h2line {
        margin: 20px auto 0 auto;
        width: 85%;
        height:2px;
        text-indent: -99999px;	/* テキスト非表示 */
        background:linear-gradient(90deg,#00A05C 0%,#00A05C 2%,#CCCCCC 2%,#CCCCCC 100%);	/* reese02 */
    }
     #worksection #wksectitle01 h3 {
        margin: 20px auto 0 auto;
        width: 47%;
        text-align:right;
        font-size:18px;
        letter-spacing:1px;
        font-weight:bold;
    }
     #worksection #wksectitle01 p {
        width: 100%;
        font-size:16px;
        color:#555;
        line-height:1.8em;
        padding-bottom:20px;
        padding-left:80px;
    }
    #wksec #cont {
        margin: 0 auto 0 auto;
        width: 70%;
        padding-top:0;
        padding-bottom:30px;
        position: relative;
        background-color:#fff;
    }
    #wksec #cont .textitem {
        margin: 0 auto 50px auto;
        width: 80%;
    }
    #wksec #cont .textitem p {
        margin: 0 auto 0 auto;
        width: 85%;
        font-size:16px;
        line-height:1.8em;
        padding-bottom:25px;
    }
    #wksec .nlall {		/* 一覧に戻る */
        display: block;
        margin: 0px auto 30px auto;
        position:relative;
    }
    #wksec .nlall a {
        display: block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        margin:auto;
        width:200px;
        font-size:14px;
        font-weight:600;
        line-height:1.5em;
        color: #FFF;
        background	: url("../images/icon/btn-arrow.png") no-repeat;
        background-size:8px 8px;
        background-position: 15px  16px;
    }
    #wksec .nlall a:hover {
        background	: url("../images/icon/btn-arrow.png") no-repeat;
        background-size:8px 8px;
        background-position: 170px 16px; 
    }
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

     #worksection {
        margin: 0 auto 0 auto;
        width: 100%;
        padding-bottom:0px;
        background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
    }
    #wksec{
        margin: 50px auto 0 auto;
        width: 100%;
        padding-bottom:50px;
        position:relative;
    }
     #worksection #wksectitle01{
        margin: 70px auto 0 17%;
        width: 80%;
        padding-bottom:0px;
    }
     #worksection #wksectitle01 h2 {
        font-size:24px;
        font-weight:bold;
        font-family: "NotoSansCJKjp-Bold";
        font-display: swap;
        padding-left:0;
        padding-bottom:0px;
    }
    #wksec #cont {
        margin: 30px auto 0 8%;
        width: 85%;
        padding-top:20px;
        padding-bottom:20px;
        background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
        position: relative;
    }
    #wksec #cont  p.category01 {	/* NEWS & RELEASE カテゴリー */
        margin: 10px auto 10px 5%;
    }
    #wksec #cont  h3 {
        width: 90%;
        font-size:17px;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
    }
    #wksec #cont dl.wkitem {
        margin: 0 auto 0 auto;
        width: 90%;
    }
    #wksec #cont dl.wkitem dt {
        margin: 0 auto 0 auto;
        width: 90%;
        font-size:16px;
        padding:15px;
        padding-top:0px;
        padding-left:25px;
        line-height:27px;
        color:#444;
        background	: url("../images/icon/arrow01.png") no-repeat;
        background-size:14px 13px;
        background-position:left 0 top 6px;
    }
    #wksec #cont dl.wkitem dd {
        margin: 0 auto 0 auto;
        width: 100%;
        font-size:13px;
        line-height:20px;
        padding-top:0px;
        padding-left:50px;
        padding-right:50px;
        padding-bottom:10px;
    }
    #wksec .nlall {		/* 一覧に戻る */
        display: block;
        margin: 20px auto 45px auto;
        position:relative;
    }
    #wksec .nlall a {
        display: block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        margin:auto;
        width:160px;
        font-size:12px;
        line-height:1.5em;
        color: #FFF;
        background	: url("../images/icon/btn-arrow.png") no-repeat;
        background-size:8px 8px;
        background-position: 10px  12px; 
    }
}


/* ============================================
    企業情報
   ============================================ */

#mainBnr .company{
	background: url("../images/bnr_company01.jpg") no-repeat center center #f5f4f4;
}

.compWrap01{
	margin: 60px auto 70px;
	width: 810px;
}

.compWrap01 a{
	color: #FFF;
	display: block;
	overflow: hidden;
}

.compWrap01 a:hover{
	color: #dedd6b;
	border: 3px solid #dedd6b;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.compWrap01 h3{
	font-size: 30px;
	margin: 95px 0 15px;
}

.compWrap01 a:hover h3{
	margin: 92px 0 15px;
}

.compWrap01 p{
	font-size: 15px;
	line-height: 1.6em;
}

.compOutline,
.compAccess{
	height: 250px;
	width: 380px;
	text-align: center;
}

.compOutline{
	float: left;
	background: url("../images/bg_company02.jpg") no-repeat center center #f5f4f4;
}

.compAccess{
	float: right;
	background: url("../images/bg_company03.jpg") no-repeat center center #f5f4f4;
}

.compOutline div,
.compAccess div{
	margin: -3px;
}

.compTbl{
	width: 810px;
	margin: 50px auto 60px;
}

.compTbl th,
.compTbl td {
	border: 1px solid #000;
	font-size: 18px;
	padding: 20px;
}

.pictWrap{
	text-align: center;
	margin-bottom: 60px;
}

.innerWrap #map_canvas { width: 100%; height: 500px; margin: 40px 0 70px;}

.accessTxt{
	font-size: 18px;
	line-height: 1.6em;
	width: 810px;
	margin: 50px auto 0;
	text-align: center;
}

/* ============================================
    実績・事例
   ============================================ */

#mainBnr .works{
	background: url("../images/bnr_works01.jpg") no-repeat center center #f5f4f4;
}

.wksWrap01{
	display: block;
	margin: 60px auto 70px;
	width: 810px;
}

.wksWrap01 a{
	color: #fff;
	display: block;
	overflow: hidden;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

.wksWrap01 a:hover{
	color: #dedd6b;
	border: 3px solid #dedd6b;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.wksWrap01 h3{
	font-size: 30px;
}

.wksWrap01 a:hover div{
	position: relative;
	margin:-3px;
}

.wksWrap01 p{
	font-size: 13px;
	line-height: 1.6em;
}

.wksBox01 h3{
	margin: 65px 0px 15px 510px;
}

.wksBox01 p{
	margin-left: 510px;
	width: 280px;
}

.wksBox02 h3{
	margin: 65px 0px 15px 510px;
}

.wksBox02 p{
	margin-left: 510px;
	width: 280px;
}

.wksBox03 h3{
	margin: 65px 30px 15px;
}

.wksBox03 p{
	margin-left: 30px;
	width: 280px;
}

.wksBox04 h3{
	margin: 38px 0px 15px 510px;
}

.wksBox04 p{
	margin-left: 510px;
	width: 280px;
}

.wksBox01,
.wksBox02,
.wksBox03,
.wksBox04{
	height: 200px;
	width: 810px;
}

.wksBox01,
.wksBox02,
.wksBox03{
	margin-bottom: 30px;
}

.wksBox01{
	background: url("../images/bg_nw01.jpg") no-repeat 0 center #69866a;
}

.wksBox01:hover{
	background: url("../images/bg_nw01.jpg") no-repeat -1px center #69866a;
}

.wksBox02{
	background: url("../images/bg_nw02.jpg") no-repeat 0 center #8085a5;
}

.wksBox02:hover{
	background: url("../images/bg_nw02.jpg") no-repeat -1px center #8085a5;
}

.wksBox03{
	background: url("../images/bg_nw03.jpg") no-repeat 330px center #826c62;
}

.wksBox03:hover{
	background: url("../images/bg_nw03.jpg") no-repeat 327px center #826c62;
}

.wksBox04{
	background: url("../images/bg_nw04.jpg") no-repeat 0 center #ae8da2;
}

.wksBox04:hover{
	background: url("../images/bg_nw04.jpg") no-repeat -3px center #ae8da2;
}

.innerWrap .toggleWrapDefault .nwBox:first-child{
	border-top: none;
}

.innerWrap .nwBox{
	width: 84%;
	border-top: solid 1px #000;
	padding-top: 25px;
	margin-bottom: 20px;
}

.innerWrap .nwBox .nwTxt{
	font-size: 15px;
	display: inline-block;
	width: 84%;
	padding-left: 25px;
	text-align: left;
}

.innerWrap .nwBox .linkTxt{
	font-size: 15px;
	display: inline-block;
	width: 84%;
	padding-left: 25px;
	text-align: left;
}

.innerWrap .toggleBtn{
	width: 84%;
	margin: auto;
}

.innerWrap .lftClm,
.innerWrap .rhtClm{
	width: 450px;
	margin-right: 0px;
	text-align: left;
}

.innerWrap .lftClm{
	float: left;
}

.innerWrap .rhtClm{
	float: right;
}

.caseSitePict01,
.caseSitePict02,
.caseSitePict03,
.caseSitePict04,
.caseSitePict05,
.caseSitePict06,
.caseSitePict07,
.caseSitePict08,
.caseSitePict09,
.caseSitePict10,
.caseSitePict11,
.caseSitePict12 {
	padding-top: 250px;
}

.caseSitePict01 p,
.caseSitePict02 p,
.caseSitePict03 p,
.caseSitePict04 p,
.caseSitePict05 p,
.caseSitePict06 p,
.caseSitePict07 p,
.caseSitePict08 p,
.caseSitePict09 p,
.caseSitePict10 p,
.caseSitePict11 p,
.caseSitePict12 p {
	background: #FFF;
	padding: 25px 0;
	height: 10px;
}

.caseSitePict01{
	background: url("../images/bg_case_site_cap01.jpg") no-repeat top center;
}

.caseSitePict02{
	background: url("../images/bg_case_site_cap02.jpg") no-repeat top center;
}

.caseSitePict03{
	background: url("../images/bg_case_site_cap03.jpg") no-repeat top center;
}

.caseSitePict04{
	background: url("../images/bg_case_site_cap04.jpg") no-repeat top center;
}


.caseSitePict05{
	background: url("../images/bg_case_site_cap05.jpg") no-repeat top center;
}


.caseSitePict06{
	background: url("../images/bg_case_site_cap06.jpg") no-repeat top center;
}


.caseSitePict07{
	background: url("../images/bg_case_site_cap07.jpg") no-repeat top center;
}


.caseSitePict08{
	background: url("../images/bg_case_site_cap08.jpg") no-repeat top center;
}


.caseSitePict09{
	background: url("../images/bg_case_site_cap09.jpg") no-repeat top center;
}


.caseSitePict10{
	background: url("../images/bg_case_site_cap10.jpg") no-repeat top center;
}


.caseSitePict11{
	background: url("../images/bg_case_site_cap11.jpg") no-repeat top center;
}


.caseSitePict12{
	background: url("../images/bg_case_site_cap12.jpg") no-repeat top center;
}


.lftClm .capSiteName,
.rhtClm .capSiteName{
	margin-top: 25px;
	margin-bottom: 25px;
	border-bottom: 2px solid #000;
	padding-bottom: 15px;
}

.lftClm .capSiteName{
	padding-left: 15px;
}

.rhtClm .capSiteName{
	padding-left: 15px;
}

.innerWrap .caseBox{
	background: #F5F5F3;
	margin-top: 30px;
}

.innerWrap .caseBox .pictLine {
	width: 450px;
	position: relative;
	height: 64px;
	background-color:rgba(0,0,0,0.6);
	bottom:-161px;
}

.innerWrap .caseBox h3 {
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	display: block;
	letter-spacing: 0.5px;
	padding: 15px 15px;
}

.innerWrap .casePict {
	width: 450px;
	height: 225px;
	overflow: hidden;
	position: relative;

}

.innerWrap .casePict img {
	position: absolute;
}

.innerWrap .caseTxt{
	padding: 17px 20px 20px;
	line-height: 1.3em;
	height: 140px;
}

.side-corner-tag {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-weight: 900;
}

.side-corner-tag p {
    display: inline;
    z-index:999;
    color: #fff;
}

.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 22px;
    background: #d93155;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index:999;
}

.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}

.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}

.toggleBtn.wd{
	width: 960px;
	margin-top: 40px;
}

.vocWrap{
	text-align: center;
	padding-top: 30px;
	width: 810px;
	margin: auto;
}

.hdVoc01{
	margin-bottom: 20px;
}

.txtVoc01{
	font-size: 18px;
}

.clientBox02 {
	padding-top: 50px;
}

.clientBox02 img ,
.clientBox02 h3 {
	display: inline-block;
	font-size: 20px;
}
.clientBox02 img {
	vertical-align: middle;
}
.clientBox02 h3 {
	padding-left:20px;
	font-weight:bold;
}

.clientBox02 p {
	clear:both;
	padding-top:20px;
	padding-bottom:50px;
	text-align: left;
	font-size: 14px;
	line-height: 1.6em;
}

/* ============================================
    採用情報
   ============================================ */

#mainBnr .recruit{
	background: url("../images/bnr_recruit01.jpg") no-repeat center center #f5f4f4;
}

#sec02.bgRecruit{
	background: url("../images/bg_recruit.jpg") no-repeat center center #f5f4f4;
}

#sec02.colChg01{
	background: #f5f4f4;
	padding-bottom: 0;
}

#sec02.colChg01 .wrap02{
	padding-bottom: 0;
}

.rcrtWrap{
	width: 700px;
	margin: auto;
}

.rcrtTxt02{
	float: left;
	padding: 20px;
}

.rcrtTxt02 a{
	font-size: 22px;
	color: #181818;
	text-decoration: underline;
	text-align: center;
	line-height: 40px;
}

.rcrtTxt02 a:hover{
	color: #dedd6b;
}

.rcrtTxt02 dt,
.rcrtTxt02 dd{
	font-size: 22px;
	text-align: center;
	line-height: 1.3em;
	width: 300px;
}

.rcrtTxt02 dt span{
	display: inline-block;
	padding: 10px 15px;
	display:inline-block;
	background:#81807D;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	line-height: 20px;
	height: 20px;
	margin: 0 auto 15px;
}

.rcrtTxt02 dd{
	height: 80px;
	margin-bottom: 25px;
}

.rcrtTxt02 dd span{
	font-size: 15px;
	line-height: 1.4em;
}

.recTbl{
	width: 810px;
	margin: 50px auto 60px;
}

.recTbl th,
.recTbl td {
	border: 1px solid #000;
	font-size: 15px;
	padding: 15px;
}

.recTbl th {
	width: 120px;
}

.recStep{
	width: 810px;
	margin: auto;
}

.recStep div{
	background-color: #EFEFEF;
	padding: 20px;
	font-size: 15px;
}

.recStep div.flow{
	margin-bottom: 35px;
}

.recStep div.flow:after{
    content: " ";
    font-size: 24pt;
    text-align: center;
    float: right;
    position: relative;
    bottom: -25px;
    left:-50%;
    margin-left: 10px;
    background: url(../images/cursor_rec_flow.png) center center no-repeat;
    display: block;
    height: 25px;
    width: 25px;
}

.recStep + .btnMid{
	margin-bottom: 60px;
}


.hdRecFlow{
	font-size: 18px;
	text-align: center;
}

.hdRecFlow + p{
	margin-top: 10px;
}

.recStep div p img{
	padding-top: 12px;
}

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

#mainBnr .contact{
	background: url("../images/bnr_contact01.jpg") no-repeat center center #f5f4f4;
}

.telTxt01:first-child{
	font-size: 33px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

.telTxt01{
	display: block;
	text-align: center;
	font-size: 16px;
}

.telTxt01 img{
	margin-right: 7px;
	vertical-align: -0.1em;
}

.txtNotice01{
	width: 810px;
	margin: auto;
}

.contactFormBox table{
	width: 810px;
	margin: 10px auto 60px;
}

.contactFormBox th,
.contactFormBox td {
	border: 1px solid #000;
	font-size: 15px;
	padding: 15px;
}

.contactFormBox th {
	width: 200px;
	vertical-align: top;
}

.contactFormBox table + .btnMid{
	margin-bottom: 60px;
}

.asterisk{
	color: red;
}

.inputTxtarea,
.inputTxt{
	width: 550px;
	font-size: 15px;
}

.inputTxt{
	height: 25px;
}

.inputRadio,
.inputRadio + label{
	margin-bottom: 10px;
}

.finishTxt{
	font-size: 20px;
	margin: 60px 0;
	text-align: center;
	line-height: 1.7em;
}

.finishTxt + .btnMid{
	margin-bottom: 60px;
}

/* ============================================
    パートナー募集
   ============================================ */

#mainBnr .partner{
	background: url("../images/bnr_partner01.jpg") no-repeat center center #f5f4f4;
}

.ptnrTxt01{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 30px auto 50px;
	background-color: #EFEFEF;
	width: 810px;
	padding: 30px 0 15px;
}

.ptnrTxt01 li{
	display: inline-block;
	margin: 0 10px 15px;
}

.ptnrTxt01 li span{
	font-size: 12px;
}

.ptnrBox{
	text-align: center;
	margin:0 auto 50px;
	font-size: 15px;
	width: 810px;
}

.ptnrBox h3{
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 15px;
}

.ptnrBox span{
	font-size: 20px;
	display: block;
	margin-bottom: 15px;
}

/* ============================================
    サイトマップ
   ============================================ */

#mainBnr .sitemap{
	background: url("../images/bnr_sitemap01.jpg") no-repeat center center #f5f4f4;
}

.sitemapWrap01{
	width: 830px;
	margin: 0 auto 20px;
	padding-top: 50px;
	border-top: 1px solid #dbdbdb;
}

.sitemapWrap01 ul{
	width: 400px;
	margin: 0 0 40px;
}

.sitemapWrap01 .listHd{
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
}

.sitemapWrap01 .listHd a{
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	background: url("../images/cursor_sm.png") no-repeat left 1px;
}

.sitemapWrap01 li a{
	font-size: 15px;
	color: #181818;
	padding-left: 10px;
	padding-bottom: 8px;
	display: block;
}

.sitemapWrap01 li a:hover{
	text-decoration: underline;
}

/* ============================================
    プライバシーポリシー
   ============================================ */

#mainBnr .policy{
	background: url("../images/bnr_policy01.jpg") no-repeat center center #f5f4f4;
}

.policyWrap{
	width: 810px;
	margin: auto;
	font-size: 15px;
}

.poliHd{
	font-size: 20px;
	margin: 20px 0 20px;
	border-top: 1px solid #dbdbdb;
	padding-top: 25px;
}

/* ============================================
    文字数チェックツール
   ============================================ */

#mainBnr .check{
	background: url("../images/bnr_check01.jpg") no-repeat center center #f5f4f4;
}

.chktoolWrap{
	width: 810px;
	margin: auto;
	font-size: 18px;
	margin-top: 50px;
}

.strInputBox {
	text-align: center;
	margin-bottom: 20px;
}

.strInputBox textarea{
	width: 790px;
	height: 200px;
	margin: auto;
	font-size: 16px;
	padding: 10px;
}

.sendBtnBox{
	text-align: center;
}

.btnChk {
	display: inline-block;
	margin: 30px;
}

.btnChk a{
	font-size: 20px;
	width: 250px;
	height: 50px;
	line-height: 50px;
	border: 1px solid;
	text-align: center;
	display: block;
	background: #000;
	color: #fff;
	border-color: #000;
}

.btnChk a:hover{
	color: #181818;
	background: #fff;
}

.sendTxtBox {
	font-size: 21px;
	text-align: center;
	background-color: #EFEFEF;
	padding: 40px;
	margin: 40px auto 0;
	width: 580px;
}

.sendTxtBox input{
	font-size: 22px;
	width: 300px;
	text-align: right;
	padding-right: 20px;
}

.sendTxtBox .sendTxtHd{
	font-weight: bold;
	margin-bottom: 20px;
}

.subTxtBox{
	margin: 40px auto 60px;
	padding-top: 15px;
	font-size: 15px;
	width: 810px;
	border-top: 1px solid #dbdbdb;
	text-align: center;
}

.subTxtHd{
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 20px;
}

/* ============================================
    ブログ
   ============================================ */

#mainBnr .blog{
	background: url("../images/bnr_blog01.jpg") no-repeat center center #f5f4f4;
}

.blogWrap{
	width: 810px;
	font-size: 18px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-bottom: 60px;
}

.blogWrap + .btnMid{
	margin-top: 0px;
}

.innerWrap .blgBox{
	background-color: #EFEFEF;
	height: 220px;
	margin-top: 40px;
}

.innerWrap .blgPict .pictLine{
	position: relative;
	height: 70px;
	width: 220px;
	background-color:rgba(0,0,0,0.6);
	bottom:-150px;
}

.innerWrap .blgPict {
	width: 220px;
	height: 220px;
	overflow: hidden;
	position: relative;
}

.innerWrap .blgTxt{
	position: relative;
	width: 530px;
	padding: 15px;
	top:-215px;
	left: 235px;
	font-size: 15px;
	line-height: 1.5em;
}

.innerWrap .blgTxt h3 a{
	font-size: 20px;
	line-height: 1.3em;
	margin-bottom: 5px;
	font-weight: bold;
	color: #1b387a;
	display: block;
	letter-spacing: 0.5px;
}

.innerWrap .blgTxt h3 a:hover{
	color: #7b89a9;
	text-decoration: underline;
}

.innerWrap .tag a{
	border: #DEE1E2 1px solid;
	background: url(../images/ico_tag.png) no-repeat 10px 5px #fff;
	font-size: 10px;
	color: #6A6A6A;
	letter-spacing: 0em;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 10px 0 23px;
	margin: 7px 8px 0 0;
}

.innerWrap .tag a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.innerWrap .blgPict span a {
	font-size: 16px;
	color: #FFF;
	display: block;
	padding-top: 15px;
}

.innerWrap .blgPict span a:hover {
	text-decoration: underline;
	color: #dedd6b;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.wrap03 {
	width: 810px;
	margin: auto;
	padding: 10px 0 60px;
}

.blogHd{
	font-size: 24px;
	border-bottom: 4px solid #000;
	padding-bottom: 20px;
	line-height: 1.4em;
	font-weight: bold;
}

.blogDate{
	font-size: 15px;
	padding-bottom: 10px;
	display: block;
}

.blgPict02{
	margin-top: 50px;
	text-align: center;
}

.blgTxt01{
	margin-top: 30px;
	font-size: 15px;
}

.blgIntro{
	margin-top: 40px;
	font-size: 13px;
	border-top: solid 1px #000;
	padding-top: 40px;
}

.blgIntro dt,
.blgIntro dd {
	display: inline-block;
}

.blgIntro dt {
	width: 150px;
}

.blgIntro dt img {
	vertical-align: -4.8em;
}

.blgIntro dd {
	width: 630px;
	vertical-align: middle;
}

.blgSubInfo{
	display: block;
	font-weight: bold;
}

#sec02.colChg02{
	background: #f5f4f4;
}

/* 20170502 new contens START*/

.new_contents {
	font-size: 14px;
	line-height: 24px;
}

.topPage .inner {
	width: 956px;
	margin: 0 auto;
}

.SPbtn {
	height: 0;
	overflow: hidden;
}

.accordion{
	display: none;
}


/*About*/
.nc_head {
	background-image: url("../images/top/bg_nc_head.jpg");
	background-repeat: repeat;
}

.about {
	background-color: rgba(181, 214, 55, 0.8);
}

.about .inner {
	width: 70%;
	margin: 0 auto;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 20px;
}

.about_center {
	text-align: center;
}

.about_center h2 {
	font-size: 33px;
  margin-bottom:15px;
}

.about_detail {
	text-align: center;
}

/*私たちの強み*/

.area {
	padding: 80px 0;
}


.area .area_tit {
	font-size: 20px;
	font-weight:bold;
	text-align: center;
	letter-spacing: 1px;

  display: inline-block;
  background: url("../images/top/area_line.png") 0 bottom  repeat-x;
  padding-bottom:30px;
  margin-bottom:20px;
}

.area p{
	margin-bottom: 20px;
}

.area_contents1 {
	width: 80%;
	margin: 0 auto 50px;
}

.area_tit1 {
	text-align: center;
}

.area_contents2 {
  width:45%;
	float: left;
}

.area_tit2 {
	text-align: center;
}

.area_contents3 {
  width:50%;
	float: right;
}

.area_tit3 {
	text-align: center;
}


/*記事ジャンルについて*/
.menu {
	color: #fff;
  background: url("../images/top/bg_menu_ver2.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding:85px 0 120px;
}

.menu_tit {
	text-align: center;
  margin-bottom:30px;
}

.menu_tit h2 {
	font-size: 28px;
	font-weight: bold;
	display: block;
  margin-bottom: 30px;
	text-align: center;
}

.menu ul {
  box-sizing:border-box;
}

.menu li {
	font-size: 13px;
	line-height: 22px;
	float: left;
  width:50%;
}

.menu li:nth-child(2n) > div {
  margin-right: 0;
}




.biz {
	color: #000;
	padding:5px 0 30px;
}

.biz_tit {
	text-align: center;
	margin-bottom:30px;
}

.biz_tit h2 {
	font-size: 28px;
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.biz ul {
	box-sizing:border-box;
}

.biz li {
	font-size: 13px;
	line-height: 22px;
	float: left;
	width:50%;
}

.biz li:nth-child(2n) > div {
	margin-right: 0;
}





.menu_box {
  border: 3px solid #fff;
	border-radius: 10px;
  margin:0 20px 20px 0;
  padding:20px 30px;
  min-height:140px;
}

.menu_box .menu_contents {
	margin-bottom:10px;
}

.menu_box .menu_contents span {
  margin-right:5px;
}

.menu_contents {
	font-size: 18px;
}



.biz_box {
	background-color: #fcfcfc;
	border: 1px solid #808080;
	border-radius: 10px;
	margin:0 20px 20px 0;
	padding:20px 30px;
	min-height:190px;
}

.biz_box .biz_contents {
	margin-bottom:10px;
}

.biz_box .biz_contents span {
	margin-right:5px;
}

.biz_contents {
	font-size: 18px;
}



/*これからメディアを立ち上げたいお客様へ*/

.SP_footimg {
	height: 0;
	overflow: hidden;
}

.SP_foot {
	display: block;
	height: 0;
	overflow: hidden;
}

.foot_tit {
	background-color: #b5b5b6;
	height: 304px;
	width: 100%;
	position: relative;
  background: url("../images/top/bg_foottit.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.foot_tit .foot_h1 {
  text-align: center;
  padding-top:120px;
}

.foot_tit .foot_h1 br {
  display: none;
}

.foot_tit .foot_h1 span {
  display: inline-block;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  border: 3px solid #fff;
  text-align: center;
  white-space: nowrap;
  padding:20px 55px;
}

.foot_contents {
  padding:60px 0 90px;
	background-color: #faf8ed;
	font-size: 14px;
  position: relative;
  z-index:1;
}

.foot_contents .inner {
  position: relative;
}

.foot_contents .inner:before {
  content:'';
  display: inline-block;
  background: url("../images/top/bg_foot.png") no-repeat;
  width:564px;
  height:398px;
  position: absolute;
  top: 250px;
  left:-180px;
  z-index: -1;
}

.foot_contents .foot_h2 {
  letter-spacing: -.4em;
  margin-bottom:15px;
}

.foot_contents .foot_h2 * {
  letter-spacing: normal;
}

.foot_contents .foot_h2 h2 {
	font-weight: bold;
	font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}

.foot_contents .PC_footimg {
  vertical-align: middle;
  margin-right: 10px;
}

.foot_accordion {
	clear: left;
}

.foot01 {
	margin-bottom: 50px;
}

.foot02 {
	width: 55%;
	float: right;
	margin-bottom: 100px;
}

.foot03 {
	clear: both;
}

/* 20170502 new contens END*/

/* ============================================
    SPおよびレスポンシブ対応
   ============================================ */

.menuSp {
  display: none;
  width: 24px;
  height: 24px;
	background: url(../images/ico_bar.png) no-repeat 0 0;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
  top: 25px;
  right: 30px;
}


.bizSp {
  display: none;
  width: 24px;
  height: 24px;
	background: url(../images/ico_bar.png) no-repeat 0 0;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
  top: 25px;
  right: 30px;
}




@media screen and (max-width: 760px) {
  body {
  	line-height: 1.5;
  }
  img {
  	max-width: 100%;
  	height: auto;
  }
  /* --- Header ---*/
  header {
  	height: auto;
  }
  header .wrap01 {
    min-width: 100%;
    width: 100%;
    padding: 0;
  }
  .logo {
  	float: none;
  	margin:20px 30px;
  }
  .menuSp {
  	display: block;
  }


  .bizSp {
  	display: block;
  }



  /* --- Heading ---*/
  h2 {
  	line-height: 1.4;
  }

  /* --- gNav ---*/
  .gNav {
  	width: 80%;
  	margin: 20px auto 0;
  	padding-top: 20px;
  	background-color: rgba(255,255,255,0.9);
  	float: none;
  	clear: both;
  	display: none;
  }
  .gNav li {
  	display: block;
  	text-align: center;
  }
  .gNav li a {
  	float: none;
  	border-left: none;
  	width: auto;
  	height: auto;
  	display: inline-block;
  	color: #181818;
  }
  .gNav li a:after {
  	margin-top: 0;
  	margin-bottom: 15px;
  }
  .gNav li span.inlineTxt {
    margin-top: 0;
  }
  .gNav li.tel {
  	width: auto;
  	height: auto;
  	float: none;
  	border-left: none;
  }
  .gNav li.tel .num {
  	display: inline-block;
  	padding-left: 30px;
  	margin-bottom: 0;
  }
  .gNav li span.ruby02 {
  	margin-bottom: 10px;
  }

  /* Description area */
  .dscrptArea h1, .dscrptArea .subDscrptn {
  	min-width: 100%;
  	font-size: 120%;
  }

  #sec01 {
  	display: none!important;
  }
  .container.innerWrap #sec01 {
  	display: block!important;
  	width: auto;
  }

  /* .wrap02 */
  .wrap02 {
  	width: auto;
  	margin: auto;
  	padding: 0px 30px 30px;
  }

  /* Title */
  .hdWrap01 {
    padding: 30px 30px 0;
    text-align: center;
  }
  .wrap02 .hdWrap01 h2 {
  	float: none;
  	line-height: 1.2;
  }

  /* Breadcrumb */
  .breadcrumb p{
  	width: auto;
  	padding: 0 30px;
  }

  /* --- Column ---*/

  /* Right column */
  .rghtClm {
  	width: auto;
    float: none;
    clear: both;
  }
  .innerWrap .rhtClm {
  	width: auto;
  	float: none;
  }

  /* Left column */
  .lftClm {
  	width: 100%;
    margin-right: 0;
  }
  .innerWrap .lftClm {
    width: auto;
    float: none;
  }

  /* sec03 */
  #sec03 .wrap02,
  #sec04 .wrap02,
  #sec05 .wrap02 {
    padding: 30px;
  }

  #sec03 .secTxt01,
  #sec04 .secTxt01,
  #sec05 .secTxt01{
  	width: auto;
  	margin: 20px auto 20px;
  	font-size: 14px;
  	line-height: 24px;
  }
  .figTop01 {
  	width: auto;
  	margin: auto;
  	text-align: center;
  }
  .figTop01 span {
  	margin-top: 30px;
    line-height: 1.2;
  }
  .figTop01 .fig02 {
    margin-top: -60px;
  }

  /* --- Footer ---*/
  footer {
  	height: auto;
  	padding: 30px;
  	overflow: hidden;
  }
  footer .wrap01{
  	width: auto;
    min-width: 280px;
    padding: 0;
  }
  .ftNav {
  	float: none;
  	width: 100%;
  	margin-bottom: 10px;
  	word-wrap : break-word;
    overflow-wrap: break-word;
  }
  .ftNav li {
  	margin: 0 15px 15px 0;
  	padding: 0;
  }
  .ftLogo .logo02 {
  	margin-bottom: 10px;
  }
  .ftLogo address {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Form */
  .inputTxtarea,
  .inputTxt {
  	width: 95%;
  	font-size: 13px;
  }

  /* Text */
  .blgTxt {
  	position: static;
  	width: auto;
  	padding: 15px 30px;
  	top:-175px;
  	left: 175px;
  	font-size: 12px;
  	line-height: 1.25em;
  }

  .container.innerWrap .wrap02 .secTxt01 {
  	width: auto;
  	margin: 20px auto 20px;
  	font-size: 14px;
  	line-height: 1.5em;
  }
  .dscrptAreaIn h1,.dscrptAreaIn .subDscrptn{
  	min-width: 320px;
  }

  /* --- Button ---*/
  /* mini */
  .btnMini {
    float: none;
    margin-top: 10px;
    text-align: center;
  }
  .btnMini a {
    display: inline-block;
  }
  /* big */
  .btnBig a{
  	font-size: 15px;
  	width: auto;
  	line-height: 1.5em;
  	border: 1px solid;
  	text-align: center;
  	padding: 20px;
  	display: block;
  	color: #181818;
  	margin: auto;
  }
  .btnBig a p {
  	line-height: 1.25em;
  }

  .sitemapWrap01 {
  	width: 100%;
  	margin: 0 auto 20px;
  	padding-top: 50px;
  	border-top: 1px solid #dbdbdb;
  }
  .sitemapWrap01 ul {
  	width: 100%;
  	margin: 0 0 40px;
  }

  .toggleBtn.wd {
  	display: none;;
  }

  /* --- Top ---*/
  .newsWrap {
  	margin-bottom: -40px;
  }
  .newsWrap .newsArea {
  	font-size: 13px;
  	color:#fff;
  	width: auto;
  	overflow: hidden;
  }

  .newsWrap .newsArea li {
  	color:#fff;
  	width: auto;
  }

  /* Recruit */
  .rcrtTxt a {
    font-size: 16px;
  }

  /* 事例紹介 */
  #sec02 .caseBox {
    height: auto;
    padding-top: 20px;
  }
  .casePict {
    width: 75%;
    height: auto;
    margin: 0 auto;
  }
  .casePict a img {
  	position: static;
  	vertical-align: top;
  }
  .casePict .pictLine {
  	width: auto;
  	height: auto;
    position: static;
  }
  .casePict a {
  	display: block;
  }
  .caseTxt {
    padding-left: 30px;
    padding-right: 30px;
  }

  .innerWrap .casePict {
  	width: 100%;
  	height: 150px;
  	overflow: hidden;
  	position: relative;
  }
  .innerWrap .caseTxt {
    height: auto;
  }
  .lftClm .capSiteName {
  	padding-left: 0px;
  }
  .rhtClm .capSiteName {
  	padding-left: 0px;
  }
  .capSiteName img {
  	width:320px;
  }

  .vocWrap {
  	text-align: center;
  	padding-top: 30px;
  	width: auto;
  	margin: auto;
  }

  /* Blog */
  .blgBox {
  	height: auto;
  }
  .blgBox .blgTxt {
    text-align: left;
  }
  .blgPict {
  	width: 75%;
  	padding-top: 15px;
  	margin: 0 auto;
  }
  .blgPict img {
  	width: 100%;
  	height: auto;
  }
  .blgPict .pictLine {
  	width: 100%;
  }

  /* New works */
  .innerWrap .nwBox {
    width: auto;
  }
  .innerWrap .nwBox .nwTxt {
  	width: auto;
  	padding-left: 0;
  }

  .innerWrap .nwBox .linkTxt {
  	width: auto;
  	padding-left: 0;
  }

  /* --- Bussiness ---*/
  .business01 {
    padding-bottom: 240px;
    margin-bottom: 30px;
  }

  .figIn01, .figIn02 {
  	width: auto;
  	height: auto;
  	padding-left: 0;
  	padding-top: 100px;
  	margin-bottom: 30px;
    -webkit-background-size: 100px;
    background-size: 100px;
    background-position: center top;
  }

  .figWrap01 {
  	width: auto;
  	float: none;
  }
  .figWrap01 h3 {
  	padding-top: 0;
  }

  .figIn01 .btnMini,
  .figIn02 .btnMini {
    margin-top: 10px;
  }

  .txtList {
  	width: auto;
  }
  .txtList li {
  	height: auto;
  	margin: 0 0 20px;
  }

  .faqBox {
  	width: auto;
  }
  .faqBox .toggleWrapDefault,
  .faqBox .toggleWrapDefault02,
  .faqBox .toggleWrapDefault03,
  .faqBox .toggleWrapDefault04,
  .faqBox .toggleWrapDefault05 {
    padding-right: 40px;
    position: relative;
  }
  .toggleBtnIn,
  .toggleBtnIn02,
  .toggleBtnIn03,
  .toggleBtnIn04,
  .toggleBtnIn05 {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }

  /* --- Company ---*/
  .compWrap01{
  	margin: 30px 0 0;
  	width: auto;
  }
  .compOutline,
  .compAccess {
    width: auto;
  }
  .compOutline {
  	margin-bottom: 20px;
  }
  .compAccess {
  	margin-bottom: 10px;
  }
  .compOutline div,
  .compAccess div {
  	margin: 0;
  	padding: 20px;
  }
  .compOutline h3,
  .compAccess h3 {
    margin-top: 10px;
    text-align: left;
  }
  .compOutline p,
  .compAccess p {
    text-align: left;
  }

  .compTbl {
  	width: 100%;
  	margin: 30px 0;
  }
  .compTbl th,
  .compTbl td {
  	font-size: 14px;
  }
  .compOutline {
  	float: none;
  	background: url("../images/bg_company02.jpg") no-repeat center center #f5f4f4;
  }
  .compAccess {
  	float: none;
  	background: url("../images/bg_company03.jpg") no-repeat center center #f5f4f4;
  }

  /* access */
  .accessTxt{
  	width: auto;
  	margin-top: 0;
  	font-size: 14px;
  	text-align: center;
  }

  /* --- Works ---*/
  .wksWrap01{
  	display: block;
  	margin: 20px auto 20px;
  	width: auto;
  }
  .wksBox01,
  .wksBox02,
  .wksBox03,
  .wksBox04 {
  	height: auto;
  	width: auto;
  }
  .wksBox01 div,
  .wksBox02 div,
  .wksBox03 div,
  .wksBox04 div {
  	padding: 20px;
  }
  .wksBox01 h3,
  .wksBox02 h3,
  .wksBox03 h3,
  .wksBox04 h3 {
  	margin: 0;
  }
  .wksBox01 p,
  .wksBox02 p,
  .wksBox03 p,
  .wksBox04 p {
  	width: auto;
  	margin: 0;
  }

  .wksBox01 {
    padding-top: 120px;
    background: url(../images/bg_nw01.jpg) no-repeat center -50px;
  }
  .wksBox01 div {
    background-color: #69866a;
  }
  .wksBox02 {
    padding-top: 120px;
    background: url(../images/bg_nw02.jpg) no-repeat center -50px;
  }
  .wksBox02 div {
    background-color: #8085a5;
  }
  .wksBox03 {
    padding-top: 120px;
    background: url(../images/bg_nw03.jpg) no-repeat -50px -90px;
  }
  .wksBox03 div {
    background-color: #826c62;
  }
  .wksBox04 {
    padding-top: 120px;
    background: url(../images/bg_nw04.jpg) no-repeat -50px -90px;
  }
  .wksBox04 div {
    background-color: #ae8da2;
  }

  /* --- Recruit ---*/
  .rcrtWrap{
  	width: auto;
  	margin: auto;
  }
  .rcrtTxt02 {
  	padding: 0;
  	margin-bottom: 20px;
  	float: none;
  }
  .rcrtTxt02 dt,
  .rcrtTxt02 dd {
    width: auto;
  }
  .rcrtTxt02 dt {
  	font-size: 18px;
  }
  .rcrtTxt02 dd {
    height: auto;
  }
  .rcrtTxt02 a {
  	font-size: 18px;
  }

  .recTbl{
  	width: 100%;
  	margin: 20px 0;
  }
  .recTbl th {
  	width: 30%;
  }

  .recStep{
  	display: none;
  }

  /* Partner */
  .ptnrBox {
  	text-align: left;
  	margin:0 auto 50px;
  	font-size: 15px;
  	width: auto;
  }
  .ptnrBox h3 {
  	text-align: center;
  }
  .ptnrTxt01 {
  	width: auto;
  	font-size: 20px;
  	font-weight: bold;
  	margin: 20px 0;
  	background-color: #EFEFEF;
  	padding: 30px 15px 15px;
  	text-align: left;
  }
  .ptnrTxt01 li {
  	display: block;
  	margin: 0 0 1em;
  	padding-left: 1em;
  	text-indent: -1em;
  }
  .ptnrTxt01 li span {
  	display: block;
  	text-indent: 0;
  }

  /* --- Contact ---*/
  .contactFormBox form {
  	padding: 0 15px;
  	margin: 20px 0;
  	border-top: 1px solid #000;
  }
  .contactFormBox table {
  	width: 100%;
  	margin: 0 -15px;
  }
  .contactFormBox th, .contactFormBox td {
  	display: block;
  }
  .contactFormBox th {
    width: 100%;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;
  }
  .contactFormBox td {
    width: 100%;
    border-top: none;
  }

  /* --- Check ---*/
  .chktoolWrap {
  	width: auto;
  	margin: 0;
  	font-size: 18px;
  	margin-top: 50px;
  }
  .strInputBox textarea {
  	width: 100%;
  	height: 100px;
  	margin: 0 -10px;
  }
  .sendTxtBox {
  	font-size: 15px;
  	text-align: right;
  	background-color: #EFEFEF;
  	padding: 10px;
  	margin: 10px 0 0;
  	width: auto;
  }
  .sendTxtBox input {
    width: 90%;
  }
  .sendTxtBox .sendTxtHd {
    text-align: left;
  }

  .subTxtBox {
  	margin: 10px auto 10px;
  	padding-top: 15px;
  	font-size: 15px;
  	width: auto;
  	border-top: 1px solid #dbdbdb;
  	text-align: center;
  }

  .txtNotice01 {
  	width: 320px;
  	margin: auto;
  }

  .sendBtnBox p {
  	overflow-wrap: break-word;
  }

  .btnChk {
  	width: 100%;
  	margin: 30px 0;
  }
  .btnChk a {
  	width: 100%;
  }

  /* --- Privacy policy ---*/
  .policyWrap {
  	width: auto;
  	margin: 0;
  	font-size: 15px;
  }

  /* 20170508 SP new contens START*/

  .topPage .inner {
  	width: initial;
  	width: auto;
  	padding: 0px 30px 0 30px;
  	margin: auto;
  }

  .SPbtn {
  	height: auto;
  }

  /*About*/

  .about .inner {
  	width: auto;
  	/*padding-right: 30px;
  	padding-left: 30px;*/
    padding:30px 25px 10px;
  }

  .about_detail {
  	text-align: left;
  	font-size: 14px;
  	line-height: 1.6em;
  }

  /*私たちの強み*/

  .area {
  	/*padding: 0;*/
  }

  .area p {
  	font-size: 16px;
  	line-height: 1.6em;
  	margin: 0;
  }

  .area img {
  	max-width: none;
  }

  .area_contents1,.area_contents2,.area_contents3 {
    float:none;
    width: auto;
    margin-bottom: 30px;
  }

  .SPbtn {
    display: none;
  }

  .area_desc {
    display: block;
  }

  .area_btn {
    margin-top: 15px;
    text-align: right;
  }

  .area_btn span {
    display: inline-block;
    color: #b5d637;
  	font-weight: bold;
  	letter-spacing: 0.01em;
  	border-top: 3px solid #b5d637;
  	border-bottom: 3px solid #b5d637;
    padding: 5px 0;
  }

  .area_desc {
    margin-bottom:15px !important;
  }

  .area input:checked + .area_accordion {
  	height: auto;
  	position: relative;
  	top: -55px;
  	z-index: 2;
  }


  /*記事ジャンルについて*/

  .menu_tit {
  	font-size: 16px;
  	line-height: 1.6em;
  	text-align: left;
  	margin-bottom: 30px;
  }

  .menu ul {
  	padding-left: 0;
  	text-align: center;
  	margin: 0 -5% 12%;
  }

  .menu li:nth-child(2n) > div {
    margin-right:10px;
  }

  .menu_box {
  	width: auto;
  	margin: 10px;
    padding:10px;
    min-height:auto;
    border-width:2px;
  }

  .menu_accordion {
  	height: 0;
  	overflow: hidden;
  	font-size: 16px;
  	line-height: 1.6em;
  }

  .menu_box .menu_contents {
    font-size:.9rem;
    white-space: nowrap;
  	margin: 0;
  }

  .menu_contents span{
    font-size:3rem;
    display: block;
    margin:0 auto 10px !important;
  }

  .menu_contents span:after {
  	content: "\A";
  	white-space: pre;
  }




  .biz_tit {
  	font-size: 16px;
  	line-height: 1.6em;
  	text-align: left;
  	margin-bottom: 30px;
  }

  .biz ul {
  	padding-left: 0;
  	text-align: center;
  	margin: 0 -5% 12%;
  }

  .biz li:nth-child(2n) > div {
    margin-right:10px;
  }

  .biz_box {
  	width: auto;
  	margin: 10px;
	padding:10px;
	min-height:auto;
	border-width:2px;
  }

  .biz_accordion {
  	height: 0;
  	overflow: hidden;
  	font-size: 16px;
  	line-height: 1.6em;
  }

  .biz_box .biz_contents {
    font-size:.9rem;
    white-space: nowrap;
  	margin: 0;
  }

  .biz_contents span{
    font-size:3rem;
    display: block;
    margin:0 auto 10px !important;
  }

  .biz_contents span:after {
  	content: "\A";
  	white-space: pre;
  }





  /*これからメディアを立ち上げたいお客様へ*/

  .PC_footimg {
  	display: none;
  }

  .foot_accordion {
    display: none;
  }

  .foot_tit {
    height:140px;
  }

  .foot_tit .foot_h1 {
    padding-top:30px;
  }

  .foot_tit .foot_h1 br {
    display: block;
  }

  .foot_tit .foot_h1 span {
    white-space: normal;
    font-size:1.1rem;
    padding:10px 30px;
  }

  .foot_contents {
  	width: 100%;
  	background-image: url("../images/top/bg_SPfoot.png");
  	background-repeat: repeat;
  	background-position: -130px -30px;
  }

  .foot_bg .inner div {
  	width: 100%;
  }

  .foot01,.foot02,.foot03 {
    float: none;
    margin-bottom:30px;
    text-align: center;
  }

  .foot01 h2,.foot02 h2,.foot03 h2 {
    margin-bottom:10px;
  }

  .foot02 {
    width:auto;
  }

  .SP_footimg {
  	height: auto;
    width:30%;
  	display: block;
    margin:0 auto 10px;
  }

  .SP_tap {
    width:15%;
  }

  .foot_contents {
    padding-bottom:20px;
  }

  .foot_contents .foot_h2 h2 {
  	font-size: 20px;
  	float: none;
  	text-align: center;
  }

  .foot_contents .inner:before {
    display: none;
  }

  .SP_foot {
  	height: auto;

  }

  .menu {
    padding:60px 0;
  }


  .biz {
    padding:60px 0;
  }



  .about_center {
    margin-bottom:15px;
  }

  .about_center h2,.menu_tit h2 {
    margin-bottom:10px;
  }

  .about_center img {
  }

  .area {
  	padding: 40px 0 20px;
  }

  .SPbtn {
    display: block;
  }

  .area_desc {
    display: none;
  }
  /* 20170508 SP new contens END*/
}