@charset "utf-8";
@import "font_notosansjp.css";
@import "fonts_roboto.css";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    /* -o-transform: rotate(0.05deg);
    -ms-transform: rotate(0.05deg);
    -moz-transform: rotate(0.05deg);
    -webkit-transform: rotate(0.05deg);
    transform: rotate(0.05deg); */
}
svg {
	vertical-align: middle;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
	vertical-align: top;
}

ul, li {
	list-style: none;
}

/*=================================
 base setting
===================================*/ 
body {
  font-family:  'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;	
  font-weight: 400;
	font-size: 16px;
	line-height: 1.5;	
	color: #464646;
	-webkit-text-size-adjust: 100%;
}

.bold-xs {font-family: 'Noto Sans JP';font-weight: 300;}
.bold-sm {font-family: 'Noto Sans JP';font-weight: 400;}
.bold-md {font-family: 'Noto Sans JP';font-weight: 500;}
.bold-lg {font-family: 'Noto Sans JP';font-weight: 700;}

#wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#btn-gotop {
	text-align: right; 
	position: fixed;
	bottom: 55px;
	width: 100%;
	box-sizing: border-box;
	height: 1px;
	padding-right: 30px;
}

.sp-off { display: inline-block;}
.sp-on { display: none;}
.pc-wid30 {width: 30%;}

.text-en { font-family: 'Roboto';font-weight: 300;}
.text-en.bold-xs {font-family: 'Roboto';font-weight: 200;}
.text-en.bold-ss {font-family: 'Roboto';font-weight: 100;}

a {
  color: #464646;
  text-decoration: none;
}

.content-inner {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

.content-inner02 {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}

/*=================================
area sub
===================================*/
#area-sub {
  background: #ffffff;
	width: 240px;
	position:fixed;
	top: 0;
	left: 0;
}

#area-sub.min-gnav {position: absolute;}

/*==== ctn-header ====*/
#ctn-header {
  text-align: center;
  padding: 20px 30px;
}

/*==== ctn-gnav ====*/
#ctn-gnav ul li {
  border-top: 1px solid #e6e6e6;
}
#ctn-gnav ul li a {
  font-family: 'Noto Sans JP';font-weight: 500;
  padding: 8px 0 10px 52px;
  display: block;
  letter-spacing: 0.1rem;
}
#ctn-gnav ul li a span {
	display: block;
	font-size: 0.75rem;
	letter-spacing: 0;
}
@media all and (min-width: 768px) {
	#ctn-gnav ul li a:hover, #ctn-gnav ul li a.active {
		background: #e27505;
		color:#ffffff;
	}
}

.lang-btn {
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
  padding: 13px 0 13px 52px;
}
.lang-btn li {float: left;}
.lang-btn li a { 
  font-size: 1rem;
  padding-right: 14px;
  border-right: 1px solid #828282;
}
.lang-btn li:last-child a {
  border-right: none;
  padding-left: 14px;
}

/*==== ctn-search ====*/
#gsc-i-id1 {margin-top: -10px !important; font-size: 0.875rem !important;}
#gs_st50 {display: none !important;}
#ctn-search .ctn-search_keyword {
	padding: 15px 55px 10px;
	border-top: 1px solid #e6e6e6; 
}
#ctn-search .ctn-search_keyword .ctn-search_keyword--inner {position: relative; width: 100%;}
#ctn-search .ctn-search_keyword .ctn-search_keyword--inner #searchtext {
	width: 100% !important;
	border: 1px solid #000000 !important;
	background: none !important;
	padding: 5px 25px 5px 5px !important;
	box-shadow:none;
	outline: none;
	margin: 0;
	border-radius: 0;
	box-sizing: border-box;
  line-height: 1;
  vertical-align: top;
}
#ctn-search .ctn-search_keyword .ctn-search_keyword--btn {
	background: url(/assets/images/ico_serach.png) no-repeat left top;
  background-size: 100%;
	width: 17px;
	height: 17px;
	border: none;
	text-indent: -9999px;
	position: absolute;
	right: 7px;
	top: 5px;
  vertical-align: top;
} 

#ctn-search .ctn-search_list {text-align: center;}
#ctn-search .ctn-search_list li {
	display: inline-block;
	font-size: 1rem;
	padding: 0 10px;
}


/*=================================
area main
===================================*/
#area-main {
	width: 100%;
  max-width: 1360px;
	padding-left: 240px;
	box-sizing: border-box;
}

#area-main > article {
  margin-bottom: 50px;
}

/*==== container main visual ====*/
#ctn-visual { 
	width:100%;
  /* max-height: 460px; */
	position: relative;
	overflow: hidden;
}

#ctn-visual .ctn-visual_tit {
	font-size: 2.5rem;
	color: #ffffff;
	text-align: center;
	letter-spacing: 2px;
	position: absolute;
	width: 100%;
	top: 0;
}

#ctn-visual .ctn-visual_btn01 {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#ctn-visual .ctn-visual_btn01 a {
	position: absolute;
  width: 23.5%;
  height: 0;
  padding-bottom: 23.5%;
	right: 50px;
  margin-top: -33%;
}
#ctn-visual .ctn-visual_btn01 img {width: 100%;}


/*==== container topic path ====*/
.ctn-topic {padding: 5px 0;}
.ctn-topic ol li {display: inline-block;	font-size: 0.75rem;}
.ctn-topic ol li:after {
	content: ">";
	font-size: 0.75rem;
	margin-right: 5px;
	font-family: 'Roboto';font-weight: 300;
}
.ctn-topic ol li:last-child:after{display: none;}
.ctn-topic ol li a {
	font-size: 0.75rem;
	color: #e27500;
	padding-right: 10px;
}
.ctn-topic ol li a:hover {opacity: 0.6;}

/*==== section recommended ====*/
#sec-recommended {
	background: url(/assets/images/bg_rcm01.png) no-repeat left bottom;
	background-size: 100%;
	padding-bottom:30px;
}
#sec-recommended .sec-recommended_tit01, 
#sec-recommended .sec-recommended_tit02, 
#sec-recommended .sec-recommended_tit03 {
	border-bottom: 1px solid #8b8b8b;
	text-align: center;
	font-size: 1.25rem;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#sec-recommended .sec-recommended_tit01:before, 
#sec-recommended .sec-recommended_tit02:before, 
#sec-recommended .sec-recommended_tit03:before {
	content: " ";
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 9px;
	padding-top: 5px;
	vertical-align: middle;
}
#sec-recommended .sec-recommended_tit01:before {background: url(/assets/images/ico_rcm01.png) no-repeat left top; background-size: 100%;}
#sec-recommended .sec-recommended_tit02:before {background: url(/assets/images/ico_rcm02.png) no-repeat left top; background-size: 100%;}
#sec-recommended .sec-recommended_tit03:before {background: url(/assets/images/ico_rcm03.png) no-repeat left top; background-size: 100%;}

#sec-recommended .sec-recommended_txt {
	text-align: center;
	font-size: 1rem;
	line-height: 1.7;
	margin-bottom: 10px;
}
#sec-recommended .sec-recommended_img img {width: 100%}

#sec-pr {
  border-top: 1px dotted #646464;
  margin-top: 30px;
  padding-top: 10px;
}

/*==== layout-topnews ====*/
.topnews {
  border-left: 1px solid #e27500;
  padding-left: 10px; 
  margin: 10px 0;
}
.topnews .topnews-tit {
  font-size: 1.25rem;
  color: #e27500;
  margin-bottom: 10px;
  font-weight: normal;
}
.topnews .topnews-ct .topnews-ct_item {
  box-sizing: border-box;  
  display: inline-block;
  width: 31%;
  margin-left: 3.333%;
  margin: 0 -0.3em 15px 3.8%;
  padding: 0 0 15px 0; 
  vertical-align: top;
  border-bottom: 1px dotted #464646;
}
.topnews .topnews-ct .topnews-ct_item:nth-child(3n + 1) {margin-left: 0; padding-left: 0;}
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--img {
  float: left;
  width: 29%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--img img {width: 100%;}

.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--date {font-size: 0.75rem;}
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--txt {font-size: 1rem;}
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--date,
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--txt {
  width: 68%;
  float: right;
}

/*==== container sitemap ====*/
#ctn-sitemap {
  font-size: 1rem;
	background: #e27500;
	width: 100%;
	padding: 20px;
	margin-top: 40px;
	color: #ffffff;
	box-sizing: border-box;
}
#ctn-sitemap a {color: #ffffff;}
#ctn-sitemap a:hover {opacity: 0.6;}
#ctn-sitemap h2 {margin-bottom: 8px;}
#ctn-sitemap .sitemap-list {margin-bottom: 20px;}
#ctn-sitemap .sitemap-list li { line-height: 1.1; margin-bottom: 10px;}
#ctn-sitemap .sitemap-list li a {font-size: 0.75rem;}


/*==== container footer ====*/
#ctn-footer {padding: 15px 20px; text-align: center;}

#ctn-footer .ctn-footer_link li {
	display: inline-block;
	margin-right: -0.3em;
}
#ctn-footer .ctn-footer_link li a {
	font-size: 1rem;
	padding: 0 1em;
	border-left: 1px solid #464646;
	vertical-align: middle;
}
#ctn-footer .ctn-footer_link li:first-child a {
	padding-left: 0;
	border-left: none;
}

#ctn-footer .ctn-footer_copy {
	font-size: 0.8125rem;
	margin-top: 10px;
}


/*=================================
heading
===================================*/
/* level 01 */
.hdg-lv01-01 {
	font-size: 2rem;
	font-weight: normal;
  font-family: 'Noto Sans JP';font-weight: 300;
}

.hdg-lv01-01.hdg-ico {
  padding-left: 55px;
}
.hdg-lv01-01.hdg-ico i {
  background: #e27500;
  display: inline-block;
  color: #ffffff;
  border-radius: 50%;
  font-size: 1.375rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-style: normal;
  margin-left: -55px;
  margin-right: 15px;
  margin-top: 5px;
  vertical-align: top;
}


.heading-fig, .heading-fig .content-inner02 {position: relative;}
.heading-fig .heading-fig_tit {
  font-size: 2rem;
  font-weight: normal;
  position: absolute;
  top: 33px;
  left: 20px;
}
.heading-fig .heading-fig_img img {width: 100%}
.heading-fig .heading-fig_txt {
  font-size: 1rem;
  position: absolute;
  top: 95px;
  left: 20px;
  line-height: 1.7;
}
.heading-fig.tit-line2 .heading-fig_txt{top: 145px;}
.heading-fig.no-full {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.heading-fig.no-full .heading-fig_img img {border-radius: 10px;}
.heading-fig.no-full .heading-fig_tit {color: #ffffff;}



.heading-fig01 {padding: 0 20px;}
.heading-fig01, .heading-fig01 .content-inner {position: relative;}
.heading-fig01 .heading-fig01_tit {
  font-size: 1.75rem;
  line-height: 1.4;
  color: #ffffff;
  font-weight: normal;
  position: absolute;
  top: 25px;
  left: 20px;
}
.heading-fig01 .heading-fig01_img img {width: 100%; border-radius: 10px;}
.heading-fig01 .heading-fig01_txt {
  font-size: 1rem;
  position: static;
  line-height: 1.7;
  margin-top: 20px;
}
.heading-fig01.tit-line2 .heading-fig01_txt {top: 110px;}

.heading-fig01.tit-sub .heading-fig01_tit span {font-size: 1rem; display: block;}
.heading-fig01.tit-sub .heading-fig01_txt {top: 110px;}

.heading-fig01 .heading-fig01_txt01 {
  font-size: 1rem;
  color: #ffffff;
  position: absolute;
  line-height: 1.7;
  top: 110px;
  left: 25px;
}



/* level 02 */
.hdg-lv02-01 {
	padding: 5px 0;
	position: relative;
 	color: #e27500;
}
.hdg-lv02-01 h2 {
	font-weight: normal;
	color: #e27500;
	font-size: 1.75rem;
}
.hdg-lv02-01 h2 .text-en {
	margin-right: 25px;
	font-size: 2rem;
  vertical-align: middle;
}
.hdg-lv02-01 h2 .text-ja {
	font-size: 1.525rem;
}
.hdg-lv02-01 .link-more01 {
	position: absolute;
	top: 1.25rem;
	right: 0;
}
.hdg-lv02-01 .date {font-size: 1rem; line-height: 1em;}
.hdg-lv02-01 .note {font-size: 1.5rem; line-height: 1.2em; font-weight: bold;}
.hdg-lv02-01 .caption {
  font-size: 1.25rem; 
  line-height: 1.2em;
  margin-bottom: 10px;
}

.hdg-lv02-02 {
	font-size: 1.25rem;
	font-weight: normal;
	margin-bottom: 10px;
}

.hdg-lv02-03 {
	font-size: 1.25rem;
  font-weight: bold;
	margin-bottom: 10px;
  color: #e27500;
}

.hdg-lv02-04 {
	font-size: 1.75rem;
  font-weight: normal;
	margin-bottom: 20px;
  color: #e27500;
  border-top: 1px solid #e27500;
  border-bottom: 1px solid #e27500;
  padding: 10px 0 5px;
}


/* level 03 */
.hdg-lv03-01 {
	font-size: 1.25rem;
	margin: 20px 0 10px;
}
.hdg-lv03-02 {font-size: 1.25rem;}

.hdg-indent {padding-left: 1.5em;}
.hdg-indent .hdg-lv03-01 .hdg-mark {margin-left: -1.25em; display: block; float: left}
.hdg-indent .hdg-mark {margin-left: -1.5em; display: block; float: left}


.hdg-lv03-step {
  font-size: 1.25rem;
  color: #e27500;
  line-height: 1.4;
  padding-left: 60px;
  min-height: 47px;
}
.hdg-lv03-step:before {
  content: " ";
  display: block;
  vertical-align: middle;
  width: 47px;
  height: 47px;
  float: left;
  margin-left: -60px;
}

.hdg-lv03-step.step01:before {background: url(/assets/images/ico_hdg_s01.png) left top; background-size: 100%;}
.hdg-lv03-step.step02:before {background: url(/assets/images/ico_hdg_s02.png) left top; background-size: 100%;}
.hdg-lv03-step.step03:before {background: url(/assets/images/ico_hdg_s03.png) left top; background-size: 100%;}
.hdg-lv03-step.step04:before {background: url(/assets/images/ico_hdg_s04.png) left top; background-size: 100%;}


/*=================================
Common: layout, module, container
===================================*/
/*==== container ====*/
.ctn-content01 {
	border-top: 1px solid #e27500;
	margin-top: 25px;
	padding: 0 20px;
}

.ctn-content02 {
	margin-top: 35px;
	padding: 0 20px;
}
header.ctn-content02 {
  margin-top: 0;
  padding: 0 39px 20px;
}
header.ctn-content02 .content-inner{
  max-width: none;
  padding: 0;
}

#popup-header+article header.ctn-content02 .content-inner{
  max-width: 720px;
}
@media screen and (max-width: 767px){
  header.ctn-content02 {
    margin-top: 0;
    padding: 0 1.75rem 20px;
  }
}

.ctn-content03 {margin-top: 35px;}
header.ctn-content03 {
  margin-top: 0;
  padding: 0 39px 20px;
}
header.ctn-content03 .content-inner{
  max-width: none;
  padding: 0;
}
#popup-header+article header.ctn-content03 .content-inner{
  max-width: 720px;
}
@media screen and (max-width: 767px){
  header.ctn-content03 {
    margin-top: 0;
    padding: 0 1.75rem 20px;
  }
}

.ctn-content01 p, .ctn-content02 p, .ctn-content03 p {font-size: 1rem;}
.ctn-content02 p {line-height: 1.7;}

/* container tab */
.ctn-tab .ctn-tab_list {
  display: table;
  width: 100%;
  max-width: 720px;
  margin: 20px auto;
}
.ctn-tab .ctn-tab_list.tab02 .ctn-tab_list--item{width: 50%;}
.ctn-tab .ctn-tab_list .ctn-tab_list--item  {
  display: table-cell;
  text-align: center;
  font-size: 1rem;
  color: #e27500;
  width: 33.333%;
  border: 1px solid #e27500;
}
.ctn-tab .ctn-tab_list .ctn-tab_list--item a {
  color: #e27500; 
  display: block;
  padding: 14px 0 14px;
}
.ctn-tab .ctn-tab_list .ctn-tab_list--item a.active,
.ctn-tab .ctn-tab_list .ctn-tab_list--item a:hover {background: #e27500; color: #ffffff;}


/* container tab02 */
.ctn-tab02 {padding: 0 20px;}
.ctn-tab02 .ctn-tab02_list { 
  width: 100%;
  max-width: none;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide .slideinner {
  width: 100%;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide a {
  display: block;
  float: left;
  max-width: 170px;
  width: 25%;
  text-align: center;
  border: 1px solid #e27500;
  color: #e27500;
  font-size: 1rem;
  padding: 4px 0 2px;
  box-sizing: border-box;
}
.ctn-tab02 .ctn-tab02_list.view-tab4 .ctn-tab02_list--slide a {width: 170px; max-width: 170px;}
.ctn-tab02 .ctn-tab02_list.view-tab3 .ctn-tab02_list--slide a {width: 50%; max-width: none; margin-bottom:2px;}
.ctn-tab02 .ctn-tab02_list.view-tab2 .ctn-tab02_list--slide a {width: 50%; max-width: none; margin-bottom: 2px;}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide a:hover,
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide a.active,
body.career1 .ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide a.career1,
body.career2 .ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide a.career2,
body.career3 .ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide a.career3,
body.career4 .ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide a.career4 {
  background: #e27500;
  color: #ffffff;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--btn a {
  display: block;
  width: 12px;
  height: 12px;
  border-left: 1px solid #e27500;
  border-bottom: 1px solid #e27500;
  position: absolute;
  top: 8px;
  cursor: pointer;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--btn a.btnpre { 
  display: none;
  transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
  left: 0;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--btn a.btnnext { 
  display: none;
  transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
  right: 0;
}

.ctn-tab02 .ctn-tab02_ct {margin-top: 30px;}



.ctn-tab02 .ctn-tab03_list { 
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide {
  position: relative;
  overflow: hidden;
  direction: rtl;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin: 0 auto;
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide:after{
  content:" ";
  display: block;
  height: 0;
  clear: both;
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide .slideinner {
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide a {
  display: block;
  float: left;
  width: 20%;
  max-width: 142px;
  text-align: center;
  border: 1px solid #e27500;
  color: #e27500;
  font-size: 1rem;
  padding: 14px 0 14px;
  box-sizing: border-box;
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide a.active,
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide a:hover {
  background: #e27500;
  color: #ffffff;
}



/*==== layout content ====*/
.lyt-ct01 > a {outline: none;}
.lyt-ct01 .lyt-ct01_hdg01 {
	font-size: 1.25rem;
	color: #e27500;
	margin-bottom: 10px;
	font-weight: normal;
}

.lyt-ct01 .lyt-ct01_img01 img, .lyt-ct01 .lyt-ct01_img02 img {width: 100%; border-radius: 5px;}
.lyt-ct01 .lyt-ct01_img01 {position: relative; margin-bottom: 10px;}
.lyt-ct01 .lyt-ct01_img01 .lyt-ct01_img01--ico {
  font-size: 1.25rem;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #e27500;
	color: #ffffff;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
}
.lyt-ct01 .lyt-ct01_img02 {margin-bottom: 10px;}

.lyt-ct01 .lyt-ct01_tit01 {
	font-size: 0.8125rem;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
} 
.lyt-ct01 .lyt-ct01_tit01 .lyt-ct01_tit01--date {display: block;}
.lyt-ct01 .lyt-ct01_tit02 {
	font-size: 1rem;
	border-bottom: 1px dotted #646464;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.lyt-ct01 .lyt-ct01_tit02 .lyt-ct01_tit02--date {font-size: 0.8125rem; display: block;}
.lyt-ct01 .lyt-ct01_tit03 {font-size: 0.75rem; margin-bottom: 5px;}
.lyt-ct01 .lyt-ct01_tit03 h3 {font-size: 1.25rem;}

.lyt-ct01 .lyt-ct01_txt01 {line-height: 1.5;}
.lyt-ct01 .lyt-ct01_txt01, .lyt-ct01 .lyt-ct01_txt02 {
	font-size: 1rem;
	line-height: 1.7;
  word-break: break-all;
}


.lyt-ct02 {
  border-top: 1px dotted #646464;
  padding-top: 5px;
  margin-top: 20px;
}
.lyt-ct02 .lyt-ct02_box01 {
  border: 2px solid #e27500;
  border-radius: 10px;
  padding: 15px 20px;
  margin-top: 25px;
}


.lyt-ct03 .lyt-ct03_item {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img {
  max-width: 225px; 
  float: left;
  margin-right: 20px;
}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img01 {
  width: 19%; 
  float: left;
  margin-right: 20px;
}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img img {border-radius: 5px; max-width:225px;}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img01 img {width: 100%; border: 1px solid #cccccc;}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--txt {overflow: hidden; position: relative}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--txt .right-link {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-bottom: 0;
}


.lyt-ct04 {display: inline-block; width: 100%; margin-bottom: 20px;}
.lyt-ct04 .lyt-ct04_img {width: 38%; float: left; margin-right: 2%}
.lyt-ct04 .lyt-ct04_img img {width: 100%;}
.lyt-ct04 .lyt-ct04_ct {overflow: hidden;}


.lyt-ct05 {display: inline-block; width: 100%; margin-bottom: 20px;}
.lyt-ct05 .lyt-ct05_img {width: 36%; float: right; margin-left: 2%}
.lyt-ct05 .lyt-ct05_img img {width: 100%;}
.lyt-ct05 .lyt-ct05_ct {overflow: hidden;}

.lyt-ct06 { display:inline-block; width: 100%; margin: 20px 0 0 0 ;}
.lyt-ct06 .lyt-ct06_img {float: left; margin-right: 2%; width: 32%; max-width: 225px;}
.lyt-ct06 .lyt-ct06_img img { width: 100%;}
.lyt-ct06 .lyt-ct06_ct, .lyt-ct06 .lyt-ct06_link {width: 66%; float: right;}
.lyt-ct06 .lyt-ct06_ct h4 { color: #e27500;}


/*==== layout join ====*/
.lyt-join {
  display: inline-block;
  width: 100%;
  position: relative; 
  padding: 20px;
  border: 2px solid #e27500;
  border-radius: 10px;
  box-sizing: border-box;
}
.lyt-join h3 {
  font-size: 1.25rem;
  color: #e27500;
  margin-bottom: 5px;
}
.lyt-join .lyt-join_left {
  float: left;
  width: 64%;
  position: relative;
}
.lyt-join .lyt-join_left .lyt-join_left--txt {
  font-size: 1.85rem;
  line-height: 1.4;
  color: #e27500;
}
.lyt-join .lyt-join_left .lyt-join_left--img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.lyt-join .lyt-join_right {
  float: left;
  width: 32%;
  padding-left: 1.5%;
  margin-left: 1.5%;
  border-left: 1px dotted #e27500;
}



/*==== layout image ====*/
.lyt-fig01 {
	margin-bottom: 10px;
	position: relative;
}

@media all and (min-width: 768px) {
header.lyt-fig01:hover {opacity: 1; cursor: default;} /* only header tag */
header.lyt-fig01 a:hover {opacity: 0.7; cursor: pointer;} /* only header tag */
.lyt-fig01:hover img {opacity: 0.7; cursor: pointer;}
}

.lyt-fig01 .lyt-fig01_img img { width: 100%;}
.lyt-fig01 .lyt-fig01_txt {
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	padding: 30px;
}
.lyt-fig01 .lyt-fig01_txt h2 {
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: 15px;
}
.lyt-fig01 .lyt-fig01_txt a {color: #ffffff;}
.lyt-fig01 .lyt-fig01_txt .lyt-fig01_txt--caption {font-size:0.875rem; margin-bottom: 15px;}

.lyt-fig01 .lyt-fig01_question {
	background: rgba(255,255,255,.8);
	color: #e27500;
	font-size: 0.75rem;
	padding: 10px 10px 10px 55px;
	position: absolute;
	left: 95px;
	bottom: 20px;
}
.lyt-fig01 .lyt-fig01_question span {font-size: 1rem;}
.lyt-fig01 .lyt-fig01_question i {
	background: url(/assets/images/ico_question.png) left top;
	background-size: 100%;
	display: inline-block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: -45px;
	margin-right: 7px;
}

.lyt-fig02 {margin: 25px 0 15px; text-align: center;}
.lyt-fig02 img {width: 100%}
.lyt-fig02 figcaption {
  margin-top: 7px;
  font-size: 0.75rem;
  display: inline-block;
  width: 100%;
}
.lyt-fig02 figcaption .caption-left {float: left;}
.lyt-fig02 figcaption .caption-right {float: right;}

.lyt-fig02.pc-line1 {
  display: inline-block;
  width: 100%;
}
.lyt-fig02.pc-line1 img {
  float: left;
  width: 50%;
}

.lyt-fig03 img {width: 100%; border-radius: 10px;}
.lyt-fig03 figcaption {
  margin-top: 7px;
  font-size: 0.75rem;
}

.lyt-fig04 {position: relative; overflow:hidden; border-radius: 5px;}
.lyt-fig04 img {max-width: 225px;}
.lyt-fig04 figcaption {
  background: rgba(255,255,255,.8);
  font-weight: bold;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #e27500;
  width: 100%;
  padding: 6px 0 4px;
}

.lyt-fig05 {margin: 25px 0 15px; text-align: center;}


/*==== layout step ====*/
.lyt-step {margin-top: 45px}
.lyt-step .lyt-step_fig {position: relative; margin-bottom: 10px;}
.lyt-step .lyt-step_fig .lyt-step_fig--img img{width: 100%}
.lyt-step .lyt-step_fig .lyt-step_fig--ct {
  font-size: 1rem;
  background: rgba(255,255,255,.6);
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 105px 0 0 20px;
  box-sizing: border-box;
}
.lyt-step .lyt-step_fig .lyt-step_fig--num {
  display: block;
  text-align: center;
  position: absolute;
  z-index: 10;
  top: 35px;
  left: 20px;
}


/*==== layout anchor link ====*/
.lyt-anchor {margin-top: 50px;}
.lyt-anchor.line01 ul li {
  display: block;
  width: 100%;
  margin: 0 -0.3em 10px 0;
}
.lyt-anchor.inline ul li {
  display: inline-block;
  width: auto;
  margin: 0 25px 10px 0;
}
.lyt-anchor ul li {
  display: inline-block;
  width: 48%;
  margin: 0 -0.3em 10px 4%;
 	vertical-align: top;
}
.lyt-anchor ul li:nth-child(2n + 1) {margin-left: 0;}
.lyt-anchor ul li a {
  font-size: 1rem; 
  display: inline-block;
  padding-left: 26px;
}
.lyt-anchor ul li a:hover {opacity: 0.6;}
.lyt-anchor ul li a i {
	background: #e27500;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	margin-right: 8px;
  margin-left: -26px;
  margin-top: -2px;
}
.lyt-anchor ul li a i:before {
	content: "";
	background: #ffffff;
	display: block;
	height: 1px;
	width: 7px;
	transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 	position: absolute;
	left: 3px;
	top: 9px;
}
.lyt-anchor ul li a i:after {
	content: "";
	background: #ffffff;
	display: block;
	height: 1px;
	width: 7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
 	position: absolute;
	left: 8px;
	top: 9px;
}


/*==== layout officers ====*/
.lyt-officer {
  border-left: 1px dotted #e27500;
  padding-left: 15px;
 }
.lyt-officer .lyt-officer_name {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 15px;
 }
.lyt-officer .lyt-officer_name .lyt-officer_name--pos {
  font-size: 1rem;
  display: block;
 }


/*==== layout chairman ====*/
.lyt-chairman {margin-bottom: 45px;}
.lyt-chairman .lyt-chairman_tit {
  font-size: 1.25rem;
  margin-bottom: 5px;
}
.lyt-chairman .lyt-chairman_img {margin-bottom: 5px;}
.lyt-chairman .lyt-chairman_img img {width: 100%;}
.lyt-chairman .lyt-chairman_txt strong {font-size: 1.25rem; line-height: 1.2}
.lyt-chairman .lyt-chairman_txt span {font-size: 0.75rem;}


/*==== layout map ====*/
.lyt-map {margin-bottom: 10px;}
.lyt-map iframe {height: 400px;}


/*==== layout history ====*/
.lyt-history { 
  margin-top: 25px;
  border-bottom: 1px dotted #464646;
}
.lyt-history .lyt-history_item {
  font-size: 1rem;
  border-top: 1px dotted #464646;
  padding: 15px 0;
  display: table;
  width: 100%;
}
.lyt-history .lyt-history_item > div {display: table-cell;}
.lyt-history .lyt-history_item--date {width: 140px;}
.lyt-history .lyt-history_item--date span {font-size: 0.75rem; display: block;}
.lyt-history .lyt-history_item--txt {padding: 0 20px;}
.lyt-history .lyt-history_item--txt strong {font-size: 1rem;}
.lyt-history .lyt-history_item--img {width: 226px;}
.lyt-history .lyt-history_item--img img {border-radius: 5px;}


/*==== layout faq ====*/
.lyt-faq {border-bottom: 1px dotted #464646;}
.lyt-faq dt {
  font-size: 1rem;
  border-top: 1px dotted #646464;
  padding: 12px 35px 12px 0;
  position: relative;
}
.lyt-faq dt i {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 15px;
  bottom: 30px;
}
.lyt-faq dt i:after, .lyt-faq dt i:before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  border-left: 1px solid #e27500;
  border-bottom: 1px solid #e27500;
  transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.lyt-faq dt i:after {margin-top: -7px;}

.lyt-faq dt.active i:after, .lyt-faq dt.active i:before {
  transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.lyt-faq dd {
  font-size: 1rem;
  padding: 0 0 12px 0;
  display: none;
}
.lyt-faq.mark-indent dt, .lyt-faq.mark-indent dd {text-indent: -3em; padding-left: 3em;}
.lyt-faq dt .mark-indent, .lyt-faq dd .mark-indent {
  float: left;  
  display: inline-block;
  margin-right: 5px;
}
.lyt-faq dt .faq-ct, .lyt-faq dd .faq-ct {overflow: hidden;}


.lyt-faq dt .news-toggle {
  color: #464646; 
  line-height: 1.7;
  display: inline-block;
  width: 100%;
}
.lyt-faq dt .news-toggle > p {
  width: calc(100% - 170px);
  float: right;
}
.lyt-faq dt .news-toggle .news-toggle_img {
  float: left;
  margin-right: 10px;
  width: 160px;
} 
.lyt-faq dt .news-toggle .news-toggle_img img {width: 100%; border: 1px solid #cccccc}
.lyt-faq dt .news-toggle .mark01 {
  background: #e27500;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 4px 0;
  font-size: 0.675rem;
  line-height: 1em;
}



/*==== layout news ====*/
.lyt-news {margin-top: 25px;}
.lyt-news .lyt-news_navi {
  display: inline-block;
  width: 100%;
}
.lyt-news .lyt-news_navi a {cursor: pointer; font-size: 1rem;}
.lyt-news .lyt-news_navi .lyt-news_navi--prev {float: left;}
.lyt-news .lyt-news_navi .lyt-news_navi--prev:before {
  transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
  margin-right: 7px;
}
.lyt-news .lyt-news_navi .lyt-news_navi--next {float: right;}
.lyt-news .lyt-news_navi .lyt-news_navi--next:after {
  transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
  margin-left: 7px;
}
.lyt-news .lyt-news_navi .lyt-news_navi--prev:before, .lyt-news .lyt-news_navi .lyt-news_navi--next:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-left: 1px solid #e27500;
  border-bottom: 1px solid #e27500;
}

.lyt-news .lyt-news_link {border-bottom: 1px dotted #464646;}
.lyt-news .lyt-news_link .lyt-news_link--item {
  border-top: 1px dotted #464646;
  padding: 10px 0;
  font-size: 1rem;
}
.lyt-news .lyt-news_link .lyt-news_link--item .date {font-size: 0.8125rem; margin-bottom: 2px; display: block;}
.lyt-news .lyt-news_link .lyt-news_link--item .mark01 {
  background: #e27500;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 4px 0;
  font-size: 0.675rem;
  line-height: 1em;
}


/*==== layout frame ====*/
.lyt-frame01 {
  border: 2px solid #e27500;
  border-radius: 5px;
  margin-bottom: 5px;
}
.lyt-frame01 .lyt-frame01_tit {
  font-size: 1.75rem;
  color: #ffffff;
  background: #e27500;
  text-align: center;
  padding: 5px 0;
  font-weight: normal;
}
.lyt-frame01 .lyt-frame01_ct {
  padding: 20px;
  border-bottom: 1px dotted #e27500;
}
.lyt-frame01 .lyt-frame01_ct:last-child {border-bottom: none;}

#membership.lyt-frame01 {
  min-height: 390px;
}
#membership.lyt-frame01 .lyt-frame01_ct img {width: 100%; max-width: 306px;}
#membership.lyt-frame01 .lyt-frame01_ct .hdg-lv02-03 {
  margin-top: -30px;
}
#membership.lyt-frame01 .lyt-frame01_ct .btn-link01 {
  margin-top: 45px;
}


.lyt-message01 p {margin-top: 30px;}



/*=================================
Common: grid system
===================================*/
.grid-3cols_01, .grid-3cols_02 {
	display: inline-block;	
	width: 100%;
  margin-top: 10px;
}
.grid-3cols_01 .cols, .grid-3cols_02 .cols {
	display: inline-block;	
	width: 31%;
	margin-left: 3.333%;
	margin-right: -0.3em;
	vertical-align: top;
}
.grid-3cols_01 .cols:nth-child(3n + 1), .grid-3cols_02 .cols:nth-child(3n + 1) {margin-left: 0;}

.grid-3cols_01.news-part .cols {
	border-left: 1px solid #e27500;
	padding-left: 10px;
  box-sizing: border-box;
}

.grid-3cols_01.bt-spacing {margin-bottom: -20px;}
.grid-3cols_01.bt-spacing .cols {margin-bottom: 20px;}


.grid-2cols_01 {
	display: inline-block;	
	width: 100%;
  margin: 20px 0;
}
.grid-2cols_01 .cols {
	display: inline-block;	
	width: 49%;
  margin-left: 2%;
	margin-right: -0.3em;
	vertical-align: top;
}
.grid-2cols_01 .cols:nth-child(2n + 1) {margin-left: 0;}

.grid-2cols_01.bd-spacing .cols {width: 48%;}
.grid-2cols_01.bd-spacing .cols:nth-child(2n) {
  border-left: 1px dotted #646464;
}
.grid-2cols_01.bd-spacing .cols:nth-child(2n) {
  padding-left: 2%;
}


.grid-2cols_02 {
  display: inline-block;	
	width: 100%;
  margin: 20px 0;
}
.grid-2cols_02 .cols, .grid-2cols_02 .cols-2 {
	display: inline-block;	
  margin-left: 2%;
	margin-right: -0.3em;
	vertical-align: top;
}
.grid-2cols_02 .cols {width: 29%;}
.grid-2cols_02 .cols-2 {max-width: 69%;}
.grid-2cols_02 > div:first-child {margin-left: 0;}



/*=================================
Common: link, text, notice, list
===================================*/
/*==== link ====*/
.link-more01 {
   font-size: 1rem; 
   vertical-align: bottom;
   display: inline-block;
   padding-left: 26px;
}
.link-more01 i {
	background: #e27500;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	margin-right: 8px;
  margin-left: -26px;
  margin-top: -3px;
}
.link-more01 i:before {
	content: "";
	background: #ffffff;
	display: block;
	height: 1px;
	width: 7px;
	transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 	position: absolute;
	left: 6px;
	top: 6px;
}
.link-more01 i:after {
	content: "";
	background: #ffffff;
	display: block;
	height: 1px;
	width: 7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
 	position: absolute;
	left: 6px;
	top: 10px;
}
.link-more01:hover {opacity: 0.6;}

/*==== link common ====*/
.link01 {color: #e27500;}
.link01:hover {opacity: 0.6}

.link02:before {
 	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
  border-left: 1px solid #464646;
  border-bottom: 1px solid #464646;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
  margin-right: 10px;
  margin-top: -20px;
}
.link02.active {color: #e27500;}
.link02.active:before {
  border-left: 1px solid #e27500;
  border-bottom: 1px solid #e27500;
}

/*==== link pdf ====*/
.link-pdf:after, .link-word:after, .link-ppt:after, .link-exl:after, 
.link-blank01, .link-blank02, .link-blank03, .link-blank04 {font-family: 'Roboto';font-weight: 300;}

.link-pdf:after, a.useicon[href$=pdf]:after {
	content: "PDF";
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75rem;
	font-weight: bold;
  letter-spacing: 1px;
	color: #e27500;
	line-height: 1;
	border: 1px solid #e27500;
	border-radius: 3px;
	padding: 2px 3px;
	margin-left: 7px;
  margin-top: -3px;
}
.link-word:after {
	content: "Word";
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75rem;
	font-weight: bold;
  letter-spacing: 1px;
	color: #00a0c8;
	line-height: 1;
	border: 1px solid #00a0c8;
	border-radius: 3px;
	padding: 2px 3px;
	margin-left: 7px;
  margin-top: -3px;
}
.link-ppt:after {
	content: "PowerPoint";
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75rem;
	font-weight: bold;
  letter-spacing: 1px;
	color: #cc0000;
	line-height: 1;
	border: 1px solid #cc0000;
	border-radius: 3px;
	padding: 2px 3px;
	margin-left: 7px;
  margin-top: -3px;
}
.link-exl:after {
	content: "Excel";
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75rem;
	font-weight: bold;
  letter-spacing: 1px;
	color: #0abe14;
	line-height: 1;
	border: 1px solid #0abe14;
	border-radius: 3px;
	padding: 2px 3px;
	margin-left: 7px;
  margin-top: -3px;
}
.link-blank01, .link-blank02, .link-blank03, .link-blank04 {
  color: #e27500;
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75rem;
	font-weight: bold;
  letter-spacing: 1px;
	line-height: 1;
	border-radius: 3px;
	padding: 2px 3px;
  margin-left: 5px;
}
.link-blank01 {color: #e27500; border: 1px solid #e27500;} 
.link-blank02 {color: #00a0c8; border: 1px solid #00a0c8;}
.link-blank03 {color: #cc0000; border: 1px solid #cc0000;}
.link-blank04 {color: #0abe14; border: 1px solid #0abe14;}
.link-blank01:hover, .link-blank02:hover {opacity: 0.6;}


/*==== button ====*/
.btn-link01 {
  background: #e27500;
  color: #ffffff;
  display: block;
  font-size: 1rem;
  text-align: center;
  padding: 5px 0;
  margin-top: 10px;
}


/*==== list ====*/
.link-list01 {padding-bottom: 5px;}
.link-list01 li {margin-top: 10px; 	padding-left: 28px; font-size: 1rem;}
.link-list01 li a {margin-left: -28px;}
.link-list01.pc-inline li {
  display: inline-block;
  margin-right: 20px;
}
.link-list01.pc-inline2 li {
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
}


/*==== text ====*/
.mt-txt01 {margin-top: 10px;}
.note-txt {font-size: 0.75rem !important; margin-top: 5px;}
.pc-txt-white {color: #ffffff;}


/*==== list note ====*/
.note-list01 {margin-top: 10px;}
.note-list01 > li {font-size: 0.75rem;}

.note-list02 > li {
  font-size: 1rem;
  line-height: 1.7;
  margin-top: 10px;
  list-style: decimal inside;
  padding-left: 1.35em;
  text-indent: -1.35em;
}

.note-indent01 > li {font-size: 1rem; padding-left: 1.25em;}
.note-indent01 > li > .note-mark {
  margin-left: -1.25em; 
  display: block; 
  float: left;
}

.note-indent02 > li {padding-left: 2em; font-size: 1rem;}
.note-indent02 > li > .note-mark {
  margin-left: -2em; 
  display: block; 
  float: left;
}

.note-indent03 > li {padding-left: 3em; font-size: 1rem;}
.note-indent03 > li > .note-mark {
  margin-left: -3em; 
  display: block; 
  float: left;
}


/*==== list year ====*/
.list-year li {
  display: inline-block;
  margin-right: 86px;
  font-size: 1rem;
  text-align: left;
}
.list-year li:last-child {margin-right: 0;}


/*=================================
Common: table
===================================*/
.lyt-tbl01 {
	margin: 20px 0;
	border: 2px solid #e27500;
	border-bottom: 1px solid #e27500;
	border-radius: 4px;
}
.lyt-tbl01 table {width: 100%; border-collapse: separate;}
.lyt-tbl01 table th, .lyt-tbl01 table td {
	padding: 10px;
	font-size: 1rem;
	line-height: 1.75;
	text-align: left;
	border-bottom: 1px solid #e27500;
  vertical-align: top;
}
.lyt-tbl01 table td {font-family: 'Noto Sans JP';font-weight: 400;}
.lyt-tbl01 table th {font-family: 'Noto Sans JP';font-weight: 500;}
.lyt-tbl01 table tbody th {background: #fbead9;}
.lyt-tbl01 table tbody td, .lyt-tbl01 table tbody th {border-right: 1px dotted #e27500;}
.lyt-tbl01 table tbody td:last-child {border-right: none;}
.lyt-tbl01 table tbody td.dot-right {border-right: 1px dotted #e27500;}

.lyt-tbl01 table tbody tr td.dot-top,
.lyt-tbl01 table tbody tr th.dot-top {
  border-top: 1px dotted #e27500
}

.lyt-tbl01 table tbody tr td.bd-bt-none,
.lyt-tbl01 table tbody tr th.bd-bt-none {
  border-bottom: none;
}
  
.lyt-tbl01 table thead tr th {
  background: #e27500;
  color: #ffffff;
  border-right: 1px dotted #ffffff;
  text-align: center;
}
.lyt-tbl01 table thead tr th:last-child {border-right: none;}

.lyt-tbl01.bg-white table tbody th {
  background: #ffffff;
  font-weight: normal;
  font-family: 'Noto Sans JP';font-weight: 400;
}

.lyt-tbl01 table tbody tr.cell-pd td {border-top: none; border-bottom: none;}
.lyt-tbl01 table tbody tr.cell-content td {padding-top: 0;}
.lyt-tbl01 table tbody tr.cell-content td .lyt-ct04 {border-top: 1px dotted #e27500; padding: 15px 0 5px;}
.lyt-tbl01 table tbody tr.cell-content td .lyt-ct04 .lyt-ct04_img {margin-right: 10px;}


.lyt-tbl02 {width: 100%;}
.lyt-tbl02 tr td, .lyt-tbl02 tr th {
  padding: 10px 0;
  font-size: 1rem;
  text-align: left;
  font-weight: normal; 
}
.lyt-tbl02 tr th .dot-char {float: right;}


/* layout navi */
.lyt-navi ul {
  display: table;
  width: 100%;
  margin: 15px 0;
}
.lyt-navi ul li {
  display: table-cell;
  border: 1px solid #e27500;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}
.lyt-navi ul li a {
  font-size: 0.75rem;
  color: #e27500;
  display: block;
  padding: 10px;
}
.lyt-navi ul li.active,.lyt-navi ul li:hover {background: #e27500;}
.lyt-navi ul li.active a,.lyt-navi ul li:hover a {color: #ffffff;}


/*=================================
Common: box content
===================================*/
.box-ct01 {font-size: 1rem;}
.box-ct01 dt {
  float: left;
  display: inline-block;
  padding-right: 30px;
}
.box-ct01 dd {overflow: hidden; line-height: 1.7;}


.box-ct02 {font-size: 1rem;}
.box-ct02 dt {
  float: left;
  display: inline-block;
}
.box-ct02 dd {overflow: hidden; line-height: 1.7;}


.box-ct03 {font-size: 1rem;}
.box-ct03 dt {
  float: left;
  display: inline-block;
  width: 6em;
}
.box-ct03 dd {overflow: hidden; line-height: 1.7;}


/* box ddl */
.box-ddl01 {
  max-width: 240px;
  width: 100%;
  position: relative;
  font-size: 1rem;
}
.box-ddl01 .box-ddl01_select {
  background: #e27500;
  color: #ffffff;
  padding: 15px 20px;
  border: 1px solid #e27500;
  border-radius: 8px;
  cursor:pointer;
}
.box-ddl01 .box-ddl01_select:hover {cursor: pointer; opacity:0.8;}
.box-ddl01 .box-ddl01_select:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -0.5em;
  display: block;
  width: 1em;
  height: 1em;
  background: url(/assets/images/triangle.svg) no-repeat;
}
.box-ddl01 .box-ddl01_select.active:after {
  -webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.box-ddl01 .box-ddl01_option {
  background: #ffffff;
  width: 100%;
  position: absolute;
  top: 100%;
  z-index: 10;
  border: 1px solid #e27500;
  border-top: none;
  box-sizing: border-box;
  display: none;
}
.box-ddl01 .box-ddl01_option span {
  display: block;
  padding: 5px 20px;
  border-top: 1px solid #e27500;
}
.box-ddl01 .box-ddl01_option span a {display: block;}
.box-ddl01 .box-ddl01_option span:hover {
  cursor: pointer;
  opacity: 0.6;
  color:#ffffff;
  background: #e27500;
}
.box-ddl01 .box-ddl01_option span:hover a {
  color:#ffffff;
}


.box-ddl01.white-type .box-ddl01_select {
  background: #ffffff;
  color: #e27500;
}
.box-ddl01.white-type .box-ddl01_select:after {
  border-left: 1px solid #e27500;
  border-bottom: 1px solid #e27500; 
}

.list-ddl {display: table; width: 100%}
.list-ddl .list-ddl_item, 
.list-ddl .list-ddl_link {
  display: table-cell;
}
.list-ddl .list-ddl_item {width: 42%}
.list-ddl .list-ddl_link {width: 16%; text-align: right;}
.list-ddl .list-ddl_item .box-ddl01 {max-width: 100%}


/* post info */
.post-info {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.post-info .post-info_date {
  width: 50%;
  float: left;
  font-size: 1rem;
}
.post-info .post-info_date .mark01 {
  background: #e27500;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 4px 0;
  font-size: 0.675rem;
  line-height: 1em;
  margin-left: 10px;
}
.post-info .post-info_share {
  text-align: right; 
  width: 100%;
  display: flex;
  justify-content: flex-end;
  /* float: right; */
}
.post-info .post-info_share li {
  /* display: inline-block; */
  display: block;
  margin-left: 5px;
}



/* text color */
.txt-color-normal {color: #464646 !important;}
.txt-color-hl01 {color: #e27500 !important;}
.txt-pc-white {color: #ffffff;}

.mark-01 {
  background: #e27500;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 4px 0;
  font-size: 0.675rem;
  line-height: 1em;
}


/*================================================================
==================================================================
==================================================================
Smart Phone Styles
* max width 768px
==================================================================
==================================================================
==================================================================*/
@media screen and (max-width: 767px) {
/*=================================
 base setting
===================================*/
.sp-off { display: none}
.sp-on { display: inline-block;}
.pc-wid30 {width: 100%;}

#area-sub {width: 100%;}
#area-main {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
}


/*=================================
area sub
===================================*/
#area-sub {
  position: relative;
 }
#area-sub #ctn-header h1 img {width: 173px; height: auto;}

/*==== ctn-header ====*/
#ctn-header {
	text-align: left;
	padding: 0.75rem 1rem;
	position: relative;
	background: #ffffff;
}
#ctn-header #btn-gnav {
  background: rgba(255,255,255,.8);
	width: 30px;
	min-height: 30px;
	position: fixed;
	top: 0.75rem;
	right: 1rem;
	z-index: 100;
	display: block;
  padding: 6px;
}
div#btn-gnav:after {
  content: " ";
  display: block;
  position: absolute;
  font-size: 10px;
  top: calc(100% - 9px);
  left: 0;
  background: url(/assets/images/label_menu.png) no-repeat;
  background-size: 42px auto;
  width: 42px;
  height: 12px;
  opacity: 1;
  transition:opacity 0.3s linear;
}
html.spNav-active div#btn-gnav:after {
  opacity: 0;
}
#ctn-header #btn-gnav span {
	display: block;
	background: #464646;
	height: 2px;
	width: 30px;
  position: absolute;
}
#ctn-header #btn-gnav span:nth-child(1){top: 12px;}
#ctn-header #btn-gnav span:nth-child(2){top: 20px;}
#ctn-header #btn-gnav span:nth-child(3){top: 20px;}
#ctn-header #btn-gnav span:nth-child(4){top: 28px;}

#ctn-header #btn-gnav.active span:nth-child(2) {
	transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
  transition: all 0.4s;
  top: 20px;
}
#ctn-header #btn-gnav.active span:nth-child(3) {
  transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
  transition: all 0.4s;
  top: 20px;
}
#ctn-header #btn-gnav.active span:nth-child(1), #ctn-header #btn-gnav.active span:nth-child(4) {display: none;}

/*==== ctn-gnav ====*/
#area-sub.active {
	position: fixed;
	z-index: 100;
	top: 0;
	background: #ffffff;
  overflow: scroll;
  height: 100%;
}

#ctn-gnav ul li a {
	padding: 10px 0 6px 1.75rem;
	font-size: 1.125rem;
}
#ctn-gnav ul li a span {display: none;}

.lang-btn {padding: 10px 1.75rem;}

.lang-btn li {min-width: 47%;}
.lang-btn li a {
  padding: 4px 0;
  border: 1px solid #646464;
  display: block;  
  text-align: center;
  border-radius: 3px;
}
.lang-btn li:last-child {float: right;}
.lang-btn li:last-child a {
  border: 1px solid #646464;
}


#toggle-navi {
	background: #ffffff;
	width: 100%;
	transition: all 1s;
	box-sizing: border-box;
  display: none;
}
#area-sub.active #toggle-navi {display: block;}

.spNav-active {
  overflow: hidden;
  height: 100%;
}


/*==== ctn-search ====*/
#ctn-search .ctn-search_keyword {
	padding: 10px 1.75rem;
	border-top: 1px solid #e6e6e6; 
}

#ctn-search .ctn-search_keyword .ctn-search_keyword--inner #searchtext {padding: 8px 25px 8px 8px !important;}

#ctn-search .ctn-search_keyword .ctn-search_keyword--btn {
	right: 4px;
	top: 6px;
}
#ctn-search .ctn-search_keyword .ctn-search_keyword--btn {
	width: 20px;
	height: 20px;
} 

#ctn-search .ctn-search_list {
	text-align: left;
	border-bottom: 1px solid #e6e6e6;
}
#ctn-search .ctn-search_list li {
	display: block;;
  padding: 0;
	border-top: 1px solid #e6e6e6; 
}
#ctn-search .ctn-search_list li a {
  display: block; 
  padding: 10px 0 8px 1.75rem;
}



/*=================================
area main
===================================*/
#area-main {padding-left:0;}

/*==== container topic path ====*/
.ctn-topic {padding: 5px 1.75rem;}

/*==== section recommended ====*/
#sec-recommended {
	background: none;
	padding-bottom: 0;
}
#sec-pr {
  border-top: none;
  padding-top: 0px;
}


/*==== layout-topnews ====*/
.topnews .topnews-tit {
  font-size: 1.25rem;
  color: #e27500;
  margin-bottom: 10px;
  font-weight: normal;
}
.topnews .topnews-ct .topnews-ct_item {
  display: inline-block;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0; 
}
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--date {font-size: 0.8125rem;}
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--img {
  width: 27%;
}
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--date,
.topnews .topnews-ct .topnews-ct_item .topnews-ct_item--txt {
  width: 70%;
}


/*==== container footer ====*/
#ctn-footer {
	border-top: 1px solid #646464;
	padding: 15px 1.75rem;
	margin-top: 20px;
}
#ctn-footer .ctn-footer_link li a {
	font-size: 0.75rem;
	padding: 0 0.85em;
}
#ctn-footer .ctn-footer_copy {font-size: 0.75rem;}


/*=================================
heading
===================================*/

.hdg-lv01-01.hdg-ico {
  padding-left: 40px;
}
.hdg-lv01-01.hdg-ico i {
  font-size: 1rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: -40px;
  margin-right: 10px;
}

/* level 02 */
.hdg-lv02-01 h2, .hdg-lv02-04 {font-size: 1.25rem;}
.hdg-lv02-01 .link-more01 {top: 0.5rem;}

.hdg-lv02-03 {font-size: 1rem;}

.heading-fig .heading-fig_tit {
  position: relative;
  top: 0;
  left: 0;
  margin: 20px 0 5px;
  padding: 0 1.75rem;
}
.heading-fig .heading-fig_txt {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 20px;
  padding: 0 1.75rem;
}
.heading-fig.no-full .heading-fig_img {padding: 0 1.75rem;}
.heading-fig.no-full .heading-fig_tit {color: #464646;}


.heading-fig01 {padding: 0 1.75rem;}
.heading-fig01 .heading-fig01_tit {
  position: relative;
  top: 0;
  left: 0; 
  margin-bottom: 10px;
  color: #e27500;
}
.heading-fig01 .heading-fig01_txt {margin-top: 10px;}
.heading-fig01 .heading-fig01_txt .link-list01 {
  border-bottom: 1px dotted #646464;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.heading-fig01.title-hdg .heading-fig01_tit {
  color: #464646;
  margin-top: 20px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'Noto Sans JP';font-weight: 400;
}
.heading-fig01.title-hdg .heading-fig01_tit span {
  font-size: 1rem;
  font-weight: normal;
  display: block;
  margin-top: 15px;
}

.heading-fig.tit-line2 .heading-fig_txt, .heading-fig01.tit-sub .heading-fig01_txt, .heading-fig01.tit-line2 .heading-fig01_txt{top: 0; left: 0;}

.heading-fig01 .heading-fig01_txt01 {
  position: static;
  color: #000000;
  margin-top: 10px;
}

/*students hack*/
.heading-fig01 .lyt-fig01.title-link .lyt-fig01_txt {position: relative;}
.heading-fig01 .lyt-fig01.title-link .lyt-fig01_txt h2 {font-size: 1.25rem; top: -70px; left: 10px;}
.heading-fig01 .lyt-fig01.title-link .lyt-fig01_txt {padding: 15px 0 0;}


/* level 03 */
.hdg-lv03-01, .hdg-lv03-02, .hdg-lv03-step {font-size: 1rem;}


/*=================================
Common: layout, module, container
===================================*/
/*==== container ====*/
.ctn-content01 {margin-top: 20px;}
.ctn-content01, .ctn-content02, .ctn-content03 {padding: 0 1.75rem;}


/* container tab */
.ctn-tab .ctn-tab_list {
  display: block;
  padding: 0 1.75rem;
  box-sizing: border-box;
}
.ctn-tab .ctn-tab_list.tab02 .ctn-tab_list--item{width: 100%;}
.ctn-tab .ctn-tab_list .ctn-tab_list--item:first-child {border-top: 1px solid #e27500;}
.ctn-tab .ctn-tab_list .ctn-tab_list--item {display: block; width: 100%; font-size: 1rem; border-top: none;}
.ctn-tab .ctn-tab_list .ctn-tab_list--item a {padding: 10px 0;}

/* container tab02 */
.ctn-tab02 {padding: 0 1.75rem;}


.ctn-tab02 {padding: 0 20px;}
.ctn-tab02 .ctn-tab02_list { 
  width: 100%;
  max-width: 720px;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide {
  direction: inherit;
}
.ctn-tab02 .ctn-tab02_list.view-tab3 .ctn-tab02_list--slide a,
.ctn-tab02 .ctn-tab02_list.view-tab2 .ctn-tab02_list--slide a {
    width: 100%;
    max-width: none;
}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide .slideinner {left: 0 !important;}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide::-webkit-scrollbar {height: 5px;}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide::-webkit-scrollbar-track {background: #f1f1f1}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--slide::-webkit-scrollbar-thumb { background: #bcbcbc}
.ctn-tab02 .ctn-tab02_list .ctn-tab02_list--btn a {display: none;}



.ctn-tab02 .ctn-tab03_list { 
  width: 100%;
  max-width: none;
  position: relative;
  box-sizing: border-box;
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide {
  overflow: auto;
  height: auto;
  position: relative;
  direction: inherit;
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide .slideinner {width: 100%;}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide .slideinner:after{
  content:" ";
  display: block;
  clear: both;
  height: 0;
}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide .slideinner {left: 0 !important;}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide::-webkit-scrollbar {height: 5px;}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide::-webkit-scrollbar-track {background: #f1f1f1}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide::-webkit-scrollbar-thumb { background: #bcbcbc}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--btn a {display: none;}
.ctn-tab02 .ctn-tab03_list .ctn-tab03_list--slide a{
  width:50%;
  max-width: none;
  margin-bottom:2px;
}

/*==== layout ====*/
.lyt-ct01 .lyt-ct01_img01 {
	float: left;
	width: 38%;
}
.lyt-ct01 .lyt-ct01_img01 .lyt-ct01_img01--ico {
	font-size: 1rem;
	top: -10px;
	left: -10px;
}
.lyt-ct01 .lyt-ct01_tit01 {
	font-size: 0.75rem;
	width: 60%;
	float: right;
} 
.lyt-ct01 .lyt-ct01_txt01 {
	font-size: 1rem;
	width: 60%;
	float: right;
}

.lyt-ct03 .lyt-ct03_item {
  display: block;
  margin-bottom: 35px;
}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img, .lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img01 {
  width: 100%;
  max-width: 100%;
  float: none;
  text-align: center;
  margin: 0 0 10px 0;
}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img img, .lyt-ct03 .lyt-ct03_item .lyt-ct03_item--img01 img {width: 80%; max-width: 80%}
.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--txt {overflow: hidden;}

.lyt-ct03 .lyt-ct03_item .lyt-ct03_item--txt .right-link {position: static;}



.lyt-ct06 { display:inline-block; width: 100%; margin: 20px 0 0 0;}
.lyt-ct06 .lyt-ct06_img {float: left; margin-right: 2%; width: 38%; max-width: 100%;}
.lyt-ct06 .lyt-ct06_ct {width: 60%; float: right;}
.lyt-ct06 .lyt-ct06_link {width: 100%; float: right;}


/*==== layout join ====*/
.lyt-join {padding: 15px;}
.lyt-join h3 {font-size: 1rem;}
.lyt-join .lyt-join_left {
  float: none;
  width: 100%;
}
.lyt-join .lyt-join_left .lyt-join_left--txt {
  font-size: 1.5rem;
  color: #e27500;
}
.lyt-join .lyt-join_left .lyt-join_left--img {
  right: -10px;
  bottom: -40px;
  width: 40%
}
.lyt-join .lyt-join_left .lyt-join_left--img img {width: 100%}
.lyt-join .lyt-join_right {
  float: none;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  margin-top: 15px;
  border-left: none;
}




/*==== layout image ====*/
.lyt-fig01 { margin-bottom: 25px;}
.lyt-fig01 .lyt-fig01_txt {
	position: relative;
	color: #464646;
	padding: 15px 1.75rem;
}
.lyt-fig01 .lyt-fig01_txt .lyt-fig01_txt--caption {margin-bottom: 0;}
.lyt-fig01 .lyt-fig01_txt h2 {
	font-size: 1.75rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.lyt-fig01 .lyt-fig01_txt a {color: #464646;}

.lyt-fig01 .lyt-fig01_question {
	background: #ffffff;
	padding: 10px 1.75rem;
	position: relative;
	left: 0;
	bottom: 0;
}
.lyt-fig01 .lyt-fig01_question i {
	display: inline-block;
	float: none;
	width: 30px;
	height: 30px;
	margin-left: 0;
	margin-bottom: 4px;
	vertical-align: middle;
}
.lyt-fig01 .lyt-fig01_question span {
	font-size: 1rem;
	font-weight: bold;
}

.lyt-fig01.title-link .lyt-fig01_txt {position: static;}
.lyt-fig01.title-link .lyt-fig01_txt h2 {
  font-size: 1.5rem;
  color: #ffffff;
  position: absolute;
  top: 20px;
  left: 20px;
  padding-left: 15px;
}
.lyt-fig01.title-link .lyt-fig01_txt h2 a {color: #ffffff;}
.lyt-fig01.title-link .lyt-fig01_txt h2.txt-color-normal a {color: #464646;}
.lyt-fig01.title-link .lyt-fig01_txt h2:before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
  margin-left: -20px;
  margin-right: 10px;
}

.lyt-fig01.title-link .lyt-fig01_txt h2.txt-color-normal:before {
  border-left: 1px solid #464646;
  border-bottom: 1px solid #464646;
}



.lyt-fig02 figcaption {
  margin-top: 7px;
  font-size: 0.75rem;
  display: inline-block;
  width: 100%;
  text-align: left;
}
.lyt-fig02 figcaption .caption-left {float: none; display: block;}
.lyt-fig02 figcaption .caption-right {float: none; display: block;}

.lyt-fig02.pc-line1 {
  margin-bottom: 0;
}
.lyt-fig02.pc-line1 img {
  float: none;
  width: 100%;
  margin-bottom: 15px;
}

.lyt-fig04 img {width: 100%; max-width: 100%;}

.lyt-fig05 img {width: 100%;}


/*==== layout anchor link ====*/
.lyt-anchor {margin-top: 10px;}
.lyt-anchor ul li {
  display: block;
  width: 100%;
  margin: 0 0 10px 0 ;
}
.lyt-anchor ul li a {font-size: 1rem;}


/*==== layout step ====*/
.lyt-step {margin-top: 30px}
.lyt-step .lyt-step_fig .lyt-step_fig--ct {
  position: relative;
  width: 100%;
  padding: 20px 1.75rem 30px;
}
.lyt-step .lyt-step_fig .lyt-step_fig--num {top: 15px;}


/*==== layout officers ====*/
.lyt-officer {padding-left: 10px;}
.lyt-officer .lyt-officer_name {
  font-size: 1rem;
  margin-bottom: 10px;
 }
 
 
 /*==== layout chairman ====*/
.lyt-chairman {margin-bottom: 25px;}
.lyt-chairman .lyt-chairman_tit {font-size: 1rem;}
.lyt-chairman .lyt-chairman_txt strong {font-size: 1rem;}


/*==== layout map ====*/
.lyt-map iframe {height: 265px;}


/*==== layout history ====*/
.lyt-history .lyt-history_item {display: block;}
.lyt-history .lyt-history_item > div {display: block;}
.lyt-history .lyt-history_item--date {width: 100%; margin-bottom: 15px;}
.lyt-history .lyt-history_item--date span {font-size: 1rem; display: inline-block;}
.lyt-history .lyt-history_item--txt {padding: 0;}
.lyt-history .lyt-history_item--txt strong {font-size: 1rem; font-weight: normal; display: inline-block; margin-bottom: 10px;}
.lyt-history .lyt-history_item--img {width: 100%; text-align: center; margin-top: 5px;}



/*==== layout frame ====*/
.lyt-frame01 .lyt-frame01_tit {font-size: 1.25rem;}
.lyt-frame01 .lyt-frame01_ct {padding: 15px;}

#membership.lyt-frame01 {min-height: auto; margin-top: 40px;}
#membership.lyt-frame01 .lyt-frame01_ct img {max-width: 100%;}
#membership.lyt-frame01 .lyt-frame01_ct .hdg-lv02-03 {
  margin-top: -20px;
}
#membership.lyt-frame01 .lyt-frame01_ct .btn-link01 {margin-top: 10px;}



/*==== layout faq ====*/
.lyt-faq dt .news-toggle > p {width: 100%; float: none;}
.lyt-faq dt .news-toggle .news-toggle_img {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 41%;
  margin-bottom: 10px;
}
.lyt-faq dt .news-toggle .news-toggle_des {
  display: inline-block;
  width: 48%;
  margin-bottom: 10px;
} 
.lyt-faq dt .news-toggle .news-toggle_img img {width: 100%;}


/* layout navi */
.lyt-navi ul {
  display: block;
}
.lyt-navi ul li {display: block;}
.lyt-navi ul li a {font-size: 1rem;}



/*=================================
Common: grid system
===================================*/
.grid-3cols_01, .grid-2cols_01, .grid-2cols_02 {display: block;}
.grid-3cols_01 .cols, .grid-2cols_01 .cols {
	width: 100%;
	margin-left: 0;
	margin-top: 16px;
}

.grid-3cols_01 {margin-top: 0;}
.grid-3cols_01.bt-spacing {margin-bottom: 0;}
.grid-3cols_01.bt-spacing .cols {margin-bottom: 0;}

.grid-3cols_02 .cols {
  width: 49%;
  margin-left: 2%;
}
.grid-3cols_02 .cols:nth-child(3n + 1) {margin-left: 2%;}
.grid-3cols_02 .cols:nth-child(2n + 1) {margin-left: 0;}

.grid-2cols_01.bd-spacing .cols {width: 100%;}
.grid-2cols_01.bd-spacing .cols:nth-child(2n) {border-left: none;}
.grid-2cols_01.bd-spacing .cols:nth-child(2n) {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}

.grid-2cols_02 .cols, .grid-2cols_02 .cols-2 {
	display: block;	
  margin-left: 0;
	margin-right: 0;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
}



/*=================================
Common: link, text, notice, list
===================================*/
/*==== link ====*/
.link-more01 {font-size: 1rem;}


/*==== button ====*/
.btn-link01 {
  font-size: 1rem;
  padding: 10px 0;
}

/*==== list ====*/
.link-list01 {padding-bottom: 0;}

.link-list01.pc-inline li {
  display: block;
  margin-right: 0;
}
.link-list01.pc-inline2 li {
  display: block;
  width: 100%;
}


/*==== list year ====*/
.list-year li {
  display: inline-block;
  margin-right: 0;
  width: 30%;
  margin-bottom: 5px;
}

/*==== text ====*/
.pc-txt-white {color: #464646;}


/*=================================
Common: table
===================================*/
.lyt-tbl01 {width: 100%; min-width: 480px;}
.lyt-tbl01 {margin: 20px 0; border-left: 1px solid #e27500;; border-right: 1px solid #e27500;;}
.lyt-tbl01 table th {border-left: none; word-break: break-all;}
.lyt-tbl01 table td {border-right: none; word-break: break-all;}

.tbl-scroll {
  overflow: auto;
  position: relative;
}
.tbl-scroll::-webkit-scrollbar {height: 5px;}
.tbl-scroll::-webkit-scrollbar-track {background: #f1f1f1}
.tbl-scroll::-webkit-scrollbar-thumb { background: #bcbcbc}


.lyt-tbl02 {width: 100%;}
.lyt-tbl02 tr td, .lyt-tbl02 tr th {
  padding: 10px 0;
  font-size: 1rem;
  display: block;
  width:100%;
}
.lyt-tbl02 tr th {padding: 0;}
.lyt-tbl02 tr td {padding: 0 0 15px;}




/*=================================
Common: box content
===================================*/
.box-ct01 dt {
  float: none;
  display: block;
  padding-right: 0;
}
.box-ct01 dd {overflow: inherit;}


/* box ddl */
.box-ddl01 {
  max-width: 100%;
  width: 100%;
  font-size: 1rem;
}
.box-ddl01 .box-ddl01_select:after {
  right: 10px;
  top: 10px;
}


.list-ddl {display: block}
.list-ddl .list-ddl_item, 
.list-ddl .list-ddl_link {
  display: block;
}
.list-ddl .list-ddl_item {width: 100%}
.list-ddl .list-ddl_link {width: 100%; text-align: left; margin-top: 15px;}



/* post info */
.post-info {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.post-info .post-info_date {
  width: 100%;
  float: none;
  margin-bottom: 10px;
  font-size: 1rem;
}
.post-info .post-info_share {
  text-align: left; 
  width: 100%;
  float: none;
}
.post-info .post-info_share li {
  margin-left: 0;
  margin-right: 5px;
}

/* text color */
.txt-pc-white {color: #464646;}
}
/*==== End Smart Phone Styles ====*/


/*=================================
helper
===================================*/
/* align */
.alg-r {text-align: right;}
.alg-l {text-align: left;}
.alg-c {text-align: center;}

/* font-size */
.fs-12 {font-size: 0.75rem !important;}
.fs-14 {font-size: 0.875rem !important;}


/* border radius */
.bd-rad10 {border-radius: 10px;}
header .bd-rad10{ max-width:720px; }
.bd-rad05 {border-radius: 5px;}

/* link hover */
.opc-over:hover { opacity: 0.6;}


/* mt-top */
.mt-00 {margin-top: 0 !important}
.mt-05 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-25 {margin-top: 25px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.mt-80 {margin-top: 80px !important}
.mt-90 {margin-top: 90px !important}
.mt-100 {margin-top: 100px !important}


/* mt-bottom */
.mb-00 {margin-bottom: 0 !important}
.mb-10 {margin-bottom: 10px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-25 {margin-bottom: 25px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}
.mb-80 {margin-bottom: 80px !important}
.mb-90 {margin-bottom: 90px !important}
.mb-100 {margin-bottom: 100px !important}


/* mt-left */
.ml-00 {margin-left: 0 !important}
.ml-10 {margin-left: 10px !important}
.ml-20 {margin-left: 20px !important}
.ml-25 {margin-left: 25px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.ml-60 {margin-left: 60px !important}
.ml-70 {margin-left: 70px !important}
.ml-80 {margin-left: 80px !important}
.ml-90 {margin-left: 90px !important}
.ml-100 {margin-left: 100px !important}
.ml-half-char {margin-left: -0.5rem !important}


/* mt-right */
.mr-00 {margin-right: 0 !important}
.mr-10 {margin-right: 10px !important}
.mr-20 {margin-right: 20px !important}
.mr-25 {margin-right: 25px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mr-60 {margin-right: 60px !important}
.mr-70 {margin-right: 70px !important}
.mr-80 {margin-right: 80px !important}
.mr-90 {margin-right: 90px !important}
.mr-100 {margin-right: 100px !important}



/* reset */
.rs-pd {padding: 0 !important;}
.rs-mr {margin: 0 !important;}


/* message index pages */
#message-visual .message-visual_title {
  position: absolute;
  font-size: 2rem;
  top: 33px;
  left: 20px;
  font-family: 'Noto Sans JP';font-weight: 300;
}
#message-visual .message-visual_des {
  position: absolute;
  top: 95px;
  left: 20px;
}
#message-visual .message-visual_des .message-visual_des-fs1{font-size: 1rem;}
#message-visual .message-visual_des .message-visual_des-fs1.line01 {margin-left: -5px;}





@media screen and (max-width: 767px){
#message-visual .message-visual_title {
  position: static;
  font-size: 2rem;
  top: 0;
  left: 0;
  padding: 0 1.75rem;
  margin: 35px 0 20px;
}
#message-visual .message-visual_des {
  position: static;
  top: 0;
  left: 0;
  padding: 0 1.75rem;
  margin-top: 25px;
}
#message-visual .message-visual_des .message-visual_des-fs1.line01 {margin-left: 0;}
}


/* carrier index pages */
.lyt-news_link--item a[target="_blank"]:after {
  content: "";
  display: inline-block;
  vertical-align: -2px;
  margin: 0 0 0 5px;
  width: 16px;
  height: 14px;
  background: url(/assets/images/ico_external.png) no-repeat 0 0;
  -webkit-background-size: cover;
  background-size: cover;
}

/* career stance nav */
.careernav:after{
  content:" ";
  display: block;
  height: 0;
  clear: both;
}
.careernav li a{
  color: #e27500;
}
.careernav li a:hover{
  text-decoration: underline;
}
.careernav li:first-child{
  float:left;
}
.careernav li:first-child a:before{
  content:" ";
  display: inline-block;
  transform-origin: 50% 50%;
  transform: rotate(-45deg);
  border: #e27500 double 4px;
  box-sizing: border-box;
  border-right:none;
  border-bottom:none;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em;
  transition:transform 0.3s ease;
}
.careernav li:first-child a:hover:before{
  transform: translate(-0.3em,0) rotate(-45deg);
}
.careernav li:last-child{
  float:right;
}
.careernav li:last-child a:after{
  content:" ";
  display: inline-block;
  transform-origin: 50% 50%;
  transform: rotate(-45deg);
  border: #e27500 double 4px;
  box-sizing: border-box;
  border-left:none;
  border-top:none;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em;
  transition:transform 0.3s ease;
}
.careernav li:last-child a:hover:after{
  transform: translate(0.3em,0) rotate(-45deg);
}

/* hover FEATURE 20160726*/
#features-latest .lyt-ct01:hover, #sec-pr .lyt-ct01:hover {
  opacity: 0.6;
}

@media screen and (max-width: 767px){
  .linkArrow {
    padding-left: 1em;
  }
  .linkArrow:before {
    content: "＞";
    display: inline-block;
    text-indent: -1em;
  }
}