/*----------------------------------------
全体
----------------------------------------*/

body {
	font-size: 1.8vw;
	line-height: 2.8vw;
}

.wrapper {
	width: 97.5%;
}

.list {
	margin-bottom: 2vw;
}

.list li {
	margin-left: 2vw !important;
}

_::-webkit-full-page-media, _:future, :root .list li {
	margin-left: 2.4vw !important;
}

.num-list {
	margin-bottom: 2vw;
}

.num-list li {
	margin-left: 2vw !important;
}

.num-list li:nth-child(n+10) {
	margin-left: 2.8vw !important;
}

.num-list-2 {
	margin-bottom: 2vw;
}

.num-list-2 li {
	padding-left: 3.3vw;
}

.check-list {
	margin-bottom: 2vw;
}

.check-list li {
	margin-bottom: 1vw;
	min-height: 2.5vw;
	padding-left: 3.75vw;
}

.check-list li::before {
	border: 0.4vw solid #000;
	height: 2.5vw;
	top: 0.3vw;
	width: 2.5vw;
}

.check-list li::after {
	border-right: 0.45vw solid #ff0000;
	border-bottom: 0.45vw solid #ff0000;
	left: 1.2vw;
	height: 2.2vw;
	top: -0.1vw;
	width: 1.4vw;
}

.douga {
	width: 75%;
}

.text-base {
	padding-left: 1.8vw;
}

.text-base-2 {
	padding-left: 3.6vw;
}

.text-base-3 {
	padding-left: 5.4vw;
}

.text-base-4 {
	padding-left: 7.2vw;
}

.text-base-5 {
	padding-left: 9vw;
}

.pc {
	display: none;
}

.pc.tab {
	display: block;
}

.pc.tab.mobi {
	display: block;
}

.tab {
	display: block;
}

.tab.mobi {
	display: block;
}

.pc.mobi {
	display: none;
}

.mobi {
	display: none;
}

.m20 {
	margin: 2vw !important;
}

.mt20 {
	margin-top: 2vw !important;
}

.mb20 {
	margin-bottom: 2vw !important;
}

.no-mt20 {
	margin-top: -2vw !important;
}

.mt-20 {
	margin-top: 2vw !important;
}

.mb-20 {
	margin-bottom: 2vw !important;
}

.ml20 {
	margin-left: 2vw !important;
}

.mr20 {
	margin-right: 2vw !important;
}

.m40 {
	margin: 4vw !important;
}

.mt40 {
	margin-top: 4vw !important;
}

.mb40 {
	margin-bottom: 4vw !important;
}

.ml40 {
	margin-left: 4vw !important;
}

.mr40 {
	margin-right: 4vw !important;
}

.m60 {
	margin: 6vw !important;
}

.mt60 {
	margin-top: 6vw !important;
}

.mt-60 {
	margin-top: 6vw !important;
}

.mb60 {
	margin-bottom: 6vw !important;
}

.mb-60 {
	margin-bottom: 6vw !important;
}

.ml60 {
	margin-left: 6vw !important;
}

.mr60 {
	margin-right: 6vw !important;
}

.m80 {
	margin: 8vw !important;
}

.mt80 {
	margin-top: 8vw !important;
}

.mb80 {
	margin-bottom: 8vw !important;
}

.ml80 {
	margin-left: 8vw !important;
}

.mr80 {
	margin-right: 8vw !important;
}

.m100 {
	margin: 10vw !important;
}

.mt100 {
	margin-top: 10vw !important;
}

.mb100 {
	margin-bottom: 10vw !important;
}

.ml100 {
	margin-left: 10vw !important;
}

.mr100 {
	margin-right: 10vw !important;
}

.p20 {
	padding: 2vw !important;
}

.pt20 {
	padding-top: 2vw !important;
}

.pb20 {
	padding-bottom: 2vw !important;
}

.pl20 {
	padding-left: 2vw !important;
}

.pr20 {
	padding-right: 2vw !important;
}

.p40 {
	padding: 4vw !important;
}

.pt40 {
	padding-top: 4vw !important;
}

.pb40 {
	padding-bottom: 4vw !important;
}

.pl40 {
	padding-left: 4vw !important;
}

.pr40 {
	padding-right: 4vw !important;
}

.p60 {
	padding: 6vw !important;
}

.pt60 {
	padding-top: 6vw !important;
}

.pb60 {
	padding-bottom: 6vw !important;
}

.pl60 {
	padding-left: 6vw !important;
}

.pr60 {
	padding-right: 6vw !important;
}

.p80 {
	padding: 8vw !important;
}

.pt80 {
	padding-top: 8vw !important;
}

.pb80 {
	padding-bottom: 8vw !important;
}

.pl80 {
	padding-left: 8vw !important;
}

.pr80 {
	padding-right: 8vw !important;
}

.p100 {
	padding: 10vw !important;
}

.pt100 {
	padding-top: 10vw !important;
}

.pb100 {
	padding-bottom: 10vw !important;
}

.pl100 {
	padding-left: 10vw !important;
}

.pr100 {
	padding-right: 10vw !important;
}

/*----------------------------------------
文字スタイル
----------------------------------------*/

.fs15 {
	font-size: 1.5vw !important;
	line-height: 2.5vw !important;
}

.fs23 {
	font-size: 2.3vw !important;
	line-height: 3.3vw !important;
}

.fs30 {
	font-size: 3vw !important;
	line-height: 4vw !important;
}

.fs40 {
	font-size: 4vw !important;
	line-height: 5vw !important;
}

.fs50 {
	font-size: 5vw !important;
	line-height: 6vw !important;
}

/*----------------------------------------
画像関連
----------------------------------------*/

/*----------------------------------------
header
----------------------------------------*/

.head-in .wrapper {
	padding: 2vw;
}

.head-in-logo {
	float: left;
	width: 16.8vw;
}

.head-in-logo .img-banner {
	background: url(images/logo.png) no-repeat;
	padding-bottom: 14.285% !important;
}

.head-in-logo:hover .img-banner {
	background: url(images/logo-2.png) no-repeat;
}

.head-in-in {
	float: right;
}

.head-in-in-menu {
	height: 2.4vw;
}

.head-in-in-menu ul li {
	float: left;
	font-size: 1.6vw;
	margin-right: 6vw;
}

.head-fixed {
	box-shadow: 0 0 1.5vw 0 rgba(0,0,0,0.6);
}

body#top .head-fixed {
	top: -10vw;
}

@media(max-width: 782px){

	body#top.customize-support .head-fixed.fixed {
		margin-top: 46px;
	}

	.customize-support .head-fixed {
		margin-top: 46px;
	}

}

.head-fixed .wrapper {
	padding: 2vw;
}

.head-fixed-logo {
	float: left;
	width: 16.8vw;
}

.head-fixed-logo .img-banner {
	background: url(images/logo.png) no-repeat;
	padding-bottom: 14.285% !important;
}

.head-fixed-logo:hover .img-banner {
	background: url(images/logo-2.png) no-repeat;
}

.head-fixed-in {
	float: right;
}

.head-fixed-in-menu {
	height: 2.4vw;
}

.head-fixed-in-menu ul li {
	float: left;
	font-size: 1.6vw;
	margin-right: 6vw;
}


/*------------------------------
メイン
------------------------------*/

.top-main-content .wrapper {
	padding: 6vw 0;
}

.top-main-content-main-img {
	float: left;
	width: 50.3vw;
}

.top-main-content-in {
	float: right;
	margin-top: 14.5vw;
	width: calc(100% - 54.3vw);
}

.top-main-content-in-text {
	font-size: 2.4vw;
}

.top-main-content-in-text p {
	margin-bottom: 2vw;
}

/*------------------------------
コメント
------------------------------*/

.top-comment-content {
	height: 30vw;
}

.top-comment-content .wrapper::before {
	background: url(images/top-bg.jpg) no-repeat;
	background-size: cover !important;
	background-position: top center !important;
	left: 50%;
	margin-left: -50%;
	width: calc(50vw + 50%);
}

.top-comment-content-text {
	font-size: 2.4vw;
	left: 10vw;
	width: calc(100% - 20vw);
}


/*----------------------------------------
個別ページ
----------------------------------------*/

.main {
	margin-top: 6.4vw;
}

.page-content .wrapper {
	padding: 6vw 0 10vw;
}

.page-content-main-title {
	padding: 1.2vw;
}

.page-content-main-title::before,
.page-content-main-title::after {
	border: 0.3vw solid;
	height: 3vw;
	width: 3vw;
}

.page-content-main-title-in-text {
	font-size: 3vw;
}

.page-content-in {
	font-size: 1.8vw;
	margin-top: 2vw;
}

.page-content-in p {
	margin-bottom: 2vw;
}

.page-content-in p + h2,
.page-content-in p + h3,
.page-content-in p + h4,
.page-content-in p + .title-2,
.page-content-in p + .title-3,
.page-content-in p + .title-4,
.page-content-in ul + h2,
.page-content-in ul + h3,
.page-content-in ul + h4,
.page-content-in ul + .title-2,
.page-content-in ul + .title-3,
.page-content-in ul + .title-4,
.page-content-in ol + h2,
.page-content-in ol + h3,
.page-content-in ol + h4,
.page-content-in ol + .title-2,
.page-content-in ol + .title-3,
.page-content-in ol + .title-4,
.page-content-in dl + h2,
.page-content-in dl + h3,
.page-content-in dl + h4,
.page-content-in dl + .title-2,
.page-content-in dl + .title-3,
.page-content-in dl + .title-4,
.page-content-in table + h2,
.page-content-in table + h3,
.page-content-in table + h4,
.page-content-in table + .title-2,
.page-content-in table + .title-3,
.page-content-in table + .title-4,
.page-content-in img + h2,
.page-content-in img + h3,
.page-content-in img + h4,
.page-content-in img + .title-2,
.page-content-in img + .title-3,
.page-content-in img + .title-4,
.page-content-in iframe + h2,
.page-content-in iframe + h3,
.page-content-in iframe + h4,
.page-content-in iframe + .title-2,
.page-content-in iframe + .title-3,
.page-content-in iframe + .title-4,
.page-content-in div + h2,
.page-content-in div + h3,
.page-content-in div + h4,
.page-content-in div + .title-2,
.page-content-in div + .title-3,
.page-content-in div + .title-4,
.page-content-in a + h2,
.page-content-in a + h3,
.page-content-in a + h4,
.page-content-in a + .title-2,
.page-content-in a + .title-3,
.page-content-in a + .title-4,
.page-content-in center + h2,
.page-content-in center + h3,
.page-content-in center + h4,
.page-content-in center + .title-2,
.page-content-in center + .title-3,
.page-content-in center + .title-4 {
	margin-top: 6vw;
}

.page-content-in .title-2 {
    margin-bottom: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
}

.page-content-in .title-2 .title-in-text {
	font-size: 2.7vw;
}

.page-content-in .title-3 {
	margin-bottom: 2vw;
	padding-bottom: 0.8vw;
}

.page-content-in .title-3::before {
	height: 0.3vw;
	width: 30%;
}

.page-content-in .title-3::after {
	height: 0.3vw;
}

.page-content-in .title-3 .title-in-text {
	font-size: 2.4vw;
}

.page-content-in .title-4 {
	margin-bottom: 2vw;
}

.page-content-in .title-4 .title-in {
	padding-left: 1vw;
}

.page-content-in .title-4 .title-in::before {
	height: 2vw;
	top: 0.6vw;
	width: 2vw;
}

.page-content-in .title-4 .title-in-text {
	font-size: 2.1vw;
}

.page-content-in img.size-thumbnail {
	height: auto;
	width: 150px;
}

.page-content-in img.size-medium {
	height: auto;
	width: 300px;
}

.page-content-in img.size-large {
	height: auto;
	width: 75%;
}

.page-content-in img.size-full {
	height: auto;
	width: 75%;
}

.page-content-in img.size-full.defo {
	height: auto;
	max-width: 75%;
	width: auto;
}

.page-content-in .douga {
	margin-bottom: 2vw;
}

.waku {
	margin-bottom: 2vw;
	padding-top: 1.6vw;
}

.waku-title {
	left: 2vw;
}

.waku-title-in {
	border-radius: 5px;
	padding: 0.5vw 1vw;
}

.waku-title-in-text {
	font-size: 1.5vw;
}

.waku-in {
	border: 0.2vw solid;
	padding: 3.6vw 2vw 2vw;
}

.tb-base {
	margin-bottom: 2vw;
}

.tb th {
	border: 1px solid;
	padding: 0.5vw 1vw;
}

.tb td {
	border: 1px solid;
	padding: 0.5vw 1vw;
}

.col-tb-base,
.col-tb-base-long {
	margin-bottom: 2vw;
}

.col-tb th {
	border: 1px solid;
	padding: 0.5vw 1vw;
}

.col-tb td {
	border: 1px solid;
	padding: 0.5vw 1vw;
}

#toc_container {
	margin-top: 6vw;
}

/*----------------------------------------
404ページ
----------------------------------------*/

.page-404-content .wrapper {
	padding: 6vw 0 10vw;
}

.page-404-content-title-in-text {
	font-size: 3vw;
}

.page-404-content-text {
	font-size: 1.8vw;
	margin-top: 2vw;
}

.page-404-content-text p {
	margin-bottom: 2vw;
}

/*----------------------------------------
sidebar
----------------------------------------*/

/*----------------------------------------
footer
----------------------------------------*/

.foot-in .wrapper {
	padding: 10vw 0;
}

.foot-in-logo {
	float: left;
	width: 16.8vw;
}

.foot-in-menu {
	float: right;
}

.foot-in-menu ul li {
	float: left;
	font-size: 1.8vw;
	margin-right: 4vw;
}

.foot-copyright .wrapper {
	padding: 3vw 0;
}

.foot-copyright-text {
	font-size: 1.8vw;
}

.foot-copyright-text span {
	margin: 0 0.9vw;
}

/*----------------------------------------
ページトップ
----------------------------------------*/

.pagetop {
	bottom: 2vw;
	height: 7.5vw;
	right: 2vw;
	width: 7.5vw;
}

.pagetop::before {
	font-size: 7.5vw;
	line-height: 7.5vw;
	width: 7.5vw;
}

/*----------------------------------------
Edge CSSハック
----------------------------------------*/

@supports (-ms-ime-align: auto) {



}

/*----------------------------------------
IE11以下 CSSハック
----------------------------------------*/

@media screen\0 {



}

/*----------------------------------------
Firefox CSSハック
----------------------------------------*/

@-moz-document url-prefix() {



}

/*----------------------------------------
Safari CSSハック
----------------------------------------*/

_::-webkit-full-page-media, _:future, :root .num-list li {
	margin-left: 3vw !important;
}

_::-webkit-full-page-media, _:future, :root .num-list li:nth-child(n+10) {
	margin-left: 4vw !important;
}