@charset "utf-8";

/*======================================================================

　採用　セミナー
　
======================================================================*/

/*h4 {font-weight: 600;}
ul.point li {width: 96%; list-style: disc; font-size: 0.85rem; padding: 0.5em 0; line-height: 1.6; margin: 0 0 0 4%;}
p.article {margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.6; text-align: justify;}
div.btn_link {display: inline-block; background: #00aaeb; padding: 12px 24px; width: calc(50% - 48px); text-align: center; border-radius: 8px; margin: 0 25%;}
#template #container-main div.btn_link a {color: #fff; font-weight: 600;}
ul.notice li { font-size: 0.85rem; padding-left: 1em; text-indent: -1em; }
.tb_rec p { margin-bottom: 10px; }
.venue { display: inline-block; margin: 0 0 3px; padding: 1px 16px 2px; color: #fff; border-radius: 3px; background: #333; }
.page_contents .sppg_content p { margin: 0 auto; }*/



div.btn_link {display: inline-block; background: #00aaeb; padding: 12px 24px; width: calc(50% - 48px); text-align: center; border-radius: 8px; margin: 0 25%;}
#template #container-main div.btn_link a {color: #fff; font-weight: 600;}
.venue { display: inline-block; margin: 0 0 3px; padding: 1px 16px 2px; color: #fff; border-radius: 3px; background: #333; }

p.article { margin-bottom: 1.5rem; font-size: 1.0rem; font-weight: 400; line-height: 1.8; text-align: justify; }

#content .tb_rec { width: 94%; margin: 0 auto 30px; }
#content .tb_rec p { margin-bottom: 10px; }

ul.point li {width: 96%; list-style: disc; font-size: 0.85rem; padding: 0.5em 0; line-height: 1.6; margin: 0 0 0 4%;}
#content ul.notice { width: 96%; margin: 0 auto; }
#content ul.notice li { font-size: 0.85rem; padding-left: 1em; text-indent: -1em; }



/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/

#wrapper { font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; width: 100%; min-width: 1000px; padding: 0; background: #f5f5f5; }
.inr { width: 100%; /*max-width: 1000px;*/ margin: 0 auto; }
.vpc { display: inherit; }
.vsp { display: none; }
.flb { display:flex; flex-wrap: wrap; width: 100%; margin: 0 auto; }
#wrapper a { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-decoration: none; }


/* リンク
---------------------------------*/
/*a, a > div	{ font-weight: 500; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; }
a:link		{ color: #0952a1; }
a:visited	{ color: #0952a1; }
a:hover		{ text-decoration: none; color: #0952a1; opacity: 0.7; }
a:active	{ text-decoration: none; }*/


/* 見出し
---------------------------------*/
#content h2 { font-size: 130%; }
#content h3 { margin-bottom: 1.5rem; border: none; font-size: 1.4rem; color: #666; text-align: center; }
#content h4 { font-weight: 600; }
#content h5 { width: 94%; font-size: 1.1rem; font-weight: 600; margin: 1.5em auto .5em; }
#content h5+p { margin: 0 1em 1em; }


.flb .btn_osaka, .flb .btn_tokyo { width: 46%; margin: 1em 2% 2em; padding: 0; font-size: 1.8rem; font-weight: 600; text-align: center; background: #00b7b5; border-radius: 8px; transition: 0.2s ease-out; }
.flb .btn_osaka:hover, .flb .btn_tokyo:hover { opacity: 0.7; }
.flb .btn_osaka span, .flb .btn_tokyo span { display: block; font-size: 1rem; }
.flb .btn_osaka a, .flb .btn_tokyo a { display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 1em 0; }
#venue_osaka, #venue_tokyo { width: 94%; margin: 0 auto 1em; padding: 3px 1%; color: #333; font-size: 1.6rem; font-weight: bold; background: linear-gradient(transparent 70%, #ffe63f 70%); }

#template #container-main .flb .btn_osaka a, #template #container-main .flb .btn_tokyo a { color: #fff; text-decoration: none; }




/*------------------------------------------------

	[99] メディアクエリ

------------------------------------------------*/
@media screen and (min-width: 769px) {


}


@media screen and (max-width: 768px) {

section { overflow: hidden; }

/* [01] 基本・レイアウト
---------------------------------*/
#resNav { z-index: 9999; }
.bg-subnav { display: none; }
header { min-width: 150px; }
#wrapper { min-width:200px; }
.inr { width: 100%; max-width: none; padding-top: 0px; }
.vpc { display: none; }
.vsp { display: inherit; }

/* 見出し */



}



@media screen and (max-width: 480px) {





}