/*
Theme Name: デザイン校正
Author: Y.O
Author URI: 
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
*/

:root {
	--color-blue: #3382f8;
	--color-red: #e92b2c;
	--color-blue2: #72aee6;
	--color-red2: #f78da7;
	--color-green: #229157;
	--color-green2: #7bdcb5;
	--color-yellow: #FFE000;
	--color-black: #1d1d26;
	--color-black2: #323232;
	--color-black3: #3b3b3b;
	--color-glay: #f8f7f7;
	--color-glay2: #abb8c3;
	--color-white: #ffffff;
	--color-purple: #ba9cd4;
	--color-tooltip: #dad8d8;
}

* {
	box-sizing: border-box;
}

html {
	height: 100%;
	width: 100%;
	font-size: 1vw;
	scroll-behavior: smooth;
	word-break: break-all;
}

body {
	background: var(--color-white);
	color: var(--color-black);
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 1rem;
	letter-spacing: 0;
	-webkit-text-size-adjust: none;
	width: 100%;
	margin: 0 auto;
}

body * {
	box-sizing: border-box
}

body :after,
body :before {
	box-sizing: border-box
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

footer {
	bottom: 0;
	position: fixed;
}

.img__wrap {
	min-height: 100vh;
	padding: 0;
	text-align: center;
	width: 100%;
}

.img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 0;
	width: 100%;
}

@media(max-width:800px) {
	.img__wrap {
		padding: 0;
	}
}

.ttl {
	background: var(--color-glay);
}

.ttl h1 {
	display: flex;
	font-size: 22px;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
	padding: 10px;
	width: 100%;
}

.ttl p {
	font-size: 16px;
	max-width: 1200px;
	margin: auto;
	padding: 10px;
	width: 100%;
}

.wrap {
	font-size: 18px;
	max-width: 1200px;
	margin: auto;
	padding: 20px 0;
	width: 100%;
}

.wrap h2 {
	background: var(--color-black);
	color: var(--color-white);
	font-size: 20px;
	margin: 20px auto 0;
	padding: 5px 10px;
}

.wrap ul {}

.wrap ul li {
	background: var(--color-glay);
	border: 1px solid var(--color-black);
	border-top: none;
}

.wrap ul li a {
	display: block;
	height: 100%;
	text-decoration: none;
	width: 100%;
}

.wrap ul li a:hover {
	background: var(--color-black);
	color: var(--color-glay);
}

.wrap ul dl {
	align-items: center;
	display: flex;
	margin: 0;
	padding: 5px;
}

.wrap ul dl dt {
	text-align: right;
	margin: 0;
	width: 3em;
}

.wrap ul dl dd {
	margin: 0;
	padding: 0 0 0 10px;
	width: calc(100% - 3em);
}