/*============ 共通項目 ==============*/

@media only screen and (min-width:1000px){*.sp{display:none !important;}}
@media only screen and (max-width:1000px){*.pc{display:none !important;}}

/*============ header 調整用　==============*/
header {
	width: 100%;
	padding: 0;
	top:0;
	margin: auto;
	position: fixed;
	z-index: 11;
	background: #fff;
	box-shadow: 0 0 0.5rem #ccc;
}

header div.hWrap {
	border-bottom: #d7d7d7 1px solid;
	display: flex;
	justify-content: center;
	padding: 1rem 0;
	align-items: center;
}

header div.hWrap h1 {
	width: 40rem;
}
header div.hWrap div.telWrap {
	width: 57rem;
	position: relative;
	padding-left: 6rem;
	font-size: 2rem;
	text-align: center;
	margin-left: 25rem;
}
header div.hWrap div.telWrap::before {
	content: "";
	width: 8rem;
	height: 8rem;
	background: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/h-icon_01.png) no-repeat center / 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}
header div.hWrap div.telWrap span {
	font-size: 80%;
}
header div.hWrap div.telWrap strong a{
	font-size: 5rem;
	color: #001386;
}

header div.hWrap nav {
	width: 60rem;
	margin-left: 6rem;
}
header div.hWrap nav > ul.fe {
	justify-content: space-between;
	width: 100%;
}
header div.hWrap nav > ul > li {
	width: 48%;
}
header div.hWrap nav > ul > li + li{}
header div.hWrap nav > ul > li > a {
	font-weight: bold;
	text-align: left;
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 1rem;
	border: #001386 solid 2px;
}
header div.hWrap nav > ul > li > a::before {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #d5dbff;
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	top: 0;
	right: -30%;
	transform: skewX(60deg);
}
header div.hWrap nav > ul > li > a:hover:before{width:160%; left:-30%; right:auto;}
header div.hWrap nav > ul > li > a::after {
	content: "";
	display: block;
	background: no-repeat center center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2rem;
	margin: auto;
}
header div.hWrap nav > ul > li:nth-of-type(1) > a::after {background-image: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/h-icon_02.png);}
header div.hWrap nav > ul > li:nth-of-type(2) > a::after {background-image: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/h-icon_03.png);}
header div.hWrap nav > ul > li span {
	color: #000;
	font-size: 2.3rem;
	transition: .4s;
	z-index: 1;
	position: relative;
	font-weight: bold;
	padding: 2rem 0 2.5rem 9rem;
	display: block;
	line-height: 1.2;
}

header > nav {
	width: 190rem;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

header > nav ul.fe {
	width: 66%;
	margin: 1rem 0;
}
header > nav ul li {
	width: calc(94% / 3);
}
header > nav ul.fe li + li{}
header > nav ul.fe li > a {
	font-weight: bold;
	text-align: left;
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
header > nav ul.fe li > a::before {
	content: '';
	display: block;
	height: 100%;
	width: 0;
	background: #d5dbff;
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	top: 0;
	right: -30%;
	transform: skewX(60deg);
}
header > nav ul.fe li > a:hover:before{width:160%; left:-30%; right:auto;}
header > nav ul.fe li > a::after {
	content: "";
	display: block;
	background: no-repeat center center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2rem;
	margin: auto;
}
header > nav ul.fe li:nth-of-type(1) > a:after{background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/h-icon_04.png);}
header > nav ul.fe li:nth-of-type(2) > a:after{background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/h-icon_05.png);}
header > nav ul.fe li:nth-of-type(3) > a:after{background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/h-icon_06.png);}
header > nav ul li a span {
	color: #000;
	font-size: 2.5rem;
	transition: .4s;
	z-index: 1;
	position: relative;
	font-weight: bold;
	padding: 1rem 0 1rem 8rem;
	display: block;
}

header > nav form {
	width: 30%;
	display: block;
	position: relative;
	background: #fff;
	border: #001386 solid 2px;
	border-radius: 50px;
	overflow: hidden;
	height: 6rem;
	margin-top: 1rem;
}
header > nav form label {
	font-size: 0;
	display:none;
}
header > nav form input {
	position: absolute;
}
header > nav form input[type="text"] {
	width: 100%;
	height: 100%;
	border: none;
	padding: .5rem 8rem .5rem 5rem;
}
header > nav form input[type="submit"] {
	background: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/h-icon_07.png) center / 100%;
	border: none;
	font-size: 0;
	width: 5rem;
	height: 5rem;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
}


/*============ footer 調整用　==============*/

footer {
	background: #f8f7f1;
}
footer div.fWrap {
	width: min(100%,170rem);
	margin: 0 auto;
	padding: 15rem 0;
	position: relative;
}
footer div.fWrap ul.inqWrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer div.fWrap ul.inqWrap li {
	width: 48%;
}
footer div.fWrap ul.inqWrap li + li{}
footer div.fWrap ul.inqWrap li a {
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
	border: #001386 solid 1px;
	border-radius: 50px;
	background: #fff;
	overflow: hidden;
}
footer div.fWrap ul.inqWrap li a::before {
	content: '';
	display: block;
	height: 110%;
	width: 0%;
	background: #001386;
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	bottom: 0;
	right: -30%;
	transform: skewX(60deg);
}
footer div.fWrap ul.inqWrap li a:hover:before{width:calc(160%); left:-30%; right:auto;}

footer div.fWrap ul.inqWrap li a span {
	padding: 2rem 0 2rem 13rem;
	display: block;
	font-size: 2.5rem;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	transition: 0.3s ease-in;
	position: relative;
}
footer div.fWrap ul.inqWrap li a span::before {
	content: "";
	display: block;
	background: no-repeat center center / 100%;
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6rem;
	margin: auto;
}
footer div.fWrap ul.inqWrap li:nth-of-type(1) a span:before {background-image: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_01.png);}
footer div.fWrap ul.inqWrap li:nth-of-type(2) a span:before {background-image: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_02.png);}
footer div.fWrap ul.inqWrap li a span::after {
	content: "";
	display: block;
	background: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/top/t-icon_02.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
}
footer div.fWrap ul.inqWrap li a:hover span{color:#fff;}

footer div.fWrap ul.cateWrap {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 7rem 5rem;
}
footer div.fWrap ul.cateWrap li {
	width: calc(100% / 4);
	margin: 2rem 0;
}
footer div.fWrap ul.cateWrap li + li{}
footer div.fWrap ul.cateWrap li a {
	font-weight: 500;
	font-size: 2.5rem;
	text-align: left;
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
	padding-left: 5rem;
}
footer div.fWrap ul.cateWrap li a::before {
	content: '';
	display: block;
	height: 1px;
	width: 0%;
	background: #001386;
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	bottom: -1rem;
	right: 0;
}
footer div.fWrap ul.cateWrap li a:hover:before{width:calc(100%); left:0; right:auto;}
footer div.fWrap ul.cateWrap li a::after {
	content: "";
	display: block;
	background: url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/top/t-icon_02.png) no-repeat center / 100%;
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

footer div.fWrap dl {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
}
footer div.fWrap dl dd {
	width: 35%;
}
footer div.fWrap dl dd h1{}
footer div.fWrap dl dt {
	width: 61%;
}
footer div.fWrap dl dt address {
	font-style: normal;
	font-size: 2.5rem;
}
footer div.fWrap dl dt address span {
	font-size: 2.5rem;
}
footer div.fWrap nav{}
footer div.fWrap nav ul {
	width: 100%;
	display: flex;
	margin: 10rem auto 5rem;
	justify-content: space-between;
}
footer div.fWrap nav ul li {
	width:auto;
	position: relative;
}

footer div.fWrap nav ul li::before {
	content: "";
	font-size: 1.5rem;
	display: block;
	margin-top: 1rem;
	background: no-repeat center center / 100%;
	bottom: 0;
	left: -1rem;
	position: absolute;
	width: 8rem;
	height: 8rem;
	z-index: 5;
}

footer div.fWrap nav ul li:nth-of-type(1):before {background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_07.png);}
footer div.fWrap nav ul li:nth-of-type(2):before {background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_03.png);}
footer div.fWrap nav ul li:nth-of-type(3):before {background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_04.png);}
footer div.fWrap nav ul li:nth-of-type(4):before {background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_05.png);}
footer div.fWrap nav ul li:nth-of-type(5):before {background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_06.png);}
footer div.fWrap nav ul li:nth-of-type(6):before {background-image:url(https://tescom-kagawa.com/site/wp-content/themes/tescom/assets/images/common/f-icon_08.png);}
footer div.fWrap nav ul li + li{}
footer div.fWrap nav ul li a {
	text-align: center;
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
	background: #d7d7d7;
	border-radius: 50px;
	overflow: hidden;
}
footer div.fWrap nav ul li a::before {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #001386;
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	bottom: 0;
	right: -30%;
	transform: skewX(60deg);
}
footer div.fWrap nav ul li a:hover:before{width:calc(160%); left:-30%; right:auto;}

footer div.fWrap nav ul li a span {
	padding: 1rem 3rem 1rem 8rem;
	display: block;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: 0.3s ease-in;
	position: relative;
}

footer div.fWrap nav ul li a span:hover {color:#fff;}



footer div.fWrap small {
	font-size: 2rem;
	position: absolute;
	right: 24rem;
	bottom: 9rem;
}
footer div.fWrap small a{font-size: 2rem;}

/*============ スマホページ 調整用　==============*/

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

/*============ header 調整用　==============*/

.bbc {
	background: rgba(255,255,255,.8);
	height: 100vh;
	width: 100%;
	transform: translate(0,-100vh);
	position: fixed;
	top: 0;
	left: 0;
	transition: .4s ease-in;
	z-index: 9;
}

.open .bbc {transform: translate(0,0);}
header div.hWrap {
	justify-content: space-between;
	padding: 1rem 3rem;
	align-items: center;
	flex-wrap: wrap;
	height: 11vw;
}

header div.hWrap h1 {
	width: 30rem;
}

header div.hWrap div.telWrap {display: none;}

header div.hWrap nav {
	width: 100%;
	margin-left: 0;
	position: absolute;
	top: 8vw;
	padding: 6vw 5vw;
	left: 0;
	z-index: 10;
	transform: translate(100vw , 0);
	transition: .5s ease-in;
}

header > nav {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0;
	top: 28vw;
	padding: 10vw 5vw 8vw;
	flex-wrap: wrap;
	z-index: 10;
	transform: translate(100vw , 0);
	transition: .5s ease-in;
}
.open .bbc,
.open header div.hWrap nav,
.open header > nav{transform: translate(0,0);}
header > nav ul.fe {
	width: 100%;
	margin: 4rem 0;
}
header > nav ul li {
	width: 100%;
}
header > nav ul li a span {
	color: #000;
	font-size: 3.5rem;
	transition: .4s;
	z-index: 1;
	position: relative;
	font-weight: bold;
	padding: 1rem 0 1rem 11rem;
	display: block;
}
header > nav ul.fe li > a::after {
	content: "";
	display: block;
	background: no-repeat center center / 100%;
	width: 7vw;
	height: 7vw;
	position: absolute;
	top: 1vw;
	bottom: 0;
	left: 2rem;
	margin: auto;
}
header > nav ul li + li {
	border-top: 1px #000 solid;
	padding-top: 4vw;
	margin-top: 4vw;
}
header > nav form {
	width: 90%;
	display: block;
	position: absolute;
	background: #fff;
	border: #001386 solid 2px;
	border-radius: 50px;
	overflow: hidden;
	height: 8rem;
	margin-top: 1rem;
	top: 3vw;
	left: 0;
	right: 0;
	margin: auto;
}
header > nav form input[type="text"] {
	width: 100%;
	height: 100%;
	border: none;
	padding: .5rem 8rem .5rem 5rem;
	font-size: 3.5vw;
}

header div.menu {
	width: 15rem;
	height: 10rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	display: block;
}

header div.menu #menuButton {
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

header div.menu #menuButton span,
header div.menu #menuButton:before,
header div.menu #menuButton:after{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 55%;
	height: 0.5rem;
	margin: auto;
	background: #001386;
	-webkit-transition: .1s ease-in-out;
	transition: all 1s;
}

header div.menu #menuButton span{
	overflow: hidden;
	z-index: 1;
	color: #fff;
}

header div.menu #menuButton:before{
	z-index: 2;
	transform:rotate(0deg);
	top:5rem;
	content: "";
}

header div.menu #menuButton:after{
	z-index: 2;
	transform:rotate(0deg);
	top:-5rem;
	content: "";
}

header div.menu #menuButton span{
	transform:rotate(0deg) translateX(0px);
}

header div.menu #menuButton:before,
header div.menu #menuButton:after{
	transition: transform 500ms;
}

header div.menu.active #menuButton span{
	transform:translateX(-100px);
	top:0;
}

header div.menu.active #menuButton::before {
	transform: rotate(-225deg);
	top: 0;
}

header div.menu.active #menuButton::after {
	transform: rotate(45deg);
	top: 0;
}


/*============ footer 調整用　==============*/

footer div.fWrap {
	width: min(100%,170rem);
	margin: 0 auto;
	padding: 10rem 0;
	position: relative;
}

footer div.fWrap ul.inqWrap {
	flex-wrap: wrap;
}
footer div.fWrap ul.inqWrap li {
	width: 70%;
	margin: 0 auto 6vw;
}
footer div.fWrap ul.inqWrap li a::before {
	width: 160%;
}
footer div.fWrap ul.inqWrap li a span {
	padding: 3rem 0 3rem 13rem;
	display: block;
	font-size: 3rem;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	transition: 0.3s ease-in;
	position: relative;
	color: #fff;
}
footer div.fWrap ul.cateWrap {
	margin: 7rem auto;
	border-top: solid #9099cf 1px;
	padding: 0;
}
footer div.fWrap ul.cateWrap li {
	width: calc(100% / 2);
	margin: 0;
	border-bottom: solid #9099cf 1px;
}
footer div.fWrap ul.cateWrap li:nth-of-type(2n+1) {
	border-right: solid #9099cf 1px;
}
footer div.fWrap ul.cateWrap li a {
	font-size: 3rem;
	z-index: 2;
	padding: 3rem 3rem 3rem 5rem;
}
footer div.fWrap dl dd {
	width: 40vw;
	margin: auto;
}
footer div.fWrap dl dt {
	width: 100%;
	margin-top: 5vw;
}
footer div.fWrap dl dt address {
	font-style: normal;
	font-size: 3rem;
	display: flex;
	flex-wrap: wrap;
}
footer div.fWrap dl dt address span {
	font-size: 3rem;
	width: 12vw;
}

footer div.fWrap dl dt address span + span {
	width: calc(100% - 12vw);
}
footer div.fWrap nav ul {
	width: 100%;
	display: flex;
	margin: 10rem auto 5rem;
	justify-content: space-between;
	flex-wrap: wrap;
}
footer div.fWrap nav ul li {
	width: calc(94% / 2);
	position: relative;
	margin: 2% auto;
}
footer div.fWrap nav ul li::before {
	margin-top: 1rem;
	bottom: 0;
	left: 1rem;
	position: absolute;
	width: 10rem;
	height: 10rem;
	z-index: 5;
}
footer div.fWrap nav ul li a {
	height: 10vw;
	line-height: 8vw;
}
footer div.fWrap nav ul li a span {
	padding: 1rem 0 1rem 3rem;
	font-size: 3rem;
}
	
}