@charset "utf-8";
/*
Theme Name: ENGLISH - 日本経営システム 2021
Template: jms2021
Theme URI: 
Description: ENGLISH - 日本経営システム 2021
Version: 1.0
Author: form and craft
Author URI: http://www.formandcraft.jp/
Tags:
*/

html {font-family:Roboto,YakuHanJP,YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}
h1, h2, h3, h4, h5, h6, strong, b {font-weight:400;}

.c-tags {font-weight:400;}

.c-article {font-size:1.4rem;}

@media screen and (max-width:599px) {
.c-article {font-size:1.2rem;}
}


.c-button-list {
	display:flex; flex-wrap:wrap; margin:-30px -15px 0; color:var(--color-sub); font-size:1.6rem; text-align:left; line-height:1.25;}
.c-button-list > li {
	flex:0 1 calc(25% - 30px); display:flex; align-items:center; margin:30px 15px 0; padding:9px 24px; box-sizing:border-box; 
	border:1px solid var(--color-main-light);}
.c-button-list > li > a {
	display:flex; align-items:center; width:100%; height:100%; position:relative; margin:-9px -24px; padding:inherit; padding-right:2em; 
	text-decoration:none;}
.c-button-list > li > a::after {
	display:flex; justify-content:center; align-items:center; 
	content:'\e90d'; width:2.5em; position:absolute; right:0; top:0; bottom:0; 
	color:var(--color-sub-light); font:normal 1em/1 icons; transition:none;}
.c-button-list > li > a:hover {color:var(--color-main-alpha);}

@media screen and (max-width:599px) {
.c-button-list {display:block; margin:-2.6666vw 0 0; font-size:1.2rem;}
.c-button-list > li {min-height:10.6666vw; margin:2.6666vw 0 0; padding:2vw 4vw; box-sizing:border-box;}
.c-button-list > li > a {margin:-2vw -4vw;}
.c-button-list > li > a::after {}
.c-button-list > li > a:hover {}
}


#header_ > nav > .list {font-weight:400;}
#header_ > nav > .list > li > .sub > a {font-weight:400;}

@media screen and (min-width:600px) {
#header_ > nav > .s-contents-nav > li.language > ul > li.en {display:none;}
}

@media screen and (max-width:599px) {
#header_ > nav > .s-contents-nav > li.language > ul > li.en {display:flex;}
#header_ > nav > .s-contents-nav > li.language > ul > li.en::after {opacity:1;}
#header_ > nav > .s-contents-nav > li.language > ul > li.en > a {opacity:1;}
}