html,body {width: 100%; box-sizing:border-box;}
* {font-family:Noto Sans Japanese;}
html { color:#111111; font-weight:200;font-family:Noto Sans Japanese;}
/*common*/
.cl {clear:both; font-size:0px; line-height:0px;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; margin:0px 40px 10px 0px;}
.imgfr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:10px; line-height:16px;}
.txt-m {font-size:12px; line-height:18px;}
.txt-l {font-size:14px; line-height:26px;}
.txt-l1 {font-size:15px; line-height:28px;}
.txt-l2 {font-size:17px; line-height:34px;}
.txt-l3 {font-size:20px; line-height:40px;}
.txt-l4 {font-size:24px; line-height:40px;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#1b696a; text-decoration:none;}
a:hover {color:#478384; text-decoration:underline;}
strong {font-weight:600;}
/*box*/
.tx {padding:0px 0px 40px 0px;}
.tx2 {padding:0px 0px 20px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 20px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.tx_padding p {padding:0px 0px 10px 0px;}
/* ----- Index ----- */
.index {display:block; padding:20px 0px 20px 0px; border-bottom:1px solid #eeeeee; margin:0px; margin-bottom:20px;}
.index_en {font-size:30px; line-height:30px; font-family:Red Hat Display; font-style:italic; font-weight:500;letter-spacing:2px; padding-right:20px; color:#4eb2b2;}
.index_ja {font-size:18px; line-height:30px; color:#111111; font-weight:600;}
.txindex1 {display:block; margin:10px 0px 50px 0px; text-align:center; margin:center; padding:0px 0px 0px 0px; font-size:28px; line-height:44px; font-weight:600;}
.txindex1 span {display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 7px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}
.txindex2 {display:block; margin:0px 0px 30px 0px; margin:center; padding:0px 0px 0px 0px; font-size:25px; line-height:44px; font-weight:600;}
.txindex2 span {display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 7px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}
.txindex2 a {color:#004098;}
.txindex2 a:hover {text-decoration:none;}
.txindex3 {display:block; margin:0px; padding:0px 0px 10px 0px; color:#478384; font-size:24px; line-height:36px; font-weight:600;}
.txindex4 {display:block; margin:0px; padding:0px 0px 10px 0px; color:#111111; font-size:24px; line-height:36px; font-weight:600;}
.subindex1 {display:block; margin:0px 0px 20px 0px; padding:13px 15px 15px 15px; border-top:3px solid #4eb2b2; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.subindex2 {display:block; margin:0px 0px 20px 0px; padding:10px 15px 10px 15px;border-left:3px solid #4eb2b2; color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.subindex3 {display:block; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px;color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.subindex4 {display:inline-block; margin:0px 0px 20px 0px; padding:10px 15px 13px 15px; color:#ffffff; background-color:#4eb2b2; font-size:22px; line-height:30px; font-weight:600;}
.subindex5 {display:inline; margin:0px 0px 20px 0px; padding:10px 15px 13px 15px; color:#ffffff; background-color:#888888; font-size:22px; line-height:30px; font-weight:600;}
.subindex1 a {color:#222222;font-weight:600;}
.centerindex1 {display:block; padding:20px 0px 20px 0px; color:#007274; margin:20px 0px 0px 0px; text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 2px; text-align:center; font-size:36px; line-height:54px; font-weight:200;}
.centerindex1sub {display:block; padding:0px 0px 20px 0px; color:#111111; margin:0px 0px 60px 0px; text-align:center; font-size:22px; line-height:26px; font-weight:200; }
.centerindex2 {display:block; padding:20px 0px 20px 0px; color:#007274; margin:20px 0px 0px 0px; text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 2px; text-align:center; font-size:36px; line-height:54px; font-weight:200;}
.centerindex2sub {display:block; padding:0px 0px 20px 0px; color:#111111; margin:0px 0px 30px 0px; text-align:center; font-size:22px; line-height:26px; font-weight:200; }
.imgindex {display:block; margin:0px; padding:0px;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #4e8c36;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #4e8c36;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
/* ----- MainBox ----- */
.base {padding:50px 0px 50px 0px;}
.base2 {padding:0px 0px 50px 0px;}
.container {width:1140px; margin:0px auto; }
.container_in {padding:40px;}
/* ----- Main ----- */
body {min-width:1140px; background-color:#ffffff; margin:0px; text-align:left; padding:0px; color:#404040;}
#spbase {width:100%;}
/* ----- Head ----- */
header {width:100%; position:relative;}
header h1 {display:block; height:30px; margin:0px; padding:0px; font-size:14px; text-indent:10px; line-height:30px; background-color:#d2f2f2; color:#478384; font-weight:200;}
.splogo {display:none;}
/* ----- common ----- */
/*min-width:1140px;*/
.eng_title {display:block; margin:0px; text-align:center; padding:40px 0px 30px 0px; font-size:22px; line-height:30px; color:#3a6b6c; font-family:Red Hat Display; font-style:italic; font-weight:500;letter-spacing:4px;}
.eng_title2 {display:block; margin:0px; text-align:center; padding:30px 0px 30px 0px; font-size:20px; line-height:30px; font-family:Red Hat Display; font-style:italic; font-weight:500;letter-spacing:4px;}
/*obi*/
.obi {display:flex; justify-content:space-between; flex-wrap: wrap;}
.obi_l {width:50%; background-color:#4eb2b2;}
.obi_r {width:50%; background-color:#478384;}
.obi_in {padding:50px; color:#ffffff; text-align:center;}
.obi_in h3 {display:block; font-size:24px; font-weight:600; line-height:30px; text-align:center;}
.obi_in_tx {padding:0px 0px 20px 0px;}
.obi_in ul {margin:0px; padding:0px;}
.obi_in ul li {list-style:none; padding:0px 0px 20px 0px;}
.obi_in ul li a {display:block; max-width:420px; padding:3px; margin:0px auto; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.obi_in ul li a:hover {display:block; max-width:420px; padding:3px; margin:0px auto; background-color:#ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/*foot*/
footer {display:block;}
#footer {width:1140px; margin:0px auto; padding:100px 0px 100px 0px; text-align:center;}
#footer h2 {display:inline; padding:0px 0px 30px 0px; margin:0px;}
#footer ul {marign:0px; padding:0px;}
#footer ul li {display:inline; list-style:none; margin:0px 5px 0px 5px; font-size:16px; line-height:28px;}
#footer ul li a {}
@media screen and (max-width:640px){
.imgfl {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.imgfr {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.pchid {display:block;}
.sphid {display:none!important;}
.tabhid {display:none!important;}
.spimg {display:blokc; width:100%; max-width:270px; margin:0px auto;}
.pctac {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:14px; line-height:28px;}
.txt-l2 {font-size:16px; line-height:32px;}
.txt-l3 {font-size:16px; line-height:32px;}
.txt-l4 {font-size:17px; line-height:34px;}
/*index*/
.index {display:block; padding:50px 0px 20px 0px; border-bottom:1px solid #eeeeee; margin:0px; margin-bottom:20px;}
.index_en {font-size:30px; line-height:30px; font-family:Red Hat Display; font-style:italic; font-weight:500;letter-spacing:2px; padding-right:20px; color:#4eb2b2;}
.index_ja {font-size:18px; line-height:30px; color:#111111; font-weight:600;}
.txindex1 {display:block; margin:40px 0px 40px 0px; text-align:center; margin:center; padding:0px 0px 0px 0px; font-size:19px; line-height:36px; font-weight:600;}
.txindex1 span {display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 5px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}
.txindex2 {display:block; margin:0px 0px 30px 0px; margin:center; padding:0px 0px 0px 0px; font-size:22px; line-height:36px; font-weight:600;}
.txindex2 span {display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 7px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}
.txindex2 a {color:#004098;}
.txindex2 a:hover {text-decoration:none;}
.txindex3 {display:block; margin:0px; padding:0px 0px 10px 0px; color:#478384; font-size:18px; line-height:30px; font-weight:600;}
.txindex4 {display:block; margin:0px; padding:0px 0px 10px 0px; color:#111111; font-size:18px; line-height:30px; font-weight:600;}
.subindex1 {display:block; margin:0px 0px 20px 0px; padding:13px 15px 15px 15px; border-top:3px solid #4eb2b2; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; color:#222222; font-size:18px; line-height:26px; font-weight:600;}
.subindex2 {display:block; margin:0px 0px 10px 0px; padding:10px 0px 10px 0px;border-left:0px none; color:#111111; font-size:18px; line-height:26px; font-weight:600;}
.subindex3 {display:block; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px;color:#111111; font-size:18px; line-height:26px; font-weight:600;}
.subindex4 {display:inline-block; margin:0px 0px 20px 0px; padding:10px 15px 13px 15px; color:#ffffff; background-color:#4eb2b2; font-size:18px; line-height:26px; font-weight:600;}
.subindex5 {display:inline-block; margin:0px 0px 20px 0px; padding:10px 15px 13px 15px; color:#ffffff; background-color:#888888; font-size:18px; line-height:26px; font-weight:600;}
.centerindex1 {display:block; padding:20px 0px 20px 0px; margin:20px 0px 0px 0px; text-align:left; font-size:22px; line-height:42px; font-weight:400;}
.centerindex1sub {display:block; padding:0px 0px 20px 0px; margin:0px 0px 20px 0px; text-align:left; font-size:18px; line-height:26px; font-weight:200; }
.centerindex2 {display:block; padding:20px 0px 20px 0px; margin:20px 0px 0px 0px; text-align:left; font-size:20px; line-height:42px; font-weight:400;}
.centerindex2sub {display:block; padding:0px 0px 20px 0px; margin:0px 0px 20px 0px; text-align:left; font-size:17px; line-height:26px; font-weight:200; }
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #d5d5d5;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #d5d5d5;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
/* ----- MainBox ----- */
.base {padding:20px 0px 20px 0px;}
.container {width:96%; margin:0px auto; display:block;}
.container_in {padding:10px;}
/* ----- Main ----- */
body {min-width:320px; padding-top:60px;}/*スマホ版メニュー分下げる*/
#spbase {width:100%; min-width:320px;}
/* ----- Head ----- */
header { position:static;}
header h1 {display:block; height:auto; margin:0px; padding:0px; font-size:12px; line-height:16px; text-indent:0px; background-color:#d2f2f2; color:#478384; font-weight:200;}
.splogo {display:block; text-align:center; padding:10px 0px 10px 0px;}
.splogo img {width:180px; height:auto; margin:0px auto;}
/* ----- common ----- */
/*min-width:1140px;*/
.eng_title {display:block; margin:0px; text-align:center; padding:30px 0px 30px 0px; font-size:20px; line-height:30px; color:#3a6b6c; font-family:Red Hat Display; font-style:italic; font-weight:500;letter-spacing:2px;}
.eng_title2 {display:block; margin:0px; text-align:center; padding:30px 0px 30px 0px; font-size:20px; line-height:30px; font-family:Red Hat Display; font-style:italic; font-weight:500;letter-spacing:2px;}
/*obi*/
.obi {display:block; }
.obi_l {width:100%; background-color:#4eb2b2;}
.obi_r {width:100%; background-color:#478384;}
.obi_in {padding:10px; color:#ffffff; text-align:center;}
.obi_in h3 {display:block; font-size:20px; font-weight:600; line-height:30px; text-align:center;}
.obi_in_tx {padding:0px 0px 20px 0px;}
.obi_in ul {margin:0px; padding:0px;}
.obi_in ul li {list-style:none; padding:0px 0px 20px 0px;}
.obi_in ul li a {display:block; max-width:420px; padding:3px; margin:0px auto; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.obi_in ul li a:hover {display:block; max-width:420px; padding:3px; margin:0px auto; background-color:#ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/*foot*/
footer {display:block;}
#footer {width:100%; margin:0px auto; padding:100px 0px 100px 0px; text-align:center;}
#footer h2 {display:inline; padding:0px 0px 30px 0px; margin:0px;}
#footer ul {marign:0px; padding:0px;}
#footer ul li {display:block; list-style:none; margin:0px 0px 5px 0px; font-size:16px; line-height:28px;}
#footer ul li a {display:block; padding:10px; border:1px solid #eeeeee;}
}