/*
Theme Name: sewmee
Theme Theme URI: https://sewmee.jp/
Description: sewmee
Author:  bibiru
Version: 1.0.1
*/
html {
  scroll-behavior: smooth;
}
body{font-family: "メイリオ", "Meiryo", sans-serif;
  -webkit-text-size-adjust: 100%;margin: 0;
  padding: 0px;background:#eceae8; }
a{text-decoration: none; color: #222;}
.anchor{position: relative;top: -100px;display: block;}
.number-icon{display: flex;color:#666;  align-items: center;margin-bottom: 20px;  border-bottom: solid 1px #999;font-size: 1.1em;}
.number-icon h3{font-size:2.2em;display: inline;margin-top: 0px;  margin-bottom: 0px;  margin-right: 10px;font-family: "Inter", sans-serif;
  font-optical-sizing: auto;  font-weight: 200;  font-style: normal;}

.top-button {  margin-top: 1em;text-align: center;width: 50%;}
a.btn-border {font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;display: block;   padding:10px 30px;  border-radius:8px;  background-repeat: no-repeat;  background-position: 100% 0;  background-size: 200% auto;  background-image: linear-gradient(to right,#fff 0%,#fff 50%,    #72716e 50%,#72716e 100%);  box-shadow: 0 3px 10px rgb(0 0 0 / 16%);  transition: background-position ease 0.4s;  text-align: center;  color: #fff;  text-decoration: none;  font-weight: 400;font-size:18px;margin: 0 auto;margin-bottom: 20px;}
.top-button2 {  margin-top: 1em;text-align: center;width: 50%;margin: 30px auto 0px auto;}

a.btn-border:hover {background-position: 0 0; color: #222!important;}
.case{text-align: center;color: #555;}
.case ul{text-align: left; display: inline-block;padding-left: 0px;}
.case ul li{list-style-type: disc;line-height:2.0em;border-bottom: 1px solid #ccc;list-style-position: inside;}
.case2{color: #555;width: 60%;  margin: 0 auto;}
.list_qaa > label {display: block;position: relative; width: 100%;padding: 0px;margin: 0px;cursor: pointer;}
.list_qaa > label > input {display: none;}
.list_qaa > label > dt,
.list_qaa > label > label > dd {position: relative;padding: 1em 1em 1em 3.5em;font-size: 15px;margin-bottom: 10px;
    background-color: #e8e7e5;}
.list_qaa > label > dt::before,
.list_qaa > label > label > dd::before {position: absolute;top: 50%;left: 0.5em;transform: translateY(-50%);font-size: 1.5em;}
.list_qaa > label > dt {z-index: 1;}
.list_qaa > label > dt::before {content: "Q";}
.list_qaa > label > label > dd::before {content: "A";}
.list_qaa > label > dt::after {display: inline-block;position: absolute;top: 50%;right: 1em;transform: translateY(-50%) rotate(135deg);
    width: 0.5em;height: 0.5em;border-top: 2px solid #555;border-right: 2px solid #555;content: "";}
.list_qaa > label > label > dd {position: absolute;top: 0px;left: 0px;transform: translateY(-2em);margin: 0px;visibility: hidden;}
.list_qaa > label > input:checked ~ label > dd {position: relative;transform: translateY(0px);visibility: visible;transition: 0.5s;margin-top: -10px;
  margin-bottom: 10px;background: white;}



.small-bun{font-size:12px;}
.top-out1{width: 100%;max-width: 1200px;  margin: 0 auto;padding-bottom: 20px;border-bottom: solid 1px #ccc;}
.top-out2{width: 100%;max-width: 1200px;  margin: 0 auto;padding-bottom: 20px;}
.top-main{width: 100%;max-width: 1100px;  margin: 0 auto;}
.top-main h3 {position: relative;color:#333;font-size:1.5em;}
.top-main h3::after {  position: absolute;  content: "";  top: 50%;  width: 80%;  height: 1px;  background-color: #999;}
.top-main h2 {font-size:24px;text-align:center;margin-bottom: 0px;color:#555;}

.top-main2{width: 100%;max-width: 1100px;  margin: 0 auto;}
.top-main2 h2 {font-size:24px;text-align:center;margin-bottom: 20px;color:#555;}
.pc{display:block;}
.mo{display:none;}

.pc2{display:block;}
.mo2{display:none;}
.top-image{position: relative;}
.top-image img{width: 100%;
   object-fit: contain;object-position: top; }
.front1-txt{position: absolute;  top: 15%; left: 4%;}
.front1-txt h1{color:#444;font-family: Zen Old Mincho, serif;  font-size: 32px;text-shadow: 1px 1px 1px #fff;}
.front1-txt h2{color:#444;font-family: Zen Old Mincho, serif;  font-size: 1.3em;text-shadow: 1px 1px 1px #fff;}
.top-head000{position:relative;}
/* flex関連 */
.outer-001{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1100px;border-radius:12px;margin-top:0px;justify-content: space-between;}
.flex-001 {width:30%; font-size: 0.95em;align-items: stretch;text-align: left;font-weight: 400;color:#555;}
.flex-002 {width:3%; align-items: center;  display: flex;  margin-right: 10px;  margin-left: 10px;  margin-top: -15px;}
.flex-003 {width:32%; font-size:16px;align-items: stretch;text-align: left;font-weight: 400;color:#555;padding-right: 10px;  padding-left: 10px;
 }
.flex-003 img{margin: 0 auto;  display: block;width: 100%;}
.flex-003 h4{font-size:20px;margin-bottom: 0px;}


.arrow {position: relative; display: inline-block; width: 21.5px; height: 42px;}
.arrow::before,
.arrow::after { content: "";  position: absolute;  top: calc(50% - 0.5px);  right: 0;  width: 30px;  height: 1px;  border-radius: 9999px;  background-color: #777;  transform-origin: calc(100% - 0.5px) 50%;}
.arrow::before {  transform: rotate(45deg);}
.arrow::after {  transform: rotate(-45deg);}


.arrow2 { position: relative;  display: inline-block;  width: 42px;  height: 21.5px;}
.arrow2::before,
.arrow2::after {  content: "";  position: absolute;  bottom: 0;  left: calc(50% - 0.5px);  width: 1px;  height: 30px;  border-radius: 9999px;
  background-color: #777777;  transform-origin: 50% calc(100% - 0.5px);}
.arrow2::before {  transform: rotate(45deg);}
.arrow2::after {  transform: rotate(-45deg);}

.arrow0{width: 40px; margin: 30px auto; text-align: center;  font-size: 1.5em;  background: #fff;  box-shadow: 1px 1px 5px #ccc;  border-radius: 50%;  height: 40px;}
.dli-caret-down {  display: inline-block;  vertical-align: middle;  color: #008cd5;  line-height: 1;  width: 0;
  height: 0;  border-style: solid;  border-color: transparent;  border-width: 0.64952em 0.375em;  border-top-color: currentColor;  border-bottom: 0;}
.dli-caret-up {  display: inline-block;  vertical-align: middle;  color: #777;  line-height: 1;  width: 0;
  height: 0;  border-style: solid;  border-color: transparent;  border-width: 0.64952em 0.375em;  border-bottom-color: currentColor;  border-top: 0;}


.spacer0{margin:150px 0px;}
.spacer1{margin:80px 0px;}
.spacer2{margin:60px 0px;}
.spacer {width: 100%;}
.spacer3{margin:40px 0px;}
.br-pc{display: inline-block;}
.br-sp {display: none;}



/* table2関連 */
.cform th {	font-size: 14px;width: 90%; padding-left: 0px;	text-align: left;	font-weight: bold;}

.cform td {	font-size: 14px;padding-bottom: 26px;padding-left: 0px;	line-height:250%;}

.cform {width: 100%;max-width:960px;	margin-right: auto;margin-left: auto;}

.cform [type=submit] {	display: inline-block;	font-size: 20px;	padding: 10px 30px;	text-decoration: none;	background: #ff8f00;	color: #FFF;	border-bottom: solid 4px #B17C00;	border-radius: 3px;}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {	width: 90%;min-height:30px;border: 1px solid #ced4da;border-radius: .25rem;}
input:focus, select:focus, textarea:focus {outline: 2px #bfdeff solid ;}
::placeholder{font-size:1rem!important;}

.cform-tel input[type="text"]{padding: 0.4714285em 2em;}
.zip-con input[type="tel"]{padding:1.1714285em;}
.required-srt {	color: #e57777;font-size: 14px;padding-left: 14px;}

.submit-check{text-align:center;}

.mw_wp_form_confirm .confirm-hidden {
　display: hidden;} 

/* コンテナ */


#container {width: 100%;margin-right: auto;margin-left: auto;margin-top: 33px;overflow: hidden;}



/* ヘッダー */
div#header01{width: 100%;margin-right:auto;margin-left:auto;max-width: 1200px;}
div#header0 {width: 100%;margin-right:auto;margin-left:auto;background-position: center;margin-top:60px;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 1200px;margin-right:auto;margin-left:auto;background-color: #fff;margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000;}
div#header p#desc	{font-size: 0.875em;background-color: #fff;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

#top-head {display: none;}

div#subinfo	{text-align: right;
	margin: -32px 0 5px}

div#header0 img{height: auto;width: 100%;min-width: 1000px;background-position: center;margin-top:100px;}
/* ナビゲーションバー */
div#fixedBox{width: 100%;height:60px;margin-right:auto; margin-left:auto;display: block;transition: all .3s;margin-bottom: -40px;opacity: 0.9;background:#f5f3f1;max-width: 1200px; border-bottom: 1px solid #CCC;
}

/* Global Menu */
header img{float:left;margin-left: 45px;width:auto;height:30px;padding: 3px 10px;margin-top: 7px;}
header{margin-top: 20px;font-size: 1em;	margin-bottom: 13em;	position: relative;	width: 100%;	max-width: 1200px;margin-right: auto;
margin-left:auto;z-index: 1002;}
header ul {height:60px;margin-top: -20px;  text-align: center;  margin-right: -150px;}
header ul > li{	display: inline-block;font-size:0.9em;min-width: 140px;}
header ul > li > a{	padding-top: 17px;	padding-bottom:10px;padding-left: 0.5rem;padding-right:0.5rem;
display: block;transition: 0.5s;font-weight: 500;color:#444;}

header ul li a:hover {	color:#3477e5;}

header ul > li > span{	margin-left: 1.2em;}
header ul li:last-child a{background:#72716e;border-radius: 6px;color: #fff;padding: 8px 20px;margin-left: 20px;
  margin-right: 20px;
  min-width: 130px;}

/* Submenu */

header ul li ul{
	position: absolute;
	top:60px;
	left: auto;margin-top: -15px;
margin-left: -40px;
}
header ul li ul li{
	display: block;
}
header ul li ul li a{
	background-color: #14763a;
	color: #fff;width: 100%;
border-top: 1px solid #eee;
text-align: center;
}
header ul li ul li a:hover{
	background-color: #fff;
}
.simple01 ul li ul{
	display: none;
}
.simple01 ul li:hover ul{
	display: block;
}
	.fixed {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1000;}
	.fixed2 {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1001;
	  box-shadow: 0px 1px 2px #12346b;
 }

.is-fixed { position: fixed;  top: 0;  left: 0;  z-index: 2;  width: 100%;}


/* header */
#top-head { top: -100px; position: absolute; width: 100%; margin: 100px auto 0; padding: 30px 0 0; line-height: 1; z-index: 999;}

#top-head .inner {position: relative;}
#top-head .logo {float: left; font-size: 36px;}
#global-nav ul {list-style: none; position: absolute; right: 0; bottom: 0; font-size: 14px;}
#global-nav ul li { float: left;}
#global-nav ul li a { padding: 0 30px;}

/* Toggle Button */
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px; width: 40px; height: 40px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block; position: absolute; height: 3px; width: 90%; background: #777; left: 0;margin-top:0px;
    -webkit-transition: .35s ease-in-out;  -ms-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
.inner { width: 1200px; margin: 0 auto;}
.inner:after { content: ""; clear: both; display: block;}

/* コンテンツ */
div#content	{width: 1100px;float: left;margin-right: 40px;}
div#content2{width: 100%;margin-right:auto;margin-left:auto;}

p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}
span.oldpage	{float: left}
span.newpage	{float: right}

/* メインコンテンツ */

/* 記事 */
div.post	{max-width: 1200px;  margin: 0 auto;overflow: hidden;background: #f5f3f1; box-shadow: 0px 3px 3px #ccc;}
div.post p	{font-size: 1em;line-height: 1.6;}
div.post p.postcat	{text-align: right;	margin: -10px 10px 10px 0;}
div.post p.postcat a	{font-size: smaller;background-color: #a7d043;
	border-radius: 2px;color: #ffffff;padding: 1px 5px}
div.post p.postinfo	{color: #0c8bcd;text-align: right;	margin: 0;}




/* 記事内の画像 */
.aligncenter	{display: block;margin-left: auto;margin-right: auto}
.alignleft	{float: left;	margin-right: 10px;	margin-bottom: 10px}
.alignright	{float: right;	margin-left: 10px;	margin-bottom: 10px}
.wp-caption	{border: solid 1px #aaaaaa;	text-align: center;	padding-top: 5px}

/* サイドバー */
.sidebar	{width:auto;margin-top: 5px;max-width:280px;}
.sidebar ul	{margin: 0;	padding: 5px; list-style:none;}
.sidebar .widget	{margin-bottom: 20px}
.sidebar h2	{font-size: 1.2em;color:#ffffff;background-color:#BB0D0D;padding:10px;margin-top: -1px;  }
.sidebar li {font-size: 16px;margin: 0;background-color:#F7F6ED;border-bottom:dotted 1px #666;;padding:5px;}
.sidebar li li a	{color: #333;display: block;padding: 2px 10px}
.sidebar li li a:hover	{text-decoration: underline;color: #fff;background-color: #519fff;opacity:1;}

.sidebar li:last-child {  border-bottom: none;}
.sidebar ul.sub-menu a:before {  content: "\f105";
 font-family: "Font Awesome 5 Free";font-weight: 900;	margin-left:-10px;	color:#66ceff;}
.sidebar ul.sub-menu a { border:1px solid #fff;   background-color:#fff;	font-size: 13px;}
.sidebar li.sub-menu  {  }
.sidebar ul.sub-menu a:hover {  color:#66ceff;  background-color:#f6f6ff;}

/* 記事の個別ページ */
.single div.post h2	{background-color:#333333;	color: white}
.single div.post h2 a	{color: white}


/* タイトルの一覧 */
ul.post	{list-style-type: none;	margin: 0;	padding: 0;	border-top: dotted 1px #aaaaaa}
ul.post li	{border-bottom: dotted 1px #aaaaaa;	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;	padding: 15px 0 15px 20px}
ul.post li a	{color: #000000}
ul.post li span	{font-size: smaller;color: #888888}
div.post p.more a:hover	{background: #f7e29e}

/* サムネイル画像 */
div.post p.thumb	{float: left;margin: 0 10px 10px 0}

/* トップページのタイトルの一覧 */
ul.toplist	{list-style-type: none;	margin: 0 0 30px;padding: 0;border-top: solid 1px #aaaaaa}
ul.toplist li	{font-size: 0.875em;font-weight: bold;	border-bottom: solid 1px #aaaaaa;
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px}

ul.toplist li a	{color: #000000}
ul.toplist li span	{font-size: smaller;color: #888888}

/* ページ番号リンク */
p.pagenum	{text-align: center}
p.pagenum a, p.pagenum span	{padding: 3px 6px;	color: #ffffff}
p.pagenum a	{background-color: #78982b}
p.pagenum span	{background-color: #a7d043}


.footer-outer-001{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;border-radius:12px;padding-bottom: 20px;margin-top:0px;align-items: center;}


.footer-bun{font-size:12px;color: #555}
div#flex-footer-001 {width:30%; font-size: 1em;padding:5px;margin-bottom:5px;margin-top:5px;align-items: stretch;margin-left: 0px;display: block;align-items: center;}
div#flex-footer-001 img{max-width:200px;}
div#flex-footer-002 {display: flex;flex-wrap: wrap;width:70%; font-size: 1.05em;padding:5px;margin-bottom:5px;margin-top:-5px;margin-left: 2px;line-height: 1em;}
div#flex-footer-002 ul{list-style-type: none;display: flex;flex-wrap: wrap;}
div#flex-footer-002 a{color:#444;}
div#flex-footer-002 a:hover{color:#ce1031;}
/* フッターメニュー */

div#footer	{color:#fff;background-color: #eceae8;margin-right:auto;margin-left:auto;border-top: solid 1px #eee;clear: both;padding: 20px 0px 20px 30px;}

div#footer p	{font-size: 0.75em;	font-style: normal;	font-family: Verdana, sans-serif;margin: 0}
div#footermenu{background-color: #eceae8;width: 100%;max-width:1250px;margin-right:auto;margin-left:auto;}
div#footermenu ul{display: flex;margin-left:-10px;	padding: 0;	list-style-type: none;width: 100%;
justify-content: end;}
div#footermenu ul ul	{width: auto;float: none;margin: 0}
div#footermenu .widget	{margin-bottom: 20px}
div#footermenu h2	{font-size: 0.75em;	color: #ffffff;	background-color: #aaaaaa;
	border-radius: 3px;	padding: 2px 10px;	margin: 0}
div#footermenu ul li	{font-size: 0.875em;	margin-top: 20px;text-align: left;padding-right: 10px;  padding-left: 10px;}
div#footermenu ul li a	{color: #555;display: block;	text-align: center;}
div#footermenu ul li a:hover{color: #000;transition:all 0.4s ease-in-out 0s;text-decoration:underline;}
div#footer p	{clear: both;color: #ffffff;border-top: solid 1px #ffffff;padding-top: 8px;	text-align: center;}
div#footer p a{clear: both;color: #ffffff;text-align: center;}
div#footer p a:hover{clear: both;color: #ff0;text-align: center;}


@media screen and (max-width:65em) {
	.case{ width: 99%;margin: 0 auto;}
	.case2{width: 90%;}
	.top-button { width: 80%;margin: 0 auto;}
	.top-button2 { width: 80%;margin: 0 auto;}
.front1-txt{position: absolute;  top:15%;}
.front1-txt h1{ font-size: 1.7em;margin-bottom: 5px;}
	.front1-txt h2{ font-size: 1.1em;margin-top:0px;}
.outer-001{ -webkit-flex-direction: column;    flex-direction: column;margin-top:-20px;}
	.footer-outer-001{ -webkit-flex-direction: column;    flex-direction: column;margin-top:-20px;}	
.flex-001{width: 100%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;margin-top:20px;}	
	.flex-002{width: 100%;text-align:center;display:block;margin: 0 auto;}
	.flex-003{width: 100%; font-size:14px; padding:5px; margin-right:auto;margin-left:auto;margin-top:20px;}	
	.spacer1{margin:60px 0px;}
	.spacer3{margin:20px 0px;}
	.br-sp{display: inline-block;}
.br-pc {display: none;}
	.cform th {	 padding-left:10px !important}
	.table-label {width:95%;padding: 7px 0px;}
  .tbl-deme {width: 100%;}
  .tbl-deme th{display: block;width: 100%;}
  .tbl-deme td {display: block;width: 100%;}
	
	.tab_label {width:33%; flex-grow: 0;margin: 5px 5px; flex-basis: 29%;  padding: 10px 0; text-align: center;}
	.tabs{justify-content: center;}
	
	
.pc{display:none;}
.mo{display:block;}

	header img{height:35px;margin-top:13px;margin-left: 5px;}
/* ヘッダー */
	div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}
div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
	header ul {height:60px;margin-top:-30px;font-weight: 600;float:none; margin-right: 0px;}
	header ul > li:hover > a{background-color: #986842;	color: #fff;width: 99% !important;margin-left:4px;}
	#header-title {letter-spacing: -0.13em;float: left;	font-size: 0.7em;color: black;}
div#subinfo	{text-align: right;	margin: -32px 0 5px}
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
	.inner {width: 100%; padding: 0;}
    #top-head {top: 0;position: fixed;margin-top: 0;display: inline;padding:0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {width: 100%;height:80px;z-index: 2005;position: relative;margin-top: 0px;}
	 #mobile-head.fixed {
    background-color: rgba(255, 255, 255, 0.68);
  }
    #top-head.fixed .logo,
    #top-head .logo {position: absolute;left: 13px; top: -5px;color: #fff; font-size: 26px;}
	#top-head .logo img{height:auto;margin-top:-8px;max-width:100px;}
    #global-nav {position: absolute;z-index: 1006;min-height:380px;
        /* 開いてないときは画面外に配置 */
        top: 0%;background: #fff; width: 100%;text-align: center!important; padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;}
	.header ul > li a::after{border-bottom: none!important;}
    #global-nav ul {list-style: none;position: static; right: 0;bottom: 0;font-size: 0.9em!important;font-weight: 400;color: #fff;text-align: center;margin-top: -6px;}
    #global-nav ul li {float: none;position: static;margin-left: -40px;padding: 10px 0px;
    font-size: 1.5em;}
	   #global-nav ul li a:last-child { border-bottom:none;}
    #top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {margin-right: auto;margin-left: auto; display: block;color: #000; padding: 14px 0;}
 #top-head #global-nav ul li a:hover {text-decoration:none;background-color: #960928;}	
    #nav-toggle {display: block;padding-top: 7px;
    padding-left: 4px;}
    /* #nav-toggle 切り替えアニメーション */
/* ヘッダー */
	div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}
div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
	header ul {height:60px;margin-top:-30px;font-weight: 600;float:none;}
	header ul > li:hover > a{background-color: #986842;	color: #fff;width: 99% !important;margin-left:4px;}
	#header-title {letter-spacing: -0.13em;float: left;	font-size: 0.7em;color: black;}
div#subinfo	{text-align: right;	margin: -32px 0 5px}
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
	.inner {width: 100%; padding: 0;}
    #top-head {top: 0;position: fixed;margin-top: 0;display: inline;padding:0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {width: 100%;height: 65px;z-index: 2005;position: relative;margin-top: 0px;background: white;}
    #top-head.fixed .logo,
    #top-head .logo {position: absolute;left: 13px; top: -5px;color: #fff; font-size: 26px;}
	#top-head .logo img{height:auto;margin-top:-8px;max-width:100px;}
     #global-nav {position: absolute;z-index: 1006;min-height:360px;right: -110%;background:#f6f4f4;width: 100%;text-align: center!important; padding: 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
	.header ul > li a::after{border-bottom: none!important;}
    #global-nav ul {list-style: none;position: static; right: 0;bottom: 0;font-size: 13px !important;font-weight: bold;color: #fff;text-align: center;margin-top: 60px;}
    #global-nav ul li {float: none;position: static;margin-left: -40px;}
    #top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {margin-right: auto;margin-left: auto; display: block;color: #333; padding: 4px 0;}
 #top-head #global-nav ul li a:hover {text-decoration:none;background-color: #55b8e2;}	
    #nav-toggle {display: block;}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);}

    .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
    .open #nav-toggle span:nth-child(3) {top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);}

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateX(-110%);
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);}

	header ul > li a:after {	content: '';	width: 0;	transition: all 0.3s ease;	border-bottom: none !important;	display: block;}

#sub-nav{margin-bottom: 40px;font-size:0.9em;margin-left: -40px;}
#sub-nav ul {width:auto; list-style: none;}
#sub-nav ul li  {float:left; width: 33%;border-right: solid 1px #bbb;height: 30px;}
#sub-nav ul li a{display: block; background: #444; text-align: center;border-bottom: solid 1px #c7cdd0;padding: 4px;
    text-decoration: none; color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
#sub-nav ul li a:hover {text-decoration:underline;background-color: #000;color:#fff;}	
	
	.footer-outer-001{ -webkit-flex-direction: column;    flex-direction: column;margin-top:-20px;}	

div#flex-footer-001{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}	
	div#flex-footer-002 li{width:100%;}
		div#flex-004{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}	
	div#footermenu ul li a{text-align:left;}	
}





@media screen and (max-width:48em) {
 .pc2{display:none;}
.mo2{display:block;}
	h2.mo-1{margin-top: 80px;}

	/* コンテナ */

div#container	{width: 99%;	margin: auto;}

	
	
/* ヘッダー */
	div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
	header ul {height:60px;margin-top:-30px;font-weight: 600;float:none;}
	header ul > li:hover > a{
	background-color: #986842;	color: #fff;width: 99% !important;margin-left: 3px;}
	#header-title {letter-spacing: -0.13em;float: left;	font-size: 0.7em;color: black;}
	div#subinfo	{text-align: right;	margin: -32px 0 5px}
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
div#content	{width: 99%;float: left}
div#content2	{width: 99%;}
p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}



	



	
	
div#footer	{padding:10px 0px 10px 10px!important;}	
div#footermenu ul{width: 99%;	text-align: center;margin: 0 30px 0 0;	padding: 0;	list-style-type: none}
}





@media screen and (max-width:30em) {


	/* コンテナ */
	
div#container	{width: 99%;	margin: auto;}


/* ヘッダー */
	div#header01{display:none;}
	header ul li:last-child a{background:#72716e;border-radius: 6px; color: #fff!important; padding: 8px 20px !important;
    width: 50%;
    margin: 0 auto;
}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}
div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
		header ul {height:60px;margin-top:-30px;font-weight: 600;float:none;}
	header ul > li:hover > a{background-color: #fff;	color: #333;width: 99% !important;margin-left: 1px;}
	#header-title {letter-spacing: -0.18em;float: left;	font-size: 0.6em;color: black;}
	div#subinfo	{text-align: right;	margin: -32px 0 5px}
	
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
div#content	{width: 99%;float: left}
div#content2	{width: 99%;}
p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}


div#sidebar	{display:none;}	
	
	
div#footer	{padding:0px!important;}	
div#footermenu ul{-webkit-flex-direction: column;    flex-direction: column;width: 94%; 	text-align: center;margin-left:0px!important;	padding: 0;	list-style-type: none}
		
	}
	
	
	

#page-top {position: fixed; bottom: 25px; right:25px; font-size: 0.875em;z-index: 100;}
#page-top a { text-decoration: none; color: #fff; 	padding: 10px 10px; text-align: center; display: block;}
#page-top a:hover {text-decoration: none;  color:#fff;}



.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;	
}

.submit-btn input:hover {	background: #fff;	color: #00142c;}

/* -- input,select,textarea -- */
input,select,textarea {font-size: 0.875em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;  
	-moz-border-radius: 0;
	border-radius: 0; }
textarea {width: 97%;height: 100px;border: 1px solid #bbb;border-radius: 6px;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {padding: 0.4714285em;	border: 1px solid #bbb;border-radius: 6px;}
input[type="button"],
input[type="submit"],
input[type="reset"]{font-size: 1.1em;color: #fff;	background-color: #008cd5;	border: none;width: 200px;
height: 53px!important;border-radius: 12px;box-shadow: 1px 1px 5px #ccc;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 12px;  
	-moz-border-radius: 12px;  
	 }
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {background-color: #fff;cursor: pointer;color: #008cd5;}
input[type="checkbox"] {border: 1px solid #ccc;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;}
input[type="file"] {border: none;}