/*基本設定*/
*{font-size:100%;margin:0 auto;padding:0}
body{width:100%;font-family: "yu gothic","游ゴシック Medium",YuGothic, "游ゴシック体","ヒラギノ角ゴ　Pro W3",sans-serif;line-height:1.7}
a{text-decoration:none}
a:hover{opacity:0.7}
img{max-width:100%;height:auto}
ul,ol{list-style:none}
/*ヘッダー部分*/
header{position:relative;transition:.5s}
header.transform{width:100vw;background:#fff;z-index:5;opacity:0.9;position:fixed;top:0}
div#header{display:flex;flex-wrap:nowrap;padding:0 12.5vw}
h1{width:30vw;font-size:1.5vw;line-height:1.3}
h1 a{color:#333}
h1 span{color:#c48b24}
@media screen and (min-width: 789px) {
nav ul{margin:0.5% auto;letter-spacing:-.4em;padding:0 12.5vw}
nav ul li{width:12.1vw;display:inline-block;text-align:center;letter-spacing:normal;border-right:solid 1px #aaa}
nav ul li:last-child{border-right:none}
nav ul li a{display:block;text-decoration:none;color:#333}
nav ul li a:hover{background:#01b8ee;color:#fff}
}
@media screen and (min-width:1200px) {
nav ul{margin:0.5% auto;letter-spacing:-.4em;padding:0 12.5vw}
nav ul li{width:12.2vw;display:inline-block;text-align:center;letter-spacing:normal;border-right:solid 1px #aaa}
nav ul li:last-child{border-right:none}
nav ul li a{display:block;text-decoration:none;color:#333}
nav ul li a:hover{background:#01b8ee;color:#fff}
/*パンくず*/
ul#bread{display:block;padding:1vw 12.5vw 0 12.5vw}
ul#bread li{display:inline-block;text-align:left}
ul#bread li:after{content:"\003e";margin-left:0.5vw}
ul#bread li:last-child:after{content:""}
}
/*検索*/
section#search{padding:0 12.5vw;text-align:center}
section#search h2{font-size:2vw;text-align:left;color:#1d4892;position:relative;margin:1em 0}
section#search h2::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;border-radius:3px;background:#1d4892}
section#search form.searchForm{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center}
.search-field{display:inline-block;width:60%;padding:1%;vertical-align:middle}
.search-submit{display:inline-block;width:20%;padding:1% 0;border-radius:10px;background:#333;color:#fff;border:none}
.search-submit:hover{opacity:0.7}
@media screen and (min-width: 320px) and (max-width: 1199px) {
	ul#bread{display:block;padding:1vw}
	ul#bread li{display:inline-block;text-align:left}
	ul#bread li:after{content:"\003e";margin-left:0.5vw}
	ul#bread li:last-child:after{content:""}
	section#search{padding:0}
	section#search h2{font-size:4.5vw;margin:1em}
	section#search form.searchForm{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center}
}
/*カテゴリ一覧*/
section#category{padding:0 12.5vw}
section#category h2{font-size:2vw;text-align:left;color:#1d4892;position:relative;margin:1em 0}
section#category h2::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;border-radius:3px;background:#1d4892}
section#category ul{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;text-align:center}
section#category ul li{flex:1 0 24%;margin:0.5%}
section#category ul li a{display:block;background:#333;color:#fff;padding:0.5em}
@media screen and (min-width: 320px) and (max-width: 768px) {
	section#category{padding:0}
	section#category h2{font-size:4.5vw;margin:1em}
	section#category ul{flex-wrap:wrap}
	section#category ul li{flex:1 0 49%}
}
/*よくある質問一覧表示(index/category)*/
section#question{padding:2vw 12.5vw}
section#question h2{font-size:2vw;text-align:center;position:relative;margin-bottom:1em;padding:1rem}
section#question h2::before{content:'';position:absolute;bottom:0;left:calc(50% - 10%);width:20%;height:5px;border-radius:3px;background:#000}
section#question ul{margin-bottom:0;padding-bottom:0}
section#question ul li{box-sizing:border-box;background:#f4f5f6;border:solid 3px #333;padding:0.5em;margin:0.5em}
#question svg{fill:#333;max-width:4%;margin-right:0.5em;vertical-align:middle}
section#question ul li a{display:block;color:#333}
section#question ul li a:hover{text-decoration:underline;opacity:1.0;color:#f11}
section#question p{font-size:1vw;text-align:right;margin:0.5vw}
section#question p a{color:#333}
section#question p a:hover{text-decoration:underline;opacity:1.0}
@media screen and (min-width: 320px) and (max-width: 768px) {
	section#question{padding:2vw 0}
	section#question h2{font-size:4.5vw;text-align:center;position:relative;margin-bottom:1em;padding:1rem}
	section#question h2::before{content:'';position:absolute;bottom:0;left:calc(50% - 10%);width:20%;height:5px;border-radius:3px;background:#000}
	section#question ul{margin-bottom:0;padding-bottom:0}
	section#question ul li{border:solid 2px #333}
	#question svg{max-width:6%}
	section#question p{font-size:3vw;margin:1.5vw}
}
/*ページネーション*/
.nav-links{width:100%;display:flex;justify-content:center}
.page-numbers{width:5%;margin:1%;padding:2vw 0.5vw;color:#333;border-radius:3px;box-shadow:0 3px 3px #999;background:#fff;text-align:center;line-height:0}
.prev,.next{width:8%;background:transparent;box-shadow:none;color:#69a4db}
.current{background:#69a4db;color:#fff}
.pagination .dots{background:transparent;box-shadow:none}
@media screen and (min-width: 320px) and (max-width: 768px) {
	.page-numbers{width:8%;padding:3.5vw 0.5vw}
	.prev,.next{width:16%}
}
/*よくある質問レイアウト(single)*/
section#singleContent{padding:0 12.5vw}
	div#thum img{width:100%;height:300px;object-fit:cover}
	section#singleContent h2{font-size:1.5vw;margin-top:2vw}
	#singleContent svg{fill:#f11;max-width:2%;margin-right:0.5em;vertical-align:middle}
	section#singleContent h3{font-size:1.25vw;margin:0.25em}
	section#singleContent p{font-size:1vw;margin:0.5em}
	section#singleContent p em{font-style:normal;background:linear-gradient(transparent 60%, #ff5 50%)}
	section#singleContent p strong{color:#f11;border-bottom:solid 0.15vw #f11}
section#singleContent ol{list-style:numeric;font-size:1vw;margin:1em 2em}
	section#singleContent ol li{margin:0.5em}
section#singleContent ul{list-style:disc;font-size:1vw;margin:1em 2em}
	section#singleContent ul li{margin:0.5em}
section#singleContent ol li ul{margin:0.5em 1em}
	section#singleContent ol li ul li{margin:0.5em}
@media screen and (min-width: 320px) and (max-width: 768px) {
	section#singleContent{padding:0}
		div#thum img{height:100px}
		section#singleContent h2{font-size:4vw;text-align:left}
		#singleContent svg{max-width:3%;margin:0.5em}
		section#singleContent h3{font-size:3.75vw}
		section#singleContent p{font-size:3.5vw}
		section#singleContent ol{font-size:3.5vw;margin:1em 1.5em}
		section#singleContent ul{font-size:3.5vw;margin:1em 1.5em}
			section#singleContent ol li ul li{margin:0 0.5em}
}
/*お問い合わせフォーム*/
section#inquiry img.fv{height:300px;object-fit:cover}
section#inquiry{padding:0}
section#inquiry picture img.docEvent{width:58vw;padding:0 20vw;margin:0}
section#inquiry h3{font-size:1.8vw;text-align:center}
section#inquiry h4{text-align:center;font-weight:normal;padding:0;margin:0}
div#form{display:flex;flex-wrap:wrap;align-items:stretch;margin:0vw 20vw 1vw 20vw}
div#form p{box-sizing:border-box;width:30%;border:solid 1px #000;border-bottom:none;background:#efefef;padding:1%}
div#form div.input,div#form div.txt,#form div#upload{box-sizing:border-box;width:70%;border:solid 1px #000;border-bottom:none;border-left:none;padding:1%}
div#form p:nth-of-type(5){border-bottom:solid 1px #000}
#form div#upload{border-bottom:solid 1px #000}
div#form div#submit{width:100%;margin-top:1vw}
.required{padding:0.25em 0.5em;background:#F57500;color:#fff;border-radius:3px;margin-right:0.5em}
.optional{padding:0.25em 0.5em;background:#000080;color:#fff;border-radius:3px;margin-right:0.5em}
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea{box-sizing:border-box;width:100%;padding:1em;border:1px solid #d0d5d8;border-radius:3px;background:#eff1f5}
textarea.wpcf7-form-control.wpcf7-textarea{height:300px}
input.wpcf7-submit{display:block;padding:1em;width:60%;background:#ffaa56;color:#fff;border-radius:2px}
input.wpcf7-submit:hover{opacity:0.7}
span.wpcf7-not-valid-tip,.wpcf7-response-output.wpcf7-validation-errors{color:#f11}
form.wpcf7-form div.wpcf7-response-output{display:block;width:50%;margin:0 auto 1vw auto}
@media screen and (min-width: 320px) and (max-width: 768px) {
	section#inquiry h3{font-size:4vw}
	div#form{flex-direction:column;margin:0vw 1vw 1vw 1vw}
	div#form p{width:100%;border-bottom:none}
	div#form div.input,div#form div.txt,#form div#upload{width:100%;border:solid 1px #000}
	input.wpcf7-submit{width:80%}
}
/*お問い合わせ案内*/
section#contact{background:#1d4892;color:#fff;text-align:center;padding:1vw 12.5vw}
section#contact h3{font-size:2vw;text-align:center;position:relative;margin-bottom:1em;padding:1rem}
section#contact h3::before{content:'';position:absolute;bottom:0;left:calc(50% - 15%);width:30%;height:5px;border-radius:3px;background:#fff}
.cy{color:#fcc800}
.phone svg{fill:#fff;max-width:6%;margin:-0.15em 0.1em 0 0;vertical-align:middle}
section#contact p{font-size:2vw}
section#contact p.phone{font-size:6vw;font-weight:bold;color:#fff}
section#contact p.sales{margin:-1em 0 1em 0}
section#contact p.inquiry a{width:40%;display:block;color:#333;background:#fcc800;padding:0.15em}
@media screen and (min-width: 320px) and (max-width: 768px) {
	section#contact{padding:1vw 0}
	section#contact h3{font-size:4.2vw}
	section#contact h3::before{content:'';position:absolute;bottom:0;left:calc(50% - 15%);width:30%;height:3px;border-radius:3px;background:#fff}
	.phone svg{max-width:8%}
	section#contact p{font-size:4vw}
	section#contact p.phone{font-size:10vw}
	section#contact p.inquiry a{width:60%;margin-bottom:1em}
}
/*フッター部分*/
footer{background:#f8f8f8;display:flex;flex-wrap:wrap;padding-top:1vw;align-items:center;justify-content:center}
footer div#address{width:38vw;margin:1vw}
footer div img{max-width:38vw}
footer p{display:block;font-size:3.3vw;font-weight:bold;text-align:right;margin-top:-3vw}
footer ul#footerMenu{flex:1}
footer ul#footerMenu li{width:19vw;display:inline-block}
footer ul#footerMenu li a{display:block;color:#333;border:solid 1px #333;text-align:center;margin:5% 2%;padding:1%}
footer ul#footerMenu li a:hover{background:#1d4892;color:#fff}
footer small{width:100vw;text-align:center}
@media screen and (min-width: 320px) and (max-width: 768px) {
	footer{flex-direction:column}
	footer div#address{width:98%}
	footer div img{max-width:98%;margin:1%}
	footer p{font-size:10vw;margin-top:-10vw}
	footer ul#footerMenu li{width:49%}
}
.footer_area{width:10vw;position:fixed;bottom:0;right:0;z-index:25}
.footerColumn{display:flex;flex-wrap:wrap;align-items:stretch}
.footerColumn div#footTel{display:none}
.footerColumn div#footMail{display:none}
.footer_area svg{fill:#fff;max-width:10%;margin-right:0.5em;vertical-align:middle}
.footerColumn div{box-sizing:border-box;background:#e5e5e5;width:100%;height:50px;vertical-align:middle;line-height:50px;font-size:1vw;text-align:center}
.footerColumn div a{display:block;background:#f19149;color:#fff}
.footerColumn div a:hover{opacity:0.8}
/*フッター固定リンク*/
div#footer_info{width:75vw;position:fixed;bottom:0;left:0;background:rgba(248,248,248,0.7);display:flex;flex-wrap:nowrap;padding:1vw 12.5vw;align-items:center}
div#footer_info div{width:30%;margin:0 1%;text-align:center}
div#footer_info div a{display:block;background:#fcc800;color:#000;padding:0.5em 0;transition-duration:.4s;border-radius:20px}
div#footer_info div a:hover{opacity:1.0;transform:scale(1.1)}
@media screen and (min-width: 320px) and (max-width: 768px) {
	div#footer_info{display:none}
	div#footer_info	div#pcContact{display:none}
	.footer_area{width:100%;position:fixed;bottom:0;z-index:25;left:0;right:0}
	.footerColumn{display:flex;flex-wrap:wrap;align-items:stretch}
	.footerColumn div#footTel, .footerColumn div#footMail{display:block}
	.footerColumn div{background:#e5e5e5;width:31%;margin:0 1%;height:50px;vertical-align:middle;line-height:50px;font-size:3.2vw}
	.footerColumn div a{display:block}
}
/*youtube用*/
.youtube{position:relative;width:100%;padding-top:56.25%;margin:0.5em 0}
.youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}