@charset "UTF-8";
/* CSS Document */

main .concept_h2_01{
background-image: url("../images/header/01_gaiyou_08_nyuukai.jpg");
}
main .concept_h2_dvd{
background-image: url("../images/header/dvd.jpg");
}
main .concept_h2_seminar{
background-image: url("../images/header/04_seminar.jpg");
}
main .concept_h2_soudan{
background-image: url("../images/header/05_soudan.jpg");
}
main .concept_h2_shoseki{
background-image: url("../images/header/03_shoseki.jpg");
}
main .concept_h2_thousa{
background-image: url("../images/header/06_thousa.jpg");
}
main .concept_h2_oshirase{
background-image: url("../images/header/02_oshirase_09_toiawase.jpg");
}
main .concept_h2_mail{
background-image: url("../images/header/07_mail_magazine.jpg");
}


main .top_box{
text-align: center;
}
main .top_box .text{
width: auto;
height: 85px;
display: inline-block;
padding: 0px 45px;
background-color: #ffffff;
box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, .3);
border-radius: 12px;
position: relative;
text-align: center;
font-size: 25px;
font-weight: bolder;
line-height: 85px;
top: -41px;
margin-bottom: -41px;
letter-spacing: 2pt;
}
main .text::first-letter{
color: #00a9ba;
}
main .top_box .lead{
text-align: center;
font-size: 17px;
font-weight: 400;
padding: 30px 0px 0px 0px;
width: 100%;
}


main article .space{
display: block;
padding-left: 65px;
}

main article {
width: 985px;
height: auto;
margin: 0px auto 0px auto;
display: block;
padding-bottom: 120px;
padding-top: 35px;
position: relative;
}
main article section{
display: block;
width: 100%;
height: auto;
margin-bottom: 30px;
}
main article .padding-b{
padding-bottom: 40px;
}
main article section a:hover{
opacity: 0.6;
}
.list{
width:100%;
height: auto;
display: block;
margin: 0px auto 20px auto;
clear: both;
  position: relative;
  padding: 10px;
  color: #ffffff;
  border-bottom: 2px solid #bebfbf;
}    
.list:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 165px;
  height: inherit;
  border-bottom: 2px solid #00a9ba;
}
.list h3{
display: block;
position: relative;
font-size: 22px;
font-weight: 600;
color: #333;
margin-bottom: -5px;
padding-left: 0%;
}
.list h3 span{
display: inline-block;
font-size: 15px;
font-weight: 400;
color: #333;
margin-bottom: -5px;
padding-left: 15px;
}
.list h3 a {
color: #00a9ba;
text-decoration: none;
}
.list h3 a:hover{
opacity: 0.6;
}
main article p{
font-weight: 400;
font-size:16px;
margin-bottom: 30px;
line-height: 30px;
text-align: justify;
}
main article .price{
font-weight: 400;
font-size:16px;
margin-bottom: 10px;
text-align: right;
}
main article .promise{
font-weight: 400;
font-size:16px;
position: relative;
top: -55px;
left: 80%;
}
main article .lead_text{
font-weight: 500;
font-size:16px;
margin-bottom: 20px;
line-height: 30px;
text-align: justify;
color: #00a9ba;
}
main article .text_right{
text-align: right;
margin-top: -50px;
}
main article .adress{
display: block;
width: 80%;
height: auto;
margin: -40px auto 40px auto;
padding: 20px 0px;
background-color: #d9f2f5;
}
main article .adress p{
display: block;
margin: 0px;
padding: 0px;
font-weight: 500;
font-size: 16px;
text-align: center;
}
.concept_h4{
display: block;
position: relative;
font-size: 20px;
font-weight: bolder;
color: #333;
margin-bottom: 15px;
}
.chairman_img{
display: block;
float: right;
margin: -30px 0px 0px 35px;
width:  219px;
height: 317px;
}
.formember,
.forothers{
font-weight: 500;
font-size:20px;
margin-bottom: 20px;
line-height: 34px;
text-align: center;
width: auto;
height: auto;
padding: 0px 20px;
display: inline-block;
color: #ffffff;
clear: both;
}
.formember{
background-color: #00a9ba;
}
.forothers{
background-color: #776d69;
}

article ul{
width: 100%;
display: block;
border-bottom: solid 2.5px #d7d7d8;
padding-top: 25px;
}
article ul li{
width: 100%;
display: block;
border-bottom: solid 0.7px #b5b5b6;
padding:20px 0px;
}
article ul li:last-child{
border-bottom: none;
}
article ul li a{
color: #00a9ba;
font-weight: 500;
font-size:20px;
}
article ul li a:hover{
opacity: 0.6;
}
article .list_type{
font-weight: 400;
font-size:16px;
margin-top: 5px;
}
article .span_red{
font-weight: 300;
color: #d7001d;
}
article .span_blu{
font-weight: 300;
color:darkblue;
}
article .span_bro{
font-weight: 300;
font-size:16px;
color:brown;
}
article .span_navy{
font-weight: 300;
font-size:16px;
color:#2756E4;
}

article .span_gre{
font-weight: 300;
font-size:16px;
color: #008080;
}
article .span_skk{
font-weight: 400;
font-size:16px;
color:#00a9ba;
}

article .list_type dt{
width: 30px;
height: auto;
display: block;
float: left;
padding-bottom: 10px;
}
article .list_type dd{
padding-left: 30px;
display: block;
padding-bottom: 10px;
text-align: justify;
}
article .list_type dd p{
padding: 0px 0px 5px 30px;
text-align: justify;
font-weight: 400;
font-size:16px;
border-bottom: solid 0.7px #b5b5b6;
margin: 20px 0px;
}
article .list_type dd p:before {
  content: "";
  position: absolute;
  left: 0;
  width: 165px;
  height: inherit;
}

article .list_type_deco{
width: 100%;
font-size:16px;
margin-top: 5px;
}
article .list_type_deco dt{
width: auto;
height: auto;
display: block;
padding-bottom: 10px;
text-indent: -20px;
padding-left: 20px;
text-align: justify;
}
article .list_type_deco dt::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
}
article .list_type_deco dd{
width: 100%;
display: block;
padding-bottom: 10px;
text-align: justify;
}
article .list_type_deco dd p{
padding: 0px 0px 5px 20px;
text-align: justify;
font-weight: 400;
font-size:16px;
margin: 20px 0px;
clear: both;
}
article .list_type_deco img{
width: 50px;
height: auto;
margin-top: 15px;
margin-bottom: 5px;
display: inline-block;
}
article .list_type_deco .floatleft{
float: left;
padding-right: 30px;
}
article .list_type_deco .font-weight{
font-weight: 500;
}
article .list_type_deco .font-w200{
font-weight: 400;
}
article .list_type_deco .width500px{
width: 550px;
}
article .list_type_deco .padding_b{
padding-bottom: 40px;
}
article .list_type_deco .padding_l{
padding-left: 20px;
}
article .list_type_deco figure{
display: block;
float: left;
width: 120px;
margin-top: -20px;
padding: 0px 0px 20px 0px;
text-align: center;
color: #333;
font-size: 13px;
}

article .rule_type{
width: 100%;
font-size:16px;
margin: 0px auto;
}
article .rule_type dt{
width: 100%;
height: auto;
display: block;
padding-bottom: 5px;
font-weight: 600;
}
article .rule_type dd{
display: block;
font-weight: 400;
padding-bottom: 25px;
text-align: justify;
}
.list_pdf_type{
width: auto;
height: auto;
padding-top: 0px;
margin-top: -20px;
padding-bottom: 90px;
margin-bottom: 0px;
display: block;
clear: both;
}
.list_pdf_type div{
width: 328px;
height: auto;
display: block;
float: left;
margin-bottom: 20px;
}

.list_pdf_type .clear{
clear: both;
width: 100%;
height: auto;
padding-top: 0px;
padding-bottom: 80px;
}
.list_pdf_type .border_b{
border-bottom: solid 0.7px #b5b5b6;
}
.list_pdf_type dt {
  font-size: 16px;
  height: auto;
  padding-top: 35px;
  float: left;
  display: block;
padding-right: 25px;
}
.list_pdf_type dt::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
}
.list_pdf_type dd{
display: block;
height: auto;
}
.list_pdf_type img{
width: 50px;
height: auto;
margin-top: 15px;
margin-bottom: 5px;
display: inline-block;
}

.list_pdf_type_vertical{
width: auto;
height: auto;
position: relative;
padding-top: 0px;
margin-top: -20px;
padding-bottom: 80px;
display: block;
clear: both;
}
.list_pdf_type_normal{
width: auto;
height: auto;
position: relative;
padding-top: 0px;
margin-top: -20px;
padding-bottom: 10px;
display: block;
clear: both;
}
.list_pdf_type_vertical div,
.list_pdf_type_normal div{
width:100%;
height: auto;
display: block;
float: none;
margin-bottom: 0px;
border-bottom: solid 0.7px #b5b5b6;
}
.list_pdf_type_vertical dt,
.list_pdf_type_normal dt{
  font-size: 16px;
  height: auto;
  padding-top: 5px;
  float: left;
  display: block;
padding-right: 25px;
margin-bottom: 0px;
}
.list_pdf_type_vertical dt::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
}
.list_pdf_type_normal dt::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
}
.list_pdf_type_vertical dd,
.list_pdf_type_normal dd{
display: block;
margin-left: 200px;
}
.list_pdf_type_vertical .dub{
margin-top: -30px;
}
.list_pdf_type_vertical img{
width: 50px;
height: auto;
margin-top: 15px;
margin-bottom: 5px;
margin-right: 20px;
display: inline-block;
}
.list_pdf_type_vertical .new{
width: 40px;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
display: inline-block;
}
.list_pdf_type_vertical p{
width: 70%;
height: auto;
position: relative;
text-align: justify;
vertical-align: middle;
font-weight: 400;
font-size:16px;
margin: 0px 0px;
display: inline-block;
top:-30px;
}
.list_pdf_type_vertical span{
width: 100%;
height: auto;
position: relative;
text-align: justify;
vertical-align: middle;
font-weight: 400;
font-size:14px;
margin: -10px 0px 0px 0px;
display: inline-block;
color: #d7001d;
}
.list_pdf_type_normal p{
width: 70%;
height: auto;
position: relative;
text-align: left;
font-weight: 400;
font-size:16px;
margin: 0px 0px;
display: block;
top:0px;
}
.list_pdf_type_normal span{
width: 100%;
height: auto;
position: relative;
text-align: justify;
vertical-align: middle;
font-weight: 400;
font-size:12px;
margin: -10px 0px 0px 0px;
display: inline-block;
color: #d7001d;
}

#history{
padding-top: 150px;
margin-top: -150px;
}
#history table {
width: 100%;
height: auto;
display: block;
position: relative;
top: 20px;
margin: 0px auto;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
border-top: solid 1px #B8B2AE;
}
#history table th {
font-weight: 400;
font-size:16px;
background-color: #F6F6F6;
padding: 10px 10px;
border-bottom: solid 1px #B8B2AE;
border-left: solid 1px #B8B2AE;
border-right: solid 1px #B8B2AE;
}
#history table td {
font-weight: 400;
font-size:16px;
line-height: 25px;
background-color: #ffffff;
padding: 10px 15px;
border-bottom: solid 1px #B8B2AE;
border-right: solid 1px #B8B2AE;
}
#history table .td_center{
text-align: center;
}

.list_pdf_type .clear dd .horizontal_dd,
.horizontal_dub,
.horizontal{
width: 100%;
height: auto;
overflow:visible;
white-space: nowrap;
}
.horizontal{
padding-bottom: 60px;
}
.list_pdf_type .clear dd .horizontal_dd table,
.horizontal table{
width: 102%;
height: auto;
display: block;
position: relative;
top: 20px;
margin: 0px auto;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
border: none;
text-align: center;
}
.horizontal_dub table{
width: 400px;
height: auto;
display: block;
position: relative;
top: 20px;
margin: 0px;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
border: none;
text-align: center;
}

.list_pdf_type .clear dd .horizontal_dd th,
.horizontal_dub th,
.horizontal th {
font-weight: 400;
font-size:16px;
background-color: #F6F6F6;
padding: 10px 10px;
border: solid 1px #B8B2AE;
}

.list_pdf_type .clear dd .horizontal_dd td,
.horizontal_dub td,
.horizontal td {
width: 10%;
font-weight: 400;
font-size:16px;
line-height: 25px;
background-color: #ffffff;
padding: 10px 15px;
border: solid 1px #B8B2AE;
}

.list_pdf_type .clear dd .horizontal_dd img,
.horizontal_dub img,
.horizontal img{
width: 50px;
}

.magazineform{
width: 90%;
height: auto;
display: block;
border: 1px solid #00a9ba;
}
.magazineform h3{
width: 100%;
display: block;
font-size: 16px;
color: #ffffff;
font-weight: 600;
background-color: #00a9ba;
padding: 8px 0px;
text-indent: 10px;
}
.magazineform p{
font-weight: 400;
font-size:16px;
padding: 5px 0px 0px 10px;
text-align: justify;
}
.magazineform form{
display: block;
position: relative;
width: auto;
height: auto;
top: -25px;
margin-bottom: 45px;
left: 20px;
}
.magazineform form .textarea{
float: left;
font-size: 20px;
display: block;
width: 70%;
}
.magazineform form .buttonicon{
float: left;
width: 80px;
height: 32px;
font-size: 17px;
margin: 0px 0px 0px 15px;
background-color: #f1f1f1;
border: 1px solid #D4D4D4;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
color: #333;
}
.magazineform form .buttonicon:hover{
opacity: 0.6;
}

.seminar_table {
width: 100%;
height: auto;
display: block;
position: relative;
top: -10px;
margin: 0px auto 50px auto;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
table-layout: fixed;
clear: both;
}
.margin_b{
margin:0px auto -20px auto;
}

.overflow_none::-webkit-scrollbar-track{
background-color:#ffffff;
}
.seminar_table th {
font-weight: 400;
font-size:16px;
background-color: #d9f2f5;
padding: 3px 7px;
border: solid 1px #B8B2AE;
}
.seminar_table td {
font-weight: 400;
font-size:16px;
line-height: 25px;
background-color: #ffffff;
padding: 3px 10px;
border: solid 1px #B8B2AE;
}
.seminar_table .td_ora{
background-color: #ffe7d9;
}
.seminar_table .td_yell{
background-color: #fffae3;
}
.seminar_table .td_navy{
background-color:#D9E7FF;
}
.seminar_table .td_green{
background-color:#e2efd9;
}

.seminar_table img{
width: 25px;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
display: inline-block;
}
.seminar_table .small img{
width: 50%;
margin: 0px;
display: inline-block;
}
.seminar_table .small_float img{
width: 50%;
float: left;
margin: 0px;
display: inline-block;
}
.seminar_table a{
text-decoration: none;
}
/*
.seminar_table a p{
font-size: 13px;
font-weight: 400;
color: #333;
text-align: center;
line-height: 17px;
margin-bottom: 0px;
margin-top: 10px;
}
.seminar_table a span{
font-size: 13px;
font-weight: 400;
color: #d7001d;
}
*/
.seminar_table .st_right{
text-align: right;
}
.seminar_table .st_left{
text-align: justify;
}
.top_0{
margin-top: 0px;
padding-top: 15px;
}

.maparea{
width: 100%;
height: 500px;
display: block;
margin: 0px auto 20px auto;
}

.form_btn{
display: inline-block;
width: auto;
height: auto;
margin: -30px 20px 0px 0px;
background-color:#00a9ba;
text-decoration: none;
color: #ffffff;
font: 16px;
font-weight: 600;
padding: 15px 10px 15px 10px;
vertical-align: middle;
}
.semi{
position: relative;
top:-220px;
right: -720px;
margin-bottom: -180px;
}
.sou{
position: relative;
top:-100px;
right: -775px;
}
.jimu{
position: relative;
top:-180px;
right: -770px;
}
.form_btn img{
width: 22px;
height: auto;
display: inline;
margin: 0px 0px 0px 5px;
vertical-align: middle;
}


.box{
display: block;
width:220px;
height: 20px;
background-color: #00a9ba;
color: #ffffff;
font-size: 17px;
line-height: 18px;
padding: 10px 0px 10px 0px;
font-weight: 500;
text-align: center;
text-decoration: none;
margin: 20px 0px;
float: right;
}
.box_moushikomi{
display: block;
width:auto;
height: 17px;
background-color:#ffef00;
color: #00a9ba;
font-size: 17px;
line-height: 17px;
padding: 12px 15px 10px 15px;
font-weight: 500;
text-align: center;
text-decoration: none;
margin: 20px 0px;
border-radius: 20px;
float: right;
}

.box .list{
color: #ffffff;
text-decoration: none;
line-height:35px;
}
.box .list:hover{
opacity: 0.6;
}
.box label,
.box_moushikomi label{
cursor: pointer;
transition: 1s;
display: block;
}
.box input[type="checkbox"].on-off,
.box input[type="checkbox"].on-off +div{
	display: none;
}
.box input[type="checkbox"].on-off:checked +div{
	display:block;
}
.box_moushikomi input[type="checkbox"].on-off,
.box_moushikomi input[type="checkbox"].on-off +div{
	display: none;
}
.box_moushikomi input[type="checkbox"].on-off:checked +div{
	display:block;
}

.box div,
.box_moushikomi div{
	margin: 4px auto 0px auto;
    padding:0px 20px;
    background-color: #ffffff;
    height: auto;
    width:150px;
    position: relative;
    z-index: 11;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
}
.box div a,
.box_moushikomi div a{
	color : #333;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 15px 0px 14px 20px;
    border-bottom: 0.7px dashed #776d69;
}
.box div a:last-child{
 border-bottom: none;
}
.box div a::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
  margin-left: -20px;
}
.box div a:hover{
color: #00a9ba;
transition:0.4s all;
}
.box_moushikomi div a:last-child{
 border-bottom: none;
}
.box_moushikomi div a::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
  margin-left: -20px;
}
.box_moushikomi div a:hover{
color: #00a9ba;
transition:0.4s all;
}
/* ============================================== スマートフォン ================================================ */
@media screen and (max-width: 620px) {

/*
main .concept_h2_01{
background-image: url("../images/header/01_gaiyou_08_nyuukai.jpg");
background-position: center;
}
*/

main .top_box{
text-align: center;
width: 100%;
}
main .top_box .text{
width: 70%;
height: 90px;
padding: 0px 2%;
background-color: #ffffff;
box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, .3);
border-radius: 20px;
position: relative;
text-align: center;
margin: 0px auto -41px auto;
font-size: 5.5vw;
font-weight: bolder;
line-height: 90px;
top: -41px;
letter-spacing: 0pt;
}
main .top_box .lead{
text-align: justify;
font-size: 17px;
font-weight: 400;
padding: 20px 0px 0px 0px;
width: 85%;
margin: 0px auto;
}

main article .space{
padding-left: 0px;
}

main article {
width: 90%;
margin: 0px auto 0px auto;
display: block;
padding-top: 40px;
padding-bottom: 40px;
}
main article .padding-b{
padding-bottom: 30px;
}
.list{
width: 100%;
height: auto;
display: block;
margin: 0px auto 20px auto;
clear: both;
position: relative;
padding: 0px 0px 10px 0px;
color: #ffffff;
border-bottom: 3px solid #bebfbf;
overflow: visible;
}    
.list:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 20%;
  height: inherit;
  border-bottom: 3px solid #00a9ba;
}

.list h3{
display: block;
position: relative;
font-size: 5.7vw;
font-weight: 600;
color: #333;
padding-left: 2%;
margin-bottom: -5px;
letter-spacing: -1px;
}
.list h3 span{
display: inline-block;
font-size: 3.7vw;
font-weight: 400;
color: #333;
margin-bottom: -5px;
padding-left: 15px;
}
main article p{
font-weight: 400;
font-size:16px;
margin-bottom: 40px;
line-height: 28px;
text-align: justify;
}
main article .price{
font-weight: 400;
font-size:16px;
margin-bottom: -10px;
text-align: left;
}
main article .promise{
font-weight: 400;
font-size:16px;
position: relative;
top: 0px;
left: 0;
}
main article .lead_text{
font-weight: 400;
font-size:16px;
margin-bottom: 40px;
line-height: 28px;
text-align: justify;
color: #00a9ba;
}
.concept_h4{
display: block;
position: relative;
font-size: 20px;
font-weight: bolder;
color: #333;
margin-bottom: 15px;

}
main article .text_right{
text-align: right;
margin-top: -20px;
}

.chairman_img{
display: block;
float: none;
margin: 0px auto;
width:  60%;
height: auto;
}
article ul{
width: 100%;
display: block;
border-bottom: solid 2.5px #d7d7d8;
padding-top: 5px;
}

article ul li{
width: 100%;
display: block;
border-bottom: solid 0.7px #b5b5b6;
padding:20px 0px;
}
article ul li:last-child{
border-bottom: none;
}
article ul li a{
color: #00a9ba;
font-weight: 500;
font-size:4.5vw;
}

article .list_type{
width: 100%;
font-weight: 400;
font-size:16px;
}
article .list_type dt{
width: 30px;
height: auto;
display: block;
float: left;
padding-bottom: 15px;
}
article .list_type dd{
display: block;
padding-left: 30px;
padding-bottom: 15px;
text-align: justify;
}

article .list_type_deco{
width: 100%;
font-size:16px;
margin-top: 5px;
}
article .list_type_deco dt{
height: auto;
display: block;
width: 90%;
padding-bottom: 10px;
text-indent: -20px;
padding-left: 20px;
text-align: justify;
}
article .list_type_deco dt::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
}
article .list_type_deco dd{
width: 90%;
display: block;
padding-bottom: 10px;
text-align: justify;
}
article .list_type_deco dd p{
padding: 0px 0px 5px 0px;
text-align: justify;
font-weight: 400;
font-size:16px;
margin: 20px 0px;
width: 90%;
clear: both;
}
article .list_type_deco img{
width: 50px;
height: auto;
margin-top: 15px;
margin-bottom: 5px;
display: inline-block;
}
article .list_type_deco .floatleft{
float: left;
padding-right: 30px;
}
article .list_type_deco .font-weight{
font-weight: 500;
}
article .list_type_deco .font-w200{
font-weight: 400;
}
article .list_type_deco .width500px{
width: 90%;
}
article .list_type_deco .padding_b{
padding-bottom: 40px;
}
article .list_type_deco .padding_l{
padding-left: 20px;
}

article .list_type_deco figure{
display: block;
float: left;
width: 120px;
margin-top: -20px;
padding: 0px 0px 20px 0px;
text-align: center;
color: #333;
font-size: 13px;
}


article .rule_type{
width: 100%;
font-size:16px;
}
article .rule_type dt{
width: 100%;
height: auto;
display: block;
padding-bottom: 5px;
font-weight: 600;
}
article .rule_type dd{
display: block;
font-weight: 400;
padding-bottom: 25px;
text-align: justify;
}

#history{
padding-top: 120px;
margin-top: -120px;
}
.list_pdf_type{
padding-bottom: 0px;
}
.list_pdf_type div{
width: 100%;
height: auto;
display: block;
float: none;
margin-bottom: 10px;
}

.list_pdf_type .clear{
clear: both;
width: auto;
height:auto;
display: block;
padding-top: 0px;
padding-bottom: 0px;
}


.horizontal_dub table{
width: 100%;
}

.horizontal{
width: 100%;
height:200px;
overflow:auto;
white-space: nowrap;
overflow-x:scroll;
padding-bottom: 0px;
}
.list_pdf_type .clear dd .horizontal_dd{
width: 100%;
height:220px!important;
overflow:auto;
white-space: nowrap;
overflow-x:scroll!important;
background-color:#ffffff!important;
padding-bottom: 0px;
}
.horizontal::-webkit-scrollbar{
   height: 10px;
}
.horizontal::-webkit-scrollbar-track{
   background-color: #f1f1f1;
}
.horizontal::-webkit-scrollbar-thumb{
   background-color: #776d69;
}
.list_pdf_type .clear .horizontal_dd::-webkit-scrollbar{
   height: 10px;
}
.list_pdf_type .clear .horizontal_dd::-webkit-scrollbar-track{
   background-color: #f1f1f1;
}
.list_pdf_type .clear .horizontal_dd::-webkit-scrollbar-thumb{
   background-color: #776d69;
}

.list_pdf_type .clear .horizontal_dd table,
.horizontal table{
width: 100%;
height: auto;
display: block;
position: relative;
top: 20px;
margin: 0px auto;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
border: none;
text-align: center;
}
.list_pdf_type .clear .horizontal_dd th,
.horizontal th {
font-weight: 400;
font-size:16px;
background-color: #F6F6F6;
padding: 10px 10px;
border: solid 1px #B8B2AE;
}
.list_pdf_type .clear .horizontal_dd td,
.horizontal td {
width: 10%;
font-weight: 400;
font-size:16px;
line-height: 25px;
background-color: #ffffff;
padding: 10px 15px;
border: solid 1px #B8B2AE;
}
.list_pdf_type .clear .horizontal_dd img,
.horizontal img{
width: 50px;
}

.list_pdf_type_vertical,
.list_pdf_type_normal{
width: auto;
height: auto;
position: relative;
padding-top: 0px;
margin-top: -20px;
padding-bottom: 0px;
display: block;
clear: both;
}
.list_pdf_type_vertical div,
.list_pdf_type_normal div{
width:100%;
height: auto;
display: block;
float: none;
margin-bottom: 0px;
border-bottom: solid 0.7px #b5b5b6;
}
.list_pdf_type_vertical dt,
.list_pdf_type_normal dt{
  font-size: 16px;
  height: auto;
  padding-top: 35px;
  float: none;
  display: block;
padding-right: 0px;
margin-bottom: 10px;
}
.list_pdf_type_vertical dt::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
}
.list_pdf_type_vertical dd,
.list_pdf_type_normal dd{
display: block;
margin-left: 0px;
}
.list_pdf_type_vertical .dub{
margin-top: -30px;
}
.list_pdf_type_vertical img{
width: 50px;
height: auto;
margin-top: 15px;
margin-bottom: 5px;
margin-right: 10px;
display: inline-block;
}
.list_pdf_type_vertical .new{
width: 40px;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
display: inline-block;
}
.list_pdf_type_vertical p{
width: 80%;
height: auto;
position: relative;
text-align: justify;
vertical-align: middle;
font-weight: 400;
font-size:16px;
margin: 0px 0px;
display: inline-block;
top:-30px;
}
.list_pdf_type_normal p{
width: 100%;
height: auto;
position: relative;
text-align: left;
vertical-align: middle;
font-weight: 400;
font-size:16px;
margin: 0px 0px;
display: inline-block;
top:0px;
}
.list_pdf_type_vertical span{
width: 100%;
height: auto;
position: relative;
text-align: justify;
vertical-align: middle;
font-weight: 400;
font-size:14px;
margin: -10px 0px 0px 0px;
display: inline-block;
color: #d7001d;
}

.magazineform{
width: 100%;
height: 190px;
display: block;
border: 1px solid #00a9ba;
}
.magazineform h3{
width: 100%;
display: block;
font-size: 16px;
color: #ffffff;
font-weight: 600;
background-color: #00a9ba;
padding: 5px 0px;
text-indent: 10px;
}
.magazineform p{
font-weight: 400;
font-size:16px;
padding: 5px 5px 0px 5px;
text-align: justify;
}
.magazineform form{
display: block;
position: relative;
width: 100%;
height: auto;
top: -40px;
margin-bottom: 40px;
left: 10px;
}
.magazineform form .textarea{
float: none;
font-size: 20px;
display: block;
height: auto;
width: 94%;
}
.magazineform form .buttonicon{
display: block;
float: left;
width: 80px;
height: 32px;
font-size: 17px;
margin: 10px 10px 0px 0px;
background-color: #f1f1f1;
border: 1px solid #D4D4D4;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
color: #333;
}
.magazineform form .buttonicon:hover{
opacity: 0.6;
}

.seminar_table {
width: 100%;
height: auto;
display: block;
position: relative;
top: 20px;
margin: 0px auto 30px auto;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
overflow:auto;
overflow-x:scroll;
padding-bottom: 10px;
table-layout: fixed;
}

.margin_b{
margin: 0px auto 55px auto;
}
.seminar_table::-webkit-scrollbar{
   height: 10px;
}
.seminar_table::-webkit-scrollbar-track{
   background-color: #f1f1f1;
}
.seminar_table::-webkit-scrollbar-thumb{
   background-color: #776d69;
}
.overflow_none::-webkit-scrollbar-track{
background-color:#ffffff;
}

.nolimit{
white-space: nowrap;
}
.seminar_table th {
font-weight: 400;
font-size:16px;
background-color: #d9f2f5;
padding: 10px 7px;
border: solid 1px #B8B2AE;
}
.nolimit{
white-space: nowrap;
}
.seminar_table td {
font-weight: 400;
font-size:16px;
line-height: 25px;
background-color: #ffffff;
padding: 10px 10px;
border: solid 1px #B8B2AE;
}
.seminar_table .st_right{
text-align: right;
}
.seminar_table .st_left{
text-align: left;
}
.seminar_table .small img{
width: 40px;
display: block;
margin: 0px auto 10px auto;
}
.seminar_table .small_float img{
width: 40px;
float: left;
display: block;
margin: 10px auto 10px auto;
}
.top_0{
margin-top: -35px;
padding-top: 0px;
}

.bottom_40{
padding-bottom: 40px;
}
.maparea{
width: 100%;
height: 250px;
display: block;
margin: 0px auto 30px auto;
}
.form_bt{
display: block;
width: 230px;
height: 55px;
padding-bottom: 100px;
margin: 0px auto;
}
.form_bt_float{
display: inline;
width: auto;
height: 55px;
margin: 0px 0px;
float: none;
position: relative;
top: 0px;
padding-bottom: 50px;
}

.form_button{
width: 230px;
height: 55px;
position: relative;
background-color:#00a9ba;
float: none;
display: block;
margin: 20px 0px;
padding: 10px 0%;
}
.form_button_long{
width: auto;
height: 55px;
position: relative;
background-color:#00a9ba;
float: none;
display: block;
margin: 20px 0px;
padding: 10px 10%;
}
.form_button_long p,
.form_button p{
width: auto;
height: auto;
font-weight: 600;
font-size: 4vw;
color: #ffffff;
float: left;
display: block;
margin: 15px auto 0px 20px;
}
.form_button img{
width: 15%;
height: auto;
float: left;
display: block;
margin: 3% 0px 0px 5px;
}
.form_button_long img{
width: 15%;
height: auto;
float: left;
display: block;
margin: 0% 0px 0px 5px;
}

.form_btn{
display: inline-block;
width: auto;
height: auto;
margin: 0px auto 20px auto;
background-color:#00a9ba;
text-decoration: none;
color: #ffffff;
font: 16px;
font-weight: 600;
padding: 15px 10px 15px 10px;
vertical-align: middle;
}
.form_btn img{
width: 22px;
height: auto;
display: inline;
margin: 0px 0px 0px 5px;
vertical-align: middle;
}

.semi{
position: relative;
top:-10px;
right: 0px;
margin-bottom: 30px;
}
.sou{
position: relative;
top:-10px;
right: 0px;
margin-bottom: 30px;
}
.jimu{
position: relative;
top:-10px;
right: 0px;
margin-bottom: 30px;
}

.box{
display: block;
width:220px;
height: 20px;
margin: 10px 0px 10px 0px;
float: none;
}
.box_moushikomi{
display: block;
width:80%;
height: 35px;
margin: 10px auto 10px auto;
float: none;
border-radius: 40px;
}

}