/* CSS Document */

/* ----------------------------------------------
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126 License: none (public domain)
---------------------------------------------- */

/* HTML5 display-role reset for older browsers */

#wrappar * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#wrappar article, 
#wrappar figure, 
#wrappar nav,
#wrappar section {
	display: block;
}
#wrappar ol, #wrappar ul {
	list-style: none;
}
#wrappar h1,
#wrappar h2,
#wrappar h3,
#wrappar h4,
#wrappar h5,
#wrappar h6 {
	font-weight: normal;
	box-sizing: border-box;
}
#wrappar table {
	border-collapse: collapse;
	border-spacing: 0;
}
#wrappar a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
#wrappar em {
	font-style: normal;
}
#wrappar img {
	max-width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
}
#wrappar dl,
#wrappar dd,
#wrappar dt,
#wrappar ul,
#wrappar li,
#wrappar div {
	box-sizing: border-box;
}


/*---------------------------------------------
  BASE
---------------------------------------------*/

/* font */

#wrappar {
	min-width: 1120px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3em;
	font-feature-settings: "palt";
}
#wrappar .sp {
	display: none;	
}
#wrappar #voice .detail div.service h5 span {
	font-family: mostra-nuova, sans-serif;
    letter-spacing: 0.1em;
    font-weight: 400;
    font-style: normal;
}
#wrappar #voice .detail div.service h5 span em {
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* container */

#wrappar {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#wrappar section {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/* 2dr container */

#wrappar .conts {
	background: url("/assets/images/original/service-common-img-bg05.jpg") center bottom no-repeat #01aeef;
	background-size: 120% auto;
}


/*---------------------------------------------
  ANIMATION
---------------------------------------------*/

#wrappar a,
#wrappar #search dl dt,
#wrappar #search .tabs label,
#wrappar #search .tab-content,
#wrappar #search .tab-content a:hover span:after {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/*---------------------------------------------
  MAIN
---------------------------------------------*/

#wrappar #main {
	min-height: 400px;
	background: url("/assets/images/original/service-common-img-bg01.jpg") left bottom no-repeat;
	background-size: cover;
	z-index: 2;
}
#wrappar #main h1 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	text-align: left;
}
#wrappar #main h1 img {
	width: 400px;
	height: auto;
}
#wrappar #main h2 {
	width: 100%;
	height: 420px;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: -43px;
	transform: translateX(-50%);
	overflow: hidden;
}
#wrappar #main h2 img {
	width: 1100px;
	height: auto;
	margin: 0 auto;
}

/*---------------------------------------------
  SEARCH
---------------------------------------------*/

#wrappar #search {
	padding: 70px 0 20px 0;
	background: url("/assets/images/original/service-common-img-bg02.jpg") center top no-repeat #dde4e8;
	background-size: 100% auto;
	z-index: 1;
}
#wrappar #search h3 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	font-size: 26px;
	font-weight: 600;
	text-align: left;
	
}

#wrappar #search .swiper-wrapper {
	height: auto;
	padding: 40px 0 0 0;
}
#wrappar #search .swiper-pagination {
    width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
    bottom: 0;
    left: 0;
}
#wrappar #search .swiper-pagination span {
	width: 13.428%;
	height: 60px;
	display: inline-block;
	margin: 0 0 0 1%;
	font-size: 16px;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #00a8ec;
	border-radius: 30px;
	opacity: 0.5;
	position: relative;
}
#wrappar #search .swiper-pagination span.swiper-pagination-bullet-active {
	opacity: 1;
}
#wrappar #search .swiper-pagination span:first-child {
	margin: 0;
}
#wrappar #search .swiper-pagination span:before {
	width: 100%;
	height: 60px;
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
#wrappar #search .swiper-pagination span:first-child:before {
	content: "購　入";
}
#wrappar #search .swiper-pagination span:nth-child(2):before {
	content: " 売　却";
}
#wrappar #search .swiper-pagination span:nth-child(3):before {
	content: " 買換え";
}
#wrappar #search .swiper-pagination span:nth-child(4):before {
	content: " 投　資";
}
#wrappar #search .swiper-pagination span:nth-child(5):before {
	content: "シニア住換え相談";
}
#wrappar #search .swiper-pagination span:nth-child(6):before {
	content: "空き家相談";
}
#wrappar #search .swiper-pagination span:nth-child(7):before {
	content: " 相続相談";
}

/* tabs */

#wrappar #search .tabAccordion {
    width: 100%;
	max-width: 1200px;
    height: 850px;
    margin: 0 auto;
    position: relative;
	/*background: url(img/plan_bg.jpg) center center no-repeat;*/
	background-size: cover;
} 
#wrappar #search .tabAccordion dl {
    width: 100%;
	position: absolute;
	left: 0;
	top: 75px;
} 
#wrappar #search .tabAccordion dl dt {
    top: -75px;
    left: 0;
    width: 33.333%;
	height: 75px;
    position: absolute;
    box-sizing: border-box;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
} 
#wrappar #search .tabAccordion dl:nth-child(2) dt {
    left: 33.333%;
}
#wrappar #search .tabAccordion dl:nth-child(3) dt {
    left: 66.666%;
}

#wrappar #search .tabAccordion dl dt a {
	width: 100%;
	height: auto;
	display: block;
	padding: 0 0 0 85px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 75px;
	font-weight: 600;
	color: #fff;
	margin: 0;
	position: relative;
	z-index: 0;
}
#wrappar #search .tabAccordion dl dt a:after {
	content: "　";
	width: 60px;
	height: 75px;
	display: block;
	border-radius: 0 60px 0 0;
	position: absolute;	
	top: 0;
	left: 0;
	z-index: 1;
}
#wrappar #search .tabAccordion dl:first-child dt a:after {
	display: none;
}

#wrappar #search .tabAccordion dl dt.srv_01,
#wrappar #search .tabAccordion dl dt.srv_01 a,
#wrappar #search .tabAccordion dl dt.srv_01 + dd,
#wrappar #search .tabAccordion dl dt.srv_02 a:after {
	color: #fff;
	background: #006993;
}
#wrappar #search .tabAccordion dl dt.srv_02,
#wrappar #search .tabAccordion dl dt.srv_02 a,
#wrappar #search .tabAccordion dl dt.srv_02 + dd,
#wrappar #search .tabAccordion dl dt.srv_03 a:after,
#wrappar #search .tabAccordion dl.tab-03 + dl dt.srv_03 a:after {
	color: #006993;
	background: #bfd9e4;
}
#wrappar #search .tabAccordion dl dt.srv_03,
#wrappar #search .tabAccordion dl dt.srv_03 a,
#wrappar #search .tabAccordion dl dt.srv_03 + dd,
#wrappar #search .tabAccordion dl dt.srv_04 a:after {
	color: #1f4700;
	background: #c4e2c8;
}
#wrappar #search .tabAccordion dl dt.srv_04,
#wrappar #search .tabAccordion dl dt.srv_04 a,
#wrappar #search .tabAccordion dl dt.srv_04 + dd {
	color: #fff;
	background: #006993;
}
#wrappar #search .tabAccordion dl dt.srv_03,
#wrappar #search .tabAccordion dl dt.srv_03 a,
#wrappar #search .tabAccordion dl dt.srv_04,
#wrappar #search .tabAccordion dl dt.srv_04 a {
	border-radius: 0 60px 0 0;
}
#wrappar #search .tabAccordion dl dd {
	width: 100%;
	height: auto;
	display: none;
}
#wrappar #search .tabAccordion.none dl dd {
	display: block;
}

/*　innder tabs　*/

#wrappar #search .tabs input[type=radio],
#wrappar #search .tabs input[type=checkbox] {
	display: none;
}
#wrappar #search .tabs {
	max-width: 1140px;
	height: 700px;
	float: none;
	list-style: none;
	position: relative;
	padding: 25px 0;
	margin: 0 auto;
}
#wrappar #search .tabs li {
	display: block;
}

#wrappar #search .tabs label {
	width: 33%;
	height: 80px;
	display: block;
	margin: 0 0 15px 0;
	padding: 0 15px 0 5px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background: #fff;
	cursor: pointer;
	position: relative;
}
#wrappar #search .tabs label:after {
	content: "　";
	width: 0;
	height: 0;
	margin: -3px 0 0 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #bfd9e4;
	position: absolute;
	right: 10px;
	top: 50%;
}
#wrappar #search .tabs label img {
	width: 70px;
	height: 70px;
	margin: 5px 10px 0 0;
	padding: 10px;
	float: left;
	border-right: #acacac solid 1px;
	background: #fff;
}
#wrappar #search .tabs label span {
	display: block;
	padding: 15px 0 10px 0;
}
#wrappar #search #tab04 .tabs label span,
#wrappar #search #tab05 .tabs label span,
#wrappar #search #tab06 .tabs label span,
#wrappar #search #tab07 .tabs label span {
	padding: 30px 0 0 0;
}
#wrappar #search .tabs label ul.icon {
	width: 100%;
	height: auto;
	text-align: left;
}
#wrappar #search .tabs label ul.icon li {
	width: 19.2%;
	height: auto;
	margin: 0 0 0 1%;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 15px;
	display: inline-block;
}
#wrappar #search .tabs label ul.icon li:first-child {
	margin: 0;
}
#wrappar #search .tabs label ul.icon li.mns {
	background: #f39800;
}
#wrappar #search .tabs label ul.icon li.hus {
	background: #6eba44;
}
#wrappar #search .tabs label ul.icon li.lnd {
	background: #8e6035;
}

#wrappar #search .tabs label:hover {
	background: #00a8ec;
	color: #fff;
}
#wrappar #search [id^=tab]:checked + label {
	width: 36%;
	background: #00a8ec;
	color: #fff;
}
#wrappar #search [id^=tab]:checked + label img {
	border-right: #00a8ec solid 1px;
}

#wrappar #search div dl dt.srv_02 + dd .tabs label:hover {
	background: #006993;
}
#wrappar #search div dl dt.srv_02 + dd [id^=tab]:checked + label {
	background: #006993;
}
#wrappar #search div dl dt.srv_02 + dd [id^=tab]:checked + label img {
	border-right: #006993 solid 1px;
}


#wrappar #search div dl dt.srv_03 + dd .tabs label:hover {
	background: #1f4700;
}
#wrappar #search div dl dt.srv_03 + dd [id^=tab]:checked + label {
	background: #1f4700;
}
#wrappar #search div dl dt.srv_03 + dd .tabs label:after {
	border-color: transparent transparent transparent #def1e1;
}
#wrappar #search div dl dt.srv_03 + dd [id^=tab]:checked + label img {
	border-right: #1f4700 solid 1px;
}


#wrappar #search [id^=tab]:checked ~ [id^=tab-content] {
	visibility: visible;
	opacity: 1;
}
#wrappar #search .tab-content {
	width: 62%;
	height: 645px;
	z-index: 2;
	text-align: left;
	overflow-y: auto;
	font-size: 16px;
	color: #000;
	background: #fff;
	position: absolute;
	visibility: hidden;
	top: 25px;
	right: 0;
	box-sizing: border-box;
	opacity: 0;
	overflow: hidden;
}

/*　tabs innder contents　*/

#wrappar #search .tab-content h4 {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 10px 0 150px;
	display: block;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 38px;
	line-height: 120px;
	letter-spacing: 0.05em;
	background: #f4f5f7;
	position: relative;
}
#wrappar #search #tab-content28 h4,
#wrappar #search #tab-content33 h4,
#wrappar #search #tab-content35 h4 {
	padding: 20px 10px 25px 150px;
	line-height: 1.5em;
}
#wrappar #search .tab-content h4 img {
	width: 90px;
	height: auto;
	position: absolute;
	top: 15px;
	left: 40px;
}
#wrappar #search .tab-content h4 span {
	width: 100px;
	height: auto;
	display: block;
	float: right;
	position: absolute;
	right: 10px;
	top: 15px;
}
#wrappar #search .tab-content h4 span img {
	position: static;
}
#wrappar #search .tab-content h4 small {
	display: block;
	font-size: 18px;
	line-height: 1em;
}

#wrappar #search .tab-content h5 {
	width: 600px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 30px 0;
	display: block;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 26px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	border-bottom: #e7f0f4 dotted 2px;
}
#wrappar #search .tab-content h5.ico-none {
	padding: 40px 0 30px 0;
}
#wrappar #search .tab-content h5 span {
	display: block;
	font-size: 18px;
	margin: 0 0 -10px 0;
}
#wrappar #search .tab-content.mdi h5 {
	font-size: 24px;
}
#wrappar #search #tab-content7 h5,
#wrappar #search #tab-content20 h5,
#wrappar #search #tab-content23 h5,
#wrappar #search #tab-content26 h5,
#wrappar #search #tab-content31 h5 {
	border-bottom: none;
}
#wrappar #search #tab-content12 h5 span {
	display: inline-block;
}
#wrappar #search .tab-content div img {
	float: left;
	padding: 25px 20px 0 50px;
}
#wrappar #search #tab-content26 div img,
#wrappar #search #tab-content31 div img {
	float: none;
	clear: both;
	padding: 0 0 0 50px;
}
#wrappar #search .tab-content div img.anshin {
	padding: 0 20px;
	position: relative;
	top: -10px;
}
#wrappar #search .tab-content div ul {
	padding: 60px 20px 0 290px;
}
#wrappar #search #tab-content13 div ul,
#wrappar #search #tab-content19 div ul,
#wrappar #search #tab-content22 div ul,
#wrappar #search #tab-content30 div ul {
	padding: 25px 20px 0 50px;
}
#wrappar #search #tab-content8 div ul,
#wrappar #search #tab-content11 div ul,
#wrappar #search #tab-content24 div ul,
#wrappar #search #tab-content29 div ul,
#wrappar #search #tab-content34 div ul,
#wrappar #search #tab-content38 div ul {
	padding: 25px 20px 0 350px;
}
#wrappar #search #tab-content38 div ul,
#wrappar #search #tab-content39 div ul,
#wrappar #search #tab-content40 div ul {
	padding: 60px 20px 0 350px;
}
#wrappar #search #tab-content1 div ul,
#wrappar #search #tab-content14 div ul {
	padding: 60px 20px 0 357px;
}
#wrappar #search #tab-content28 div ul {
	padding: 60px 20px 0 360px;
}
#wrappar #search #tab-content2 div ul,
#wrappar #search #tab-content15 div ul {
	padding: 60px 20px 0 330px;
}
#wrappar #search #tab-content4 div ul,
#wrappar #search #tab-content6 div ul,
#wrappar #search #tab-content12 div ul,
#wrappar #search #tab-content17 div ul,
#wrappar #search #tab-content21 div ul,
#wrappar #search #tab-content25 div ul,
#wrappar #search #tab-content35 div ul,
#wrappar #search #tab-content36 div ul,
#wrappar #search #tab-content37 div ul {
	padding: 25px 0 0 290px;
}
#wrappar #search #tab-content10 div ul {
	padding: 40px 0 0 290px;
}
#wrappar #search .tab-content div ul li {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	position: relative;
	padding: 0 0 20px 20px;
	vertical-align: top;
}
#wrappar #search .tab-content div ul li.cap {
	padding: 0 0 20px 0;
	font-size: 12px;
	font-weight: normal;
}
#wrappar #search .tab-content.mdi div ul li {
	font-size: 14px;
	padding: 0 50px 20px 20px;
}

#wrappar #search .tab-content div ul li:before {
	content: "▶";
	color: #00a0e8;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 2px;
}
#wrappar #search .tab-content div ul li.cap:before {
	display: none;
}
#wrappar #search .tab-content div ul li em {
	position: relative;
	display: inline-block;
}
#wrappar #search .tab-content div ul li em:before {
	content: "　";
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ff0;
	z-index: -1;	
}
#wrappar #search .tab-content div ul li strong {
	font-size: 30px;
	position: relative;
	top: 2px;
	display:  inline-block;
	padding: 0 3px;
}
#wrappar #search .tab-content div ul li small {
	display: block;
	margin: 0 0 -10px 0;
	font-size: 12px;
}
#wrappar #search .tab-content div ul li span small {
	display: block;
	font-size: 11px;
}

#wrappar #search .tab-content div ul.photo {
	padding: 0 50px !important;
}
#wrappar #search .tab-content div ul + ul.photo {
	padding: 10px 50px 0 50px !important;
}
#wrappar #search .tab-content div ul.photo li {
	display: inline-block;
	width: 100%;
	padding: 0 0 10px 0 !important;
}
#wrappar #search .tab-content div ul.photo li img {
	padding: 0 0 5px 0;
	float: none;
	clear: both;
}
#wrappar #search .tab-content div ul.photo li span {
	display: block;
	font-size: 13px;
	padding: 0 0 5px 0;
}
#wrappar #search .tab-content div ul.photo li span strong {
	font-size: 20px;
}
#wrappar #search .tab-content div ul.photo li span:before {
	content: "●";
	font-size: 10px;
	color: #55bbee;
	transform: scale(0.8);
	padding: 0 5px 0 0;
	display: inline-block;
}
#wrappar #search .tab-content div ul.two li {
	width: 50%;
}
#wrappar #search .tab-content div ul.three li {
	width: 33.333%;
}
#wrappar #search .tab-content div ul.photo li:before {
	display: none;
}
#wrappar #search .tab-content div ul li ul {
	margin: 10px 50px 0 0;
	padding: 20px 20px 15px 20px !important;
	border: #eee solid 2px;
	border-radius: 5px;
}
#wrappar #search .tab-content div ul li ul li {
	width: 40%;
	font-size: 14px;
	display: inline-block;
	padding: 0 0 5px 15px;
}
#wrappar #search .tab-content div ul li ul li:nth-child(even) {
	width: 60%;
}
#wrappar #search .tab-content div ul li ul li:before {
	content: "●";
	font-size: 10px;
	color: #55bbee;
	transform: scale(0.8);
	padding: 0;
	display: inline-block;
}
#wrappar #search .tab-content div p {
	padding: 10px 20px 0 50px;
	font-size: 13px;
}
#wrappar #search .tab-content a {
	width: 100%;
	height: auto;
	display: block;
	padding: 20px 0;
	background: #f4f5f7;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
#wrappar #search .tab-content a span {
	width: 365px;
	height: auto;
	font-size: 16px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 60px;
	display: block;
	margin: 0 auto;
	background: url("/assets/images/original/service-common-img-bg06.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
}
#wrappar #search .tab-content a span:after {
	content: "　";
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url("/assets/images/original/service-common-img-arrow03.png") center center no-repeat;
	background-size: 100% auto;
}
#wrappar #search .tab-content a:hover span:after {
	right: 10px;
}

/*---------------------------------------------
  VOICE
---------------------------------------------*/

#wrappar #voice {
	background: url("/assets/images/original/service-common-img-bg03.jpg") center 300px no-repeat;
	background-size: cover;
	z-index: 1;
}
#wrappar #voice h3 {
	padding: 50px 0 0 0;
	text-align: center;
	position: relative;
	z-index: 2;
}
#wrappar #voice h3 img {
	margin: 0 auto;
}

/* intro */

#wrappar #voice .intro {
	position: relative;
	z-index: 1;
}
#wrappar #voice .intro ul {
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 60px;
	box-sizing: border-box;
	text-align: center;
}
#wrappar #voice .intro ul li {
	width: 33.333%;
	display: block;
	padding: 0 10px;
	float: left;
}
#wrappar #voice .intro div {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 110px 20px 110px;
	box-sizing: border-box;
	border-left: #00a8ec solid 13px;
	border-top: #00a8ec solid 13px;
	border-right: #00a8ec solid 13px;
	background: #fff;
}
#wrappar #voice .intro div img {
	float: left;
	padding: 0 30px 0 0;
	position: relative;
	bottom: -20px;
}
#wrappar #voice .intro div h4 {
	padding: 50px 0 30px 0;
	font-size: 30px;
	font-weight: 600;
	color: #14a0de;
}
#wrappar #voice .intro div p {
	font-size: 16px;
	line-height: 2em;
}

/* detail */

#wrappar #voice .detail {
	width: 100%;
	overflow: hidden;
	background: url("/assets/images/original/service-common-img-bg04.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
}
#wrappar #voice .detail:before {
	content: "　";
	width: 0;
	height: 0;
	margin: 0 0 0 -25px;
	border-style: solid;
	border-width: 40px 25px 0 25px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: 0;
}
#wrappar #voice .detail h4 {
	margin: 0 0 -40px 0;
	padding: 70px 0 0 0;
	text-align: center;
	position: relative;
	z-index: 11;
}
#wrappar #voice .detail h4 img {
	margin: 0 auto;
}
#wrappar #voice .detail .swiper-button-next,
#wrappar #voice .detail .swiper-button-prev {
	width: 30px;
	height: 30px;
	margin: -60px 30px 0 0;
	background: none;
	border-right: #fff solid 4px;
	border-top: #fff solid 4px;
	transform: rotate(45deg);
}
#wrappar #voice .detail .swiper-button-prev {
	margin: -60px 0 0 30px;
	transform: rotate(-135deg);
}

/* service */

#wrappar #voice .detail div.service {
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto 70px auto;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
}
#wrappar #voice .detail div.service h5 {
	margin: 0 70px 0 0;
	float: left;
	min-height: 600px;
	position: relative;
	z-index: 2;
	background: url("/assets/images/original/service-top-img-bg.jpg") left top no-repeat;
}
#wrappar #voice .detail div.service h5 img {
	max-width: none;
	position: absolute;
	left: -5px;
	bottom: -5px;
}
#wrappar #voice .detail div.service h5 span {
	width: 75px;
    height: auto;
	padding: 30px 0 0 0;
    display: block;
    font-size: 32px;
    line-height: 75px;
    color: #fff;
	-webkit-writing-mode: vertical-rl;
	  -ms-writing-mode: tb-rl;
		  writing-mode: vertical-rl;
}

/* voice */

#wrappar #voice .detail div.service .voice {
	width: 52%;
    height: auto;
    margin: 50px 40px 0 0;
    padding: 0 0 15px 0;
    float: right;
    border: #d3e9f6 solid 2px;
	box-shadow: 10px 10px 0px rgba(0,0,0,0.15);
}
#wrappar #voice .detail div.service .voice h5 {
	width: 100%;
	min-height: 0px;
	display: block;
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5em;
	padding: 20px;
    background: #d3e9f6;
	float: none;
	clear: both;
}
#wrappar #voice .detail .service .voice h5 + p {
	margin: 0 20px;
	padding: 30px 0 20px 90px;
	font-size: 14px;
	line-height: 2em;
	background: url("/assets/images/original/service-top-img-illu_01.png") left 20px no-repeat;
	border-bottom: #ccc solid 1px;
}
#wrappar #voice .detail div.service .voice h5 + p + p {
	min-height: 110px;
	margin: 0 20px;
	padding: 30px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
}
#wrappar #voice .detail div.service .voice h5 + p + p + a {
	width: 90%;
	height: auto;
	display: block;
	margin: 10px auto 30px auto;
	background: #fed44a;
	font-size: 18px;
	font-weight: 600;
	line-height: 75px;	
	text-align: center;
	border-bottom: #fec200 solid 5px;
	position: relative;
	top: 0;
}
#wrappar #voice .detail div.service .voice h5 + p + p + a:hover {
	top: 5px;
	border-bottom: #fed44a solid 5px;
}

/* info */

#wrappar #voice .detail div.service h6 {
	width: 30%;
	margin: 50px 0 0 0;
	padding: 20px 25px;
	float: left;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5em;
	background: #d7d7d7; 
}
#wrappar #voice .detail div.service h6 + img {
	width: 30%;
	float: left;
	padding: 10px 0;
}
#wrappar #voice .detail div.service dl.service {
	width: 30%;
	padding: 0 0 10px 0;
	float: left;
	border: #acacac solid 1px;
	box-sizing: border-box;
	background: none;
	position: relative;
	z-index: 1;
}
#wrappar #voice .detail div.service dl.service dt {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: #fff;
	padding: 5px 30px;
	background: #acacac;
}
#wrappar #voice .detail div.service dl.service dd {
	font-size: 13px;
	font-weight: 600;
	margin: 0 30px;
	padding: 10px 0;
	border-bottom: #acacac solid 1px;
}
#wrappar #voice .detail div.service dl.service dd:last-child {
	border: none;
}


/*---------------------------------------------
  FOOTER LINK
---------------------------------------------*/

#wrappar ul.flink {
	padding: 35px 0 45px 0;
	background: rgba(0,0,0,0.40);
	text-align: center;
}
#wrappar ul.flink li {
	display: inline-block;
	margin: 0 7px;
	vertical-align: text-bottom;
}
#wrappar ul.flink li:first-child {
	margin: 0 7px 0 0;
}
#wrappar ul.flink li:last-child {
	margin: 0 0 0 7px;
}
#wrappar ul.flink li a {
	padding: 0 80px 0 120px;
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 100px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.30);
}
#wrappar ul.flink li a:hover {
	opacity: 0.9;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.30);
}
#wrappar ul.flink li a span {
	display: block;
	font-size: 13px;
}
#wrappar ul.flink li:first-child a {
	color: #fff;
	background: url("/assets/images/original/service-common-img-home.png") 50px center no-repeat #004560;
	background-size: 30px auto;
}
#wrappar ul.flink li:first-child + li a {
	background: url("/assets/images/original/service-common-img-voice.png") 50px center no-repeat #e1e1e1;
	background-size: 30px auto;
}
#wrappar ul.flink li:last-child a {
	color: #fff;
	background: url("/assets/images/original/service-common-img-list.png") 50px center no-repeat #14a0de;
	background-size: 25px auto;
}

@media only screen and (max-width:768px){
	
	/*---------------------------------------------
	  BASE
	---------------------------------------------*/
	
	/* font */

	#wrappar {
		font-size: 13px;
		line-height: 1.3em;
		border-top: #4eade5 solid 1px;
	}
	#wrappar .pc {
		display: none;	
	}
	#wrappar .sp {
		display: inline;	
	}
	
	/* container */

	#wrappar {
		min-width: 320px;
		overflow-x: hidden;
	}
	
	#wrappar #search > div {
		height: auto;
	}
	
	/*---------------------------------------------
	  MAIN
	---------------------------------------------*/

	#wrappar #main {
		min-height: 10px;
	}
	#wrappar #main h1 {
		width: 70%;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
	}
	#wrappar #main h1 img {
		float: none;
		clear: both;
	}
	#wrappar #main h2 {
		width: 100%;
		height: auto;
		margin: 0;
		position: relative;
		left: 0;
		bottom: 0;
		transform: translateX(0);
	}

	/*---------------------------------------------
	  SEARCH
	---------------------------------------------*/

	#wrappar #search {
		padding: 30px 0;
	}
	#wrappar #search h3 {
		width: 95%;
		padding: 0 0 20px 0;
		font-size: 18px;
	}

	#wrappar #search .swiper-wrapper {
		padding: 20px 0 0 0;
		webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#wrappar #search .swiper-pagination {
		width: 95%;
	}
	#wrappar #search .swiper-pagination span {
		width: 24%;
		height: 30px;
		margin: 0 0 0 1%;
		line-height: 30px;
		border-radius: 20px;
	}
	#wrappar #search .swiper-pagination span:nth-child(5) {
		width: 49%;
	}
	#wrappar #search .swiper-pagination span:before {
		height: 40px;
		font-size: 12px;
		line-height: 30px;
	}
	.swiper-slide {
		padding: 0 2.5%;
	}
	
	/* tabs */

	#wrappar #search .tabAccordion {
		height: auto;
	}
	#wrappar #search .tabAccordion dl {
		position: relative;
		top: 0;
	} 
	#wrappar #search .tabAccordion dl dt,
	#wrappar #search .tabAccordion dl:nth-child(2) dt,
	#wrappar #search .tabAccordion dl:nth-child(3) dt {
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		position: relative;
	} 
	#wrappar #search .tabAccordion dl dt a {
		width: 100%;
		height: auto;
		display: block;
		padding: 0 0 0 3%;
		font-size: 15px;
		line-height: 50px;
	}
	#wrappar #search .tabAccordion dl dt:before,
	#wrappar #search .tabAccordion dl dt:after {
		content: "　";
		width: 15px;
		height: 2px;
		display: block;
		background: #fff;
		position: absolute;
		right: 3%;
		top: 50%;
		z-index: 999;
		webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#wrappar #search .tabAccordion dl dt:before {
		transform: rotate(90deg);		
	}
	#wrappar #search .tabAccordion dl dt.btnAcv:before {
		transform: rotate(0deg);		
	}
	#wrappar #search .tabAccordion.none dl dt::before,
	#wrappar #search .tabAccordion.none dl dt::after {
		display: none;
	}
	#wrappar #search .tabAccordion dl dt a:after {
		display: none;
	}
	#wrappar #search .tabAccordion dl dt.srv_03,
	#wrappar #search .tabAccordion dl dt.srv_03 a,
	#wrappar #search .tabAccordion dl dt.srv_04,
	#wrappar #search .tabAccordion dl dt.srv_04 a {
		border-radius: 0;
	}
	
	/*　innder tabs　*/

	#wrappar #search .tabs {
		max-width: 100%;
		height: auto;
		padding: 5%;
		border-top: rgba(255,255,255,0.30) solid 1px;
	}

	#wrappar #search .tabs label,
	#wrappar #search [id^="tab"]:checked + label {
		width: 100%;
		font-size: 15px;
		color: #fff;
		margin: 0;
		padding: 0 15px 0 3%;
		border-bottom: rgba(255,255,255,0.30) solid 1px;
	}
	#wrappar #search .tabs li:last-child label {
		border-bottom: none;
	}
	#wrappar #search .tabs label:hover {
		color: #fff;
	}
	
	#wrappar #search div dl dd .tabs label {
		background: #00a8ec;
		height: auto;
	}
	#wrappar #search div dl dt.srv_02 + dd .tabs label {
		background: #006993;
	}
	#wrappar #search div dl dt.srv_03 + dd .tabs label {
		background: #1f4700;
	}
	#wrappar #search div dl dd .tabs label span {
		padding: 10px 0 5px 0;
	}
	#wrappar #search #tab04 .tabs label span,
	#wrappar #search #tab05 .tabs label span,
	#wrappar #search #tab06 .tabs label span,
	#wrappar #search #tab07 .tabs label span {
		padding: 10px 0;
	}
	#wrappar #search .tabs label ul.icon {
		padding: 0 0 10px 0;
	}
	#wrappar #search .tabs label ul.icon li {
		width: 30%;
	}
		
	#wrappar #search .tabs label:after {
		border-width: 5px 0 5px 5px;
		transform: rotate(90deg);
		border-color: transparent transparent transparent rgba(255,255,255,0.70);
		webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		right: 15px;
	}
	#wrappar #search [id^="tab"]:checked + label:after {
		margin: -4px 0 0 0;
		transform: rotate(-90deg)
	}
	#wrappar #search .tabs label img {
		display: none;
	}

	#wrappar #search [id^=tab]:checked ~ [id^=tab-content] {
		max-height: 9999px;
	}

	#wrappar #search .tab-content {
		width: 100%;
		height: auto;
		overflow: hidden;
		max-height: 0;
		position: relative;
		top: 0;
		opacity: 1;
		display: block;
		webkit-transition: 1.0s ease-in-out;
		-moz-transition: 1.0s ease-in-out;
		transition: 1.0s ease-in-out;
	}
	
	/*　tabs innder contents　*/

	#wrappar #search .tab-content h4 {
		padding: 10px 5% 10px 55px !important;
		font-size: 15px;
		line-height: 1.5em;
		letter-spacing: 0.05em;
		background: #f4f5f7;
		position: relative;
	}
	#wrappar #search #tab-content28 h4,
	#wrappar #search #tab-content35 h4 {
		padding: 5px 5% 10px 55px !important;
	}
	#wrappar #search .tab-content h4 img {
		width: 35px;
		height: auto;
		position: absolute;
		top: 5px;
		left: 2.5%;
	}
	#wrappar #search .tab-content h4 span {
		width: 35px;
		top: 5px;
	}
	#wrappar #search .tab-content h4 small {
		font-size: 12px;
	}
	#wrappar #search .tab-content h5 {
		width: 90%;
		padding: 0 0 20px 0;
		font-size: 14px !important;
		line-height: 1.3em;
	}
	#wrappar #search .tab-content h5.ico-none {
		padding: 20px 0;
	}
	#wrappar #search .tab-content h5 br {
		display: none;
	}
	#wrappar #search .tab-content h5 span {
		font-size: 12px;
		margin: 0;
	}
	#wrappar #search .tab-content div img {
		width: 90%;
		float: none;
		clear: both;
		padding: 20px 0 0 0 !important;
		margin: 0 auto;
	}
	#wrappar #search .tab-content div img.anshin {
		width: 80%;
		padding: 0 !important;
		margin: 0 auto -20px auto;
	}
	#wrappar #search #tab-content26 div img,
	#wrappar #search #tab-content31 div img {
		padding: 0 !important;
	}
	#wrappar #search .tab-content div ul {
		padding: 20px 5% 10px 5% !important;
	}
	#wrappar #search .tab-content div ul li {
		font-size: 12px !important;
		padding: 0 0 10px 15px !important;
	}
	#wrappar #search .tab-content div ul li.cap {
		font-size: 11px;
	}
	#wrappar #search .tab-content div ul li.cap br {
		display: none;
	}
	#wrappar #search .tab-content div ul li:before {
		font-size: 10px;
	}
	#wrappar #search .tab-content div ul li strong {
		font-size: 18px;
	}
	#wrappar #search .tab-content div ul li small {
		font-size: 11px !important;
		margin: 0;
	}

	#wrappar #search .tab-content div ul.photo {
		padding: 0 5% !important;
		margin: -10px 0 0 0;
	}
	#wrappar #search .tab-content div ul + ul.photo {
		padding: 0 5% 0 5% !important;
	}
	#wrappar #search .tab-content div ul.photo li {
		padding: 0 0 10px 0 !important;
	}
	#wrappar #search .tab-content div ul.photo li img {
		width: 100%;
		padding: 0 0 5px 0 !important;
	}
	#wrappar #search .tab-content div ul.photo li span {
		font-size: 11px;
	}
	#wrappar #search .tab-content div ul.photo li span strong {
		font-size: 16px;
	}
	#wrappar #search .tab-content div ul.two li {
		width: 100%;
	}
	#wrappar #search .tab-content div ul.three li {
		padding: 0 5px !important;
	}
	#wrappar #search .tab-content div ul li ul {
		width: 95%;
		margin: 10px 0 0 0;
		padding: 2.5% 5% !important;
		border: #eee solid 2px;
		border-radius: 5px;
	}
	#wrappar #search .tab-content div ul li ul li {
		width: auto !important;
		font-size: 10px !important;
		padding: 0 12px !important;
	}
	#wrappar #search .tab-content div p {
		padding: 0 5% 20px 5%;
		font-size: 11px;
	}
	#wrappar #search .tab-content a {
		padding: 5%;
		position: static;
	}
	#wrappar #search .tab-content a span {
		width: 100%;
		font-size: 14px;
		line-height: 40px;
	}
	#wrappar #search .tab-content a span:after {
		width: 20px;
		height: 20px;
		right: 5%;
		top: 10px;
	}
	#wrappar #search .tab-content a:hover span:after {
		right: 5%;
	}
	
	/*---------------------------------------------
	  VOICE
	---------------------------------------------*/

	#wrappar #voice h3 {
		width: 80%;
		margin: 0 0 0 15%;
		padding: 30px 0 0 0;
	}

	/* intro */

	#wrappar #voice .intro ul {
		max-width: 100%;
		padding: 0 20%;
		box-sizing: border-box;
		text-align: center;
	}
	#wrappar #voice .intro ul li {
		width: 100%;
	}

	#wrappar #voice .intro div {
		width: 100%;
		padding: 0 5% 20px 5%;
		box-sizing: border-box;
	}
	#wrappar #voice .intro div img {
		width: 50%;
		max-width: 199px;
		margin: 0 auto;
		padding: 0 0 10px 0;
		float: none;
		clear: both;
	}
	#wrappar #voice .intro div h4 {
		padding: 20px 0 10px 0;
		font-size: 18px;
		line-height: 1.5em;
	}
	#wrappar #voice .intro div p {
		font-size: 13px;
	}

	/* detail */

	#wrappar #voice .detail:before {
		margin: 0 0 0 -15px;
		border-width: 20px 15px 0 15px;
	}
	#wrappar #voice .detail h4 {
		width: 90%;
		margin: 0 auto -8% auto;
		padding: 40px 0 0 0;
	}
	#wrappar #voice .detail .swiper-container-voice {
		position: relative;
	}

	/* service */

	#wrappar #voice .detail div.service {
		max-width: 100%;
		margin: 0 auto 30px auto;
		padding: 5% 5% 10% 5%;
		display: flex;
		flex-direction: column;
	}
	#wrappar #voice .detail div.service h5 {
		width: 82%;
		margin: 20px auto 0 auto;
		float: none;
		clear: both;
		min-height: 10px;
		background: url("/assets/images/original/service-top-img-bg_yoko.jpg") left top no-repeat;
		background-size: auto 100%;
	}
	#wrappar #voice .detail div.service h5 img {
		display: none;
	}
	#wrappar #voice .detail div.service h5 span {
		width: 100%;
		height: auto;
		padding: 10px 0;
		display: block;
		font-size: 24px;
		line-height: 1em;
		text-align: center;
		color: #fff;
		-webkit-writing-mode: lr-tb;
		  -ms-writing-mode: lr-tb;
			  writing-mode: lr-tb;
	}
	#wrappar #voice .detail .swiper-button-next,
	#wrappar #voice .detail .swiper-button-prev {
		width: 20px;
		height: 20px;
		margin: 0 5% 0 0;
		background: none;
		border-right: #14a0de solid 2px;
		border-top: #14a0de solid 2px;
		top: 50px;
	}
	#wrappar #voice .detail .swiper-button-prev {
		margin: 0 0 0 5%;
	}


	/* voice */

	#wrappar #voice .detail div.service .voice {
		width: 100%;
		overflow: hidden;
		margin: 5% auto 0 auto;
		padding: 0;
		position: relative;
		order: 4;
	}
	#wrappar #voice .detail div.service .voice h5 {
		font-size: 15px;
		line-height: 1.5em;
		padding: 20px 5% 20px 70px;
		background: url("/assets/images/original/service-top-img-good.png") 10px 20px no-repeat #d3e9f6;
		background-size: 50px auto;
	}
	#wrappar #voice .detail div.service .voice h5 br {
		display: none;
	}
	#wrappar #voice .detail div.service .voice h5 span {
		font-size: 18px;
	}
	#wrappar #voice .detail div.service .voice h5 + p {
		margin: 0 5%;
		padding: 10px 0 10px 60px;
		font-size: 12px;
		line-height: 1.5em;
		background: url("/assets/images/original/service-top-img-illu_01.png") 0 10px no-repeat;
		background-size: 50px auto;
	}
	#wrappar #voice .detail div.service .voice h5 + p + p {
		min-height: 1em;
		margin: 0 5%;
		padding: 15px 0 10px 0;
		font-size: 15px;
		line-height: 1.5em;
	}

	#wrappar #voice .detail div.service .voice h5 + p + p + a {
		width: 90%;
		margin: 10px auto 30px auto;
		font-size: 16px;
		line-height: 60px;	
	}

	#wrappar #voice .detail div.service h6 {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 10px 5%;
		float: none;
		clear: both;
		font-size: 18px;
		line-height: 1.3em;
		text-align: center;
		order: 1;
	}
	#wrappar #voice .detail div.service h6 + img {
		width: 100%;
		float: left;
		padding: 5px 0 15px 0;
		order: 2;
	}
	#wrappar #voice .detail div.service dl.service {
		width: 100%;
		padding: 0 0 5px 0;
		float: none;
		clear: both;
		order: 3;
	}
	#wrappar #voice .detail div.service dl.service dt {
		margin: 0 0 5px 0;
		padding: 5px 5%;
	}
	#wrappar #voice .detail div.service dl.service dd {
		font-size: 12px;
		margin: 0 5%;
	}

	
	/*---------------------------------------------
	  FOOTER LINK
	---------------------------------------------*/

	#wrappar ul.flink {
		padding: 5% 0 2% 0;
		background: rgba(0,0,0,0.40);
		text-align: center;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	#wrappar ul.flink li {
		width: 90%;
		display: block;
		margin: 0 4% 4% 5% !important;
	}
	#wrappar ul.flink li a {
		padding: 0 5% 0 20px;
		display: block;
		font-size: 12px;
		font-weight: 600;
		line-height: 40px;
	}
	#wrappar ul.flink li a span {
		font-size: 10px;
	}
	#wrappar ul.flink li a:hover {
		opacity: 1;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.30);
	}
	#wrappar ul.flink li:first-child a {
		background: url("/assets/images/original/service-common-img-home.png") 5% center no-repeat #004560;
		background-size: 20px auto;
	}
	#wrappar ul.flink li:first-child + li a {
		background: url("/assets/images/original/service-common-img-voice.png") 5% center no-repeat #e1e1e1;
		background-size: 20px auto;
	}
	#wrappar ul.flink li:last-child a {
		background: url("/assets/images/original/service-common-img-list.png") 5% center no-repeat #14a0de;
		background-size: 15px auto;
	}
}