@charset "utf-8";
/* ======================
　index
====================== */
body{
	position:relative;
	overflow-x:hidden !important;
}


/* btnGray
-------------------------------- */
.btnGray{
	background-color: #f4f4f4;
	display:block;
	width:100%;
	left: 0;
	margin-top: 148px;
	padding:25px 0;
	margin:30px -100% 0 -100%;
	padding: 30px 100%;
	
}
.btnGray h2{
	background:url(/service/img/index_bg001.png) no-repeat 50% 100%;
	padding-bottom: 10px;
	text-align:center;
	font-size: 150%;
	font-weight: bold;
}
/* sol
-------------------------------- */

.sol{
	display:block;
	width:100%;
	margin:30px0;
	padding: 30px 0;
	
}
.sol h2{
	background:url(/service/img/index_bg001.png) no-repeat 50% 100%;
	padding-bottom: 10px;
	text-align:center;
	font-size: 150%;
	font-weight: bold;
}


/* tab
-------------------------------- */
.hashTabs{
	width:980px;
	display:block;
}
.hashTabs .hashTabList{
	border: none;
	margin-top: 0;
}
.hashTabs .hashTabList li{
	 width: calc((100% - 2px) / 3);
	box-sizing:border-box;
	background-color: #555;
	border-left: #fff solid 1px;
	display: flex;
	align-items:center;
	text-align:center;
}
.hashTabs .hashTabList li:hover{
	background-color: #999;
}
.hashTabs .hashTabList li:first-child{
	padding-left: 0;
}
.hashTabs .hashTabList li a {
	background-color: #555;
    box-sizing:border-box;
	border-top: 2px solid #555;
	margin-bottom: 0;
	padding: 1em 0;
	text-align:center;
}
.hashTabs .hashTabList li:hover  a{
	border-top: 2px solid #999;
	background-color: #999;
}
.hashTabs .hashTabList li:first-child{
	padding-left: 0;
	border-left: #555 solid 1px;
}
.hashTabs .hashTabList li:first-child a:hover{
	border-left: #999 solid 1px;
}

.hashTabs .hashTabList li:first-child a{
	border-left: #555 solid 1px;
}
.hashTabs .hashTabList li.on{
	border-bottom: none;
	margin-bottom: 0;
	background-color: #eeeeee;
    border-top: 2px solid #cd0707;
}
.hashTabs .hashTabList li.on a {
    color: #333333;
	background-color: #eeeeee;
	border-top: none;
}
.hashTabs .hashTabList li.on:first-child{
	padding-left: 0;
	border-left: #dddddd solid 1px;
}
.hashTabs .hashTabList li.on:first-child a{
	border-left: #eeeeee solid 1px;
}
.hashTabs .hashTabList li:last-child.on{
	border-right: #dddddd solid 1px;
}

.hashTabs .hashTabList li a span{
	border: none !important;
	font-weight: bold;
	font-size: 128.6%;
	width:auto;
	display:inline-block;
}
.hashTabs .hashTabList li a span span{
	display:inline;
}
.hashTabs .hashTabList li a span:before{
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}
.hashTabs .hashTabList li.on a span{
	display:table-cell;
	padding-left: 0;
	vertical-align:middle;
}
.hashTabs .hashTabList li a:link,
.hashTabs .hashTabList li a:visited,
.hashTabs .hashTabList li a:hover{
	color: #fff !important;
	text-decoration:none;
	
}
.hashTabs .hashTabList li.on a:link,
.hashTabs .hashTabList li.on a:visited{
	color: #333333 !important;
	text-decoration:none;
	
}
.hashTabs .hashTabList li.on a:hover{
	text-decoration:none !important;
}
.hashTabs .hashTabList li a span span{
	padding: 0;
	background:none;
	font-size: 100%;
}
.hashTabs .hashTabList li a span span:before{
	content: none;
}
.hashTabs .hashTabList li.on + li span{
	margin-left: 0;
}
.hashTabs .hashTabList li.on + li span span{
	margin-left: 0;
	padding-left: 0;
}
.hashTabDetail{
	border-left: #dddddd solid 1px;
	border-right: #dddddd solid 1px;
	border-bottom: #dddddd solid 1px;
	background-color: #eeeeee;
	padding: 8px;
}
.hashTabDetail:nth-child(n+1){
	display:none;
}
#tab_03.hashTabDetail{
	padding: 8px 82px;
}

.hashTabDetail > div{
}

.hashTabDetail .flexbox{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.item{
	background-color: #fff;
	background-repeat:no-repeat;
	border: #aaaaaa solid 1px;
	border-radius:10px;
    width: calc((100% - 84px) / 6);
	margin-left: 12px;
	padding-bottom: 0.75em;
	margin-top: 12px;
	padding-top: 94px;
	font-size: 107%;
	display: flex;
	align-items:center;
	text-align:center;
}
#tab_03.hashTabDetail .item{
	background-color: #fff;
	background-repeat:no-repeat;
	border: #aaaaaa solid 1px;
	border-radius:10px;
    width: calc((100% - 84px) / 5);
	margin-left: 12px;
	padding-bottom: 0.75em;
	margin-top: 12px;
	padding-top: 94px;
	font-size: 107%;
	display: flex;
	align-items:center;
	text-align:center;
}
#tab_01.hashTabDetail .item:nth-child(1){
	background-image:url(/img/tab_ic001.png);
	background-position:50% 21px;
}
#tab_01.hashTabDetail .item:nth-child(2){
	background-image:url(/img/tab_ic002.png);
	background-position:50% 19px;
}
#tab_01.hashTabDetail .item:nth-child(3){
	background-image:url(/img/tab_ic003.png);
	background-position:50% 13px;
}
#tab_01.hashTabDetail .item:nth-child(4){
	background-image:url(/img/tab_ic004.png);
	background-position:50% 17px;
}
#tab_01.hashTabDetail .item:nth-child(5){
	background-image:url(/img/tab_ic005.png);
	background-position:50% 19px;
}
#tab_01.hashTabDetail .item:nth-child(6){
	background-image:url(/img/tab_ic006.png);
	background-position:50% 21px;
}
#tab_01.hashTabDetail .item:nth-child(7){
	background-image:url(/img/tab_ic007.png);
	background-position:50% 22px;
}
#tab_01.hashTabDetail .item:nth-child(8){
	background-image:url(/img/tab_ic008.png);
	background-position:50% 22px;
}
#tab_01.hashTabDetail .item:nth-child(9){
	background-image:url(/img/tab_ic009.png);
	background-position:50% 15px;
}
#tab_01.hashTabDetail .item:nth-child(10){
	background-image:url(/img/tab_ic010.png);
	background-position:50% 8px;
}
#tab_01.hashTabDetail .item:nth-child(11){
	background-image:url(/img/tab_ic011.png);
	background-position:50% 20px;
}
#tab_01.hashTabDetail .item:nth-child(12){
	background-image:url(/img/tab_ic012.png);
	background-position:50% 20px;
}



#tab_02.hashTabDetail .item:nth-child(1){
	background-image:url(/img/tab_ic013.png);
	background-position:50% 20px;
}
#tab_02.hashTabDetail .item:nth-child(2){
	background-image:url(/img/tab_ic014.png);
	background-position:50% 15px;
}
#tab_02.hashTabDetail .item:nth-child(3){
	background-image:url(/img/tab_ic015.png);
	background-position:50% 20px;
}
#tab_02.hashTabDetail .item:nth-child(4){
	background-image:url(/img/tab_ic016.png);
	background-position:50% 17px;
}
#tab_02.hashTabDetail .item:nth-child(5){
	background-image:url(/img/tab_ic017.png);
	background-position:50% 18px;
}
#tab_02.hashTabDetail .item:nth-child(6){
	background-image:url(/img/tab_ic018.png);
	background-position:50% 26px;
}
#tab_02.hashTabDetail .item:nth-child(7){
	background-image:url(/img/tab_ic019.png);
	background-position:50% 14px;
}
#tab_02.hashTabDetail .item:nth-child(8){
	background-image:url(/img/tab_ic020.png);
	background-position:50% 27px;
}
#tab_02.hashTabDetail .item:nth-child(9){
	background-image:url(/img/tab_ic021.png);
	background-position:50% 18px;
}
#tab_02.hashTabDetail .item:nth-child(10){
	background-image:url(/img/tab_ic022.png);
	background-position:50% 18px;
}
#tab_02.hashTabDetail .item:nth-child(11){
	background-image:url(/img/tab_ic023.png);
	background-position:50% 21px;
}
#tab_02.hashTabDetail .item:nth-child(12){
	background-image:url(/img/tab_ic024.png);
	background-position:50% 25px;
}

#tab_03.hashTabDetail .item:nth-child(1){
	background-image:url(/img/tab_ic025.png);
	background-position:50% 15px;
}
#tab_03.hashTabDetail .item:nth-child(2){
	background-image:url(/img/tab_ic026.png);
	background-position:50% 24px;
}
#tab_03.hashTabDetail .item:nth-child(3){
	background-image:url(/img/tab_ic027.png);
	background-position:50% 14px;
}
#tab_03.hashTabDetail .item:nth-child(4){
	background-image:url(/img/tab_ic028.png);
	background-position:50% 17px;
}
#tab_03.hashTabDetail .item:nth-child(5){
	background-image:url(/img/tab_ic029.png);
	background-position:50% 14px;
}
#tab_03.hashTabDetail .item:nth-child(6){
	background-image:url(/img/tab_ic030.png);
	background-position:50% 14px;
}
#tab_03.hashTabDetail .item:nth-child(7){
	background-image:url(/img/tab_ic031.png);
	background-position:50% 21px;
}
#tab_03.hashTabDetail .item:nth-child(8){
	background-image:url(/img/tab_ic032.png);
	background-position:50% 13px;
}
#tab_03.hashTabDetail .item:nth-child(9){
	background-image:url(/img/tab_ic033.png);
	background-position:50% 17px;
}
#tab_03.hashTabDetail .item:nth-child(10){
	background-image:url(/img/tab_ic034.png);
	background-position:50% 23px;
}

.item{
	position:relative;
}
.item:after{
	position:absolute;
	content:"";
	background:url(/img/tab_bg001.png) no-repeat 0 0;
	width:9px;
	height:9px;
	bottom:5px;
	right:5px;
}


a.item:link,
a.item:visited{
	color:#333333;
	text-decoration:none !important;
}
a.item:hover,
#tab_03.hashTabDetail a.item:hover{
	color:#cc0000 !important;
	text-decoration:none !important;
	border: #cc0000 solid 1px;
}
.item .title{
	margin:0 auto;
	vertical-align:middle;
	font-weight: bold !important;
}
.hashTabs .hashTabList li.on a span span{
	display: inline;
}
.hashTabs .hashTabList li.on a{
	border: none;
}
/* case
-------------------------------- */

.case{
	display:block;
	width:100%;
	margin:30px0;
	padding: 30px 0;
	
}
.case h2{
	background:url(/service/img/index_bg001.png) no-repeat 50% 100%;
	padding-bottom: 10px;
	text-align:center;
	font-size: 150%;
	font-weight: bold;
}


/* boxColumn_01
-------------------------------- */
.boxColumn_01{
	text-align:center;
}
.boxColumn_01 .info{
	display:inline-block;
}
.boxColumn_01 .info dt{
	display:inline-block;
	vertical-align:middle;
}
.boxColumn_01 .info dd{
	display:inline-block;
	vertical-align:middle;
	margin-left: 35px;
}
.boxColumn_01 .info dd .btnLink_01{
	margin-top:0 !important;
}
.boxColumn_01 .info dd li{
	width:auto !important
}
.boxColumn_01 .info dd li a{
	width:241px;
}

.boxColumn_01 .info dd li em a{
	border: #cd0707 solid 1px;
	background-color: #cd0707;
	color: #fff;
	font-weight: bold;
	font-size: 114.30%;
}
.boxColumn_01 .info dd li em a:hover{
	border: #fb7979 solid 1px;
	background-color: #fb7979;
	color: #fff !important;
}
.boxColumn_01 .info dd li em a span:before{
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}


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

#mainArea{
	margin:0 -100%;
	padding: 30px 100%;
}

.sliderWrap{
	margin-top: 0;
}

.heading_01 .mainTitle{
	padding-left: 3.125%;
}

/* tab
-------------------------------- */
.hashTabs{
	width:auto;
	margin:1em -3.125%;
	padding:0 3.125%;
	border:none;
}
.hashTabs .hashTabList{
	width:auto;
	margin:0 -3.125%;
	padding:0 3.125%;
	border:none;
}
.hashTabs .hashTabList li a span{
	font-size: 100%;
	line-height:1.3;
	display:table-cell;
}
.hashTabs .hashTabList li a span span{
	display:block;
	font-size: 110%;
	padding: 0;
	margin:0 !important;
	background: none;
}
.hashTabs .hashTabList li.on a span span{
	display: block;
}
.hashTabs .hashTabList li.on + li span span{
	margin:0 !important;
	padding: 0!important;
}
.hashTabs .hashTabList li a span span:before{
	content:none;
}
.hashTabDetail .flexbox{
	border: none;
}
#tab_03.hashTabDetail{
	padding: 8px;
}
.item,
#tab_03.hashTabDetail .item{
	display: flex;
    width: calc((100% - 4px) / 2);
	margin-left: 0;
	margin-top: 0;
	border-radius: 0;
	border-width: 0 1px 1px 0;
	padding: 1em 0.1em 1em 60px;
	background-position: 4px 50%!important;
	background-size:30% auto;
	box-sizing:border-box;
	text-align:left;
	align-items: center;
}
#tab_03.hashTabDetail .item:nth-child(odd),
.item:nth-child(odd){
	border-width: 0 1px 1px 1px;
}
#tab_03.hashTabDetail .item:nth-child(1),
.item:nth-child(1) {
	border-width: 1px 1px 1px 1px;
	border-radius: 10px 0 0 0 / 10px 0 0 0;

}
#tab_03.hashTabDetail .item:nth-child(2),
.item:nth-child(2){
	border-width: 1px 1px 1px 0;
	border-radius: 0 10px 0 0 / 0 10px 0 0;
}
#tab_03.hashTabDetail .item:nth-last-child(2),
.item:nth-last-child(2){
	border-radius: 0 0 0 10px / 0 0 0 10px;
}
#tab_03.hashTabDetail .item:last-child,
.item:last-child{
	border-radius: 0 0 10px 0 / 0 0 10px 0;
}

.item .title{
	margin: 0;
	padding: 0;
	vertical-align:middle;
	font-size: 93%;
}
.hashTabs .hashTabList li a:hover, .hashTabs .hashTabList li.on a:hover,
.hashTabs .hashTabList li a:action, .hashTabs .hashTabList li.on a:action{
	text-decoration:none;
}
.hashTabs .hashTabList li a{
	padding:0.5em 0;
}



#tab_01.hashTabDetail .item:nth-child(1){
	background-image:url(/img/tab_ic001sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(2){
	background-image:url(/img/tab_ic002sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(3){
	background-image:url(/img/tab_ic003sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(4){
	background-image:url(/img/tab_ic004sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(5){
	background-image:url(/img/tab_ic005sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(6){
	background-image:url(/img/tab_ic006sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(7){
	background-image:url(/img/tab_ic007sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(8){
	background-image:url(/img/tab_ic008sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(9){
	background-image:url(/img/tab_ic009sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(10){
	background-image:url(/img/tab_ic010sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(11){
	background-image:url(/img/tab_ic011sp.png);
	
}
#tab_01.hashTabDetail .item:nth-child(12){
	background-image:url(/img/tab_ic012sp.png);
	
}



#tab_02.hashTabDetail .item:nth-child(1){
	background-image:url(/img/tab_ic013sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(2){
	background-image:url(/img/tab_ic014sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(3){
	background-image:url(/img/tab_ic015sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(4){
	background-image:url(/img/tab_ic016sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(5){
	background-image:url(/img/tab_ic017sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(6){
	background-image:url(/img/tab_ic018sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(7){
	background-image:url(/img/tab_ic019sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(8){
	background-image:url(/img/tab_ic020sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(9){
	background-image:url(/img/tab_ic021sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(10){
	background-image:url(/img/tab_ic022sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(11){
	background-image:url(/img/tab_ic023sp.png);
	
}
#tab_02.hashTabDetail .item:nth-child(12){
	background-image:url(/img/tab_ic024sp.png);
	
}

#tab_03.hashTabDetail .item:nth-child(1){
	background-image:url(/img/tab_ic025sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(2){
	background-image:url(/img/tab_ic026sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(3){
	background-image:url(/img/tab_ic027sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(4){
	background-image:url(/img/tab_ic028sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(5){
	background-image:url(/img/tab_ic029sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(6){
	background-image:url(/img/tab_ic030sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(7){
	background-image:url(/img/tab_ic031sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(8){
	background-image:url(/img/tab_ic032sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(9){
	background-image:url(/img/tab_ic033sp.png);
	
}
#tab_03.hashTabDetail .item:nth-child(10){
	background-image:url(/img/tab_ic034sp.png);
	
}




.boxColumn_01{
	margin-top: 1em;
}
.boxColumn_01 .info,
.boxColumn_01 .info dt,
.boxColumn_01 .info dd{
	display:block;
}
.boxColumn_01 .info dd li a{
	width: auto;
}
.boxColumn_01 .info dd .btnLink_01{
	margin-top: 1em !important;
}

.sol{
	padding-bottom: 0;
}
.case{
	padding-left: 3.125%;
	padding-right: 3.125%;
	box-sizing:border-box;
}

/* boxColumn_01
-------------------------------- */
.boxColumn_01{
	margin-left: 3.125%;
	margin-right: 3.125%;
}
.boxColumn_01 .info dd{
	margin-left: 0;
}


}