@charset "utf-8";
/*
Theme Name: WPOCEKT
Theme URI: https://296.co.jp/
Author: Dai Kojima
Author URI: https://296.co.jp/
Description:
Version: 1.0
License:
License URI:
Tags:
*/

/*-----
基本設定
-----*/
body { 
	font-size: 16px;
	font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: .025em;
	color: #222;
	background-color: #fff;
}
body.open {
	overflow: hidden;
}
a,
input,
textarea,
select {
	color: #222;
}
* {
	font-feature-settings: "palt";
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
body { 
	font-size: .875em;	
}
}


/*-----
front-page.php
-----*/
.home {
	
}
.home .wrapper {
	
}
.home .wrapper main {
	
}
.home .wrapper main article {
	
}
/*.concept*/
.home .wrapper main article .concept {

}
.home .wrapper main article .concept .container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 92%;
	max-width: 1080px;
	height: 80vh;
	font-family: YuMincho, 'Yu Mincho', serif;
}
.home .wrapper main article .concept .container p {
	font-size: 2em;
	letter-spacing: .1em;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}
/*.business*/
.home .wrapper main article .business {
	
}
.home .wrapper main article .business .container {
	margin: 0 auto;
	width: 92%;
	max-width: 1080px;
}
.home .wrapper main article .business .container h2 {
	text-align: center;
}
.home .wrapper main article .business .container .row {
	display: flex;
}
.home .wrapper main article .business .container .row .column {
	margin: 0 1%;
	width: calc(100% / 3 - 2%);
}
.home .wrapper main article .business .container .row .column h3 {
	margin: 0 0 .5em;
}
.home .wrapper main article .business .container .row .column p {
	margin: 0;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}
/*.company*/
.home .wrapper main article .company {
	
}
.home .wrapper main article .company .container {
	margin: 0 auto;
	width: 92%;
	max-width: 720px;	
}
.home .wrapper main article .company .container h2 {
	text-align: center;
}
.home .wrapper main article .company .container table {
	width: 100%;
	border-collapse: collapse;
}
.home .wrapper main article .company .container table tbody {
	width: 100%;
}
.home .wrapper main article .company .container table tbody tr {
	width: 100%;
}
.home .wrapper main article .company .container table tbody tr th {
	padding: 1em 0;
	border-bottom: 1px solid #888;	
}
.home .wrapper main article .company .container table tbody tr td {
	padding: 1em 0;
	border-bottom: 1px solid #888;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}
/*.magazine*/

@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}




/*-----
single.php
-----*/
.single {
	
}
.single .wrapper {
	
}
.single .wrapper main {
	
}
.single .wrapper main article {
	
}
.single .wrapper main article .single {
	
}
.single .wrapper main article .single .container {
	margin: 0 auto;
	width: 92%;
	max-width: 720px;
}

@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}