@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/



*, *::before, *::after { box-sizing: border-box; }

html, body { overflow-x: hidden; position: relative; width: 100%; }
body { margin:0; padding:0; font-size:0.9em; letter-spacing:1px; line-height:1.4em; color:#444; font-family: "Arial", "メイリオ"; background:#fff; }
ul { margin:0 auto; padding:0; list-style-type:none; }
img { display:block; }

header { margin:0; padding:0; width:100%; box-sizing:border-box; background: url("./img/head_back.jpg") top center no-repeat; display:block; }
header h1 { margin:0; padding:7px 0; width:100%; font-size:12px; color:#555; font-weight:normal; text-align:center; background: url("./img/h1back.png") repeat; }
header ul.headul { margin:0 auto; padding:1.5% 0; width:95%; display:flex; justify-content: space-between; }
header ul.headul li { margin:0; padding:0; display:block; }
header ul.headul li.headulil { width:30%; }
header ul.headul li.headulil a img { margin:0; padding:0; width:auto; height:100px; display:block; }
header ul.headul li.headulir { width:60%; display:flex; justify-content: space-between; align-items:center; }
header ul.headul li.headulir p { margin:0; paddig:0; width:16%; display:block; }
header ul.headul li.headulir p a { text-decoration:none; color:#000; font-size:12.5px; font-weight:bold; text-align:center; display:block; }

#catwk { margin:2% auto 0; padding:0; width:100%; }
#catwk ul.ctul { margin:0 auto; padding:0; width:1100px; max-weight:95%; display:flex; justify-content: space-between; }
#catwk ul.ctul li { margin:0; padding:1.5%; width:24%; text-align:center; box-sizing:border-box; display:block; border:1px solid #ccc; }
#catwk ul.ctul li img { margin:0 auto; width:95%; height:auto; display:block; }