@charset "UTF-8";
/* 
	
CSS page.css */






/*//////////////////


#index


//////////////////*/
#index #secwrap_1{ background: #f7f7f7; }
#index #sec_1 .title{ font-weight: bold; font-size: 3rem; line-height: 1.4; margin-bottom: 10px; }
#index #sec_1 .link .btnlink{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 55px; }
@media screen and (max-width: 1040px){
	#index #sec_1 .title{ font-size: 2.8rem; }
	#index #sec_1 .link{ margin-top: 5px; }
}
@media screen and (max-width: 767px){
	#index #sec_1 .title{ font-size: 1.8rem; }
	#index #sec_1 .link .btnlink{ height: 50px; }
}


#index #secwrap_2{  }
#index #sec_2{  }
#index #sec_2 .title{ font-size: 3rem; font-weight: bold; line-height: 1.8; margin-bottom: 25px; text-align: center; }
#index #sec_2 .title span{ font-weight: bold; }
#index #sec_2 .txt{ font-size: 1.8rem; }
#index #sec_2 .linklist{ margin-top: 40px; }
#index #sec_2 .linklist>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-left: -40px; }
#index #sec_2 .linklist>ul>li{ margin-left: 40px; width: calc(50% - 40px); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
#index #sec_2 .linklist>ul>li>a{ width: 100%; height: 150px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; font-size: 2.2rem; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#index #sec_2 .linklist>ul>li>a svg{  }
@media screen and (max-width: 1040px){
	#index #sec_2 .title{ font-size: 2.8rem; }
	#index #sec_2 .linklist>ul{ display: block; margin-left: 0; margin-bottom: -10px; }
	#index #sec_2 .linklist>ul>li{ margin-left: 0; width: 100%;display: block; margin-bottom: 10px; }
	#index #sec_2 .linklist>ul>li>a{ height: 106px; font-size: 1.8rem; }
	#index #sec_2 .linklist>ul>li>a svg{  }
}
@media screen and (max-width: 767px){
	#index #sec_2 .title{ font-size: 1.8rem; margin-bottom: 15px; }
	#index #sec_2 .txt{ font-size: 1.6rem; }
	#index #sec_2 .linklist{ margin-top: 20px; }
	#index #sec_2 .linklist>ul>li>a{ font-size: 1.6rem; }
}
@media screen and (max-width: 479px){
	#index #sec_2 .linklist>ul>li>a{ text-align: left; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; position: relative; line-height: 1.6; }
	#index #sec_2 .linklist>ul>li>a svg{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 6%; }
}


#index #secwrap_3{ background: #f7f7f7; }
#index #sec_3 .incnt { max-width: 660px; }
#index #sec_3 .title{ font-weight: bold; font-size: 3rem; line-height: 1.4; margin-bottom: 10px; text-align: center; }
#index #sec_3 .linklist ul { display: flex; }
#index #sec_3 .linklist ul>li:first-child{ flex-shrink: 0; }
#index #sec_3 .linklist img { max-width: 300px; margin-right: 20px; }
/*#index #sec_3 .link .btnlink{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 55px; }*/
@media screen and (max-width: 1040px){
	#index #sec_3 .title{ font-size: 2.8rem; }
}
@media screen and (max-width: 767px){
	#index #sec_3 .incnt { width: 88%; }
	#index #sec_3 .title { font-size: 1.8rem; }
	#index #sec_3 .linklist ul { display: block ; }
	#index #sec_3 .linklist img { margin: 0 auto; max-width: 100%; margin-bottom: 15px; }
}




/*//////////////////


#about.index


//////////////////*/
#about.index #sec_1 .list{ margin-top: 35px; }
#about.index #sec_1 .list>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -40px; margin-bottom: -25px; }
#about.index #sec_1 .list>ul>li{ margin-left: 40px; width: calc(50% - 40px); margin-bottom: 25px; }
#about.index #sec_1 .list>ul>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 190px;  }
@media screen and (max-width: 1040px){
	#about.index #sec_1 .list>ul{ display: block; margin-left: 0; }
	#about.index #sec_1 .list>ul>li{ margin-left: 0; width: 100%; }
	#about.index #sec_1 .list>ul>li>a{ height: 100px; }
}
@media screen and (max-width: 767px){
	#about.index #sec_1 .list{ margin-top: 20px; }
	#about.index #sec_1 .list>ul{ margin-bottom: -15px; }
	#about.index #sec_1 .list>ul>li{ margin-bottom: 15px; }
	#about.index #sec_1 .list>ul>li>a{ padding-left: 6%; padding-right: 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width: 479px){
	#about.index #sec_1 .list>ul>li>a{ text-align: left; padding-right: 30px; position: relative; text-align: left; justify-content: flex-start; }
	#about.index #sec_1 .list>ul>li>a svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}

#about.index #sec_2 .bgbox{ margin-top: 35px; }
#about.index #sec_2 .link .btnlink{ width: 100%; padding: 24px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#about.index #sec_2 .link .btnlink svg{ vertical-align: sub; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about.index #sec_2 .bgbox{ margin-top: 20px; }
}
@media screen and (max-width: 479px){
	#about.index #sec_2 .link .btnlink{ padding-right: 40px; position: relative; text-align: left; }
	#about.index #sec_2 .link .btnlink svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}

#about.index #sec_3 .bgbox{ margin-top: 35px; }
#about.index #sec_3 .linklist>li>a.enrollment svg{ width: 36px; height: 36px; vertical-align: -6px; }
#about.index #sec_3 .linklist>li>a.hand svg{ width: 46px; height: 38px; vertical-align: middle; }
#about.index #sec_3 .linklist>li>a svg .enrollmenticon_st0.st0{ fill:#fff; transition: 0.3s; }
#about.index #sec_3 .linklist>li>a svg .handicon_st0.st0{ fill:#fff; transition: 0.3s; }
#about.index #sec_3 .linklist>li>a:hover svg{  }
#about.index #sec_3 .linklist>li>a:hover svg .enrollmenticon_st0.st0{fill:#005188;}
#about.index #sec_3 .linklist>li>a:hover svg .handicon_st0.st0{fill:#005188;}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about.index #sec_3 .bgbox{ margin-top: 20px; }
}
@media screen and (max-width: 479px){
	#about.index #sec_3 .linklist>li>a.enrollment svg{ width: 30px; height: 30px; }
	#about.index #sec_3 .linklist>li>a.hand svg{ width: 40px; height: 32px; }
	#about.index #sec_4 .linklist>li>a.download._1{ position: relative; padding-left: 45px; text-align: left; line-height: 1.6; }
	#about.index #sec_4 .linklist>li>a.download._1 svg{ position: absolute; top: 0; bottom: 0; left: 6%; margin-top: auto; margin-bottom: auto; }
}

#about.index #sec_5 .bgbox{ margin-top: 35px; }
#about.index #sec_5 .title{ text-align: center; font-weight: bold; font-size: 2.4rem; line-height: 1.6; margin-bottom: 20px; }
#about.index #sec_5 .img{ text-align: center; }
#about.index #sec_5 .scrollmsg,
#about.index #sec_6 .scrollmsg{ display: none; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 900px){
	#about.index #sec_5 .scrollmsg,
	#about.index #sec_6 .scrollmsg{ display: block; }
	#about.index #sec_5 .img,
	#about.index #sec_6 .img{ overflow-x: scroll; width: 100%; padding-bottom: 5px; }
	#about.index #sec_5 .img img,
	#about.index #sec_6 .img img{ min-width: 600px; }
}
@media screen and (max-width: 767px){
	#about.index #sec_5 .bgbox{ margin-top: 20px; }
	#about.index #sec_5 .title{ font-size: 2rem; }
}
@media screen and (max-width: 479px){
}






/*//////////////////


#about.cnet


//////////////////*/
#about.cnet #sec_1 .list{ margin-top: 20px; }
#about.cnet #sec_1 .list>ul{ margin-left: -5px; margin-bottom: -10px; text-align: left; }
#about.cnet #sec_1 .list>ul>li{ display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 10px; }
#about.cnet #sec_1 .list>ul>li>.inwrap{ background: #f7f7f7; font-weight: bold; font-size: 2rem; padding: 31px 33px; line-height: 1; }
#about.cnet #sec_1 .list>ul>li>.inwrap>.indent{ font-weight: bold; padding-left: 1em!important; text-indent: -1em; display: block; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about.cnet #sec_1 .list>ul>li>.inwrap{ font-size: 1.8rem; padding: 20px; }
}
@media screen and (max-width: 479px){
	#about.cnet #sec_1 .list>ul>li{ display: block; }
	#about.cnet #sec_1 .list>ul>li>.inwrap{ line-height: 1.6; }
}

#about.cnet #sec_2 .list{  }
#about.cnet #sec_2 .list>li{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-left: 20px; padding-right: 20px; }
#about.cnet #sec_2 .list>li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#about.cnet #sec_2 .list>li>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#about.cnet #sec_2 .list>li>dl>dt{ width: 160px; }
#about.cnet #sec_2 .list>li>dl>dd{ width: calc(100% - 175px) }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about.cnet #sec_2 .list>li{ padding-left: 0; padding-right: 0; }
	#about.cnet #sec_2 .list>li>dl{ display: block; }
	#about.cnet #sec_2 .list>li>dl>dt{ width: 100%; font-weight: bold; margin-bottom: 5px; }
	#about.cnet #sec_2 .list>li>dl>dd{ width: 100% }
}
@media screen and (max-width: 479px){
}


#about.cnet #sec_3 table{  }
#about.cnet #sec_3 table thead th,
#about.cnet #sec_4 table thead th{ font-weight: normal; padding-top: 25px; padding-bottom: 25px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about.cnet #sec_3 table,
	#about.cnet #sec_4 table{ border: none; }
	#about.cnet #sec_3 table thead,
	#about.cnet #sec_4 table thead{ display: none; }
	#about.cnet #sec_3 table tbody td,
	#about.cnet #sec_4 table tbody td{ width: 100%; padding: 0; display: block; border: none; line-height: 1.8; }
	#about.cnet #sec_3 table tbody tr td:last-child,
	#about.cnet #sec_4 table tbody tr td:last-child{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
	#about.cnet #sec_3 table tbody tr:last-child td:last-child,
	#about.cnet #sec_4 table tbody tr:last-child td:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
}
@media screen and (max-width: 479px){
}


@media screen and (max-width: 479px){
	#about.cnet #sec_5 .linklist>li>a.download._1{ position: relative; padding-left: 45px; text-align: left; line-height: 1.6; }
	#about.cnet #sec_5 .linklist>li>a.download._1 svg{ position: absolute; top: 0; bottom: 0; left: 6%; margin-top: auto; margin-bottom: auto; }
}

#about.cnet #sec_6 .bgbox{ margin-top: 35px; }
#about.cnet #sec_6 .title{ text-align: center; font-weight: bold; font-size: 2.4rem; line-height: 1.6; margin-bottom: 20px; }
#about.cnet #sec_6 .img{ text-align: center; }
#about.cnet #sec_6 .scrollmsg,
#about.cnet #sec_7 .scrollmsg{ display: none; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 900px){
	#about.cnet #sec_6 .scrollmsg,
	#about.cnet #sec_7 .scrollmsg{ display: block; }
	#about.cnet #sec_6 .img,
	#about.cnet #sec_7 .img{ overflow-x: scroll; width: 100%; padding-bottom: 5px; }
	#about.cnet #sec_6 .img img,
	#about.cnet #sec_7 .img img{ min-width: 600px; }
}
@media screen and (max-width: 767px){
	#about.cnet #sec_6 .bgbox{ margin-top: 20px; }
	#about.cnet #sec_6 .title{ font-size: 2rem; }
}
@media screen and (max-width: 479px){
}




/*//////////////////


#about.greeting


//////////////////*/
#about.greeting #sec_1 .txt{ margin-bottom:50px }
#about.greeting #sec_1 .txt>p{ margin-bottom: 30px; }
#about.greeting #sec_1 .txt>p:last-child{ margin-bottom: 0; }
@media screen and (max-width: 1040px) { 
	#about.greeting #sec_1 .txt{ margin-bottom:40px }
	#about.greeting #sec_1 .txt>p{ margin-bottom: 20px; }
}






/*//////////////////


#about.system


//////////////////*/

#about.system #sec_1{  }
#about.system #sec_1 .box{ border: 1px solid #cccccc; margin-top: 35px; }
#about.system #sec_1 .box .title{ color: #fff; background: #005188; text-align: center; font-weight: bold; font-size: 2.4rem; padding: 14px 6%; line-height: 1.6; }
#about.system #sec_1 .box .title+.inwrap{ padding: 25px 55px 40px; background: #f7f7f7; }
#about.system #sec_1 .box .inbox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-top: 10px; justify-content: space-between; }
#about.system #sec_1 .box .inbox .title{ color: #005188; font-size: 2rem; background: #fff; padding: 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 266px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
#about.system #sec_1 .box .inbox .title .inb{ font-weight: bold; }
#about.system #sec_1 .box .inbox .list{ width: calc(100% - 300px) }
@media screen and (max-width: 1040px){
	#about.system #sec_1 .box .inbox{ display: block; margin-top: 20px; }
	#about.system #sec_1 .box .inbox .title{ display: block; padding: 10px 6%; width: 100%; margin-bottom: 10px; }
	#about.system #sec_1 .box .inbox .list{ width: 100% }
	#about.system #sec_1 .box .title+.inwrap{ padding: 25px 4% 30px; }
}
@media screen and (max-width: 767px) { 
	#about.system #sec_1 .box{ margin-top: 20px; }
	#about.system #sec_1 .box .title{ font-size: 1.8rem; padding: 10px 6%; }
	#about.system #sec_1 .box .title+.inwrap{ padding: 25px 6% 30px; }
	#about.system #sec_1 .box .inbox .title{ font-size: 1.6rem; }
}
@media screen and (max-width: 479px) { 
}

#about.system #sec_2{  }
#about.system #sec_2 .list{ margin-top: 35px; }
#about.system #sec_2 .list>li{ margin-bottom: 15px; }
#about.system #sec_2 .list>li:last-child{ margin-bottom: 0; }
#about.system #sec_2 .list>li>dl{ border: 1px solid #ccc; padding: 45px 60px 40px; }
#about.system #sec_2 .list>li>dl>dt{ margin-bottom: 20px; position: relative; padding-left: 100px; display: block; }
#about.system #sec_2 .list>li>dl>dt .icon{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; }
#about.system #sec_2 .list>li>dl>dt .icon>span{ font-size: 1.5rem; color: #fff; padding: 7px 16px; background: #005188; margin-right: 25px; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; height: 100%; }
#about.system #sec_2 .list>li>dl>dt .title{ color: #005188; font-size: 2rem; margin-bottom: 15px; line-height: 1.6; }
#about.system #sec_2 .list>li>dl>dd{  }
#about.system #sec_2 .box{ position: relative; padding-top: 60px; margin-top: 10px; }
#about.system #sec_2 .box .arr{ width: 60px; height: 46px; position: absolute; top: 0; left: 0; right: 0; text-align: center; margin-left: auto; margin-right: auto; }
#about.system #sec_2 .box .txt{ color: #fff; background: #005188; text-align: center; font-weight: bold; font-size: 2.8rem; padding: 22px 6%; line-height: 1.6; }
@media screen and (max-width: 1040px){
	#about.system #sec_2 .list>li>dl{ padding: 35px 4% 30px; }
}
@media screen and (max-width: 767px) { 
	#about.system #sec_2 .list{ margin-top: 20px; }
	#about.system #sec_2 .list>li>dl{ padding: 35px 6% 30px; }
	#about.system #sec_2 .box .txt{ font-size: 2rem; }
}
@media screen and (max-width: 639px) { 
	#about.system #sec_2 .list>li>dl>dt{ margin-bottom: 10px; }
	#about.system #sec_2 .list>li>dl>dt{ position: static; padding-left: 0; }
	#about.system #sec_2 .list>li>dl>dt .icon{ position: static; display: block; margin-bottom: 10px; }
	#about.system #sec_2 .list>li>dl>dt .icon>span{ padding: 7px 6%; margin-right: 0; height: auto; display: block; text-align: center; }
	#about.system #sec_2 .box .txt{ text-align: left; padding: 15px 6%; }
	#about.system #sec_2 .list>li>dl{ padding: 25px 6% 20px; }

}


#about.system #sec_3 .bgbox{ margin-top: 35px; }
#about.system #sec_3 .title{ text-align: center; font-weight: bold; font-size: 2.4rem; line-height: 1.6; margin-bottom: 20px; }
#about.system #sec_3 .img{ text-align: center; }
#about.system #sec_3 .scrollmsg{ display: none; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 900px){
	#about.system #sec_3 .scrollmsg{ display: block; }
	#about.system #sec_3 .img{ overflow-x: scroll; width: 100%; padding-bottom: 5px; }
	#about.system #sec_3 .img img{ min-width: 600px; }
}
@media screen and (max-width: 767px){
	#about.system #sec_3 .bgbox{ margin-top: 20px; }
	#about.system #sec_3 .title{ font-size: 2rem; }
}
@media screen and (max-width: 479px){
}




/*//////////////////


#about.access


//////////////////*/
#about.access #sec_1 .txtbox{ float: left; width: 43%; }
#about.access #sec_1 .txtbox .txt>p{ margin-top: 15px; }
#about.access #sec_1 .imgbox{ float: right; width: 51%; }
@media screen and (max-width: 1040px) { 
	#about.access #sec_1 .txtbox{ float: none; width: 100%; }
	#about.access #sec_1 .imgbox{ float: none; width: 100%; margin-top: 30px; }
}

#about.access #sec_2{  }
#about.access #sec_2 .map{ margin-top: 20px; }
#about.access #sec_2 .map iframe{ width: 100%; height: 550px; }
@media screen and (max-width: 767px) { 
	#about.access #sec_2 .map iframe{ height: 400px; }
}






/*//////////////////


#link


//////////////////*/
#link .linkpagelist{  }
#link .linkpagelist>li{ margin-bottom: 10px; }
#link .linkpagelist>li:last-child{ margin-bottom: 0; }
#link .linkpagelist>li>.inwrap{ background: #f7f7f7; padding: 20px 30px; text-decoration: none; display: block; }
#link .linkpagelist>li>a.inwrap:hover{ color: inherit; background: #005188; color: #fff; }
#link .linkpagelist>li dl{  display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: flex-start; -ms-align-items: center; align-items: center; }
#link .linkpagelist>li dl>dt{ -ms-word-break: break-all; word-break: break-all; }
#link .linkpagelist>li dl>dd{ font-size: 1.4rem; margin-left: 25px; -ms-word-break: break-all; word-break: break-all; }
@media screen and (max-width: 639px) { 
	#link .linkpagelist>li>.inwrap{ padding: 20px 6%; }
	#link .linkpagelist>li dl{ display: block; }
	#link .linkpagelist>li dl>dd{ margin-left: 0; }

}

#link #sec_5{  }
#link #sec_5 .box{ border: 1px solid #005188; }
#link #sec_5 .box .title{ color: #fff; background: #005188; text-align: center; font-weight: bold; font-size: 2.4rem; padding: 14px 6%; line-height: 1.6; }
#link #sec_5 .box .title+.inwrap{ padding: 25px 55px 40px; }
#link #sec_5 .box .list{  }
#link #sec_5 .box .list>li{ margin-top: 10px; }
#link #sec_5 .box .link{ margin-top: 25px; text-align: center; }
#link #sec_5 .box .link .btnlink{ max-width: 450px; width: 100%; height: 87px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 767px) { 
	#link #sec_5 .box .title{ font-size: 1.8rem; padding: 10px 6%; }
	#link #sec_5 .box .title+.inwrap{ padding: 25px 6% 30px; }
	#link #sec_5 .box .link .btnlink{ display: inline-block; padding: 10px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; }
}
@media screen and (max-width: 479px) { 
	#link #sec_5 .box .title{ text-align: left; }
	#link #sec_5 .box .link .btnlink{ text-align: left; }
}






/*//////////////////


#trouble


//////////////////*/
#trouble #sec_1{  }
#trouble #sec_1 #s1_insec1 .txt>p{ margin-bottom: 30px; }
#trouble #sec_1 #s1_insec1 .txt>p:last-child{ margin-bottom: 0; }
#trouble #sec_1 #s1_insec1 .bgbox.box1{ margin-top: 35px; margin-bottom: 10px; }
#trouble #sec_1 #s1_insec1 .bgbox.box1 .txtbig1{ margin-bottom: 15px; }
#trouble #sec_1 #s1_insec1 .bgbox.box1 li{  padding-left: 1em!important; text-indent: -1em; }
#trouble #sec_1 #s1_insec1 .link{ margin-top: 20px; margin-bottom: 20px; }
#trouble #sec_1 #s1_insec1 .link .btnlink{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; max-width: 440px; height: 87px; width: 100%; }
#trouble #sec_1 #s1_insec1 .bgbox.box2{ margin-top: 35px; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; -ms-align-items: flex-end; align-items: flex-end; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dt{ font-weight: bold; font-size: 2.4rem; line-height: 1.4; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd{ margin-left: 35px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .txt1{ color: #005188; font-weight: bold; font-size: 3rem; line-height: 1.4; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .spacetxt{ margin-left: 5px; margin-right: 5px; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .txt2{ color: #005188; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-right: 15px; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .txt2 .rubi{ font-weight: bold; font-size: 1.2rem; width: 100%; text-align: center; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .txt2 .latofont{ font-weight: bold; font-size: 4.8rem; line-height: 1; letter-spacing: -0.03em; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .tellink{  }
#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .tellink a{  }
#trouble #sec_1 #s1_insec1 .bgbox.box2>.list{ font-size: 1.6rem; margin-left: -20px; text-align: center; margin-top: 10px; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>.list>li{ margin-left: 20px; display: inline-block; vertical-align: middle; }
#trouble #sec_1 #s1_insec1 .bgbox.box2>.list>li>a{ color: #005188; }
@media screen and (max-width: 1040px) { 
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl{ display: block; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dt{  margin-bottom: 20px; text-align: center; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd{ margin-left: 0; justify-content: center; }
	#trouble #sec_1 #s1_insec1 .bgbox,
	#trouble #sec_1 #s1_insec2 .bgbox{ margin-left: -12%; width: 100%; padding-left: 12%; padding-right: 12%; }
}
@media screen and (max-width: 767px) { 
	#trouble #sec_1 #s1_insec1 .txt>p{ margin-bottom: 15px; }
	#trouble #sec_1 #s1_insec1 .bgbox.box1{ margin-top: 20px; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2{ margin-top: 20px; }
	#trouble #sec_1 #s1_insec1 .link .btnlink{ height: auto; padding-top: 10px; padding-bottom: 10px; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dt{ font-size: 1.8rem; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .txt1{ font-size: 2rem; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .txt2 .latofont{ font-size: 3.8rem; letter-spacing: 0.1em; }
}
@media screen and (max-width: 479px) { 
	#trouble #sec_1 #s1_insec1 .bgbox.box2>.list{ text-align: left; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .tellink{ width: 100%; text-align: center; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>.list>li{ padding-left: 1em!important; text-indent: -1em; }
	#trouble #sec_1 #s1_insec1 .bgbox.box2>dl>dd .txt2{ margin-right: 0; }
}

#trouble #sec_1 #s1_insec2{  }
#trouble #sec_1 #s1_insec2 .box{ border: 1px solid #005188; }
#trouble #sec_1 #s1_insec2 .box .title{ color: #fff; background: #005188; text-align: center; font-weight: bold; font-size: 2.4rem; padding: 14px 6%; line-height: 1.6; }
#trouble #sec_1 #s1_insec2 .box .title+.inwrap{ padding: 25px 55px 40px; }
#trouble #sec_1 #s1_insec2 .box .list{  }
#trouble #sec_1 #s1_insec2 .box .list>li{ margin-top: 10px; }
#trouble #sec_1 #s1_insec2 .box .link{ margin-top: 25px; text-align: center; }
#trouble #sec_1 #s1_insec2 .box .link .btnlink{ max-width: 450px; width: 100%; height: 87px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }
#trouble #sec_1 #s1_insec2 .box .telcontact{ margin-top: 60px; }
#trouble #sec_1 #s1_insec2 .box .telcontact .title1{ font-weight: bold; font-size: 2.4rem; color: #005188; line-height: 1.6; margin-bottom: 20px; }
#trouble #sec_1 #s1_insec2 .box .telcontact dl{ color: #005188; margin-left: -40px; }
#trouble #sec_1 #s1_insec2 .box .telcontact dl>dt{ font-weight: bold; font-size: 4.8rem; display: inline-block; margin-left: 40px; line-height: 1.4; }
#trouble #sec_1 #s1_insec2 .box .telcontact dl>dd{ display: inline-block; margin-left: 25px; }
@media screen and (max-width: 1040px) { 
}
@media screen and (max-width: 767px) { 
	#trouble #sec_1 #s1_insec2 .box .title{ font-size: 1.8rem; padding: 10px 6%; }
	#trouble #sec_1 #s1_insec2 .box .title+.inwrap{ padding: 25px 6% 30px; }
	#trouble #sec_1 #s1_insec2 .box .link .btnlink{ display: inline-block; padding: 10px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; }
	#trouble #sec_1 #s1_insec2 .box .telcontact{ margin-top: 50px; }
	#trouble #sec_1 #s1_insec2 .box .telcontact .title1{ font-size: 1.8rem; margin-bottom: 10px; }
	#trouble #sec_1 #s1_insec2 .box .telcontact dl{ margin-left: 0; }
	#trouble #sec_1 #s1_insec2 .box .telcontact dl>dt{ font-size: 3.8rem; margin-left: 0; display: block; }
	#trouble #sec_1 #s1_insec2 .box .telcontact dl>dd{ display: block; margin-left: 0; }
}
@media screen and (max-width: 479px) { 
	#trouble #sec_1 #s1_insec2 .box .title{ text-align: left; }
	#trouble #sec_1 #s1_insec2 .box .telcontact{ margin-top: 40px; }
	#trouble #sec_1 #s1_insec2 .box .telcontact dl>dt{ font-size: 2.8rem; }
}






/*//////////////////


#contact.index


//////////////////*/
#seminar.index #sec_1 .newstopics>li:last-child{ margin-bottom: 0; }

#trouble.contact #sec_1 #s1_insec2 .formbox1>ul>li>dl>dt{ width: 250px; }
#trouble.contact #sec_1 #s1_insec2 .formbox1>ul>li>dl>dd{ width: calc(100% - 265px) }


#donationform.thanks #sec_1 .link .btnlink,
#application.thanks #sec_1 .link .btnlink,
#seminar.thanks #sec_1 .link .btnlink,
#trouble.contact.thanks #sec_1 .link .btnlink{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 55px; max-width: 300px; }
@media screen and (max-width: 1040px){
	#seminar.index #s2_insec1 .bgbox,
	#seminar.index #s2_insec2 .bgbox{ background-color: transparent; padding: 0; }
	#seminar.index #s2_insec1 .bgbox input,
	#seminar.index #s2_insec2 .bgbox input,
	#seminar.index #s2_insec1 .bgbox select,
	#seminar.index #s2_insec2 .bgbox select,
	#seminar.index #s2_insec1 .bgbox textarea,
	#seminar.index #s2_insec2 .bgbox textarea{ border: 1px solid #ccc !important; }
}
@media screen and (max-width: 767px){
	#donationform.thanks #sec_1 .link .btnlink,
	#application.thanks #sec_1 .link .btnlink,
	#seminar.thanks #sec_1 .link .btnlink,
	#trouble.contact.thanks #sec_1 .link .btnlink{ height: 50px; }
}







/*//////////////////


#newmember


//////////////////*/

#newmember #sec_1 .list{ margin-top: 35px; }
#newmember #sec_1 .list>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-bottom: -25px; }
#newmember #sec_1 .list>ul>li{ margin-left: 20px; width: calc(33.33% - 20px); margin-bottom: 25px; }
#newmember #sec_1 .list>ul>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 190px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#newmember #sec_1 .list>ul>li>a.btnlink.download{ background: #f7f7f7!important; color: #005188; border: none; }
#newmember #sec_1 .list>ul>li>a.btnlink.download svg{ width: 20px; height: 24px; vertical-align: -5px; }
#newmember #sec_1 .list>ul>li>a.btnlink.download svg  .download_st0.st0{ transition: 0.3s; fill:#005188 }
#newmember #sec_1 .list>ul>li>a.btnlink.download:hover{ background: #005188!important; color: #fff; }
#newmember #sec_1 .list>ul>li>a.btnlink.download:hover .download_st0.st0{fill:#fff;}
@media screen and (max-width: 1040px){
	#newmember #sec_1 .list>ul{ display: block; margin-left: 0; }
	#newmember #sec_1 .list>ul>li{ margin-left: 0; width: 100%; }
	#newmember #sec_1 .list>ul>li>a{ height: 100px; max-width: 100%; }
}
@media screen and (max-width: 767px){
	#newmember #sec_1 .list{ margin-top: 20px; }
	#newmember #sec_1 .list>ul{ margin-bottom: -15px; }
	#newmember #sec_1 .list>ul>li{ margin-bottom: 15px; }
	#newmember #sec_1 .list>ul>li>a{ padding-left: 6%; padding-right: 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width: 479px){
	#newmember #sec_1 .list>ul>li>a{ text-align: left; padding-right: 30px; position: relative; text-align: left; justify-content: flex-start; }
	#newmember #sec_1 .list>ul>li>a svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}

#newmember #sec_2 .sectitle .cap{ color: initial; font-size: 2rem; margin-left: 50px; }
#newmember #sec_2 .caution,
#newmember #sec_2 .link{ margin-top: 15px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 479px){
}

#newmember #sec_4 .bgbox{ margin-top: 35px; }
#newmember #sec_4 .link{ text-align: center; margin-top: 15px; }
#newmember #sec_4 .link .btnlink{ width: 100%; padding: 24px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 440px; }
#newmember #sec_4 .link .btnlink svg{ vertical-align: sub; }
#newmember #sec_4 .bgbox .title{ font-weight: bold; font-size: 2.4rem; line-height: 1.6; margin-bottom: 20px; }
#newmember #sec_4 .bgbox .list>li{ margin-bottom: 10px; }
#newmember #sec_4 .bgbox .list>li:nth-child(3)>dl>dd { margin-top:10px; }
#newmember #sec_4 .bgbox .list>li:last-child{ margin-bottom: 0; }
#newmember #sec_4 .bgbox .list>li>dl>dt{ font-weight: bold; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#newmember #sec_4 .bgbox{ margin-top: 20px; }
}
@media screen and (max-width: 479px){
	#newmember #sec_4 .link .btnlink{ padding-right: 40px; position: relative; text-align: left; }
	#newmember #sec_4 .link .btnlink svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}





/*//////////////////


#newmember


//////////////////*/

#newmember #sec_1 .list{ margin-top: 35px; }
#newmember #sec_1 .list>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-bottom: -25px; }
#newmember #sec_1 .list>ul>li{ margin-left: 20px; width: calc(33.33% - 20px); margin-bottom: 25px; }
#newmember #sec_1 .list>ul>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 190px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#newmember #sec_1 .list>ul>li>a.btnlink.download{ background: #f7f7f7!important; color: #005188; border: none; }
#newmember #sec_1 .list>ul>li>a.btnlink.download svg{ width: 20px; height: 24px; vertical-align: -5px; }
#newmember #sec_1 .list>ul>li>a.btnlink.download svg  .download_st0.st0{ transition: 0.3s; fill:#005188 }
#newmember #sec_1 .list>ul>li>a.btnlink.download:hover{ background: #005188!important; color: #fff; }
#newmember #sec_1 .list>ul>li>a.btnlink.download:hover .download_st0.st0{fill:#fff;}
@media screen and (max-width: 1040px){
	#newmember #sec_1 .list>ul{ display: block; margin-left: 0; }
	#newmember #sec_1 .list>ul>li{ margin-left: 0; width: 100%; }
	#newmember #sec_1 .list>ul>li>a{ height: 100px; max-width: 100%; }
}
@media screen and (max-width: 767px){
	#newmember #sec_1 .list{ margin-top: 20px; }
	#newmember #sec_1 .list>ul{ margin-bottom: -15px; }
	#newmember #sec_1 .list>ul>li{ margin-bottom: 15px; }
	#newmember #sec_1 .list>ul>li>a{ padding-left: 6%; padding-right: 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width: 479px){
	#newmember #sec_1 .list>ul>li>a{ text-align: left; padding-right: 30px; position: relative; text-align: left; justify-content: flex-start; }
	#newmember #sec_1 .list>ul>li>a svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}

#newmember #sec_4 .sectitle .cap{ color: initial; font-size: 2rem; margin-left: 50px; }
#newmember #sec_4 .caution,
#newmember #sec_4 .link{ margin-top: 15px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 479px){
}

#newmember #sec_5 .bgbox{ margin-top: 35px; }
#newmember #sec_5 .link{ text-align: center; margin-top: 15px; }
#newmember #sec_5 .link .btnlink{ width: 100%; padding: 24px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 440px; }
#newmember #sec_5 .link .btnlink svg{ vertical-align: sub; }
#newmember #sec_5 .bgbox .title{ font-weight: bold; font-size: 2.4rem; line-height: 1.6; margin-bottom: 20px; }
#newmember #sec_5 .bgbox .list>li{ margin-bottom: 10px; }
#newmember #sec_5 .bgbox .list>li:last-child{ margin-bottom: 0; }
#newmember #sec_5 .bgbox .list>li>dl>dt{ font-weight: bold; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#newmember #sec_5 .bgbox{ margin-top: 20px; }
}
@media screen and (max-width: 479px){
	#newmember #sec_5 .link .btnlink{ padding-right: 40px; position: relative; text-align: left; }
	#newmember #sec_5 .link .btnlink svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}
/*//////////////////


#donation


//////////////////*/

#donation #sec_1 .list{ margin-top: 35px; }
#donation #sec_1 .list>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-bottom: -25px; }
#donation #sec_1 .list>ul>li{ margin-left: 20px; width: calc(33.33% - 20px); margin-bottom: 25px; }
#donation #sec_1 .list>ul>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 190px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#donation #sec_1 .list>ul>li>a.btnlink.download{ background: #f7f7f7!important; color: #005188; border: none; }
#donation #sec_1 .list>ul>li>a.btnlink.download svg{ width: 20px; height: 24px; vertical-align: -5px; }
#donation #sec_1 .list>ul>li>a.btnlink.download svg  .download_st0.st0{ transition: 0.3s; fill:#005188 }
#donation #sec_1 .list>ul>li>a.btnlink.download:hover{ background: #005188!important; color: #fff; }
#donation #sec_1 .list>ul>li>a.btnlink.download:hover .download_st0.st0{fill:#fff;}
@media screen and (max-width: 1040px){
	#donation #sec_1 .list>ul{ display: block; margin-left: 0; }
	#donation #sec_1 .list>ul>li{ margin-left: 0; width: 100%; }
	#donation #sec_1 .list>ul>li>a{ height: 100px; max-width: 100%; }
}
@media screen and (max-width: 767px){
	#donation #sec_1 .list{ margin-top: 20px; }
	#donation #sec_1 .list>ul{ margin-bottom: -15px; }
	#donation #sec_1 .list>ul>li{ margin-bottom: 15px; }
	#donation #sec_1 .list>ul>li>a{ padding-left: 6%; padding-right: 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width: 479px){
	#donation #sec_1 .list>ul>li>a{ text-align: left; padding-right: 30px; position: relative; text-align: left; justify-content: flex-start; }
	#donation #sec_1 .list>ul>li>a svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}

#donation #sec_4 .sectitle .cap{ color: initial; font-size: 2rem; margin-left: 50px; }
#donation #sec_4 .caution,
#donation #sec_4 .link{ margin-top: 15px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 479px){
}

#donation #sec_5 .bgbox{ margin-top: 35px; }
#donation #sec_5 .link{ text-align: center; margin-top: 15px; }
#donation #sec_5 .link .btnlink{ width: 100%; padding: 24px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 440px; }
#donation #sec_5 .link .btnlink svg{ vertical-align: sub; }
#donation #sec_5 .bgbox .title{ font-weight: bold; font-size: 2.4rem; line-height: 1.6; margin-bottom: 20px; }
#donation #sec_5 .bgbox .list>li{ margin-bottom: 10px; }
#donation #sec_5 .bgbox .list>li:last-child{ margin-bottom: 0; }
#donation #sec_5 .bgbox .list>li>dl>dt{ font-weight: bold; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#donation #sec_5 .bgbox{ margin-top: 20px; }
}
@media screen and (max-width: 479px){
	#donation #sec_5 .link .btnlink{ padding-right: 40px; position: relative; text-align: left; }
	#donation #sec_5 .link .btnlink svg{ position: absolute; top: 0; bottom: 0; right: 6%; margin-top: auto; margin-bottom: auto; }
}