/*!
Theme Name: ポケットおおつ
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: temp_base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

temp_base is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments



--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */ 
@media print, screen and (min-width:789px) { 

html {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 100%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Box sizing
--------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #333333;
	font-family:inherit;
	font-size: 100%;
	line-height: 1.7;
	letter-spacing: 0.02em;
}
b,
strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
blockquote {
	margin: 0 1.5em 1.6em;
	padding: 15px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
}
address {
	margin: 0 0 1.5em;
}
/* Elements
--------------------------------------------- */
body {
	background: #fff;
	overflow-x: hidden;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
figure {
	margin: 1em 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
/*SP用の要素を非表示*/
.sp_show {
	display: none !important;
}

/*一時的に非表示*/
.displaynone {
	display: none;
}

span.ib {
	display: inline-block;
}

/* Links
--------------------------------------------- */
a {
	color: #0066c0;
}
a:visited {
	color: #649ACB;
}
a:hover,
a:focus,
a:active {
	color: #014786;
	text-decoration: none;
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	outline: 0;
}
#page a:hover img,
.site_header a:hover img,
.contents_1col_top a:hover img {
	opacity:0.78;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.2em .5em 0.6em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	background: #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
select {
	border: 1px solid #ccc;
}
textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
main.contents_top {
	margin: 0 auto;
}
main.contents_page {
	padding-top: 100px;
}
main .contents_page_inner {
	margin: 0 auto 55px;
	padding: 0;
	width: 90%;
	max-width: 1200px;
}
main .contents_page_inner.page_2col {
	display: flex;
	justify-content: space-between;
	
}
main .contents_page_inner.page_2col article {
	width: 72%;
}
main .contents_page_inner.page_2col aside {
	margin-left: 3%;
	width: clamp(250px, 28%, 310px);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* header
--------------------------------------------- */
.header {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 100;
	transition: all .3s;
}
.header.active {
	transition: all .3s;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.12);
}
.header_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	margin: 0 auto;
	padding: 15px 0 7px;
	width: 97%;
}

.site_title {
	width: 23%;
	max-width: 290px;
}
.header_links {
	width: 75%;
}

.header_links ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: nowrap;
}
.header_links ul li.link_txt {
	position: relative;
	margin-bottom: 8px;
	padding: 0 1.8em;
	line-height: 1.3em;
}
.header_links ul li.link_txt:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background: #16336C;
	transform: rotate(25deg);
}
.header_links ul li.link_txt:nth-child(1):after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: #16336C;
	transform: rotate(25deg);
}
.header_links ul li a {
	color: #16336C;
	font-size: clamp(90%,1.3vw,110%);
	font-weight: 800;
	text-decoration: none;
	transition: all .2s;
}
.header_links ul li a:hover,
.header_links ul li a:active {
	transition: all .1s;
	color: #7391CB;
}
.header_links ul li.link_apply {
	margin: 0 0 0 3%;
}
/*準備中メニュー*/
.header_links ul li a.pre {
	position: relative;
	color: #C6C6C6;
	pointer-events: none;
	user-select: none;
}
.header_links ul li a.pre:before {
	content: "(準備中)";
	display: inline-block;
	position: absolute;
	bottom: -.7em;
	left: 0;
	width: 100%;
	height: 1em;
	font-size: 70%;
	font-weight: 500;
	color: #555;
	text-align: center;
}
.header_links ul li.link_apply a {
	position: relative;
	display: block;
	margin-top: -35px;
	padding: 35px 10px 20px;
	color: #fff;
	font-size: 95%;
	text-align: center;
	line-height: 1.4;
	background: #BB3141;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 93%, 0 100%);
}
.header_links ul li.link_apply a:hover {
	transition: all .2s;
	transform: translateY(14px);
}

/*パンくずリスト*/
#breadcrumb {
	margin: 10px 0 35px;
	font-size: 75%;
	text-align: left;
}
#breadcrumb_inner {
	margin: 0 auto;
	padding: 0;
	width: 88%;
	max-width:1200px;
	color:#222;
}
#breadcrumb_inner a {
	display: inline-block;
	margin: 0 3px;
	padding: 1px;
	color:#222;
	font-weight: 400;
	text-decoration: none;
}
#breadcrumb_inner a:hover {
	color:#aaa;
}
#breadcrumb_inner .current-item {
	display: inline-block;
	margin: 0 3px;
	padding: 1px;
	color:#222;
	font-weight: 700;
}


/* Navigation
--------------------------------------------- */
.pc_nav {
	background: #FFF6E9;
	border-bottom: 6px solid #FFBBBD;
	margin-top: 10px;
	transition: all .2s;
}
.pc_nav ul.pc_nav_menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;
	font-size: 97%;
}
.pc_nav ul.pc_nav_menu > li {
	flex-grow: 1;
	position: relative;
}
.pc_nav ul.pc_nav_menu > li.menu-item-home:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: inline-block;
	background: #FFBBBD;
	width: 30px;
	height: 8px;
}

/*リンクのスタイル*/
.pc_nav a,
.pc_nav a:hover,
.pc_nav a:active,
.pc_nav a:visited {
	color: #222;
	text-decoration: none;
	/*font-size: 100%;*/
	font-weight: 500;
	letter-spacing: 0.08em;
}
@media print, screen and (max-width:1100px) { 
.pc_nav a,
.pc_nav a:hover,
.pc_nav a:active,
.pc_nav a:visited {
	font-size: 84%;
}
}


/* TOP　コンテンツ
--------------------------------------------- */
h2.h2top {
	margin-bottom: 50px;
	text-align: center;
}
h2.h2top span {
	display: inline-block;
	padding: 0 8px 15px;
	color: #16336C;
	font-size: 215%;
	font-weight: 900;
	background: url("images/pages/h2top_line.svg")repeat-x;
	background-position: left bottom;
}
h3.h3top {
	margin: 40px 0 15px;
	padding: 10px 20px;
	font-size: 125%;
	font-weight: 800;
	background: #fff;
}

.mv {
	position: relative;
	margin: 0 auto;
	padding: 140px 0 130px;
	width: 100%;
	/*height: 100vh;*/
	text-align: center;
	background: url("images/mv/mv_bg.svg")no-repeat;
	background-position: 50% 45%;
	background-size: cover;
}
.mv:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 40%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	height: 45%;
}
.mv .pic_box picture {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 92%;
	max-width: 1400px;
	height: 100%;
	z-index: 10;
}

.schedule {
	margin: 0 auto;
	width: 80%;
	max-width: 1050px;
}
.schedule ul {
	margin: 70px 0;
}
.schedule ul li {
	margin-bottom: 25px;
}
.schedule ul li.bosyu {
	text-align: center;
}
.schedule ul li.bosyu .innerwrap img.title {
	position: relative;
	bottom: -30px;
}
.schedule ul li.bosyu p.txt_s {
	display: inline-block;
	text-align: left;
	font-size: clamp(50%,1.2vw,88%);
	line-height: 1.4;
}

section.about_app {
	margin: 0 auto 70px;
	padding: 0px 4% 25px;
	width: 96%;
	max-width: 1800px;
	height: auto;
	text-align: center;
	background: #004C80 url("images/pages/app_bg.png")no-repeat;
	background-size: 135%;
}
section.about_app h2 {
	position: relative;
	top: -50px;
	color: #fff;
	font-size: clamp(150%,2.8vw,250%);
	font-weight: 900;
}
section.about_app h2 > div {
	display: inline-block;
	width: 7%;
	min-width: 80px;
}
section.about_app h2 img {
	padding-left: 5px;
}
section.about_app p {
	display: inline-block;
	margin: 0 0 10px;
	color: #fff;
	font-size: clamp(95%,1.4vw,130%);
	font-weight: 700;
	text-align: left;
}
section.about_app .btn_red {
	margin: 20px 0 15px;	
}
section.about_app .btn_red a {
	display: inline-block;
	padding: .7em 2em .7em;
	color: #fff;
	font-size: 110%;
	font-weight: 700;
	text-decoration: none;
	background: #BB3141;
	border: 5px solid #fff;
	border-radius: 10px;
	transition: all .1s;
}
section.about_app .btn_red a:hover,
section.about_app .btn_red a:active {
	transition: all .2s;
	background: #F099A3;
	
}
section.gaiyou {
	font-size: clamp(90%,1.3vw,100%);
}
section.gaiyou h2.h2top span {
	padding-left: 0;
}
section.gaiyou .detail {
	margin: 0 auto 70px;
	padding: 50px 4em;
	width: 92%;
	max-width: 1200px;
	background: #EAF5F8;	
}
section.gaiyou .detail ul {

}
section.gaiyou .detail ul > li {
	display: flex;
	flex-wrap: nowrap;
	padding: 1em;
	border-bottom: 1px solid #505050;
}
section.gaiyou .detail ul > li:first-child {
	border-top: 1px solid #505050;
}
section.gaiyou .detail ul> li h3 {
	width: 14em;
	color: #16336C;
	font-weight: 700;
}
section.gaiyou .detail ul > li p {
	width: calc(100% - 14em);
	line-height: 1.4em;
}
section.gaiyou .detail ul > li p.haihu {
	width: 350px;
	height: auto;
}
section.gaiyou .detail ul > li > ol {
	margin-left: 2.5em;
	width: calc(100% - 250px);
}
section.gaiyou .detail ul > li > ol li {
	position: relative;
	list-style-type: none;
	line-height: 1.4em;
	margin-bottom: 8px;
}
section.gaiyou .detail ul > li > ol li:before {
	position: absolute;
	right: calc(100% + 0.5rem);  /* 0.5remは連番とテキストとの余白 */
	content: "(" counter(list-item) ")";
}

section.gaiyou .detail ol.ryuiten {
	list-style-type: none;
	margin-left: 2.5em;
}
section.gaiyou .detail ol.ryuiten li {
	position: relative;
}
section.gaiyou .detail ol.ryuiten li:before {
	content: "(ア)";
	position: absolute;
	right: calc(100% + 7px);
	top: 0;
}
section.gaiyou .detail ol.ryuiten li:nth-child(2):before {
	content: "(イ)";
}
section.gaiyou .detail ol.ryuiten li:nth-child(3):before {
	content: "(ウ)";
}
section.gaiyou .detail ol.ryuiten li:nth-child(4):before {
	content: "(エ)";
}
section.gaiyou .detail ol.ryuiten li:nth-child(5):before {
	content: "(オ)";
}

section.news {
	
}

.news_bluebox {
	margin: 0 auto;
	padding: 50px 4em 25px;
	width: 92%;
	max-width: 1200px;
	background: #EAF5F8;		
}
ul.news_wrapper li.news_box {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 18px;
}
ul.news_wrapper li.news_box time {
	padding-right: 2em;
	width: 12em;
}
ul.news_wrapper li.news_box time span {
	display: inline-block;
	padding: 1px 0 2px;
	width: 100%;
	color: #fff;
	font-size: 84%;
	font-weight: 700;
	text-align: center;
	background: #255DCC;
	border-radius: 30px;
}
ul.news_wrapper li.news_box p.title {
	flex: 1;
	line-height: 1.5;
}
ul.news_wrapper li.news_box p.title a {
	color: #222;
	text-decoration: none;
}
ul.news_wrapper li.news_box p.title a:hover,
ul.news_wrapper li.news_box p.title a:active {
	text-decoration: underline;
}
img.mark_new {
	position: relative;
	top: -.2em;
	left: 1px;
}
.news_more {
	margin-top: 25px;
	text-align: center;
}
.news_more a {
	position: relative;
	display: inline-block;
	padding: 5px;
	width: 250px;
	color: #255DCC;
	font-size: 90%;
	font-weight: 700;
	text-decoration: none;
	background: #fff;
	border: 2px solid #255DCC;
}
.news_more a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	width: 50px;
	height: 2px;
	background: #255DCC;
	transition: all .2s;
}
.news_more a:hover:before {
	transition: all .2s;
	right: -36px;
}


/* Posts and pages
--------------------------------------------- */
.entry-content p {
	margin-bottom: 30px;
}
.entry-content ul,
.entry-content ol {
	margin: 0 0 1.5em 2.2em;
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}
.entry-content ul > li,
.entry-content ol > li {
	margin-bottom: 7px;
}

.entry-content li > ul,
.entry-content li > ol {
	margin-bottom: 0;
	margin-left: 1.2em;
}
.entry-content .entry_meta {
	margin: 0 10px 20px;
	text-align: right;
	font-size: 90%;
}

.sticky {
	display: block;
}


.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* Posts and pages（見出し）
--------------------------------------------- */
/* H1 */
h1.entry-title,
h1.category_name {
	margin: 10px auto;
	padding: 1.3em;
	width: 97%;
	color: #16336C;
	font-size: clamp(160%,2.2vw,190%);
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.08em;
	background: #D4EAEF url("images/pages/h2page_bg.png")no-repeat;
	background-size: cover;
	border-radius: 15px;
}
/* H2 */
.entry-content h2 {
	margin: 80px 0 30px;
	padding: 1.2em 1em 1.2em 1.3em;
	font-size: clamp(130%,1.9vw,165%);
	font-weight: 700;
	background: #D7EBF4;
	border-radius: 15px;
	line-height: 1.3;
}
/* H3 */
.entry-content h3 {
	margin: 35px 0 15px;
	padding: .8em 1.4em;
	font-size:  clamp(110%,1.5vw,120%);
	font-weight: 700;
	background: #E8EFD3;
	border-radius: 15px;
}

/* Posts and pages 共通のスタイル
--------------------------------------------- */



/* Posts and pages（アーカイブ）
--------------------------------------------- */
.archive  ul.news_wrapper {
	margin: 50px auto 0;
	max-width: 1050px;
}

/* Posts and pages（お知らせ投稿詳細ページ）
--------------------------------------------- */
aside .past_entry {
}
aside .past_entry h2 {
	margin: 0 0 20px;
	padding: 7px 10px;
	color: #fff;
	font-size: 90%;
	font-weight: 700;
	background: #255dcc;
}
ul.past_entry_list li {
	border-bottom: 1px dotted #999;
	margin: 0 0 15px;
	padding: 0 8px 15px;
	font-size: 84%;
}
ul.past_entry_list li time {
	display: inline-block;
	width: 100%;
	font-weight: 400;
}
ul.past_entry_list li a {
	color: #222;
}
.past_entry .more {
	text-align: right;
}
.past_entry .more a {
	display: inline-block;
	padding: 0 2em;
	color: #255dcc;
	font-size: 80%;
	border: 1px solid #255dcc;
	border-radius: 40px;
	text-decoration: none;
	transition: all .1s;
}
.past_entry .more a:hover,
.past_entry .more a:active {
	opacity: 0.7;
	transition: all .1s;
}

/* Posts and pages（ページナビ）
--------------------------------------------- */
#page .wp-pagenavi {
	margin: 30px 0 0;
	text-align: center;
	font-size: 90%;
}
#page .wp-pagenavi span,
#page .wp-pagenavi a {
	display: inline-block;
	padding: 3px 11px 4px;
	color: #222;
	border-radius: 5px;
	border: 1px solid #aaa;
}
#page .wp-pagenavi a 
,#page .wp-pagenavi a:visited {
	color: #222;
	background: #E4E4E4;
	border: 1px solid #eee;
}
#page .wp-pagenavi a:hover
,#page .wp-pagenavi a:active {
	background: #D2E7F1;
	border: 1px solid #D2E7F1;
	text-decoration: none;
	color: #222;
}
#page .wp-pagenavi span.pages {
	display: block;
	text-align: center;
	border: none;
}
#page .wp-pagenavi span.current {
	color: #fff;
	background: #255dcc;
	border: 1px solid #255dcc;
}

#page .wp-pagenavi span.extend {
	border: none;
}

/* Posts and pages（利用者の方）
--------------------------------------------- */
/*共通*/
.page .w90 {
	margin-inline: 5%;
}

/*見出し*/
.page-id-31 h3.order {
	position: relative;
	padding-left: 80px;
}
.page-id-31 h3.order:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 80px;
	height: 80px;
	background-size: contain;
}
.page-id-31 h3.order.step1:before {
	background: url("icon/icon01.svg")no-repeat;
}
.page-id-31 h3.order.step2:before {
	background: url("icon/icon02.svg")no-repeat;
}
.page-id-31 h3.order.step3:before {
	background: url("icon/icon03.svg")no-repeat;
}
.page-id-31 h3.order.step4:before {
	background: url("icon/icon04.svg")no-repeat;
}

/*準備*/
.get_ready {
	margin: 50px auto;
	padding: 15px 1.5em;
	width: 65%;
	min-width: 700px;
	border: 1px dashed #777;
}
.get_ready p.get_ready_title {
	margin-bottom: 20px;
	font-size: 1.4em;
	font-weight: 700;
}
.qr_wrap {
	margin: 0 auto;
	width: 500px;
}

/*申請*/
.step3_imgwrap {
	margin: 50px auto;
	width: 72%;
	min-width: 700px;	
}

/*ブース*/
.supportdesk {
	margin: 0 auto;
	width: 90%;
}
.supportdesk table {
	border: 1px solid #878787;
	font-size: clamp(95%,1.5vw,105%)
}
.supportdesk table thead {
	border-bottom: 1px solid #878787;
}
.supportdesk table thead th {
	padding-block: 2px;
	color: #fff;
	background: #16336c;
}
.supportdesk table tr td:nth-child(1) {
	min-width: 210px;
}
.supportdesk table tr td:nth-child(3) {
	min-width: 120px;
	text-align: center;
}
.supportdesk table tr:nth-child(even) td {
	background: #F4F1F1;
}
.supportdesk table td,
.supportdesk table th {
	border: 1px solid #878787;
}

/*au*/
.supportdesk_au {
	
}
.supportdesk_au table {
	border: 1px solid #878787;
	font-size: .95em;
}
.supportdesk_au table thead {
	border-bottom: 1px solid #878787;
}

.supportdesk_au table thead th {
	padding-block: 2px;
	color: #fff;
	background: #16336c;
}
.supportdesk_au table tr td:nth-child(1) {
	width: 20%;
	min-width: 150px;
}
.supportdesk_au table tr td:nth-child(3) {
	width: 18%;
	min-width: 150px;
	text-align: center;
}
.supportdesk_au table tr td:nth-child(4) {
	width: 11%;
	min-width: 115px;
	text-align: center;
}
.supportdesk_au table tr td:nth-child(5) {
	width: 18%;
	min-width: 150px;
}
.supportdesk_au table tr:nth-child(even) td {
	background: #F4F1F1;
}
.supportdesk_au table td,
.supportdesk_au table th {
	border: 1px solid #878787;
}
.supportdesk_au table td span {
	display: inline-block;
}

/*マニュアル*/
.manual_btn {
	text-align: center;
}
.manual_btn a[href$=".pdf"] {
	display: inline-block;
	padding: 35px 2.5em;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-color: #FC4E7A;
	background-image: none;
	border-radius: 100px;
}
.manual_btn a span {
	display: inline-block;
}
.manual_btn a:hover,
.manual_btn a:active {
	transition: all .1s;
	opacity: 0.78;
}

/* Posts and pages（お問い合わせ）
--------------------------------------------- */
/*.inquiry_list {
	margin: 40px auto 0;
	max-width: 950px;
	overflow: hidden;
}
.inquiry_list p {
	margin-bottom: 0;
}
.inquiry_list dl {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 0 20px;
	width:100%;
	overflow: hidden;
}
.inquiry_list dt {
	margin: 0 0 1em;
	padding: 10px 0 0;
	width: 250px;
}
.inquiry_list dd {
	margin: 0 0 1em;
	padding:6px 0;
	width: calc(100% - 250px);
}
.inquiry_list input, .inquiry_list textarea, .inquiry_list select {
	margin: 0;
	padding: 5px 8px;
}
.inquiry_list .must {
	position: relative;
	top: -.15em;
	left: 8px;
	display: inline;
    padding: 0 6px 2px;
    font-size: 11px;
    color: #cf1d05;
	border: 1px solid #cf1d05;
	user-select: none;
}
.inquiry_list .span_text {
	display: inline-block;
	margin-left: 10px;
}*/
/*名前*/
/*.con_name {
	margin: 0 10px 0 0;
	width: 300px;
}*/
/*ふりがな*/
/*.con_kana {
	margin: 0 10px 0 0;
	width: 300px;
}*/
/*メールアドレス*/
/*.con_address {
	margin: 0 10px 0 0;
	width: 100%;
	max-width: 500px;
    ime-mode:disabled;
}*/
/*TEL*/
/*.con_tel {
	width: 190px;
    ime-mode:disabled;
}*/
/*お問い合わせ内容*/
/*.con_inquiry {
	width: 100%;
	height: 220px;
}*/
/*ラジオボタン*/
/*.wpcf7-radio .wpcf7-list-item {
	margin: 0 1.5em 0 0;
	user-select: none;
}*/
/*チェックボックス*/
/*.wpcf7-checkbox .wpcf7-list-item {
	margin: 0 10px 0 0;
    display:block;
	user-select: none;
}*/
/*必須項目未入力の場合*/
/*.wpcf7 span.wpcf7-not-valid-tip {
	display: inline-block;
	padding-left: 8px;
	font-size: 80%;
}*/
/*個人情報　取扱同意*/
/*.doui_txt {
	margin: 0 auto;
	padding: 30px 20px 10px;
	max-width: 1000px;
	background: rgb(249, 237, 223);
	border: 1px solid rgb(190, 170, 145);
	border-radius: 4px;
}
.doui_txt p span {
	display: block;
	text-align: center;
	font-weight: 600;
}
.doui p {
	margin: 55px 0 50px;
	text-align: center;
}
.doui .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}
.doui .wpcf7-list-item label .wpcf7-list-item-label {
	padding-left: 10px;
}
*/
/*フォームボタン*/
/*#btn_wrap {
	text-align: center;
}
#btn_wrap input[type="submit"] {
	width: 400px;
	padding: 1.5em 1em 1.6em;
	font-size: 115%;
	font-weight: 600;
    letter-spacing: 0.4em;
}
#btn_wrap input[type="submit"]:hover {
	transition: all .1s;
	background: #D4D4D4;
}
#btn_wrap p {
	margin-bottom: 0;
}

.wpcf7-spinner {
	display: block;
	margin: 15px auto 0;
	width: 24px;
	height: 24px;
}*/

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}


/* footer
--------------------------------------------- */
#site_footer {
	margin-top: 80px;
}
.footer_innerwrap {
	margin: 0 auto;
	padding: 25px 20px 15px;
	width: 100%;
	color: #fff;
	text-align: center;
	background: #3F6EB4;
}
p.footer_title {
	font-size: 180%;
	font-weight: 900;
}
p.footer_txtl {
	margin: 15px 0 25px;
	font-size: 115%;
	font-weight:700;
}
p.footer_info {
	margin-top: 10px;
	font-size: 95%;
}
p.footer_info a {
	pointer-events: none;
}
p.uketsuke {
	font-size: 90%;
}
p.footer_fax {
	margin: 20px 0;
}
.footer_contact {
	margin: 30px auto;
	width: 400px;
}
.footer_contact p {
	padding: 7px 30px 7px 80px;
	color: #16336C;
	font-size: 145%;
	text-align: center;
	line-height: 1;
	background: #fff url("images/footers/footer_mail.svg")no-repeat;
	background-position: left center;
	background-size: contain;
	border-radius: 50px;
	border: 2px solid #fff;
}
.footer_contact p span.txt_red {
	display: inline-block;
	font-size: 50%;
	color: #BB3141;
}
.footer_bluebox {
	display: inline-block;
	margin: 30px 0 10px;
	margin: 0 auto;
	text-align: left;
	background: #16336C;
	border: 2px solid #fff;
}
.footer_bluebox ul {
	margin: 10px 10px 10px 2.5em;
	font-size: 75%;
}
.footer_bluebox ul li {
	position: relative;
}
.footer_bluebox ul li:before {
	content: "※";
	position: absolute;
	left: -1.2em;
	top: 0;
}
p.about_op {
	margin: 10px 0 0;
	font-size: 85%;
}

/*フッターの共通スタイル*/
.footer_menu a,
.footer_menu a:visited {
	color: #222;
	text-decoration: none;
	font-size: 84%;
}
.footer_menu a:hover,
.footer_menu a:active {
	text-decoration: underline dotted #555;
}

/*コピーライト*/
#copyright {
	padding: 5px 0;
	font-size: 60%;
	text-align: center;
	letter-spacing: 0.1em;
}
#copyright a,
#copyright a:visited {
	color: #222;
	text-decoration: none;
}
#copyright a:hover,
#copyright a:active {
	text-decoration: underline;
}

.page-top {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 5px;
}
.page-top img {
	width: 65px;
	height: auto;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 100%;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}


/*PDFアイコン*/
a[href $='.pdf'] {
    background:url(icon/ico_pdf.gif) no-repeat right 70%;
    padding:0 18px 0 0;
}
a[href $='.pdf'] a {
    text-decoration:none;
}

a[href $='.pdf'] a:hover {
    text-decoration:none;
}

.mwai-open-button {
	right: 60px !important;
    bottom: -17px !important;
}

}