@charset "UTF-8";
@import"style.css";

/*--------------------------------------------------------------------------------
 *
 * style.cssの内容をリセット・再定義
 *
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * ヘッダー
 *
 *
 *
 *
--------------------------------------------------------------------------------*/
header {background:#fff; border-bottom: 3px solid #19AAC4;} 
#h1 a {color: #000;}
header #h1 {margin-bottom: 0; z-index: 99999;}

.kv_kasou {height: 250px; background: #19AAC4;}
.kv_inner {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.kv_kasou .ttl {margin-bottom: 0;}
.kv_kasou h1 {text-align: center; margin-bottom: 0;color: #fff;}
.kv_kasou h1 span {color: #fff;}


@media screen and (max-width:766px) {
	.kv_kasou {height: 200px;}
	.kv_inner {height: 200px;}
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * グローバルナビゲーション
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

/* ------------------------------グローバルナビゲーション（PC）------------------------------　*/

/* ------------------------------グローバルナビゲーション（SP）------------------------------　*/
@media screen and (max-width:768px){
	nav#header-nav ul li a.current { pointer-events:none; border-bottom:none; padding-bottom:20px; }
}


/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * パンくずリスト
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

nav#pan { text-align:left; margin:0; padding:0 0 2px 0; }
nav#pan ol { max-width: 1000px; margin: 0 auto; padding: 8px 0;
    display:-webkit-box; display:-ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-align: start; -ms-flex-align: start; justify-content: flex-start; }
nav#pan ol li { display:inline; list-style-type:none; font-size:10px; color:#a3a3a3; }
nav#pan ol li a { color:#a3a3a3; }
nav#pan ol li:before { content: " > "; padding: 0 .5em;}
nav#pan ol li:first-child:before { content:""; padding: 0;}

@media screen and (max-width:768px){
	nav#pan { padding:0 0px 2px 0px; }
	nav#pan ol {display: block; width:90%; margin: auto;}
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * メインビジュアル
 *
 *
 *
 *
--------------------------------------------------------------------------------*/
.header_kasou h1 span {font-size: 18px; display: block;}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * 投稿一覧ページ（home.php）
 *
 *
 *
 *
--------------------------------------------------------------------------------*/
/* ------------------------------ページャー（ブログ一覧）------------------------------　*/
#pagenation{text-align:center; margin-top:30px;}
#pagenation #pagenation-list{display:inline-block;}
#pagenation:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
#pagenation #pagenation-list li{float: left; list-style: none; padding: 0; margin: 0 5px 5px 0 !important; border: none; width: auto; border-radius: 2px; border-radius: 50%; color: #fff;}
#pagenation #pagenation-list li:last-child{margin-left:0;}
#pagenation #pagenation-list a,
#pagenation #pagenation-list span{background:none;display:block;margin:0;padding:4px 9px;font-size:12px;line-height:1.5;text-align:center; color: #000 !important; border: none !important;}
#pagenation #pagenation-list .current{background:#ffdc00; border:1px solid #E3E3E3; border-radius: 2px; color: #000; width: 60px; height: 60px; font-size: 14px; font-weight: bold; border-radius: 50%;
	display:-webkit-box; display:-ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#pagenation #pagenation-list .omit{padding:4px 2px;color:#777777;}
#pagenation #pagenation-list li a{color:#333333;border:1px solid #6B6B6B;text-decoration:none; width: 60px; height: 60px; font-size: 12px; font-weight: bold;
  display:-webkit-box; display:-ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#pagenation #pagenation-list a:hover{background:#000;color:#fff !important; text-decoration:none; border-radius: 50%; width: 60px; height: 60px;}

/* ------------------------------ページャー（セミナー情報一覧）------------------------------　*/
#pagenation ul.page-numbers {display:-webkit-box; display:-ms-flexbox; display: flex;}
#pagenation{text-align:center; margin-top:30px;}
#pagenation ul.page-numbers{display:inline-block;}
#pagenation:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
#pagenation ul.page-numbers li{float: left; list-style: none; padding: 0; margin: 0 5px 5px 0 !important; border: none; width: auto; border-radius: 2px; border-radius: 50%; background: #fff;}
#pagenation ul.page-numbers li:last-child{margin-left:0;}
#pagenation ul.page-numbers a,
#pagenation ul.page-numbers span{background:none;display:block;margin:0;padding:4px 9px;font-size:12px;line-height:1.5;text-align:center; color: #000 !important; border: none !important;}
#pagenation ul.page-numbers .current{background:#ffdc00; border:1px solid #E3E3E3; border-radius: 2px; color: #000; width: 60px; height: 60px; font-size: 14px; font-weight: bold; border-radius: 50%;
	display:-webkit-box; display:-ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#pagenation ul.page-numbers .omit{padding:4px 2px;color:#777777;}
#pagenation ul.page-numbers li a{color:#333333;border:1px solid #6B6B6B;text-decoration:none; width: 60px; height: 60px; font-size: 12px; font-weight: bold;
  display:-webkit-box; display:-ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#pagenation ul.page-numbers a:hover{background:#000;color:#fff !important; text-decoration:none; border-radius: 50%; width: 60px; height: 60px;}

/* ------------------------------前の記事、次の記事------------------------------　*/
/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{width:100%; margin: 60px 0 0px; padding:0;
	display:-webkit-box; display:-ms-flexbox; display: flex;
  -ms-flex-pack: distribute; justify-content: space-around;}
#prev_next  #prev, #prev_next  #next{ width: 50%; border-top: #000 2px solid; display: table-cell; position:relative; text-decoration:none;}
#prev_next  #prev {padding:30px 30px 10px 10px;}
#prev_next  #next {padding:30px 10px 10px 30px;}
#prev_next #prev::before {display: inline-block; position: absolute; top: 45%; left: -20px; vertical-align: middle; font-family: "Font Awesome 5 Free"; content: '\f053'; color: #ccc;
    font-size: 25px; line-height: 1; font-weight: 900;}
#prev_next  #next::after {display: inline-block; position: absolute; top: 45%; right: -20px; vertical-align: middle; font-family: "Font Awesome 5 Free"; content: '\f054'; color: #ccc;
    font-size: 25px; line-height: 1; font-weight: 900;}
#prev_next #prev:hover, #prev_next #next:hover{background-color: rgba(238,238,238,0.7);}
#prev_next #prev, #prev_next #next{ background: #fff; }
#prev_next #prev_title, #prev_next #next_title{font-size:90%; top:-1em; position:absolute; background:#fff; text-align: center; padding:3px; color:#000; font-weight: bold;}
#prev_next #next_title{right:10px;}
#prev_next #prev img, #prev_next #next img {margin:0;}
#prev_next #prev_no, #prev_next #next_no {width: 50%; height:140px; padding:0 10px; display: table-cell;}
#prev_next #prev_no{border-right:#ccc 1px solid;}
#prev_next_home{display: none;}
#prev_next_home:hover{background-color: rgba(0,0,255,0.7);}
#prev_next_home i {color:#FFF; margin:10px auto ; font-size:60px;}
/*-- ここまで --*/

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
	#prev_next{display: block;}
	#prev_next #prev, #prev_next #next {display:-webkit-box; display:-ms-flexbox; display: flex;}
	#prev_next #prev {padding:7% 5% 5% 5% ; width: 100%;}
	#prev_next #prev img, #prev_next #next img  {margin-right: 7%;  width: 80px; height: 80px; object-fit: cover;}
  #prev_next #next {padding: 7% 5% 0 5%; width: 100%;}
  #prev_next #prev::before {top: 50px; left: -10px;}
  #prev_next #next::after {top: 50px; right: -10px;}
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
	/*-- ここから --*/
	/*--------------------------------------
	768px PREV NEXT
	--------------------------------------*/
	#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
	#prev_next #next, #prev_next #next::before, #prev_next #next::after {	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}
	#prev_next #prev_title, #prev_next #next_title{ padding:3px 10px;}
	#prev_next #next_title{right:10px;}
	#prev_next #prev img{ float:left; margin-right:10px; width: 100px; height: 100px;}
	#prev_next #next img{float:right; margin-left: 10px; width: 100px; height: 100px;}
/*-- ここまで --*/
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * 投稿ページ（single.php）
 *
 *
 *
 *
--------------------------------------------------------------------------------*/
#wrapper { display:block; width:100%; margin:0 auto; padding:100px 0 100px 0; background: #E8F7FA;}

#wrapper article section {max-width: 800px;margin: auto; width: 100%;}
#wrapper article section .inner { width:100%; padding:0; }
#wrapper article .blog-wrapper ul { margin-bottom:20px; margin-bottom: 20px; background: #f5f5f5; padding: 20px; border-radius: 10px;}
#wrapper article .blog-wrapper ul li { margin: 15px 0; line-height: 1.7; position: relative; padding-left: 25px;}
#wrapper article .blog-wrapper ul li::before {display: inline-block; position: absolute; top: 3px; left: 0px; vertical-align: middle; font-family: "Font Awesome 5 Free"; content: '\f058';
    color: #ffdc00; font-size: 18px; line-height: 1; font-weight: 900;}
#wrapper article blockquote { position:relative; padding:20px 20px 20px 50px; background:#fff; border-left:4px solid #ffdc00; border-right:1px solid #ffdc00; width:90%; margin:30px auto; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
#wrapper article blockquote:before{ display:inline-block; position:absolute; top:15px; left:15px; vertical-align:middle; 
	font-family: "Font Awesome 5 Free"; content: '\f10d'; color:#ccc; font-size:25px; line-height:1;  font-weight: 900;}
#wrapper article blockquote p { padding:0; margin:20px 0 10px; line-height:1.5; }
#wrapper article p.ymd a { color:#a3a3a3!important; }
#wrapper article h1 { margin:20px 0; }
#wrapper article h2 { font-size:26px; text-align:left; border-bottom:3px dashed #000; display: block; padding: 10px 0; margin: 0 auto 40px; clear: both;}
#wrapper article h3 { border-left: 5px solid #ffdc00; clear: both; background-color: #f9f3a3;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 8px 8px; padding: 10px;}
    
#wrapper article h4  {border-bottom: 5px solid #f9f3a3;} 
#wrapper article h4  span { background: linear-gradient(transparent 70%, #f9f3a3 70%); padding-bottom: 5px;}

.article-wrapper {background: #fff; border: 3px solid #000; border-radius: 10px; padding: 50px;}
.article-wrapper img {width: 100%; border-radius: 10px; margin-bottom: 20px;}
.article-wrapper .date-wrapper {display: flex;}
.article-wrapper .date-wrapper p.ymd {font-size: 14px !important; margin: 0; padding-right: .8em;}
.article-wrapper .date-wrapper a {padding: 5px 5px; border-radius: 2px; margin: 0 5px;} 
.article-wrapper .author {margin-bottom: 20px !important;}   

#wrapper article .btn-wrapper {border: 2px solid #19AAC4; margin: 50px auto 0;}
#wrapper article .btn-wrapper a.btn {color: #19AAC4;}

@media screen and (max-width:768px){
	#wrapper {padding:60px 0 80px 0; }
	#wrapper article { width:90%; float:none; margin: auto;}
	#wrapper article h2 {font-size: 19px;}
	#wrapper article section {width: 100%;}
	#wrapper article blockquote { padding:30px 20px 20px 20px; width:100%; }
	#wrapper .article-wrapper {padding: 7%;}
}


/* ------------------------------関連記事一覧------------------------------　*/
p.kanren { font-size:14px; margin:0; padding:0; font-weight:bold; }
ul.related { margin:0; }
ul.related li { border-bottom:1px dotted #cccccc; padding:20px 0; }
ul.related img { display:block; width:100px; height:100px; float:left; margin:0 20px 0 0; padding:0; }
ul.related a { font-size:10px; font-weight:normal; }
ul.related p { margin:0; padding:0; font-size:10px; }
ul.related p.title { font-size:14px; font-weight:bold; }

/*---リンク領域をBOX全体に---*/
ul.related li { position:relative; }
ul.related li a { position:absolute; width:100%; height:100%; top:0; left:0; text-indent:100%; /*テキスト非表示*/ white-space:nowrap; /*テキスト非表示*/ overflow:hidden; /*テキスト非表示*/ display:block; }
ul.related li a:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:#fff; }

/* ------------------------------関連記事------------------------------　*/
ul.post02 {display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;/*中央に配置*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
ul.post02 > li { width:32%; flex-basis:32%; margin:10px 0; padding:0 0 20px 0; background:#fff; padding: 30px; border: 3px solid #000; border-radius: 10px; }
ul.post02 > li:hover a {color: #ff6600;}
ul.post02 li:nth-child(3n+2) { margin:10px 19px; }
ul.post02 li p { font-size:12px; margin:0;}
ul.post02 img { width:100%; height:150px; object-fit:cover; margin:0 auto 15px auto; padding:0; border-radius: 5px;}
ul.post02 li p.h3 {line-height: 1.4; font-size: 14px; font-weight: bold; margin: 10px 0 5px 0;}
ul.post02 li .date-wrapper p.ymd {float: left; padding: 2px 0;}
ul.post02 li .category {display: inline-block; margin: 2px 5px !important;}
ul.post02 li .category a {padding: 5px 5px; border-radius: 2px;}
ul.post02 .relative ul.post-categories li a { display:block; max-width:300px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:10px; color:#fff; }

@media screen and (max-width:768px){
	ul.post02 li { width:100%; flex-basis:100%; margin:10px 0; padding:7%; background:#fff; }
	ul.post02 li:nth-child(3n+2) { margin:10px 0px; }
}

/* ------------------------------トップページへ戻るボタン------------------------------　*/

a.button { background: #ffdc00;
    border: 3px solid #000;
    min-width: 300px;
    /*height: 55px;*/
    text-align: center;
    margin: auto;
    display: table;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: bold;
    font-size: 14px; padding: 18px 40px; margin: 60px auto 0 auto;}
a.button span {display: block; font-weight: normal; margin-top: 10px;}
a.button:hover {background:#000; color:#fff !important; }

@media screen and (max-width:768px){
	a.button { width:100%; padding:20px; min-width: auto;}
}


/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * 固定ページ（page.php）
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 *
 * 共通
 *
--------------------------------------------------------------------------------*/
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
} 



/* ------------------------------CTA------------------------------　*/
/*
.cta section { padding-top:200px; }
.cta h2 {  }
.cta h2 { padding-bottom:0px; border:none; }
.cta h2::after { position:static; content: ""; border:none; width:100%; }

@media screen and (max-width:768px){
	.cta section { padding-top:150px; }
}
*/

/* ------------------------------サンクスページ------------------------------　*/
#thanks-wrapper {height: 100%; background-color: #f9f3a3; position: relative;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 8px 8px;}
#thanks-wrapper::before {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 100vw 30px 0; border-color: transparent transparent #ffdc00 transparent;}
#thanks-wrapper::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 100vw 30px 0; border-color: transparent #ffdc00 transparent transparent;}
#thanks-wrapper section {height: 100%;}
#thanks-wrapper .inner {height: 100%; 
	display:-webkit-box; display:-ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#thanks-wrapper .txt-wrapper {display: block;}    
.thanks { padding:30px 0; }
.thanks .content { padding:0 30px; }
.thanks .content p { text-align:center; }

@media screen and (max-width:768px){
	#thanks-wrapper  {margin-top: 14px; }
}

/* ------------------------------エラーページ------------------------------　*/
#error-wrapper {height: 100%; background: #F5F5F5;}
#error-wrapper section {height: 100%;}
#error-wrapper .inner {height: 100%; 
	display:-webkit-box; display:-ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#error-wrapper h1 {font-family: "Jost", sans-serif; color: #6F6F6F; font-size: 70px;font-weight: 500;}
#error-wrapper .txt-wrapper {display: block;}   
#error-wrapper .txt-wrapper p {text-align: center;}

@media screen and (max-width:768px){
	#error-wrapper {margin-top: 14px;}
	#error-wrapper h1 {font-size: 16vw;}
	#error-wrapper .txt-wrapper p {text-align: left;}
} 


/*--------------------------------------------------------------------------------
 *
 * 新着情報（home.php）
 *
--------------------------------------------------------------------------------*/
article.page_news {background: #E8F7FA; min-height: calc(100vh - 180px);}

@media screen and (max-width:766px){
	article.page_news {min-height: calc(100vh - 80px);}
}

/* ------------------------------　記事関連（下層）------------------------------　*/
 /*--------------------------------------------------------------------------------
 *
 * ブログ
 *
--------------------------------------------------------------------------------*/

/* ------------------------------　記事関連（下層）------------------------------　*/
 ul.post { width: 100%; 
	 display:-webkit-box; display:-ms-flexbox; display:flex;
	 -ms-flex-wrap:wrap; flex-wrap:wrap;}
 ul.post li {position: relative; width: calc((100% - 40px)/ 3); flex-basis: calc((100% - 40px)/ 3); margin: 10px 0; padding: 0 0 20px 0; background: #fff; border-radius: 20px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
ul.post li:nth-child(3n+2) {margin: 10px 20px;} 
ul.post li img {width: 100%; margin-bottom: 10px; height: 170px; object-fit: cover; border-radius: 20px 20px 0 0;}
ul.post li .category {position: absolute; background: #ff96c1; padding: 2px 10px; color: #fff; font-weight: bold; top: 0; left: 0;}
/* ul.post li .date-wrapper .ymd {float: left; padding: 2px 0;} */
ul.post li p { font-size:14px; margin:0;}
ul.post li h3 { font-size:16px; font-weight:bold; margin-bottom: 10px; }
.author, .author a {color: #333; font-size: 12px;}
.author {border-bottom: 4px dotted #cf9f58; padding-bottom: 5px;margin-bottom: 5px !important;}
.author:hover a {color: #0089d7;}

ul.post li .date-wrapper {
    padding: 20px;
}

@media screen and (max-width:766px){
	ul.post li { width:100%; flex-basis:100%; margin:10px 0;  background:#fff; display: block;}
	ul.post li:nth-child(3n+2) {margin: 10px 0;}
	ul.post li h3 {margin-top: 10px;}
	ul.post li .category {font-size: 12px;}
	ul.post li img {height: 55vw;}
}



/* ------------------------------関連記事------------------------------　*/
/*
ul.post02 { width: 100%; 
	 display:-webkit-box; display:-ms-flexbox; display:flex;
	 -ms-flex-wrap:wrap; flex-wrap:wrap;}
 ul.post02 li {position: relative; width: calc((100% - 40px)/ 3); flex-basis: calc((100% - 40px)/ 3); margin: 10px 0; padding: 0 0 20px 0; background: #fff;}
ul.post02 li:nth-child(3n+2) {margin: 10px 20px;} 
ul.post02 li img {width: 100%; margin-bottom: 10px; height: 200px; object-fit: cover;}
ul.post02 li .category {position: absolute; background: #ff96c1; padding: 2px 10px; color: #fff; font-weight: bold; top: 0; left: 0;}
ul.post02 li p { font-size:14px; margin:0;}
ul.post02 li h3 { font-size:16px; font-weight:bold; margin-bottom: 10px; }


@media screen and (max-width:766px){
	ul.post li { width:100%; flex-basis:100%; margin:10px 0;  background:#fff; display: block;}
	ul.post li:nth-child(3n+2) {margin: 10px 0;}
	ul.post li h3 {margin-top: 10px;}
	ul.post li .category {font-size: 12px;}
}

@media screen and (max-width:768px){
	ul.post02 li { width:100%; flex-basis:100%; margin:10px 0; padding:7%; background:#fff; }
	ul.post02 li:nth-child(3n+2) { margin:10px 0px; }
}
*/


/*--------------------------------------------------------------------------------
 *
 * 会社情報（page_company.php）
 *
--------------------------------------------------------------------------------*/
#company_page .inner { padding:100px 0; }
#company_page h3 span {display: block; font-size: 14px; font-weight: normal;}

@media screen and (max-width:768px){
	#company_page {margin-top: 60px;}
	#company_page .inner { padding:60px 0; }
}

/*--------------------------------------------------------------------------------
 * company
--------------------------------------------------------------------------------*/
#company_page .company {background-color: #f9f3a3; position: relative;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 8px 8px;}
#company_page .company:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid;
    border-width: 0 100vw 30px 0; border-color: transparent transparent #ffdc00 transparent;}    
#company_page .company ul {border: 3px solid #000; border-radius: 10px; padding: 30px; background: #fff;}
#company_page .company .company-table { width:100%; border-collapse:collapse; position:relative; }
#company_page .company .company-table tr {display: flex; margin-bottom: 0; padding: 0;}
#company_page .company .company-table tr:last-child {border: none;}
#company_page .company .company-table th {text-align: left; width: 25%; text-align: right; padding: 20px; font-size: 14px; font-weight: bold; border-bottom: none;}
#company_page .company .company-table tr:first-child th {border-radius: 10px 0 0 0;}
#company_page .company .company-table td {width:75%; text-align:left; padding:20px; font-size:14px; line-height: 1.7;}

@media screen and (max-width: 768px) {
	#company_page .company ul {padding: 7%;}
	#company_page .company-table::before { right:0px; font-size:2rem; }
	#company_page .company-table th {display: block; border-radius: 0;}	
	#company_page .company-table th::before {content: none;}
	#company_page .company-table th,
	#company_page .company table tr { border-bottom: 2px dotted #eee;} 
	#company_page .company-table tr:last-child th {border-radius: 0 0 0 10px;}
	#company_page .company-table td { padding:20px 10px !important; font-size:10px; display: block;}
	#company_page .company-table td {font-size: 12px !important;}
	#company_page .company-table td:last-child::before {border-radius: inherit;}
}

/*--------------------------------------------------------------------------------
 *
 * プライバシーポリシー（page_privacy.php）
 *
--------------------------------------------------------------------------------*/
#privacy_page { background-color: #f9f3a3; position: relative;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 8px 8px; }
#privacy_page:before {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 100vw 30px 0; border-color: transparent transparent #ffdc00 transparent;}
#privacy_page:after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 100vw 30px 0; border-color: transparent #ffdc00 transparent transparent;}
#privacy_page .contents-wrapper {margin: 0 0 40px 0;}
#privacy_page .contents-wrapper:last-child {margin: 0;}
#privacy_page h2 {text-align: left; border-bottom: 2px solid #000; margin: 0 0 15px 0; display: block; font-size: 16px;}
#privacy_page ul { margin-bottom:20px; }
#privacy_page ul li {line-height: 1.7; font-size: 12px;}
#privacy_page .contents-wrapper a {color: #ff6600; text-decoration: underline; font-size: 14px;}

@media screen and (max-width: 768px) { 
	#privacy_page {margin-top: 60px;}
	#privacy_page .article-wrapper {padding: 7%;}
}