@charset "UTF-8";
/* ========================================================================
   Custom
 ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap');

.sp {
	display: none!important;
}
.pc {
	display: block!important;
}
@media only screen and (max-width: 767px) {
.sp {
	display: block!important;
}
.pc {
	display: none!important;
}
}

.text-s {
  font-size: 0.7em !important;
}
.text-m {
  font-size: 1.1em !important;
}
.text-l {
  font-size: 1.3em !important;
}
.text-red {
  color: #cc0000;
  text-decoration: none!important;
}

.text-pdf {
  font-size: 0.8em !important;
  color: #e11e00;
  text-decoration: none!important;
}
@media only screen and (max-width: 767px) {
.text-pdf {
  font-size: 0.9em !important;
}
}
.text-pdf img{
  margin: 0 5px 5px 0;
}

.text-co {
  font-size: 1.1em !important;
  letter-spacing: 0.05em;
  margin: 0 1em 0 0;
  color: #666;
}
@media only screen and (max-width: 767px) {
.text-co {
  font-size: 1.1em !important;
  letter-spacing: 0.05em;
  margin: 0;
}
}

.text-cc {
  font-size: 0.8em !important;
  color: #999;
  letter-spacing: 0.05em;
  font-family:'Noto Sans JP','メイリオ','meiryo',serif !important;
}

img {
    max-width: 100%;
    height: auto;
}

figure {
width:50%;
}

figure img {
width:100%;
}

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

	HOME　トップページ

====================================*/
.bx-wrapper {
  -moz-box-shadow: 0px!important;
  -webkit-box-shadow:0px!important;
  box-shadow:    0px 0px!important;
  border: 0px!important;
  background: #fff;
  width: 1080px;
  margin: auto;
}

html {
  margin: 0;
  height: 100vh;
  min-height: 100vh;
  color: #444;
}

body {
  height: 100vh;
  min-height: 100vh;
  min-width: 980px;
  font-size: 0.95rem;
  box-sizing : border-box;
}
@media only screen and (max-width: 767px) {
body {
  min-width: 0px;
  font-size: 1rem;
}
}

body,h1,h2,h3,h4,h5,h6,button {
  margin: 0px;
  font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Noto Sans JP','メイリオ','meiryo','helvetica', sans-serif;
}

hr{
    margin: 0;
    clear:both;
    border-top: 1px solid #c0c0c0!important;
}

hr.A {
    border-top: 1px solid #cccccc!important;
    margin: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {
hr.A {
    margin-top: 0px;
}
}

p {
  margin: 0px;
}

a {
    color: #333;
}

a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.subtitle1 {
  font-size:1.8em;
  font-weight:400;
  margin:2em 0 0.75em 0;
}
@media only screen and (max-width: 767px) {
.subtitle1 {
  font-size:1.7rem;
  margin:1.5em 0 0.75em 0;
}
}

.subtitle2 {
  font-size: 0.95em;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: 'Noto Sans JP', serif;
    margin:0.5em 0 1em 0;
  color: #f96209;
    
}
@media only screen and (max-width: 767px) {
.subtitle2 {
  font-size: 0.8em;
    margin:0em 0 1em 0;
}
}

p, ul, ol, dl, pre, address {
    margin: 0;
}

ul {
  padding-left: 0px;
}

.bold {
  font-weight: bold;
}

.uk-text-w {
  color: #ffffff !important;
}

.uk-text-center {
    width: 100%;
    font-weight: 300;
    display: block;
    margin: auto;
}

.uk-text-center a{
    display: block;
    width: 240px;
    margin: auto;
}

.center {
  text-align: center;
}

.ui.button,
.ui.buttons .button,
.ui.buttons.or {
  font-size: 1em;
  line-height: 1.1em;
}

.ui.inverted.menu {
  background: #37505f;
}

.ui.table {
  font-size: 0.8em;
}

.uk-card-default {
  width: 100%;
  height: 100%;
  margin: 1em auto;
  max-width: 90%;
}

.uk-card-default2 {
  width: 100%;
  margin: 1em auto;
  min-height: 600px;
  background: #fff;
  color: #666;
  height: calc(100vh - 133px);
}

nav .uk-button {
  border: none;
  background: none;
  color: #333;
  font-size:0.8em;
}
nav .uk-button:hover {
  border: none;
  background: #3c5a69;
  color: #ffffff;
}

[class*="uk-dropdown-bottom"] {
  margin-top: 0px;
}

.uk-align-right {
  margin: 0;
}

.maincopy1 {
  font-size: 2.4em;
  line-height: 2em;
  font-weight: 600;
  font-family:'Noto Serif JP', serif !important;
  width: 980px;
  margin:30px auto 10px auto;
}
@media only screen and (max-width: 767px) {
.maincopy1 {
  font-size:1.6em;
  width: 100%;
  margin:20px auto 10px auto;
}
}

.maincopy2 {
  font-size: 2em;
  line-height: 1.8em;
  letter-spacing: 0.15em;
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
  font-family:'Noto Serif JP', serif !important;
  background: -webkit-linear-gradient(0deg, #f96209, #f99109, #f96209);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 767px) {
.maincopy2 {
  font-size: 1.15em;
}
}

.maincopy2-bg {
  background: url(../images/maincopy2-bg.png) center no-repeat;
  background-size: contain;
  width: 980px;
  height: 230px;
  margin: auto;
  display: table;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
.maincopy2-bg {
  width: 100%;
  height:  130px;
}
}

.maincopy3 {
  font-size: 1.1em;
  line-height: 2.4em;
  letter-spacing: 0.1em;
  font-weight: 400;
  width: 980px;
  margin: 1em auto 1.5em auto;
}
@media only screen and (max-width: 767px) {
.maincopy3 {
  font-size: 1em;
  line-height: 2em;
  width: 100%;
}
}


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

   事業内容　division

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

.division-box {
    width: 800px;
    margin: 0 auto 1em auto;
    display: table;
}
@media only screen and (max-width: 767px) {
.division-box {
    width: 100%;
}
}

.division-box2 {
    width: 800px;
    margin: 0 auto 2em auto;
    display: table;
}
@media only screen and (max-width: 767px) {
.division-box2 {
    width: 100%;
}
}

/* ==== 汎用スタイル ===== */
.column2_conceptual_message{
	width:500px;
	line-height:2.3em;
	margin:25px 25px;
}

#link_release_year{
	margin-top:7px;
	padding:0;
	width:550px;
	height:auto;
	background-color:#A4CDFF;
}

/* ==== 汎用パーツ ===== */

#link_release_year .release_year{
	color:#1A3959;
	background-color:#A4CDFF;
	width:115px;
	float:left;
	background-image:url(../images/common/pointer05.gif);
	background-repeat:no-repeat;
	background-position:3px center;
	padding:3px 1px 3px 20px;
	vertical-align:middle;
}

#link_release_year .release_year a:link {
	color:#316CA8;
	text-decoration:none;
}

#link_release_year .release_year a:visited {
	color:#316CA8;
	text-decoration:underline;
}

#link_release_year .release_year a:hover {
	color:#316CA8;
	text-decoration:underline;
}

#link_release_year .release_year a:active {
	color:#316CA8;
	text-decoration:underline;
}


/* ==== 汎用コンポーネント（２列） ===== */

.column3_component_box{
	width:550px;
	height:auto;
	margin-bottom:7px;
	padding:0;
}

.column3_component_box_s{
	width:550px;
	height:auto;
	margin-bottom:7px;
	padding:0;
}


.column3_component_l_img{
	width:270px;
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	border-top: solid 1px #9CC9C9;
	border-bottom: solid 1px #9CC9C9;
	height:auto;
	margin:0px;
	padding:0;
	text-align:center;
}


.column3_component_l_title{
	height:auto;
	width:270px;
	margin:0;
	padding:0;
	background-color:#B4D6D6;
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
}

.column3_component_l_title p{
	margin:0;
	padding:3px 0 1px 10px;
	color:#407777;
	font-weight:bold;
}

.column3_component_l_read{
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	border-top: solid 1px #9CC9C9;
}

.column3_component_l_read p{
	height:auto;
	padding:5px 10px 0 10px;
}


.column3_component_l_btn{
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	border-bottom: solid 1px #9CC9C9;
	height:auto;
	margin:0;
	padding:2px 5px 5px 5px;
	text-align:right;
}


column3_component_l_margin{
	margin:6px;
}



/* 
========= 汎用コンポーネント(３列) =========== */

.column2_component_box_s{
	width:550px;
	height:auto;
	margin-bottom:7px;
	padding:0;
}

.column2_component_s_l{
	width:178px;
	height:auto;
	margin:0;
	padding:0;
	border-bottom: solid 1px #9CC9C9;
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	border-top: solid 1px #9CC9C9;
	float:left;
}

.column2_component_s_img{
	width:178px;
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	border-top: solid 1px #9CC9C9;
	border-bottom: solid 1px #9CC9C9;
	height:auto;
	margin:0px;
	padding:0;
	text-align:center;
}

.column2_component_s_title{
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	height:auto;
	width:178px;
	margin:0;
	padding:0;
	background-color:#B4D6D6;
}

.column2_component_s_title p{
	margin:0;
	padding:2px 0 0 10px;
	color:#407777;
	font-weight:bold;
}

.column2_component_s_read{
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	border-top: solid 1px #9CC9C9;
}

.column2_component_s_read p{
	height:auto;
	padding:5px 10px 0 10px;
}


.column2_component_s_btn{
	border-right: solid 1px #9CC9C9;
	border-left: solid 1px #9CC9C9;
	border-bottom: solid 1px #9CC9C9;
	height:auto;
	margin:0;
	padding:2px 5px 1px 5px;
	text-align:right;
}

.column2_component_s_btn img{
	vertical-align:middle;
	margin-left:1px;
}

column2_component_s_margin{
	margin:5px;
}

/* 
===== 汎用レイアウト =========*/
#column1_title_middle{
	width:100%;
    text-align: center;
    background-color: #eeeeee;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto 0px auto;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
}
@media only screen and (max-width: 767px) {
#column1_title_middle{
    -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    border-radius: 0px;
    padding: 5px;
}
} 

#column1_title_middle p{
	font-weight:bold;
    font-size: 1.2em;
}
@media only screen and (max-width: 767px) {
#column1_title_middle p{
	font-weight:bold;
    font-size: 1rem;
}
}


#column2_title_middle{
	width:100%;
    text-align: center;
    background-color: #eeeeee;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto 20px auto;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
}
@media only screen and (max-width: 767px) {
#column2_title_middle{
  padding: 10px 0;
    -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    border-radius: 0px;
}
}
    
#column2_title_middle p{
	font-weight:bold;
    font-size: 1.2rem;
}

.column2_read_summary {
	width:550px;
	height:auto;
	margin-top:7px;
}

.column2_read_summary_notice {
	width:550px;
	height:auto;
	margin:0 0 5px 0;
	font-size:90%;
	color:#6F4F3C;
	line-height:1.2em;
}

#service_summary_box{
	width:548px;
	height:auto;
}

.service_summary_pointer{
	float:left;
	margin:7px 0 20px 0;
	width:300px;
	height:auto;
}

.service_summary_pointer p{
	padding-right:10px;
}

.service_summary_pointer ul{
	margin: 0;
	padding: 0;
	list-style:none;
}

.service_summary_pointer li {
	padding:0 10px 0 17px;
	line-height:140%;
	background-image: url(../images/common/pointer06.gif);
	background-repeat: no-repeat;
	background-position:5px 4px;
}

.service_summary_img{
	text-align:right;
	float:left;
	width:248px;
	height:auto;
}

.column2_title_small{
    margin: auto;
	font-size:1.2em;
	line-height:2em;
    font-weight: 500;
	border-bottom: solid 1px #cccccc;
	border-bottom-style:dotted;
}
.column2_title_small .title03 {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media only screen and (max-width: 767px) {
.column2_title_small{
	font-size:1.2rem;
}
}

.column2_title_small a{
	cursor:default;
}
.column2_title_small a:hover{
	text-decoration:none;
	color: #333;
}

.column2_title_small p a:hover{
	text-decoration:none;
	color: #333;
}

.column2_read_left{
	height:auto;
	padding:12px 20px 0 0;
	float:left;
    width: 480px;
    box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.column2_read_left{
    width: 100%;
	padding:10px 0px;
}
}


.column2_read_left2{
	margin:auto;
    width: 96%;
}

.column2_read_left_s{
	width:230px;
	height:auto;
	margin:7px 0 6px 0;
	float:left;
}

.column2_read_left p{
	float:  left;
	font-size: 1em;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.column2_read_left p{
	font-size:1rem;
	width: 100%;
    margin: 0 0 10px 0;
}
}

.column2_read_left_s p{
	width:230px;
	height:auto;
	margin:7px 0 2px 0;
	float:left;
}

.column2_read_right{
	margin: 15px 0 0 0;
	display:inline-block;
	width: 300px;
}
@media only screen and (max-width: 767px) {
.column2_read_right{
	margin:0;
	width: 100%;
}
}

.column2_read_right_wide{
	text-align:right;
	width: 100%;
	height:auto;
	margin:10px 0 6px 12px;
	float:left;
}

.column2_read_right a img:hover{
    opacity: 0.8;
}

.column2_read_right img{
    display: block;
    margin: auto;
}

.tourbtn_02_ryoko1 {
}
@media only screen and (max-width: 767px) {
.tourbtn_02_ryoko1{
	float: none;
    text-align: center;
    margin: auto;
    display: flex;
}
}


.tourbtn_02_ryoko1 a {
    border: 1px solid #bcbdc0;
	-moz-border-radius:   10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
    min-width: 300px;
    font-size: 1.1em;
    font-weight: bold;
    height: 80px;
    margin: 0 0 30px 0;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tourbtn_02_ryoko1 a:hover{
    opacity: 0.8;
    text-decoration: none;
    color: #333 !important;
}
@media only screen and (max-width: 767px) {
.tourbtn_02_ryoko1 a {
	margin: auto;
    min-width:300px;
}
}

.column2_read_componentbox{
	width: 98%;
	margin:auto;
    display: block;
    margin:2em auto 1em auto;
}
@media only screen and (max-width: 767px) {
.column2_read_componentbox{
	width: 100%;
    margin:0 auto 20px auto;
}
}

@media only screen and (min-width: 768px) {
  .column2_read_componentbox--ikecc {
    margin: 3em 0;
  }
}


.column2_liquid_combination {
	width:550px;
	margin-top:15px;
}

.column2_liquid_combination_img {
	height:auto;
	float:right;
	margin:7px 10px 0 20px;
}

.column2_liquid_combination_txt {
	line-height:2.3em;
	margin:0 15px 30px 5px;
}

/* 
=== 汎用レイアウト(products01_03) ===
=====================================
=======================*/

.column2_read_summary_pickup{
	width:546px;
	height:auto;
	margin:7px 0 5px 0;
	background-color:#FFF0EE;
	border:solid 2px #FFADA4;
}

.column2_read_summary_pickup_g{
	width:546px;
	height:auto;
	margin:7px 0 5px 0;
	background-color:#E6F1FF;
	border:solid 2px #A4CDFF;
}

.column2_read_summary_pickup_y{
	width:546px;
	height:auto;
	margin:7px 0 5px 0;
	background-color:#FFFDDF;
	border:solid 2px #FFF477;
}

.column2_read_summary_catch_bg{
	width:546px;
	background-color:#FFADA4;
}

.column2_read_summary_catch_bg_g{
	width:546px;
	background-color:#A4CDFF;
}

.column2_read_summary_catch_bg_y{
	width:546px;
	background-color:#FFF477;
}

p.column2_read_summary_catch{
	font-weight:bold;
	font-size:130%;
	margin:5px 7px 4px 7px;
	background-color:#FFADA4;
}

p.column2_read_summary_catch_g{
	font-weight:bold;
	font-size:130%;
	margin:5px 7px 4px 7px;
	background-color:#A4CDFF;
}

p.column2_read_summary_catch_y{
	font-weight:bold;
	font-size:130%;
	margin:5px 7px 4px 7px;
	background-color:#FFF477;
}

.column2_read_summary_pickupl{
	width:376px;
	float:left;
	margin:9px 7px 4px 4px;
}

.column2_read_summary_pickupl_img{
	width:155px;
	float:left;
	margin:10px 7px 4px 0;
}

.column2_read_summary_pickupl p{
	width:207px;
	float:left;
	margin:10px 0 4px 7px;

}

.column2_read_summary_pickupr{
	border:solid 1px #FFADA4;
	width:140px;
	float:left;
	margin:9px 4px 4px 0;
	background-color:#FFFFFF;
}

.column2_read_summary_pickupr_g{
	border:solid 1px #A4CDFF;
	width:140px;
	float:left;
	margin:9px 4px 4px 0;
	background-color:#FFFFFF;
}

.column2_read_summary_pickupr_y{
	border:solid 1px #FFF477;
	width:140px;
	float:left;
	margin:9px 4px 4px 0;
	background-color:#FFFFFF;
}

.column2_read_summary_pickupr a img, .column2_read_summary_pickupr_g a img, .column2_read_summary_pickupr_y a img{
	margin:5px 6px 0 6px;	
}

.column2_read_summary_pickupr p, .column2_read_summary_pickupr_g p, .column2_read_summary_pickupr_y p{
	width:127px;
	float:left;
	margin:0px 4px 0 4px;
}

p.column2_read_summary_pickupr_notice{
	border-top: solid 1px #999999;
	border-top-style:dotted;
	font-size:80%;
	line-height:1.3em;
	color:#999999;
	padding-bottom:7px;
}

.column2_read_summary_bottom{
	margin:4px 0px 10px 10px;
}


.column2_read_top_catch{
	width:548px;
	height:auto;
	margin-top:2px;
	float:left;
	font-weight:bold;
	color:#59A6A6;
}

.column2_read_top{
	width:548px;
	height:auto;
	margin:1px 0 5px 0;
	float:left;
}

p.read_bottom_img {
	border: solid 1px #666666;
	padding:2px;
	height:auto;
	float:left;
}

.column2_read_top_title{
	width:548px;
	height:auto;
	margin-top:7px;
	float:left;
	font-weight:bold;
	color:#407777;
}

.column2_read_top_img{
	margin-top:7px;
}

.read_left_catch{
	margin-top:2px;
	font-weight:bold;
	color:#59A6A6;
}

.read_left_notice{
	width:383px;
	height:auto;
	margin:7px 0 25px 0;
	float:left;
	color:#666666;
}

.read_center_notice{
	width:550px;
	height:auto;
	margin:7px 0 25px 0;
	color:#666666;
}

/* 
=== 汎用レイアウト(net) ===
=====================================
=======================*/

.column2_readimg_left{
	width:290px;
	height:auto;
	margin:7px 0 25px 0;
	float:left;
}

.column2_readtxt_right{
text-align:left;
	width:250px;
	height:auto;
	margin:7px 0 5px 10px;
	float:left;
}

/* 
===================================
====== 汎用レイアウト(map) ========
=================================== */

#column2_sitemap_container{
	width:550px;
	height:auto;
	margin-top:10px;
}

#column2_sitemap_left{
	float:left;
	width:271px;
	height:auto;
	margin:0;
}

#column2_sitemap_center{
	float:left;
	width:271px;
	height:auto;
	margin-left:8px;
}

.column2_sitemap_categorytitle{
	background-color:#EAF7F5;
	border:solid 1px #BFDDDD;
	width:271px;
}


.sitemap_categorytitle_left{

	float:left;
	margin:4px 7px 2px 5px;
	font-weight:bold;
	color:#203534;
}

.sitemap_categorytitle_right{
	float:right;
	margin:3px 3px 2px 1px;
}

.sitemap_categorytitle_right img{
	vertical-align:middle;

}


.column2_maptitle_small{
	float:left;
	width:271px;
	height:auto;
	border-bottom: solid 2px #B1C7CD;
	border-bottom-style:dotted;
	background-image:url(../images/common/pointer07_green.gif);
	background-repeat:no-repeat;
	background-position:0 center;
}

.column2_maptitle_small p{
	margin:2px 0 1px 15px;

}

ul.sitemap_contentsname{
	margin:5px 0px 20px 12px;
}

ul.sitemap_contentsname li{
	margin-top:0.3em;
}

/* 
===== adobe_get_acrobat　==== */

.column3_adobe_info {
	margin:7px 0;
	padding-bottom:3px;
	border-bottom: solid 1px #D7D7CC;
}
.column3_adobe_linkbtn{
	float:left;
	margin:7px 0 7px 0;
}
.column3_adobe_notice {
line-height:1.2em;
font-size:80%;
color:#333333;
width:400px;
	float:left;
	margin:7px 10px;
}
.column3_adobe_notice {
line-height:1.2em;
font-size:80%;
color:#000000;
width:400px;
	float:left;
	margin:7px 10px;
}
.column3_adobe_notice a:link {
color: #0000ff;
text-decoration: underline;
}
.column3_adobe_notice a:visited {
color:#800080;
text-decoration: underline;
}
.column3_adobe_notice a:hover {
color: #0000ff;
text-decoration: underline;
}
.column3_adobe_notice a:active {
color: #0000ff;
text-decoration: underline;
}


/* ========================================================================
   7tabi 
 ========================================================================== */

/* コンテンツ */

.tabi-box {
    width: 980px;
    margin: 0 auto 3em auto;
    display: table;
}
@media only screen and (max-width: 767px) {
.tabi-box {
    margin: 0 auto 2em auto;
    width: 100%;
}
.section {
    width: 100%;
}
}

#tabi_center {
    width: 800px;
	text-align:left;
	padding:10px 0;
    margin: auto;
	line-height:1.5em;
}
@media only screen and (max-width: 767px) {
#tabi_center {
    width: 100%;
}
}

/* タイトル部分*/

h1.title_box {
	margin-bottom:30px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
h1.title_box {
	width:90%;
    margin:auto;
	margin-bottom:0px;
}
}


h2.title_under {
	border-bottom: solid 3px #999;
	padding:10px;
	margin-bottom:30px;
	text-align: center;
}


/* ボックス */


.box {
	border:3px solid #999;
	padding:25px;
	margin-bottom:40px;
	text-align: center;
}

.nanaco_box {
	border:1px solid #999;
	padding:25px;
	margin-bottom:40px;
}


/*.background_box {
background-color: #EEEEEE;
	padding:20px;
	margin: 20px 0px;

}*/

.end_box {
background-color: #f7f7f7;
	padding:20px;
	margin: 20px 0px;
	font-size: 14px;

}


/* 文字 */
p.small_font {
	font-size: 13px;
	line-height: 1.5;
}

p.subhead {
	font-weight: bold;
	font-size: 15px;
}

span.small_font {
	font-size:12px;
}

.big_font {
	font-size: 16px;
}

ul {
    list-style-type: none;
}


li.nanaco {
  margin: 0 0 5px 0;
}



.tx_red{
	color:#F00;
}


.center {
  text-align: center;
}


/* 問い合わせボタン */

a.contact_btn{
	position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1em 5em;
    color: #111;
    background: #BBBBBB;
  }

a.contact_btn:hover{
background-color:#ddd;
text-decoration:none;
  }

.contact_left {
	float: left;
	width: 330px;
	background-color: #EEEEEE;
	padding:20px;
	
}

.contact_right {
	float: right;
	width: 330px;
	background-color: #EEEEEE;
	padding:20px;
	
}

/* 問い合わせボタン_テキストが長い場合 */

.tourpdf_other{
    width: 150px;
    border: solid 1px #333;
	text-align: center;
	background-color: #ffffff!important;
}

.tourbtn_other{
	width: 350px;
    margin-top: 10px;
	border: solid 1px #333;
	background-color: #ffffff!important;
}

.tourbtn_text{
	display: block;
    width: 100%;
    height: 100%;
    color: #333!important;
	line-height: 30px;
	text-align: center;
}

.tourpdf_other a img {
	vertical-align: text-top;
	margin-right: 3px;
}


/* サービス終了の提携各社一覧のリンク */

a.service_end {
	color: #111;
	text-decoration: underline;
	margin-right: 10px;
}


/* 特集 */

.tokusyu {
    text-align: center;
	padding:20px 0px;
    border-top: solid 2px #eee;
    border-bottom: solid 2px #eee;
    margin: 20px 0;
}
@media only screen and (max-width: 767px) {
.tokusyu {
	width: 94%;
    margin: auto;
	padding:20px 0px;
}
}


.tokusyu_left {
	width: 350px;
    box-sizing: border-box;
    margin: 0 20px 0 0;
	background-color: #dddddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	padding:20px;
	display: inline-block;
}
@media only screen and (max-width: 767px) {
.tokusyu_left {
	width: 100%;
    padding: 0px;
    margin: auto;
    display: block;
    padding: 10px;
}
}


.tokusyu_right {
	width: 350px;
    box-sizing: border-box;
    margin: 0 0 0 20px;
	background-color: #dddddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	padding:20px;
    display: inline-block;
}
@media only screen and (max-width: 767px) {
.tokusyu_right {
	width: 100%;
    padding: 0px;
    margin:20px auto 0px auto;
    display: block;
    padding: 10px;
}
}

img.tokusyu_bnr:hover {
	opacity: 0.8 ;
}

/* マージン */

.mt_5 {
	margin-top: 5px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_30 {
	margin-top: 30px;
}

.mt_40 {
	margin-top: 40px;
}

.mt_50 {
	margin-top: 50px;
}

.mb_50 {
	margin-bottom: 50px;
}

.mt_300 {
	margin-top: 300px;
}

.mb_30 {
	margin-bottom: 30px;
}

.cmn_pagetop {
	margin-top: 50px;
	margin-bottom: 27px;
	background-image: url(/images/common/pointer02.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	float: right;
}

.mainV {
	width: 100%;
	margin: 0 0 20px;
}
.h2ttl {
	width: 100%;
	border-bottom: solid 1px #333;
    margin:40px auto 0px auto;
    display: flex;
}
@media only screen and (max-width: 767px) {
.h2ttl {
	width: 100%;
    margin: auto;
    display:table;
}
}

.h2ttl h2 {
	float: left;
	color: #333;
	padding: 0 20px 10px 10px;
	font-size: 1.4em;
    line-height: 1em;
	font-weight: normal;
}
    
@media only screen and (max-width: 767px) {
.h2ttl h2 {
	width: 100%;
	padding:10px 0 10px 0;
	font-size: 1.2em;
    line-height: 1em;
}
}

.h2ttl .mypagebox, 
.tourlist li .tourtxt .tourcap {
	font-size: 1em;
	text-align: justify;
	text-justify:inter-character;
}
@media only screen and (max-width: 767px) {
.h2ttl .mypagebox, 
.tourlist li .tourtxt .tourcap {
	font-size: 1em;
}
}

.h2ttl .mypagebox, 
.tourlist li .tourtxt .tourpdf, 
.tourlist li .tourtxt .tourbtn {
	min-width: 180px;
	height: 30px;
	float: right;
	border: solid 1px #333;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
}
@media only screen and (max-width: 767px) {
.h2ttl .mypagebox, 
.tourlist li .tourtxt .tourpdf, 
.tourlist li .tourtxt .tourbtn {
	width: 94%;
    margin: auto;
    float: none!important;
}
}

.h2ttl .mypagebox a, 
.tourlist li .tourtxt .tourpdf a, 
.tourlist li .tourtxt .tourbtn a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	line-height: 30px;
}

/*---2020.12.11 新デザインボタン---*/
.tourpdf_02, .tourbtn_02_pdf, .tourbtn_02_xlsx {
	float: left;
	clear:both;
	text-align: center;
	margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.tourpdf_02, .tourbtn_02_pdf, .tourbtn_02_xlsx {
	width: 94%;
    margin:0 auto 10px auto;
    float: none
}
}

.tourpdf_02:last-of-type {
	margin-bottom: 0px;
    margin: auto;
}

.tourbtn_02_pdf:last-of-type {
	margin-bottom: 0px;
}

.tourbtn_02_xlsx:last-of-type {
	margin-bottom: 0px;
}


.tourpdf_02 a, .tourbtn_02_pdf a, .tourbtn_02_xlsx a {
	text-decoration: none;
	display: block;
	padding: 5px 10px;
    text-align: center;
	font-weight: bold;
	line-height: 2em;
	color: #fff;
}
.tourpdf_02 a {
	background-color: #0070c0;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
    min-width: 180px;
    box-sizing: border-box;
}
.tourbtn_02_xlsx a {
	background-color: #008000;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
    min-width: 180px;
    box-sizing: border-box;
}
.tourbtn_02_pdf a {
	background-color: #ff0066;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
    min-width: 180px;
    box-sizing: border-box;
}
/*---------------------*/

/*---2020.12.15 新デザインボタン 横並び---*/
.side_btn{
	display: flex;
}

.side_btn .tourpdf_02 {
	margin-right: 20px;
	margin-bottom: 0px;
}
.side_btn .tourbtn_02_pdf {
	margin-right: 20px;
	margin-bottom: 0px;
}
.side_btn .tourbtn_02_xlsx {
	margin-right: 20px;
	margin-bottom: 0px;
}
/*---------------------*/

.info {
	margin: 20px 0;
}
.info li {
	min-height: 20px;
	margin: 5px 20px 0;
}
.info li dl dt {
	height: 24px;
	line-height: 24px;
}
.info li dl dt.osirase {
	background: url(images/tabiclub/infoicon_osirase.png) no-repeat 120px 0;
}
.info li dl dt.kokunai {
	background: url(images/tabiclub/infoicon_kokunai.png) no-repeat 120px 0;
}
.info li dl dt.kaigai {
	background: url(images/tabiclub/infoicon_kaigai.png) no-repeat 120px 0;
}
.info li dl dd {
	padding-left: 120px;
}

.tourlist li.now  {
	padding: 30px;
	margin:20px 0 0 0;
    display: flex;
    border:2px solid #eeeeee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.tourlist li.now {
	padding: 20px 0px;
    display:table;
    width: 94%;
    margin: 20px auto;
}
}

.tourlist li.end {
	padding: 30px;
	margin:20px 0 0 0;
    background-color: #eeeeee;
    display: flex;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.tourlist li.end {
	padding: 20px 0px;
    display:table;
    width: 100%;
    margin: 20px auto;
}
}

.tourlist li .tourimg {
	width: 300px;
	float: left;
	margin:0 20px 0 0px;
}
@media only screen and (max-width: 767px) {
.tourlist li .tourimg {
	float: none;
    width: 80%;
    margin: auto;
}
.tourlist li .tourimg img{
	margin: auto;
    display: block;
}
}

.tourlist li .tourtxt {
	width: 420px;
	float: right;
}
@media only screen and (max-width: 767px) {
.tourlist li .tourtxt {
	float: none;
    margin:10px auto;
    display: block;
    width: 88%;
}
}

.tourlist li .tourtxt p {
	margin-bottom: 10px;
	font-size: 1.05em;
	line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.tourlist li .tourtxt p {
	font-size: 1rem;
}
}


.tourlist li .tourtxt p.tourtype, .tourlist li .tourtxt p.tourttl, .tourlist li .tourtxt p.tourdate, .tourlist li .tourtxt p.tourdeparture {
	font-weight: bold;
}
.red {
	color: #b33d33;
}
.tourlist li .tourtxt p.tourdate {
	text-indent: -1em;
	padding-left: 1em;
}
.tourlist li .tourtxt .tourpdf, .tourlist li .tourtxt .tourbtn {
	float: left;
	background-color: #fff;
}
.tourlist li .tourtxt .tourpdf {
	margin-right: 20px;
}
.tourlist li .tourtxt .tourpdf a img {
	vertical-align: text-top;
	margin-right: 3px;
}
.pdfattention {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	color: #333;
	line-height: 1.5em;
	background-color: #f5f5f5;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.tabinetinfo {
	background: #eee;
	padding: 20px;
}
.tabinetinfo .tabinetlink {
	background: #dadada;
	border: solid 1px #666;
	text-align: center;
	font-size: 14px;
	text-decoration: underline;
	height: 50px;
	line-height: 50px;
}
.tabinetinfo .tabinetlink a {
	display: block;
	width: 100%;
	height: 100%;
	height: 50px;
	color: #666;
}

.tourpdf {
    display: block;
    margin: 20px auto 60px auto;
    width: 100%;
    text-align: center;
}
@media only screen and (max-width: 767px) {
.tourpdf {
    width: 94%;
    margin: 20px auto 20px auto;
    text-align: left;
}
}

li.tourpdf{
    margin: 15px 0;
    text-align: center;
}
@media only screen and (max-width: 767px) {
li.tourpdf{
    display: block;
    width: 94%;
    text-align: left;
    margin: 15px auto;
    font-size: 1.1em;
}
}


.tourpdf a {
    color: #407777;
    font-size: 1.1em;
    background-color: #eeeeee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-width: 180px;
    box-sizing: border-box;
    line-height:1.8em;
    padding:15px 30px;
    margin: auto;
    display: block;
}
@media only screen and (max-width: 767px) {
.tourpdf a {
    padding: 10px 15px;
    font-size: 1em;
}
}

.tourpdf img {
    vertical-align: text-top;
    margin-right: 3px;
}

.tourbtn img {
    margin: 0 0 2px 6px;
}

/* ツアーアンカーリンク */

a.anchor{
  display: block;
  padding-top: 0px;
  margin-top: -0px;
}

@media only screen and (max-width: 767px) {
  a.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  }
  
/* ========================================================================
   table1
 ========================================================================== */
.uk-table {
  border: 1px solid #cccccc;
  font-size: 1em;
}

.uk-table th,
.uk-table tr td {
  border-right: 1px solid #cccccc;
}

.uk-table th {
  padding: 6px;
  text-align: left;
  vertical-align: bottom;
  font-size: 0.7rem;
  font-weight: normal;
  color:#FFFFFF;
  text-transform: uppercase;
}

.uk-table-divider > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr,
.uk-table-divider > :first-child > tr:not(:first-child) {
  border-top: 1px solid #cccccc;
}

/* ========================================================================
   table2
 ========================================================================== */
.uk-table2 {
  border: 1px solid #cccccc;
  font-size: 1em;
}

.uk-table2 th,
.uk-table2 tr td {
  border: 1px solid #cccccc;
}

.uk-table2 th {
  padding: 6px;
  vertical-align: bottom;
  font-size: 0.7rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
}

.uk-table2 {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
}

.uk-table2 td {
  padding: 6px 3px;
  vertical-align: top;
  font-size: 0.8em;
}
/* ========================================================================
   table3
 ========================================================================== */
.uk-table3 {
  border: 1px solid #cccccc;
  font-size: 1em;
}

.uk-table3 th,
.uk-table3 tr td {
  border: 1px solid #cccccc;
}

.uk-table3 th {
  padding: 6px;
  vertical-align: bottom;
  font-size: 0.7rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
}

.uk-table3 {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
}

.uk-table3 td {
  padding: 6px 12px;
  vertical-align: top;
  font-size: 0.9em;
}

/* ========================================================================
   Fonts
 ========================================================================== */

.wf-mplus1p {
  font-family: "M PLUS 1p";
}

/* ========================================================================
   Layout
 ========================================================================== */

.uk-margin {
  margin-bottom: 2em;
}

.uk-child-width-1-2 > * {
  width: 45%;
}

.uk-background {
  overflow: hidden;
       width: 100%;
}

.uk-background-gray {
  background-color: #cccccc;
  min-height: 100%;
}

.uk-background-dark {
  background-color: #415f73 !important;
}

.uk-background-y {
  background-color: #ffffe6 !important;
}

.uk-background-b {
  background-color: #1e87f0 !important;
}

.uk-form-horizontal .uk-form-label {
  width: 150px;
  margin-top: 1px;
  float: left;
}
.uk-form-horizontal .uk-form-controls {
  margin: 0 0 15px 150px;
}
/* Better vertical alignment if controls are checkboxes and radio buttons with text */
.uk-form-horizontal .uk-form-controls-text {
  padding-top: 7px;
}

/* ========================================================================
   Size modifier
 ========================================================================== */

.uk-container {
    flex: 1;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 767px) {
  .uk-container {
    padding-left: 15px;
    padding-right:15px;
    margin-top:  60px;
}
}
@media only screen and (max-width: 767px) {
  .uk-card-default {
    max-width: 100%;
    margin: 0;
}
}
@media only screen and (max-width: 767px) {
  .uk-card-body {
    padding: 10px 15px;
}
}

.uk-container92 {
    flex: 1;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 767px) {
  .uk-container92 {
    width: 92%;
    padding-left: 0px;
    padding-right:0px;
    margin:  25px auto 0 auto;
}
}
/* ========================================================================
   Component: Button
 ========================================================================== */
.uk-button {
  padding: 0.85em 1.5em;
  line-height:0.8em;
}

.uk-button-default,
.uk-button-secondary,
.uk-button-danger {
  display: block;
  margin: auto;
}

.uk-button-close {
  background-color: #e0e1e2;
  color: #000000 !important;
  margin: 0 5px;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 60px;
  height: 35px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}

/* Hover + Focus */
.uk-button-close:hover,
.uk-button-close:focus {
  opacity: 0.9;
  cursor: pointer;
}

.uk-button-large {
  min-width: 40%;
  padding: 20px 40px;
  line-height: 1.5em;
  font-size: 1.25rem;
}

.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
  background-color: #f8f8f8;
}

.uk-button-gray {
  background-color: #e0e1e2;
  color: #666 !important;
  font-weight: bold;
}
.uk-button-gray:hover,
.uk-button-gray:focus {
  opacity: 0.9;
}

.uk-button-green {
  background: #c9ff9a!important;
  letter-spacing: 0.1em;
  height: 36px;
  width: 135px;
  border: none;
  color: #555;
}
.uk-button-green:hover,
.uk-button-green:focus {
  opacity: 0.8;
  color: #777 !important;
}
.uk-button-green:disabled {
  background-color: transparent;
  color: #999;
  border: solid 1px #e5e5e5;
  color: #999 !important;
}
.uk-button-green a {
  text-decoration: none !important;
}

.uk-button-darkgreen {
  background: #69ffcb!important;
  letter-spacing: 0.1em;
  height: 36px;
  width: 135px;
  border: none;
  color: #555;
}
.uk-button-darkgreen:hover,
.uk-button-darkgreen:focus {
  opacity: 0.8;
  color: #777 !important;
}

/* ========================================================================
   Component: Form
 ========================================================================== */
.uk-input,
.uk-select,
.uk-textarea {
  font-size: 0.9em;
  max-width: 100%;
  padding: 5px;
  background: #f8f8f8;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
}

.uk-textarea {
  margin: 0 0 10px 0;
}

.uk-radio,
.uk-checkbox {
  display: inline-block;
  height: 16px;
  width: 16px;
  overflow: hidden;
  margin: -0.25em 0.5em 0 0 !important;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-table td {
  padding: 16px 8px;
  vertical-align: top;
  font-size: 0.8em;
}

input.uk-form-width-xsmall {
  width: 75px;
  margin: auto;
}

input.uk-form-width-small {
  width: 155px;
}

.uk-form-width-medium2 {
  width: 300px;
}

.uk-form-width-medium3 {
  width: 400px;
}

/* ========================================================================
   Component: Article
 ========================================================================== */

.uk-article {
  display: flow-root;
}
/*
 * Remove margin from the last-child
 */
.uk-article > :last-child {
  margin-bottom: 0;
}

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

   header

 ========================================================================== */
@media only screen and (max-width: 767px) {
#header {
  z-index:999;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}
}

header {
  background: #fff;
  position: relative;
}

header.title {
  width:100%;
  padding: 0 0 0 10px;
}

.sp-logo{
  width: 70%;
  margin: -50px 0px 10px 10px;
}
/* ========================================================================
   Component: Text
 ========================================================================== */
.uk-text-muted {
  color: #999 !important;
  font-weight: normal;
}
h5,
.uk-h5 {
  font-size: 0.9rem;
  line-height: 1.4;
}
/* ========================================================================
   Breadcrumb
 ========================================================================== */

.breadcrumb-box {
    width: 100%;
    background: #d7e6f0;
}

.uk-breadcrumb {
    width: 970px;
    margin:0.5em auto;
    padding:0.25em 0em;
    display: flex;
    align-items: flex-end;
    /* background: #d7e6f0;
    border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px; */
}
@media only screen and (max-width: 767px) {
.uk-breadcrumb {
    width: 100%;
    margin: 0 0 0.5em 0.5em;
    padding:0;
}
}

.uk-breadcrumb a{
    letter-spacing: 0.1em;
    text-decoration: underline;
    color: #666;
    z-index: 999;
    padding:0;
}
@media only screen and (max-width: 767px) {
.uk-breadcrumb a{
    font-size: 0.75em!important;
}
}

.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) {
    color: #999;
    font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) {
  width: 95%;
    font-size: 0.8em!important;
}
}

@media only screen and (max-width: 767px) {
  .uk-breadcrumb li {
    max-width: 100%;
  }

  .uk-breadcrumb li:last-of-type {
    display: flex;
  }

  .uk-breadcrumb li:last-of-type::before {
    margin: 2px 2px 0 5px;
  }
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    content: "\003e";
    display: inline-block;
    margin:0 5px 0 10px;
    padding:0;
    font-size: 0.8em;
    color: #999;
}
@media only screen and (max-width: 767px) {
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    margin:0 2px 0 5px;
    font-size: 0.7em;
    color: #999;
}
}


/* ========================================================================
   Triangle breadcrumb
 ========================================================================== */
ul {
  list-style: none;
}

@media only screen and (max-width: 767px) {
  .cd-breadcrumb,
  .cd-multi-steps {
    width: 90%;
    font-size: 0.9em;
    padding: 0.5em 1em;
    margin: 1em auto;
    background-color: #edeff0 !important;
    border-radius: 0.25em;
  }
}

@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    background-color: #edeff0;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 0px 4px 0px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    height: 50px;
    position: relative;
    font-size: 0.9em;
    padding: 1em 1em 0em 2.5em;
    box-sizing: border-box;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }

  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #415f73;
    border-color: #415f73;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: 0.25em 0 0 0.25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 0.25em 0.25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after,
  .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 25px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after,
  .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after,
  .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}

/* ========================================================================
   Multi steps indicator 
 ========================================================================== */

@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 35px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: "";
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li > *,
  .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    font-size: 0.915em;
    padding: 0.6em 1em;
    border-radius: 0.25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *,
  .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #1e87f0;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li,
  .cd-multi-steps.text-bottom li {
    width: 80px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after,
  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before,
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before,
  .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover,
  .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before,
  .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}

.uk-width-auto\@m {
  width: auto;
}
.uk-grid > * > :last-child {
  margin-bottom: 0;
}
.uk-padding {
  padding: 30px;
}

.uk-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}


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

header explain

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


.uk-width-1-2\@m .uk-table td {
    padding:10px 8px;
    vertical-align: top;
    font-size: 0.8em;
}
    
.uk-width-1-2\@m .uk-textarea{
    max-width: 78%!important;
}
@media (max-width: 959px) {
.uk-width-1-2\@m .uk-textarea{
    max-width: 86%!important;
}
}

.uk-width-1-2\@m:first-child {
    padding-left:0px!important;
}

@media (max-width: 959px) {
.uk-width-1-2\@m:first-child {
    padding:0px!important;
}
.uk-width-1-2\@m {
    padding:20px 0 0 0!important;
}
}

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

header navi

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

.uk-navbar{
    margin: auto;
    padding:0px 0px 15px 0px;
    width: 100%;
    box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.uk-navbar{
    display: none;
}
}


.uk-navbar > .uk-navbar-nav > li > a{
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #333;
    min-height: 0px;
    padding: 0;
    position: relative;
    text-decoration: none;
    z-index: 999;
    font-family: 'Noto Sans JP', serif !important;
}


.menu-pp,.menu-sns,.menu-privacy{
    font-size:0.85em;
    line-height: 1.8em;
}
@media only screen and (max-width: 767px) {
.menu-home::after,
.menu-company::after,
.menu-about::after,
.menu-news::after,
.menu-contact::after,
.menu-privacy::after,
.menu-sns::after {
    content:"";
    position: absolute;
    right: 18px;
    width: 8px;
    height:8px;
    border-top:  1px solid #FFF;
    border-right:1px solid #FFF;
    transform: rotate(45deg)translateY(-50%);
    margin: -30px 12px 0 0;
}
    
.menu-pp{
    font-size: 1em;
    color: #666666!important;
    background: #eaeaea!important;
    border-bottom: 1px solid #ffffff;
}
.menu-pp::after{
    content:"";
    position: absolute;
    right: 18px;
    width: 8px;
    height:8px;
    border-top:  1px solid #666;
    border-right:1px solid #666;
    transform: rotate(45deg)translateY(-50%);
    margin: -30px 10px 0 0;
}
}

@media only screen and (max-width: 767px) {
.menu-home,.menu-company,.menu-about,.menu-news,.menu-contact,.menu-privacy,.menu-sns {
    border-bottom: 1px solid #fff0c8;
}
.menu-home a,.menu-company a,.menu-about a,.menu-news a,.menu-contact a,.menu-privacy a,.menu-sns a{
    color: #FFFFFF!important;
}
}

.uk-navbar > .uk-navbar-nav > li > a::after{
    position: absolute;
    bottom: -5px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #ff6517;
    transform: scale(0, 1);
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
}
.uk-navbar > .uk-navbar-nav > li > a:hover::after {
    transform: scale(1, 1);
}


.uk-navbar-nav{
    margin: auto;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    width: 100%;
    margin: auto;
    padding: 0;
    background: #FFF;
}
@media only screen and (max-width: 767px) {
.uk-navbar-container{
    display: none;
}
}

.uk-navbar-left h1 {
    display: none;
}

.uk-navbar-right{
    display: block;
    padding: 10px 10px 0 0;
}

.uk-navbar-nav li:last-child{
    padding: 0 0 0 0;
}

.uk-navbar-nav li{
    padding: 0 35px 0 0;
}

.uk-navbar-right .uk-navbar-nav > li > a{
    color: #555;
    min-height: 36px;
    padding: 0;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

.uk-navbar-nav > li > a{
    color: #555;
}

.uk-background-blue{
    background: #d7e6f0;
}


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

main slideshow

====================================*/ 
.uk-slideshow {
	margin:0;
	padding:20px 40px 0px 40px;
}
@media only screen and (max-width: 767px) {
.uk-slideshow {
	margin:0;
	padding:0;
}
}

.uk-slideshow-items{
    width: 980px!important;
    height: 370px!important;
    min-height: 370px!important;
    margin: auto;
}
@media only screen and (max-width: 767px) {
.uk-slideshow-items{
    width: 100%!important;
    height:100px!important;
    max-width: 100%!important;
    min-height:100%!important;
}
}


.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
svg {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
.uk-icon>* {
    transform: translate(0, 0);
}

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

main dotnav

====================================*/ 
.uk-dotnav > * > * {
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    margin: 10px 0 0 5px;
    border-radius: 0%;
    background: #FFF;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #ffbbfc;
    transition: 0.2s ease-in-out;
    transition-property: background-color, border-color;
}
/* Hover + Focus */
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
    background-color: #ffbbfc;
    outline: none;
    border-color: transparent;
}
/* OnClick */
.uk-dotnav > * > :active {
    background-color: #ffbbfc;
    border-color: transparent;
}
/* Active */
.uk-dotnav > .uk-active > * {
    background-color: #ffbbfc;
    border-color: transparent;
}

.uk-dotnav{
    float: right;
}

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

infomation box

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

.info-text{
    color: #444;
    letter-spacing: 0.01em;
    background:#fff;
    width: 185px;
    padding: 10px 10px 0px 10px;
    font-size: 0.9em;
    line-height: 1.6em;
    text-align: left;
}
@media only screen and (max-width: 767px) {
.info-text{
    font-size: 0.8em;
    width: 100%;
    box-sizing: border-box;
}
}

.update{
    color:#0099ff;
    font-weight: 300;
    font-size: 0.9em;
    width: 185px;
    display: block;
    background:#fff;
    padding:5px 10px;
    text-align: right;
}
@media only screen and (max-width: 767px) {
.update{
    font-size: 0.8em;
    width: 100%;
    box-sizing: border-box;
}
}

.info-photo{
    width: 100%;
}
.info-photo img{
    width: 100%;
}



[class*='uk-child-width'] > * {
    width: auto;
    margin: 0 0 20px 0;
}

.uk-card {
    flex-basis: 25%;
    z-index: 2;
    margin: 0 40px 0 0;
    padding: 0 10px 10px 0;
}
@media only screen and (max-width: 767px) {
.uk-card {
    flex-basis: 50%;
    width: 40vw;
    margin:0 0 0 6vw;
}
}

.uk-card:hover{
    opacity: 0.8;
}

.uk-card:nth-child(4) {
    margin: 0 0px 0 0!important;
}

.uk-card:after {
    content: '';
    width: 90%;
    height: 92%;
    right: 0;
    bottom: 0;
    display: block;
    z-index: -1;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: linear-gradient(to top, #b4d7fa, #c8f0c8);
    opacity: 0.8;
}

.uk-child-width {
	width: 980px;
}

.uk-grid > * {
	padding: 0;
}

.uk-grid {
	width: 980px;
	margin: auto;
}
@media only screen and (max-width: 767px) {
.uk-grid {
    width: 100%;
	margin: 0;
}
}

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

course box

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

.uk-grid-3 {
    width: 980px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    list-style:none;
    padding: 0 40px;
}
@media only screen and (max-width: 767px) {
.uk-grid-3 {
    width: 100%;
    padding:0px;
}
}

.uk-grid-4 {
	width: 1020px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 0 0 0 40px;
}
@media only screen and (max-width: 767px) {
.uk-grid-4 {
	width: 98%;
    padding:0px;
}
}
    
.link_orange{
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius:999px;
    color:#f96209;
    font-size:1em;
    height: 44px;
    letter-spacing:0.07em;
    line-height:1;
    position:relative;
    z-index:10;
    margin:0 auto 2em auto;
    border: 1px solid #f96209;
    box-sizing: border-box;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    transition:0.5s;
}

.link_orange::after {
    content:"";
    position: absolute;
    right: 18px;
    width: 8px;
    height:8px;
    border-top:  1px solid #f96209;
    border-right:1px solid #f96209;
    transform: rotate(45deg)translateY(-50%);
    top: 20px;
}

.link_orange:hover {
    color:#fff;
    background:#f96209;
    box-sizing: border-box;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    transition:0.5s;
}

.link_orange:hover::after {
    content:"";
    position: absolute;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg)translateY(-50%);
    top: 50%;
}

.uk-card3 {
  position: relative;
  box-sizing: border-box;
  width: 270px;
  z-index: 2;
  margin: 0 60px 0 0;
  padding: 0 10px 40px 0;
}
@media only screen and (max-width: 767px) {
.uk-card3 {
  width: 86%;
}
}

.uk-card3:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
.uk-card3:last-child {
  margin: auto;
}
}

a.uk-card3 {
    color: #444;
}

.uk-card3:hover {
  opacity: 0.8;
  text-decoration: none;
}

.uk-child-width-1-3\@m > * {
    width: 280px;
    margin: 0 70px 10px 0;
}
@media only screen and (max-width: 767px) {
.uk-child-width-1-3\@m > * {
    width: 100%;
    margin: 0 auto;
}
}


.uk-child-width-1-3\@m > *:nth-child(3n) {
    width: 280px;
    margin: 0 0px 10px 0;
    
}
@media only screen and (max-width: 767px) {
.uk-child-width-1-3\@m > *:nth-child(3n) {
    width: 100%;
    margin: 0 auto;
}
}

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

	main

====================================*/ 
.bx-prev,.bx-next {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top:0;
  /*background-color: #f90;*/
}

.bx-viewport {
    width: 980px!important;
    margin: auto;
}
@media only screen and (max-width: 767px) {
.bx-viewport {
    width: 100%!important;
}
}
#mainbox {
    margin:0 auto;
}

#mainVisual {
    margin: auto;
}

.artWork {
    width: 100%;
    margin: 0;
}
@media only screen and (max-width: 767px) {
.artWork {
    width: 94%;
    display: block;
    margin: auto;
}
}

#mainVisual .no01 {
    background: url(../images/main/main01.jpg) top center no-repeat;
    width: 980px;
}
@media only screen and (max-width: 767px) {
#mainVisual .no01 {
    background-size: 100%;
    width: 100%;
}
}

#mainVisual .no02 {
    background: url(../images/main/main02.jpg) top center no-repeat;
    width: 980px;
}
@media only screen and (max-width: 767px) {
#mainVisual .no02 {
    background-size: 100%;
    width: 100%;
}
}

#mainVisual .no03 {
    background: url(../images/main/main03.jpg) top center no-repeat;
    width: 980px;
}
@media only screen and (max-width: 767px) {
#mainVisual .no03 {
    background-size: 100%;
    width: 100%;
}
}


#mainVisual .slide {
    width: 980px;
    height:461px;
    margin:auto;
}
@media only screen and (max-width: 767px) {
#mainVisual .slide {
    width: 102%;
    height:140px;
    margin:auto;
}
}

#mainVisual .text h3:hover{
    text-decoration: underline;
}

#mainVisual .artWork {
    box-sizing: border-box;
    overflow: hidden;
}
#mainVisual .artWork:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#mainVisual .inner {
    overflow: hidden;
}

#mainVisual .text {
    width: 60%;
    padding: 30px 0 0 0;
    float: left;
    color: #333;
}

#mainVisual .text h1 {
    width: 100%;
    margin: 0 0 10px 5px;
    -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.8));
    -moz-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.8));
    -ms-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.8));
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.8));
}

#mainVisual h2 {
    display: none;
}

#mainVisual .text h3 {
    width: 90%;
    font-size: 1.2em;
    font-weight:normal;
    line-height: 1.6em;
    padding: 0.5em 1em;
    background: rgb(255,255,255);
    filter:alpha(opacity=40); 
    background: rgba(255,255,255,0.4);
    border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#contents .inner img{
    width: auto;
    max-width: 100%;
    margin: 0;
    padding:0;
    text-align:left;
}

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

	main pager

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

.bx-default-pager{
    width: 980px;
    margin: auto;
    text-align: right;
    padding: 10px 0 0 0;
    font-size: 0px;
    color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
.bx-default-pager{
    width: 100%;
    text-align: center;
    padding: 20px 0 30px 0;
}
}
@media only screen and (max-width: 767px) {
header, footer, nav, section, aside, article {
    display: block;
}
}
.bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-pager a {
    width: 15px;
    height: 15px;
    margin: 0 0 0 15px;
    background: #FFF;
    display: block;
    outline: 0;
    border: 1px solid #ffbbfc;
    border-radius: 0%;
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
    
}

.bx-pager a:hover,
.bx-pager a.active {
    background: #ffbbfc;
}

@media only screen and (max-width: 767px) {
.h_logo {
    width: 300px;
    position: absolute;
    top: 0px;
    left:0px;
    z-index: 100;
}
}
@media only screen and (max-width: 320px) {
.h_logo {
    width: 260px;
}
}

@media only screen and (max-width: 767px) {
.h_nav {
    line-height: 1em;
}
li > a:before {
    margin-bottom: -2px;
}
}

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

	Schedule table

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

#koushi-table th{
	padding: 10px;
}

#koushi-table td{
	padding: 10px;
}

#kouza-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 0 0;
    width: 100%;
}
@media only screen and (max-width: 767px) {
#kouza-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin:0 0 0;
}
}

#kouza-table th{
    box-sizing: border-box;
	padding: 0.45em 0.9em;
    font-weight: normal;
}
@media only screen and (max-width: 767px) {
#kouza-table th{
	padding: 0.5em;
    font-size: 0.9em;
}
}

#kouza-table td{
	padding: 1em;
    background: #FFFFFF;
}
@media only screen and (max-width: 767px) {
#kouza-table td{
    font-size: 0.9em;
	padding: 0.5em;
}
}

#kouza-table td.kouza-date{
    font-size: 1em;
    word-break: break-word;
    width: 30%;
}
@media only screen and (max-width: 767px) {
#kouza-table td.kouza-date{
    word-break: break-word;
    width: 45%;
}
}

#kouza-table td.kouza-price{
    font-size: 1.1em;
    word-break: break-word;
}
@media only screen and (max-width: 767px) {
#kouza-table td.kouza-price{
    font-size: 1em;
    text-align: center;
}
}

#kouza-table td.siryo-price{
    font-size: 1.1em;
    word-break: break-word;
}
@media only screen and (max-width: 767px) {
#kouza-table td.siryo-price{
    display: none;
}
}


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

 table A

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

.table-A th:first-child{
    width: 33%;
}


.table-A {
	width: 99%;
	margin:0 0 0 0;
	line-height: 1.5em;
}

@-moz-document url-prefix() {
.table-A {
	background-color:#cccccc;
	border-collapse:separate;
	border-spacing:1px;
}
}

@media only screen and (max-width: 767px) {
.table-A {
	width: 100%;
	float: none;
	margin:0px auto;
	line-height: 1.4;
}
}

.table-A td{
	padding: 1em;
	text-align: left;
	margin: 0 0 1em 0;
}

.table-A th, .table-A td {
	border: 1px solid #cccccc;
	vertical-align: middle;
}

@-moz-document url-prefix() {
.table-A th, .table-A td {
	border: 0px solid #cccccc;
	vertical-align: middle;
}
}

.table-A th {
	background-color: #f5f5f5;
}

.table-A .active_y{
	color: #333333;
	background-color: #ffcc66;
}

.table-A .active_p{
	color: #333333;
	background-color: #ffcccc;
}


.table-A .deactive{
	color: #cccccc;
}


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

 table B

====================================*/ 
.table-B {
	width: 99%;
	margin:0 0 1.5em 0;
	line-height: 1.5em;
}

@-moz-document url-prefix() {
.table-B {
	background-color:#cccccc;
	border-collapse:separate;
	border-spacing:1px;
}
}

@media only screen and (max-width: 767px) {
.table-B {
	width: 100%;
	float: none;
	margin: 0px auto;
	line-height: 1.4;
}
.table-B tr {
	display: block;
	margin:0 auto 1.5em auto;
}
.table-B th,
.table-B td {
	display: block;
}
}

.table-B td{
	padding: 10px;
}

.table-B th,
.table-B td {
	border: 1px solid #cccccc;
	vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.table-B th,
.table-B td:nth-child(2) {
	border-bottom: 0px solid #cccccc;
}
}

@-moz-document url-prefix() {
.table-B th, .table-B td {
	border: 0px solid #cccccc;
	vertical-align: middle;
}
}

.table-B th {
	background-color: #f5f5f5;
}

.table-B .active_y{
	color: #333333;
	background-color: #ffcc66;
}

.table-B .active_p{
	color: #333333;
	background-color: #ffcccc;
}


.table-B .deactive{
	color: #cccccc;
}

.table-880 {
	width: 880px;
    border: 1px solid #cccccc;
    padding: 1em;
}

@media only screen and (max-width: 767px) {
.table-880 {
	width: 100%;
	margin: 0px auto;
}
}

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

	Course detail　講座詳細

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

/* -----------------
　　 申し込みボタン　　
-------------------*/

.uk-button-mousikomi {
  position: relative;
  border: none;
  display: block;
  font-size: 1.2em;
  margin: auto;
  background: #ff9934;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  padding:10px 5px;
  position: relative;
}

.uk-button-mousikomi span{
  color: #FFF;
}
.uk-button-mousikomi span::after{
  content: "";
  position: absolute;
  top:  18px;
  right:18px;
  width: 7px;
  height:7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.uk-button-mousikomi a {
  text-decoration: none;
  outline : none;
}

.uk-button-mousikomi:hover{
    background:#ffaf5f;
}

@media only screen and (max-width: 767px) {
.uk-button-mousikomi {
	font-size: 1em;
    width: 100%;
	padding:10px 0;
}
.uk-button-mousikomi span.mousikomi {
	padding: 0 0 0 0px;
	margin:0px;
}
}

.uk-button-mousikomi a:active{
  background-color:#ffcc40;
}

.uk-button-mousikomi .material-icons,
.uk-button-mousikomi .material-icons {
    margin-left: -1em;
    margin-top:0em;
    float: right;
}


/* -----------------
   資料請求ボタン
 ----------------- */
.uk-button-siryo {
    position: relative;
    color: #fff;
    border: none;
    display: block;
    font-size: 1.2em;
    margin: auto;
    background: #3398cc;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
	padding:10px 5px;
}

.uk-button-siryo:hover{
    background:#41afe1;
}

.uk-button-siryo a{
    color: #fff;
}
@media only screen and (max-width: 767px) {
.uk-button-siryo {
	font-size: 1em;
    width: 95%;
	padding:10px 0;
}   
.uk-button-siryo a{
    color: #fff;
    padding:10px 5px 5px 5px;
}
}

.uk-button-siryo span{
  color: #FFF;
}

.uk-button-siryo span::after{
  content: "";
  position: absolute;
  top:  18px;
  right:18px;
  width: 7px;
  height:7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.uk-button-siryo a:active{
  background-color:#ffcc40;
}


#course {
    width: 980px;
    margin: auto;
    padding: 0;
}
@media only screen and (max-width: 767px) {
#course {
    width: 92%;
    margin: auto;
    padding-top: 10px;
}
}

.course-box {
  width: 100%;
  background: #FFF;
  padding:0 3em;
  margin: 1.5em 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
}
@media only screen and (max-width: 767px) {
.course-box {
  padding: 0 1em;
  margin: 1em 0 ;
}
}

.course-box dl{
  width: 100%;
}
@media only screen and (max-width: 767px) {
.course-box dl{
    margin: 0;
}
}

.course-pics img{
    width: 100%!important;
    height:100%!important;
}

.course-pics {
    width: 376px!important;
}
@media only screen and (max-width: 767px) {
.course-pics {
    width: 100%!important;
    flex: none!important;
    margin: auto;
}
}

.uk-grid-item-match {
    display: contents;
}

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

	about　講座について

====================================*/ 
#about {
    width: 980px;
    margin: auto;
    padding: 0;
}
@media only screen and (max-width: 767px) {
#about {
    width: 92%;
    margin: auto;
    padding-top: 10px;
}
}

#about2 {
    width: 1080px;
    margin: auto;
    padding: 0;
}
@media only screen and (max-width: 767px) {
#about2 {
    width: 92%;
    margin: auto;
    padding-top: 10px;
}
}

.about-detail{
    font-size: 1em;
    width: 280px;
    display: block;
    background: #fff;
    padding: 0;
    text-align:right;
}
@media only screen and (max-width: 767px) {
.about-detail{
    width: 100%;
}
}


.about-text{
  color: #333;
  width: 280px;
  padding: 0px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
.about-text{
  width: 102%;
  padding: 0px;
  text-align: left;
}
}

.about-text dt{
  font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Noto Sans JP','メイリオ','meiryo','helvetica', sans-serif;
  line-height: 1.6em;
  font-size: 2em;
  font-weight: 500;
  margin: 0.25em 0em;
}
@media only screen and (max-width: 767px) {
.about-text dt{
  font-size: 1.5em;
}
}

.about-text dd{
  font-size: 0.85em;
  background: linear-gradient(#e6e6e6 1px, transparent 1px) #ffffff;
  background-size: auto 2.25em;
  line-height: 2.25em;
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
.about-text dd{
  font-size: 0.9em;
}
}

.midashi{
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 1.3em;
    color: #3c5064;
    letter-spacing: 0.05em;
    font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Noto Sans JP','メイリオ','meiryo','helvetica', sans-serif;
}
@media only screen and (max-width: 767px) {
.midashi{
    font-size: 0.9em;
    margin:0 0 0 10px;
}
}

.aboutVisual  {
    background: url(../images/company-bg_v2.jpg) top center no-repeat;
    width: 980px;
    height:200px;
    background-size: 100%;
    margin:auto;
}
@media only screen and (max-width: 767px) {
.aboutVisual  {
    background: url(../images/company-bg_v2.jpg) top center no-repeat;
    width: 100vw;
    height: 80px;
    background-size: 100%;
    margin: 0 calc(50% - 50vw);
}
}
.about-title {
    background: url(../images/company-info.png) top center no-repeat;
    width: 320px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 767px) {
.about-title {
    background: url(../images/company-info.png) top center no-repeat;
    background-size: 100%;
    height: 80px;
    width: 200px;
}
}

.about01-title {
    width: 320px;
    line-height: 3em;
    margin: 0;
    background: url(../images/company-bg_v2.jpg) top center no-repeat;
    padding: 0px;
    box-sizing: border-box;
    z-index: 0;
    float: right;
    z-index: 0;
}
@media only screen and (max-width: 767px) {
.about01-title {
    width: 90%;
    font-size: 0.9em;
    line-height: 2em;
    margin:-20px 10px 20px 0px!important
}
}

/*--------------------
*    PAGE TOP
*--------------------*/

#pagetop2 img{
    display: block;
    margin:30px auto 15px auto;
    width: 90px;
}
#pagetop2 a {
	display: block;
    margin: auto;
    width: 100px
}

@media screen and (max-width: 767px) {
#pagetop2 img{
    width: 20%;
    margin:10px auto 0px auto;
}
#pagetop2 a {
	padding: 0px 0px 10px 0px;
	text-align: center;
    width: auto;
}
}
/*--------------------
*  PAGE TOP　追従ボタン
*--------------------*/
#pagetop {
  position: fixed;
  bottom: 5px;
  right: 20px;
  z-index:999;
}
@media screen and (max-width: 767px) {
#pagetop {
  position: fixed;
  bottom: 5px;
  right:  8px;
  z-index:999;
}
}
    
#pagetop a {
  width: 60px;
  height: 60px;
  padding: 0px 0;
  text-align: center;
  display: block;
}

#pagetop img#pagetop-sp {
  display: block;
}
@media screen and (max-width: 767px) {
#pagetop img#pagetop-sp {
  display: block;
}
#pagetop a {
  width: 50px;
  height: 50px;
  text-align: center;
  display: block;
}
}

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

	footer　フッター

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

#footer {
  margin-top: 40px;
}

.footernavi-1{
	width: 100%;
    font-size: 1em;
    padding: 1.5em;
    box-sizing: border-box;
    background:#f98039;
}
.footernavi-1 li a{
    padding: 0 3em 0 0;
    color: #fff;
}
.footernavi-1 li:last-child{
    padding: 0;
}


.footernavi-2{
	width: 100%;
    color: #555;
    font-size: 0.9em;
    line-height: 1em;
    text-align: center;
    padding: 1em 0;
    background: #eaeaea;
}
@media only screen and (max-width: 767px) {
.footernavi-2{
    font-size: 0.675em;
    line-height:1.4em;
    padding: 0.75em 0;
    color: #333;
    display: inline-block;
    font-weight: 400;
}
}


.footernavi-2 a{
    margin: 0 1em;
    color: #666;
}
@media only screen and (max-width: 767px) {
.footernavi-2 a{
    margin:0 1em;
}
}

.footernavi-2 ul{
    padding:0.5em 0;
}
@media only screen and (max-width: 767px) {
.footernavi-2 ul{
    padding:0.5em 0;
}
}

.footernavi-2 li{
    border-left: 1px solid #c0c0c0;
    display: inline-block;
    
}
.footernavi-2 li:first-child{
    border-left:0px;
}

#footer ul{
	text-align: center;
}

#footer li{
	display: inline-block;
    letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {
#footer li{
	display: inline-block;
}
}

@media only screen and (max-width: 767px) {
#spfooter ul {
    margin: 0 0;
    display: block;
}
#spfooter li {
	font-size: 0.85em;
	width: 100%;
	height: 50px;
	float: left;
    box-sizing: border-box;
    margin: 0;
    padding:0;
    position: relative;
    text-align: center;
    border-right: #eaeaea 1px solid;
    border-bottom:#eaeaea 1px solid;
    background: #f98039;
}
#spfooter ul li:nth-child(even) {
    border-right: #eaeaea 0px solid;
    border-bottom:#eaeaea 1px solid;
    
}
#spfooter ul li a{
	color: #fff;
    height:100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer p{
    color: #666666;
    text-align: center;
}
#spfooter p{
	display: block;
}
}

address {
    width: 100%;
    padding: 1.5em 0;
    display: inline-block;
    text-align: center;
    background: #FFF;
}

@media only screen and (max-width: 767px) {
address {
    font-size:0.9em;
    line-height: 1.4em;
    padding: 1em 0 4em 0;
}
}


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

	ニュースリリース

====================================*/ 
#information ul li {
  line-height: 2em;
  font-size:   1em;
  font-weight: 300;
  padding: 1em 0em;
  border-bottom: solid 1px #cccccc;
  border-bottom-style:dotted;
}
@media only screen and (max-width: 767px) {
#information ul li {
  line-height: 1.4em;
  padding: 1.2em 0em;
  background-size:20px 15px;
}
#information ul li:before {
	  margin:20px 20px 0 0;
}
}


#information ul li a {
    color: #333333;
    display: block;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
#information ul li a {
    font-size:0.9em;
    text-decoration: none;
}
}

#information ul li a:hover {
  opacity: 1;
  border: 10px;
  background-color: #fff0dc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#information ul li.indent-1 {
  text-indent: 0em;
  padding-left: 0em;
}


#information ul li p {
    width: 100%;
    color: #333;
}
@media only screen and (max-width: 767px) {
#information ul li p {
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 400;
}
}

#information p {
    white-space: pre-wrap; 
    word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
#information p {
    font-size: 0.9em;
    line-height:1.6em;
    letter-spacing: 0.1em;
}
}

.banner-box {
	width: 100%;
	margin:auto;
    padding: 30px 0;
    text-align: center;
    background: #eaeaea;
}
@media only screen and (max-width: 767px) {
.banner-box {
	width: 100%;
    padding: 20px 0 0 0;
}
}

.banner{
	display: inline-block;
}
.banner img{
	width: 90%;
}
@media only screen and (max-width: 1227px) {
.banner{
	margin: 0 0 20px 0;
}
.banner img{
	width: 100%;
}
}

.info-box {
	width: 700px;
	background: #FFF;
	margin:0 auto 1.5em auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.info-box {
	width: 100%;
	padding: 0;
	margin:0 0 1em 0 ;
}
}
.info-box date{
	display: inline-block;
    margin:0 1em 0 0;
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 0.1em;
    vertical-align: top;
}
@media only screen and (max-width: 767px) {
.info-box date{
    margin: 0 10px 0 0;
    font-size: 0.9rem;
    text-decoration: none;
}
}

.news-box {
    width: 800px;
    margin: 0 auto 3em auto;
    display: table;
}
@media only screen and (max-width: 767px) {
.news-box {
    margin: 0 auto 2em auto;
  width: 100%;
}
}

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

	コロナリリース

====================================*/ 
.info-covid-19{
  padding: 1em;
  color: #333;/*文字色*/
  line-height: 2em;
  font-size: 1em;
  border: solid 1px #e44f4f;/*線*/
  border-radius: 10px;/*角の丸み*/
}

@media only screen and (max-width: 767px) {
  .info-covid-19 {
    padding: 1em 0.5em;
  }
  }

.info-covid-19 a {
    color: #333333;
    display: block;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
.info-covid-19 a {
    font-size:0.9em;
    text-decoration: none;
}
}

.info-covid-19:hover {
  opacity: 1;
  background-color: #eeeeee;
}

.info-covid-19 p {
  width: 100%;
  color: #333;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
.info-covid-19 p {
  font-size:0.95em;
  font-weight: 400;
}
}

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

	会社情報

====================================*/ 
.company-box {
    width: 700px;
    margin: 0 auto 3em auto;
    display: table;
    border-bottom: solid 1px #cccccc;
    border-bottom-style:dotted;
}
@media only screen and (max-width: 767px) {
.company-box {
    margin: 0 auto 2em auto;
  width: 100%;
}
}

.company-box dl {
    border-top: solid 1px #cccccc;
    border-top-style:dotted;
    padding-top: 1px;
    display: flex;
    width: 100%;
    text-align: left;
}
@media only screen and (max-width: 767px) {
.company-box dl {
    width: 100%;
    margin: auto;
}
}

.company-box dt {
    font-weight: 400;
    line-height: 1.5;
    min-width: 8em;
    font-size: 1em;
    padding: 1rem 2em 1em 4em;
}
@media only screen and (max-width: 767px) {
.company-box dt {
    font-size:1rem;
    min-width: 6.5em;
    padding: 1em 0em 1em 0.1em;
}
}
@media only screen and (max-width: 767px) {
  .company-box dt.dt-ceo {
    line-height: 1.2;
  }
  .company-box dt.dt-br {
    line-height: 1;
  } 
}

.company-box dd {
    font-size: 1em;
    line-height: 1.5;
    padding: 1em 0em;
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.company-box dd {
    font-size: 1rem;
    padding: 1em 0em 1em 0em;
}
}

.company-box dd .officer {
    font-size: 0.9em;
    font-weight: 300;
    color: #666;
}
@media only screen and (max-width: 767px) {
.company-box dd .officer {
    font-size: 1em;
    color: #333;
}
}

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

	お問い合わせ

====================================*/ 
.voice-box {
    width: 800px;
    margin: 0 auto 2em auto;
    display: table;
    border-bottom: 1px solid #ececec;
}
@media only screen and (max-width: 767px) {
.voice-box {
    margin: 0 auto 2em auto;
    width: 100%;
}
}

.voice_title{
  padding:1.5em;
	font-size: 1em;
	line-height: 1.5;
	border-bottom: solid 1px #cccccc;
	border-bottom-style:dotted;
}
.voice_title_pdbt{
    padding-bottom:3em;
}
@media only screen and (max-width: 767px) {
.voice_title{
    width: 90%;
    margin: auto;
	font-size: 1rem;
    padding:1em 1.5em;
}
.voice_title_pdbt{
    padding-bottom:1em;
}
}

.voice_title dd{
	font-size: 0.95rem;
}
@media only screen and (max-width: 767px) {
.voice_title dd{
	font-size: 1rem;
}
}


.voice_title dt{
    float: left;
    width: 22em;
}
@media only screen and (max-width: 767px) {
.voice_title dt{
    float: none;
    width: auto;
}
}

.voice_title2{
    padding: 1.5em 0em 3em 1.5em;
    font-weight: 400;
	font-size: 1em;
	line-height:2.4em;
}
@media only screen and (max-width: 767px) {
.voice_title2{
    padding:0 0 2em 0;
    font-size: 1rem;
	line-height:2.4em;
}
}

.voice_title2 p{
	font-size: 1em;
    font-weight:bold;
}
@media only screen and (max-width: 767px) {
.voice_title2 p{
	font-size:1rem;
    padding: 1em 0em 0em 1.5em;
}
}

.voice_title2 dl{
    display: inline-block;
    padding:0.5em 5em 0 0;
    vertical-align: top;
}
@media only screen and (max-width: 767px) {
.voice_title2 dl{
	font-size: 1em;
	line-height:2.5em;
    display: inline-block;
    padding:  0 0 0 1.5em;
    vertical-align:  top;
}
}

.voice_title2 dl:nth-child(4){
    padding:0.5em 0 0 0;
}
@media only screen and (max-width: 767px) {
.voice_title2 dl:nth-child(4){
    padding:0.5em 0 0 1.5em;
}
}

.voice_title2 dt{
    float: left ;
    clear: left ;
    min-width: 5em;
    font-weight: 300;
}
.voice_title2 dt.todofuken{
    font-weight: 600;
}
@media only screen and (max-width: 767px) {
.voice_title2 dt.todofuken{
    font-weight: 600;
    margin: 10px 0 0 0;
}
}

.voice_title2 dd{
    float: left ;
    margin-left:0.5em ;
}

.heading-sub {
    font-size: 1em;
    margin-left: 2em;
    width: 100%;
}
@media only screen and (max-width: 767px) {
.heading-sub {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0 0 1em 0;
    font-size: 1rem;
}
}

.voice_btn {
    background:#ffffff;
    font-size: 1.15em;
	width: 740px;
    padding: 10px 0;
    margin: 30px auto 60px auto;
	border: solid 1px #666;
	text-align: center;
	-moz-border-radius: 50px;
	-webkit-border-radius:50px;
	border-radius: 50px;
}
@media only screen and (max-width: 767px) {
.voice_btn {
	width: 90%;
    margin:20px auto;
    float: none!important;
}
}
.voice_btn:hover {
    background:#fdb;
    color:#666;
}
.voice_btn img {
    margin:0 0 2px 5px ;
}

a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
a[href*="tel:"] {
    pointer-events:auto;
    color:#407777;
}
}

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

	個人情報保護

====================================*/ 
.column1_guide_main {
    font-size: 1em;
    line-height: 1.5;
    width: 98%;
    margin: auto;
}
@media only screen and (max-width: 767px) {
.column1_guide_main {
    font-size:1rem;
    width: 100%;
    margin: auto;
}
.column1_guide_main p{
    width: 100%;
    margin: auto;
}
}

.column1_guide_suuji {
    margin-left: 1em;
    padding: 0;
}
@media only screen and (max-width: 767px) {
.column1_guide_suuji {
    margin-left: 1.5em;
}
}

.column1_guide_suuji li {
    margin-top: 20px;
    margin-bottom: 10px;
    list-style-position: outside;
    list-style-type: decimal;
}
@media only screen and (max-width: 767px) {
.column1_guide_suuji li {
    width: 100%;
}
}


.privacy-box {
    width: 800px;
    margin: 0 auto 1em auto;
    display: table;
}
@media only screen and (max-width: 767px) {
.privacy-box {
    width: 100%;
}
}

.privacy-box ol {
  line-height: 1.5;
}


.privacy_title{
    text-align: center;
    background-color: #eeeeee;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto 20px auto;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
}
@media only screen and (max-width: 767px) {
.privacy_title{
    width: 100%;
    -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    border-radius: 0px;
}
}

.article {
    width: 100%;
    margin-left: 0em;
    padding-top: 10px;
}
@media only screen and (max-width: 767px) {
.article {
    width: 100%;
}
}

.article p{
    width: 100%;
    margin-left: 0em;
    padding-top: 10px;
}
@media only screen and (max-width: 767px) {
.article p{
	width: 100%!important;
}
}

.article .nonumber {
    width: 100%;
    margin-left: 1em;
    margin-bottom: 1em;
    list-style-position:none;
    list-style-type: none;
}

.article li {
    width: 100%;
    margin-left: 1.5em;
    margin-bottom: 1em;
    list-style-position: outside;
    list-style-type: decimal;
}
@media only screen and (max-width: 767px) {
.article li {
	width:100%;
    margin-left: 0em;
    list-style-position:inside;
}
.tb_wid {
    vertical-align: top;
}
}

.company-box .officer-head {
  padding: 1em 0;
  font-size: 1.2em;
}

@media only screen and (max-width: 767px) {
  .company-box .officer-head {
    padding: 0.75em 0;
    font-size: 1.2rem;
  }
}

.company-box .officer-head--greetings {
  border-top: 1px solid #ccc;
}

.ceo {
  margin: 1.5em 0 1em;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .ceo {
    font-size: 1rem;
  }
}

.greetings__text {
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .greetings__text {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .greetings {
    margin: 0 auto 2em;
    width: 100%;
  }
}