@charset "UTF-8";
/* CSS Document */
@import url(notosansjp.css);

html,body {color:#333;font-size:14px;line-height:1.5em;font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;min-width:320px;color:#333;word-break: break-word;}

.cf:before,
.cf:after {content:"";display:table;clear:both;}

input[type="submit"] {-webkit-appearance:none;border-radius:0;}
input[type="submit"]:hover {opacity:0.7;cursor:pointer;}

#wrap {width:100%;overflow:hidden;line-height:1.7em;position:relative;}
#contents {width:100%;}

.inner {width:1000px;margin:0 auto;}
.inner:before,
.inner:after {content:"";display:table;clear:both;}

a {text-decoration:none;color:#10326b;}

hr {border-color:#999;}


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

				header

************************************/
/* header {width:100%;background:rgba(255,255,255,0.5);z-index:10;}

#logo {float:left;}
#logo a {display:table-cell;width:300px;height:80px;vertical-align:middle;}
#h_menu {float:right;}
#h_menu > div {display:table-cell;height:80px;vertical-align:middle;}

#search {position:relative;}
#search input[type="text"] {width:260px;height:29px;padding:0 40px 0 20px;border:solid 1px #ccc;border-radius:50px;}
#search input[type="text"]::-webkit-input-placeholder {color:#ccc;font-style:italic;}
#search input[type="text"]::-ms-input-placeholder {color:#ccc;font-style:italic;}
#search input[type="text"]::-moz-placeholder {color:#ccc;font-style:italic;}
#search input[type="text"]:focus::-webkit-input-placeholder {color:#fff;}
#search input[type="text"]:focus::-ms-input-placeholder {color:#fff;}
#search input[type="text"]:focus::-moz-placeholder {color:#fff;}

#search input[type="submit"] {width:40px;height:30px;background:url(../images/search.png) no-repeat center center;border:none;position:absolute;right:0;overflow:hidden;text-indent:999px;}


    input::-ms-clear {
    visibility:hidden
}

#search .mf_finder_searchBox{
    margin-top:15px;
}
#search .mf_finder_searchBox_submit {
    background: url(../images/search.png) no-repeat center center;
    position: absolute;
    right: 5px;
    overflow: hidden;
    color: none;
    margin-top:5px;
    height:18px;
    cursor: pointer;
    }

mf_finder_searchBox.mf_finder_searchBox_useSelects {
    background: none;
    }

#search .mf_finder_searchBox {
    background: none;
    padding: none;
    }
#search .mf_finder_searchBox_submit::before{
    content:'';
}


#lang,
#contact {padding-left:25px;}
#lang div {display:inline-block;vertical-align:middle;}
#lang div a {display:table-cell;width:30px;height:30px;text-align:center;vertical-align:middle;border-radius:100%;}
#lang .ja a {background:#fff;color:#27bd38;}
#lang .ja a:hover {background:#27bd38;color:#fff;}
#lang .en {margin-left:5px;}
#lang .en a {background:#27bd38;color:#fff;}
#lang .en a:hover {opacity:0.7;}
#contact a {display:table-cell;width:160px;height:40px;background:#27bd38 url(../images/contact.svg) no-repeat 15px center;background-size:22px 14px;text-align:center;vertical-align:middle;text-indent:15px;color:#fff;}
#contact a:hover {opacity:0.7;}

.gnav {background:rgba(255,255,255,0.7);}
.gnav ul li {width:20%;display:block;float:left;position:relative;padding:20px 0;}

.gnav ul li a {display:block;color:#09a841;font-size:1.05em;font-weight:bold;letter-spacing:0.1em;text-align:center;position:relative;}

.gnav ul li a:after,
.gnav ul li:first-child a:before {content:"";display:block;width:1px;height:24px;background:#ccc;position:absolute;top:50%;margin-top:-12px;}
.gnav ul li a:after {right:0;}
.gnav ul li:first-child a:before {left:0;}

.gnav ul li.current a,
.gnav ul li a:hover {color:#333;}
.gnav ul li span {display:inline-block;padding-bottom:5px;position:relative;}
.gnav ul li span:after {content:"";display:block;width:0;height:2px;background:#09a841;left:50%;bottom:-5px;position:absolute;transition:0.5s;}
.gnav ul li.current span:after,
.gnav ul li a:hover span:after {left:0;width:100%;} */

#menu_box_sp {display:none;}

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

				footer

************************************/
#fnav {
    background: #10326B;
    padding: 32px 0 0;
    text-align: center;
}

#fnav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#fnav li {
    /* display: inline; */
    margin-top: 8px;
    padding: 0 30px;
    border-left: solid 1px #fff;
    line-height: 1;
}

#fnav li:first-child {
    border: none;
}

#fnav li a {
    color: #fff;
    letter-spacing: .04em;
}

#fnav li a:hover {
    text-decoration: underline;
}

#fgnav {background:#fff;}
#fun {background:#10326B;text-align:center;padding:36px 0 40px;}
#fun #flogo {margin-bottom:48px;}
#fun small {color:#fff;}
#fun .footer_sns {margin-bottom: 24px;}
#fun .footer_sns .txt {color: #fff;font-size: 16px}
#fun .footer_sns_logo {display: flex;justify-content: center;}
#fun .footer_sns_logo_item.-li {width: 42px;margin-right: 16px;}
#fun .footer_sns_logo_item.-yt {width: 36px;}
#fun .footer_sns_logo_item a {display: block;line-height: 1;}
#fun .footer_sns_logo_item a img {width: 100%;}
#fun .footer_sns_logo_item a:hover {opacity:0.7;}


#page_top {
    /* width: 80px;
    height: 80px;
    background: #333 url(../images/pagetop.svg) no-repeat center center;
    border-radius: 100%;
    position: fixed;
    right: 5%;
    bottom: 50px;
    z-index: 999;
    display: none;
    box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3); */
    background: #5A77A8;
    transition: all .3s;
}

#page_top a {
    /* display: block; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 14px 0;
    color: #fff;
    line-height: 1;
    font-size: 16px;
}

#page_top a::before {
    content: "";
    display: block;
    width: 14px;
    height: 8px;
    background: url(../png/arw_pagetop.png) no-repeat;
    background-size: contain;
    margin-bottom: 10px;
}

#page_top:hover {
    opacity: 0.7;
}

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

				parts

************************************/
h1.line_title {font-size:1.8em;}
.line_title {font-size:1.5em;line-height:1.25em;margin-bottom:25px;}
.line_title span {display:block;}
.line_title span:nth-child(1) {padding-top:3px ;font-size: 0.9em;}
.line_title span:nth-child(2) {color:#c81432;font-size:14px;font-weight:normal;border-top: solid 1px #999;}
.line_title:before,
.line_title:after {content:"";display:table;clear:both;}
.line_title.ja {border-bottom:solid 1px #999;margin-bottom:30px;}
.cover .line_title span:nth-child(1) {border-top:solid 1px #999;font-weight:bold;font-size: 0.6em;color:#09a841;}

.sub_title {font-size:1.15em;font-weight:bold;padding-left:10px;position:relative;margin-bottom:10px;}
.sub_title:before {content:"";display:block;width:3px;height:1em;background:#10326b;position:absolute;left:0;top:0.4em;}

.color_title {padding:0.6em 20px;background:#333;color:#fff;border-radius:300px;margin-bottom:20px;padding-top:.5em;font-weight:bold;}
.color_title span {font-weight:normal;font-size:0.7em;margin-left:20px;}

.border_title {padding-left:20px;border-left:solid 3px #10326b;font-size:1.4em;line-height:1.3em;margin-bottom:20px;padding-top:.5em;}
.border_title span {color:#c81432;font-size:0.7em;line-height:1.3em;}

.sideline_title {padding-left:15px;border-left:solid 3px #10326b;font-size:1.15em;line-height:1.5em;margin-top:30px;margin-bottom:15px;padding-top:.5em;}

.underline_title {font-size:1.26em;line-height:1.5em;border-bottom:solid 1px #ccc;margin-bottom:20px;padding-top:.5em;}

.bold_title {font-weight:bold;margin-bottom:10px;padding-top:.5em;}
.bold_title.green,
.bold_title.navy {
    color: #10326b;
}

.box_title {font-size:1.5em;line-height:1.5em;padding:26px 30px;border:solid 1px #999;color:#343434;margin-bottom:15px;}

.solution_title_Bk {font-size: 1.26em;line-height: 1.5em;margin-bottom: 20px;color: #fff;background: #333;text-align: center;  padding: 5px;}
.solution_title_Gr,
.solution_title_Nv {
    font-size: 1.26em;
    line-height: 1.5em;
    margin-bottom: 20px;
    color: #fff;
    background: #10326b;
    text-align: center;
    padding: 5px;
    border-radius: 25px;
}
.important {position:relative;margin-bottom:40px;}
.important > div {background:url(../gif/slide_border.gif);padding:5px;}
.important ul {padding:15px 35px;background:#fff;height:131px;overflow-y:auto;}
.important ul li {/*border-top:dotted 1px #615f5f;*/background:url(../gif/dotted.gif) repeat-x left bottom;padding-bottom:1px;}
/*.important ul li:first-child {border:none;}*/.important ul li:last-child {background-image:none;padding-bottom:0;}

.important ul li a {display:block;padding:10px;}
.important ul li a:hover {background:#eee;}
.important ul li p {display:table-cell;}
.important ul li a.pdf,
.important ul li a.out {background-image:none;}
.important ul li a.pdf p:nth-child(2):after {content: "";display:inline-block;width:1.5em;height:1.5em;background:url(../svg/pdf_navy.svg) no-repeat center center;background-size:auto 100%;position:relative;top:0.25em;margin-left:10px;}
.important ul li a.out p:nth-child(2):after {content: "";display:inline-block;width:1.5em;height:1.5em;background:url(../svg/out_navy.svg) no-repeat center center;background-size:100% auto;position:relative;top:0.25em;margin-left:10px;}
.important ul li .date {width:170px;color:#666;font-weight:bold;}
.important ul li .news_title {color:#333;}

.archive {background:url(../png/arrow_archive.png) no-repeat left center;padding-left:20px;position:absolute;right:0;top:0;}
.archive:hover {text-decoration:underline;}


#btn_banner {margin-bottom:80px;}
#btn_banner li {float:left;width:30%;margin-left:5%;}
#btn_banner li:first-child {margin-left:0;}
#btn_banner .btn a {width:1000px;height:100px;}
#btn_banner li p {margin-bottom:0;}
#btn_banner[data-column="4"] li {width:48%;margin-left:4%;}
#btn_banner[data-column="4"] li:nth-child(4n+1) {margin-left:0;}
#btn_banner[data-column="4"] .btn a {height:80px;}


/*bth*/
.btn a {display:table-cell;width:250px;height:115px;vertical-align:middle;background:#333 url(../svg/arrow_white_right.svg) no-repeat right 20px center;background-size:10px auto;}
.btn a p,
.btn a small {display:block;text-align:center;}
.btn a p {font-size:1.15em;color:#fff;line-height:1.5em;}
.btn a small {color:#27bd38;}

.btn.green a {background-color:#10326b;}
.btn.green a small {color:#333;}
.btn.gray a {background-color:#575757;}
.btn.lightgray a {background-color:#999;}
.btn.lightgray a small {color:#333;}
.btn.line a {background-color:#fff;background-image:url(../svg/arrow_navy_right.svg);border:solid 1px #10326b;}
.btn.line a p {color:#333;}

.btn a:hover {opacity:0.7;}

.app_list {margin-bottom:60px;}
.app_list > div {width:calc(47.5% - 10px);background:url(../gif/slide_border.gif);padding:5px;}
.app_list > div:nth-child(odd) {float:left;}
.app_list > div:nth-child(even) {float:right;}
.app_list > div > div {background:#fff;padding:20px 30px 55px;}
.app_list > div > div h3 {font-size:1.7em;line-height:1.5em;text-align:center;margin-bottom:25px;}
.app_list > div > div h3 span {display:block;font-size:0.5em;line-height:1.3em;color:#27bd38;}
.app_list > div > div p {height:7em;}
.app_list > div > div .btn {width:100%;height:80px;}
.app_list > div > div .btn a {width:1000px;color:#fff;text-align:center;font-size:1.2em;height:60px;background-color:#575757;}
.app_list > div > div ul {border-top:solid 1px #999;}
.app_list > div > div ul li {margin-top:8px;float:left;/*clear:both;*/}
.app_list > div > div ul li:after {content:"";display:inline-block;width:1em;height:1em;background:url(../svg/arrow_green_right.svg) no-repeat center 0.2em;background-size:auto 0.8em;}
.app_list > div > div ul li a:hover {text-decoration:underline;}



.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:50px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}


@media screen and (max-width:1040px){
.inner {width:90%;margin:0 auto;}

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

				header

************************************/
#hnav,
#logo a {height:60px;}
#logo img {width:210px;}
#sp_btn {display:block;width:60px;height:60px;background:#1ebd38;position:absolute;right:0;top:0;}
#sp_btn a {display:block;height:60px;position:relative;background:#1ebd38;}
#sp_btn a > div {width:30px;height:3px;background:#fff;left:15px;position:absolute;}
#sp_btn a > div[data-num='no1'] {top:18px;}
#sp_btn a > div[data-num='no2'] {top:29px;}
#sp_btn a > div[data-num='no3'] {top:40px;}

/*#sp_btn.active a {background:#0b3775;}
#sp_btn.active a > div {background:#b81c22;}*/

#menu_box_sp {width:100%;overflow:auto;background:#eee;position:fixed;right:-100%;top:0;transition:right 0.3s;z-index:9999;display:block;}
#menu_box_sp.active {right:0;}
#menu_box_sp .inner {width:100%;padding-right:20px;background:#27bd38;}

/*#close_sp {width:50px;height:50px;float:right;position:relative;}*/
#close_sp {width:100%;height:50px;position:relative;background:#333 url(../jpg/logo_footer.jpg) no-repeat 15px center;background-size:150px auto;}
#close_sp div[data-num="no1"] ,
#close_sp div[data-num="no2"] {width:30px;height:1px;background:#fff;position:absolute;top:25px;right:15px;}
#close_sp div[data-num="no1"] {transform:rotate(45deg);}
#close_sp div[data-num="no2"] {transform:rotate(-45deg);}
#close_sp div[data-num="no3"] {display:none;}

#gnav {display:none;}
#menu_box_sp #gnav {display:block;clear:both;overflow:hidden;}
#menu_box_sp li {width:100%;float:none;position:relative;border-top:solid 1px #fff;padding:0;}
#menu_box_sp li:first-child {border:none;}
#menu_box_sp li a {border:none;padding:22px 42px;text-align:left;color:#fff;font-size:1em;}
#menu_box_sp .gnav ul li span:after,
#menu_box_sp li a:after,
#menu_box_sp li:first-child a:before {display:none;}

#h_menu {display:none;}
#menu_box_sp #h_menu {display:block;float:none;width:90%;margin:0 auto;padding-bottom:50px;}
#menu_box_sp #h_menu > div {display:block;text-align:center;height:auto;margin:35px auto 0;}
/* #menu_box_sp #h_menu #search {width:calc(100% - 115px);float:left;position:relative;} */
/* #menu_box_sp #h_menu #search input[type="text"] {width:calc(100% - 20px);height: 40px;padding:5px 40px 5px 18px;border:solid 1px #ccc;background:#fff;border-radius:100px;} */
/* #menu_box_sp #h_menu #search input[type="submit"] {width:50px;height:100%;position:absolute;top:1px;right:1px;background:url(../images/search.png) no-repeat center center;background-size:20px auto;} */
#menu_box_sp #h_menu #lang {width:90px;float:right;margin-bottom:35px;}
#menu_box_sp #h_menu #lang div,
#menu_box_sp #h_menu #lang div a {width:40px;height:40px;}
#menu_box_sp #contact {display:block;width:100%;height:50px !important;margin:0 auto 0;clear:both;padding:0;margin-bottom:35px;}
#menu_box_sp #contact a {width:1000px;height:80px;}


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

				footer

************************************/
/* #fun {padding-bottom:15px;}
#page_top {bottom:50px;}

#fgnav {display:none;}

#page_top {border:solid 2px #fff;box-shadow:none;} */

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

				parts

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

.line_title {font-size:1.4em;}
}
@media screen and (max-width:920px){
/*html,body {font-size:12px;}*/

#btn_banner .btn a {width:400px;height:115px;}
#btn_banner .btn,
#btn_banner[data-column="4"] li,
#btn_banner[data-column="4"] li:nth-child(4n+1) {width:47.5%;margin-left:5%;margin-bottom:20px;}
#btn_banner[data-column="4"] li:nth-child(2n+1) {margin-left:0;}

/* #search .mf_finder_searchBox{
    margin-top:0px;
}
#search .mf_finder_searchBox_submit {
	right: 30px;
	height: 30px;
} */

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

				footer

************************************/
/* #fnav {padding:0;}
#fnav li {display:block;border:none;padding:0;text-align:left;border-top:solid 1px #fff;}
#fnav li a {display:block;padding:20px 10%;text-align:center;}
} */
}
@media screen and (max-width:680px){
#hnav,
#logo a {height:50px;}
#logo img {width:150px;}
#sp_btn {width:50px;height:50px;}
#sp_btn a {height:50px;}
#sp_btn a > div {left:10px;}
#sp_btn a > div[data-num='no1'] {top:13px;}
#sp_btn a > div[data-num='no2'] {top:23px;}
#sp_btn a > div[data-num='no3'] {top:33px;}

.app_list > div {width:calc(100% - 10px);}
.app_list > div:nth-child(odd),
.app_list > div:nth-child(even) {float:none;}
.app_list > div:nth-child(odd) {margin-bottom:40px;}

.important ul {height:auto;overflow:inherit;padding:15px 20px;}
.important ul li .date {width:120px;}
.important ul li:nth-child(n+4) {display:none;}

.important {position:relative;margin-bottom:60px;}

.archive {display:block;width:180px;height:33px;padding-top:12px;color:#fff;background:#333 url(../svg/arrow_white_right.svg) no-repeat 180px center;background-size:6px auto;text-align:center;position:absolute;bottom:-75px;top:inherit;right:inherit;left:50%;margin-left:-90px;text-indent:-20px;}
.archive:hover {opacity:0.7;text-decoration:none;}

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

				footer

************************************/
    /* #page_top {
        width: 60px;
        height: 60px;
        background-size: 40px auto;
    } */
    #page_top a {
        /* display: block; */
        padding: 10px 0;
        font-size: 14px;
    }

    #page_top a::before {
        width: 10px;
        height: 6px;
        margin-bottom: 8px;
    }
}
@media screen and (max-width:480px){

/* #menu_box_sp #search {width:auto;} */

.btn {width:100%;height:115px;}
.btn a {width:1000px;}

.important ul li p {display:block;margin-bottom:0;}

#btn_banner .btn,
#btn_banner[data-column="4"] li,
#btn_banner[data-column="4"] li:nth-child(4n+1),
#btn_banner[data-column="4"] li:nth-child(2n+1) {width:100%;height:auto;margin-left:0;}


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

				footer

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

#fnav {
    padding-top: 22px;
}

#fnav li {
    padding: 0 8px;
    font-size: 13px;
}
#fgnav {display:none;}

#fun {padding: 30px 0 30px;}
#fun #flogo {margin-bottom:40px;}
#fun .footer_sns {margin-bottom: 20px;}
#fun .footer_sns .txt {font-size: 14px}
#fun .footer_sns_logo_item.-yt {width: 31px;}
#fun .footer_sns_logo_item.-li {width: 36px;margin-right: 17px;}
}
@media print {
	html,body {width:1100px;}
	#page_top {display:none!important;}
}