/*
Theme Name: tw167292 Theme
Theme URI: http://www.tepos.jp/
Description: This is our original theme.
Author: ALL Rise Group
Author URI: http://www.ar-group.co.jp/
Version: 1.0
*/

@import url("./css/reset.css");

/*************************************************
共通
*************************************************/
html {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 6.25%;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-overflow-scrolling: touch
}
body {
	width: 100%;
	min-height: 100%;
	font-size: 16rem;
	line-height: 1.6;
	color: #666;
	margin: 0;
	padding: 0;
	background-color: #FDF4FF;
}
body::before {
}
h1,h2,h3 { font-weight: bold; }
h1 { font-size: 26rem; }
h2 { font-size: 22rem; }
h3 { font-size: 18rem; }
@media (max-width: 767px) {
	h1 { font-size: 22rem; }
	h2 { font-size: 18rem; }
	h3 { font-size: 14rem; }
}
p { margin: 1em 0 0 0; }
ul,ol { margin: 0 0 0 2em; }
img {
	vertical-align: bottom;
	max-width: 100%;
}
table {
	width: 100%;
	margin: 0;
	text-align: left;
}
table th {
	width: 20%;
	border: 1px solid #ccc;
	padding: 8px;
}
table td {
	border: 1px solid #ccc;
	padding: 8px;
}
td p { margin: 0; }
td ul,
td ol { margin: 0 0 0 2em; }
a:link,
a:visited { color: #222; }
a:hover {  }
main {
	display: block;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	clear: both;
}
@media (max-width: 767px) {
	main {
		padding: 0;
	}
}
#wrapper {
	width: 100%;
	min-height: 100%;
	color: #222;
	background-color: #FDF4FF;
}
.row {
	width: 100%;
	box-sizing: border-box;
}
.col {
	width: 100%;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
	position: relative;
}
@media (min-width: 1025px) {
	.col {
		width: 1024px;
		padding: 0;
	}
}
#terms-of-use .content {
	border-bottom: 1px solid #ccc;
}
.table-wrap {
	overflow: auto;
	white-space: nowrap;
}
.table-wrap::-webkit-scrollbar {
 	height: 5px;
}
.table-wrap::-webkit-scrollbar-track {
 	background: #F1F1F1;
}
.table-wrap::-webkit-scrollbar-thumb {
 	background: #BCBCBC;
}
img.alignleft {
	float: left;
	margin: 0 32px 32px 0;
	width: 30%;
	height: auto;
}
img.alignright {
	float: right;
	margin: 0 0 32px 32px;
	width: 30%;
	height: auto;
}
/* Googleマップ
***************************************************/
#global-access {
    margin: 128px 0 0 0;
    padding: 2px 0 0 0;
    background-color: #dae6ed;
}
#global-access .col {
    padding: 32px;
    color: #2980b9;
}
#global-access ul {
    margin: 0;
    list-style: none;
    font-size: 1.4rem;
    text-align: center;
}
#global-access ul li {
    line-height: 1.5;
}
#global-access ul li a {
    text-decoration: none;
    color: #2980b9;
}
.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100vw;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media(min-width: 768px) {
    .google-map {
        padding-bottom: 75%;
    }
}

/* フォーム
***************************************************/
form {
	width: 720px;
	margin: 0 auto;
}
@media (max-width: 991px) {
	form {
		width: 100%;
	}
}
form dl {
	margin: 32px 0 0 0;
}
form dl dt {
	margin: 1em 0 0 0;
}
form .required {
	color: #B70003;
	margin: 0 0 0 1em;
	font-size: 12rem;
}
form input[type=text],
form input[type=email] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	font-size: 16rem;
	padding: 8px;
	line-height: 16px;
	width: 100%;
	box-sizing: border-box;
}
form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	font-size: 16rem;
	padding: 8px;
	width: 100%;
	height: 10em;
	box-sizing: border-box;
}
form input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	font-size: 16rem;
	padding: 8px 16px;
	display: block;
	margin: 32px auto;
	background-color: #eee;
}
form label {
	cursor: pointer;
}
form .checkbox {
	margin: 1em 0 0 0;
}
form .name input:nth-of-type(1) {
	width: 49%;
	margin: 0 1% 0 0;
	display: inline;
}
form .name input:nth-of-type(2) {
	width: 49%;
	margin: 0 0 0 1%;
}
form .zip input:nth-of-type(1) {
	width: 3em;
	margin: 0 1%;
	display: inline;
}
form .zip input:nth-of-type(2) {
	width: 4em;
	margin: 0 0 0 1%;
}
form .tel input:nth-of-type(1) {
	width: 5em;
	margin: 0 1% 0 0;
	display: inline;
}
form .tel input:nth-of-type(2) {
	width: 5em;
	margin: 0 1%;
	display: inline;
}
form .tel input:nth-of-type(3) {
	width: 5em;
	margin: 0 0 0 1%;
}
.wsbl_line img {
	height: 20px;
}
/* ページネーション
***************************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}

#test {
	min-height: 320px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.49) 50%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.49) 50%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255,255,255,0.8)), color-stop(0.5, rgba(255,255,255,0.49)), color-stop(0.99, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
	background: -o-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.49) 50%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
	background: linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.49) 50%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
/* パンくずリスト
***************************************************/
#breadcrumbs {
	clear: both;
	color: #aaa;
	font-size: 12rem;
}
#breadcrumbs a {
	display: inline-block;
	line-height: 32px;
	position: relative;
	padding: 0;
	color: #aaa;
}
#breadcrumbs a:hover {
	color: #666666;
}
@media (max-width: 991px) {
	#breadcrumbs {
		padding: 0 32px;
	}
}
/* ヘッダー
***************************************************/
#main-header {
	width: 100%;
	height: 80px;
	z-index: 999;
	padding: 0;
	position: relative;
	background-color: #F7CCFF;
	border-top: 24px solid #F7CCFF;
}
#main-header #description {
	display: block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	color: #6A4D70;
	font-size: 12rem;
	margin: -24px 0 0 0;
}
#main-header #site-logo {
	height: 40px;
	margin: 8px 0 0 0;
	box-sizing: border-box;
	display: inline-block;
}
#main-header #site-logo a {
	font-size: 24rem;
	letter-spacing: 0.2em;
	text-decoration: none;
	font-weight: bold;
	color: #6D6270;
}
#main-header #site-logo a img {
	width: auto;
	height: 100%;
}
#main-header p {
}
/* コンタクトバナー
***************************************************/
.to-contact {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 4px 16px;
	box-sizing: border-box;
	text-align: right;
	background-color: #6A4D70;
	border-top: none;
	color: #FFFEEF;
	border-radius: 0 0 8px 8px;
}
.to-contact p {
	font-size: 14rem;
	margin: 0;
	padding: 0;
	color: #FFFEEF;
}
.to-contact .tel {
	display: block;
	font-size: 20rem;
	text-align: center;
	text-decoration: none;
	color: #FFFEEF;
}
.to-contact .tel i {
	margin: 0 0.5em 0 0;
	color: #FFFEEF;
}
/* スライドメニューボタン
***************************************************/
@media (max-width: 767px) {
	.menu-btn {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 48px;
		height: 48px;
		padding: 0;
		line-height: 48px;
		font-size: 24rem;
		text-align: center;
		text-decoration: none;
		background-color: #333;
	}
	.menu-btn i {
		color: #fff;
	}
}
/* グローバルナビ
***************************************************/
#global-nav {
	height: 80px;
	padding: 8px 0;
	overflow: hidden;
	background-color: #F7CCFF;
	border-bottom: 4px solid #6A4D70;
}
#global-nav ul {
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
}
#global-nav ul li {
	display: table-cell;
	text-align: center;
	padding: 0 8px;
}
#global-nav ul li:first-child {
	border: none;
}
#global-nav ul li:last-child {
}
#global-nav ul li:nth-of-type(3) {
}
#global-nav ul li:nth-of-type(2) {
}
#global-nav ul li a {
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 16rem;
	text-decoration: none;
	transition: 0.2s;
	box-sizing: border-box;
	font-weight: bold;
	border-radius: 4px;
	color: #6D6270;
}
@media (max-width: 991px) {
}
#global-nav ul li.current-page-ancestor > a,
#global-nav ul li.current-menu-item > a {
	background-color: #6A4D70;
	color: #fff;
}
#global-nav ul li a:hover {
	background-color: #6A4D70;
	color: #fff;
}
#global-nav ul li ul {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100%;
	z-index: 100;
	background-color: rgba(225,72,2,1);
}
#global-nav ul li ul li {
	overflow: hidden;
	height: 0;
}
#global-nav ul li ul li a {
	height: 48px;
	padding: 0 24px;
	line-height: 48px;
	font-size: 16rem;
	text-decoration: none;
	transition: 0.2s;
	white-space: nowrap;
}
#global-nav ul li ul li a:hover {
	background-color: rgba(0,0,0,1);
}
#global-nav ul > li:hover > ul > li {
	overflow: visible;
	height: 48px;
	min-width: 100%;
	transition: 0.2s;
}
@media (max-width: 767px) {
	#global-nav {
		display: none;
	}
}
/* メインビジュアル
***************************************************/
#visual {
	width: 1024px;
	margin: 32px auto;
	border: 2px solid #6A4D70;
	border-radius: 8px;
}
#visual img {
	border-radius: 8px;
}
@media (max-width: 767px) {
	#visual {
	}
}
/* フッター
***************************************************/
#main-footer {
	margin: 64px 0 0 0;
	padding: 32px 0;
	background-color: #6A4D70;
	color: #fff;
	border-top: 1px solid #fff;
}
@media (max-width: 991px) {
	#main-footer {
		padding: 32px;
	}
}
@media (max-width: 767px) {
}
#main-footer a:link,
#main-footer a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 14rem;
}
#main-footer a:hover {
	text-decoration: underline;
}
#main-footer #copyright {
	clear: both;
	font-size: 12rem;
	text-align: center;
	color: #fff;
}
/* フッター：ユーティリティナビ
--------------------------------------------------*/
#main-footer #footer-nav {
	text-align: center;
}
#main-footer #footer-nav ul {
	overflow: hidden;
	font-size: 0;
	margin: 8px 0 0 0;
}
#main-footer #footer-nav ul li {
	display: inline-block;
	border-left: 2px dotted #6AA800;

}
#main-footer #footer-nav ul li:first-child {
	border: none;
}
#main-footer #footer-nav ul li a:link,
#main-footer #footer-nav ul li a:visited {
	padding: 0 8px;
	font-size: 12rem;
}
@media (max-width: 767px) {
	#main-footer #footer-nav ul {
		border: 1px solid rgba(255,255,255,1);
		border-radius: 8px;
	}
	#main-footer #footer-nav ul li {
		display: block;
		border-top: 1px solid rgba(255,255,255,1);
		border-left: none;
	}
	#main-footer #footer-nav ul li a {
		display: block;
		line-height: 44px;
		padding: 0 8px;
	}
}
/* フッター：グローバルナビ
--------------------------------------------------*/
#main-footer #footer-global-nav {
	overflow: hidden;
	margin: 32px 0;
	padding: 0 0 16px 0;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
#main-footer #footer-global-nav a {
	margin: 0 2em 0 0;
}
#main-footer #footer-global-nav ul {
	line-height: 1;
}
#main-footer #footer-global-nav ul > li {
	margin: 16px 0 0 0;
}
#main-footer #footer-global-nav ul.sub-menu {
	margin: -14px 0 0 160px;
}
#main-footer #footer-global-nav ul.sub-menu li {
	display: inline;
}
/* ページイントロ
***************************************************/
#intro {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding: 16px 0;
	color: #6A4D70;
}
#intro .intro-image {
}
#intro h1 {
	display: block;
	min-height: 56px;
	line-height: 56px;
	padding: 0 16px;
	border-radius: 8px;
	color: #fffeef;
	background-color: #6A4D70;
	border: 1px solid #fff;
}
@media (max-width: 767px) {
	#intro {
		padding: 16px 0;
	}
	#intro .intro-image {
		float: none;
		width: 100%;
		height: 160px;
		border-radius: 0;
		margin: 0;
	}
	#intro h1 {
		padding: 0 8px;
		text-align: center;
	}
}
/* コンテンツ
***************************************************/
.content {
	overflow: hidden;
	margin: 32px 0;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #6A4D70;
	background-color: #fff;
}
.content h2,
.content h3,
.content h4,
.content h5 {
	color: #6A4D70;
}
@media (max-width: 991px) {
	.content {
		padding: 16px 0;
	}
}
@media (max-width: 767px) {
	.content {
	}
}

/* 親ページ
***************************************************/
#parent {
	overflow: hidden;
}
#parent section {
	width: 33.33%;
	height: 33.33%;
	float: left;
	box-sizing: border-box;
	padding: 8px;
}
#parent section a {
	display: block;
	border: 2px solid #223c6c;
	text-decoration: none;
	padding: 8px;
	height: 160px;
	border-radius: 8px;
}
/* 個人のお客様
***************************************************/
#personal #intro h1 {
	border-bottom: 2px solid #8CC700;
}
#personal #parent section a {
	border: 2px solid #8CC700;
}

/* 法人のお客様
***************************************************/
#corporate #intro h1 {
	border-bottom: 2px solid #336DCC;
}

/* 新着情報、お知らせ
***************************************************/
#home #notice {
	background-color: #f3f3f3;
}
#home {
	overflow: hidden;
	margin: 0;
}
#home .notice-list {
	padding: 32px 0;
	width: 50%;
	float: left;
	box-sizing: border-box;
	font-size: 12rem;
}
@media (max-width: 767px) {
	#home .notice-list {
		width: 100%;
		float: none;
		padding: 32px 0 0 0;
	}
}
@media (max-width: 767px) {
}
.notice-list p {
	margin: 0;
}
#home .notice-list .title {
	display: inline-block;
	width: 240px;
	box-sizing: border-box;
	padding: 0 8px;
	background-color: #6A4D70;
	color: #fff;
	line-height: 32px;
	font-size: 14rem;
}
#archive .notice-list {
	width: 720px;
	margin: 0 auto;
}
#archive .notice-list .title {
	font-size: 25rem;
	font-weight: bold;
	color: #e14802;
}
.notice-list dl dt {
	clear: both;
	float: left;
	color: #999;
	padding: 1em 0 0 0;
}
.notice-list dl dd {
	padding: 1em 0 0 9em;
}
.notice-list dl dd a {
	text-decoration: none;
}
.notice-list dl dd a:hover {
	text-decoration: underline;
}
.notice article {
	width: 720px;
	margin: 0 auto;
}
.notice article header {
	margin: 0 0 32px 0;
}
.notice article header h1 {
	font-size: 18rem;
	border-bottom: 1px solid #eee;
}
.notice article header p {
	margin: 0;
	text-align: right;
	color: #ccc;
}
#notice article {
	margin: 16px 0;
}
#notice article header h1 {
	font-size: 20rem;
	border-bottom: 1px dashed #222;
	color: #e14802;
}
#notice article header p {
	text-align: right;
	margin: 0;
}
/* 会社概要
***************************************************/
/* 沿革
***************************************************/
/* アクセス
***************************************************/
#access dl {
	width: 50%;
	float: left;
}
#access dl dt {
	clear: both;
	float: left;
	padding: 1em 0;
	line-height: 1.6;
}
#access dl dd {
	padding: 1em 0 1em 5em;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
#access #map {
	width: 50%;
	float: right;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.acf-map img {
   max-width: inherit !important;
}
.open-map {
	display: block;
	text-align: right;
}
@media (max-width: 767px) {
	#access dl {
		width: 100%;
		float: none;
	}
	#access dl dt {
		float: none;
	}
	#access dl dt:before {
		content: "\f0c8";
		font-family: Fontawesome;
		margin: 0 4px 0 0;
	}
	#access dl dd {
		padding: 0 0 1em 0;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	#access #map {
		width: 100%;
		float: none;
	}
	.acf-map {
		height: 240px;
	}
}
/* 事業内容
***************************************************/
#business .content h2:before {
	content: "\f111";
	font-family: Fontawesome;
	color: #0056a8;
	margin: 0 0.5em 0 0.1em;
}