@charset "UTF-8";
/* CSS Document */
html { width: 100%;height: 100%;margin: 0; padding: 0;}
body{width:100%;height: 100%;margin:0;padding:0; -webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
body.open_navigation{ position: fixed;height: 100vh;}
.mincho{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.gothic{}
.clearfix:after{content: "";clear: both;display: block;}
:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
@media (min-width:1051px) {
header{margin: 0 auto;padding:0px ;}
header .inner{position: relative;height: 90px; margin: 0 auto;padding:0px ;background: #14252b}
header .inner #logo_area{position: absolute;top:30px;left: 2%; margin: 0 ;padding:0px ;}
header .inner #logo_area h1{position: relative;width: 580px; margin: 0;padding:8px 0 0 240px;font-size: 18px;letter-spacing: 3px;line-height:28px;color: white;font-weight: 500;background: url("../img/logo.png") no-repeat;background-position: 0% 50%;background-size: 210px auto}
header .inner #logo_area h1::before{content:'';position: absolute;top: 8px;left: 225px;width: 1px;height: 30px;background:#808080;}
header .inner #logo_area h1 img{width:100%;}
header .inner #banner_area{position: absolute;top:30px;right: 2%; margin: 0 auto;padding:0px ;}
header .inner #banner_area a{display: block;width: 200px;padding: 10px 0; color:white;font-size: 14px;text-decoration: none;letter-spacing: 2px;background: #18404c;text-align: center;border-radius: 5px}
header .inner #banner_area a .fa-angle-right{margin-left: 5px}
header .inner #banner_area a:hover{background:white;color: #14252b}
footer{padding:30px 0 80px 0;border-top: 1px solid #23335a;}
footer small{display: block; margin: 0; padding: 0;text-align: center;font-size: 12px;letter-spacing: 1px;color: #23335a;}
main #title_area{background:linear-gradient(45deg, #283e6d, #23335a);padding:35px 0}
main #title_area h2{ margin: 0 auto;padding:0px 0 0 0px;font-size: 30px;letter-spacing: 3px;color: white;font-weight: 500;text-align: center}
#index #guideline{margin:0 auto;padding: 60px 0 20px 0;background:#f7f8ed}
#index #guideline section{width:780px;margin:0 auto 40px auto;}
#index #guideline section h3{margin: 0 auto 10px auto;padding:20px 0 0 0px;font-size:18px;letter-spacing: 1px;color:#4f5d7a;font-weight: 600;border-top: 1px solid #4f5d7a}
#index #guideline section p{margin: 0 auto;padding:0px 0 0 0px;font-size:15px;letter-spacing: 1px;line-height: 22px}
#index #guideline section p a{color:#ff436b}
#index #guideline section p a:hover{color: #18404c}
#index #guideline section #supplier{width: 400px;margin:20px auto 0px auto;padding:14px 0;background: white;border-radius: 5px;}
#index #guideline section #supplier #subtitle{width:120px;margin:0 auto 5px auto;padding: 2px 0;text-align: center;color: white;font-size:16px;letter-spacing: 2px;font-weight: 500;background: #37838a;border-radius: 5px;}
#index #guideline section #supplier #company_info{width: 280px;margin:0 auto 0px auto;color: #14382e;font-weight: 500;}
#index #guideline section #supplier #company_info p:first-of-type{margin: 0 auto;padding:0px 0 0 0px;font-size:16px;letter-spacing: 1px;line-height: 26px}
#index #guideline section #supplier #company_info p:last-of-type{margin: 0 auto;padding:0px 0 0 0px;font-size:14px;letter-spacing: 1px;line-height: 20px}
#index #application{padding: 50px 0 50px 0;}
#index #application h4{margin: 0 auto 20px auto;padding:20px 0 0 0px;font-size:24px;letter-spacing: 2px;color:#283e6d;font-weight: 700;text-align: center}
#index #application .note_area{max-width: 800px;margin:0 auto 0px auto;}
#index #application .note_area p{margin:0 auto ;padding: 0;font-size:16px;letter-spacing: 1px;line-height: 24px}
#index #application .note_area p .marker { background:#FFEE6B;}
#index #application .note_area ul{width:100%;margin:0 auto 20px auto;padding: 0;font-size:13px;letter-spacing:0px;line-height: 20px}
#index #application .note_area ul li{margin:0 auto 0px 10px;padding: 0;list-style: none;text-indent: -5px}
#index #application #form_area{width:600px;margin:30px auto 0px auto;border-top: 1px solid #283e6d;border-bottom: 1px solid #283e6d}
#index #application #form_area .input{font-size: 0;margin: 0 auto 0px auto;padding:20px 0 20px 0px;}
#index #application #form_area .input .item{/*display:inline-block;width: 28%;*/margin: 0 auto 10px auto;padding:0px;font-size:16px;letter-spacing:0px;color:#283e6d;font-weight: 600;/*text-align: center*/}
#index #application #form_area .input .item span{margin-left: 10px;padding:3px 8px;background: #cc3241;text-align: center;color: white;font-size: 12px;border-radius: 3px;}
#index #application #form_area .input .answer{/*display:inline-block;width:72%;*/}
#index #application #form_area .input .answer input[type=text]{outline: 0;border: 0; width:96%; margin: 0 ;padding:16px 2%;font-size: 16px;letter-spacing:2px;background:#efefdf;}
#index #application #form_area .input .answer textarea{outline: 0;border: 0; width:96%;height: 150px; margin: 0 ;padding:16px 2%;font-size: 16px;letter-spacing:2px;background:#f0f6f4;}
#index #application #form_area .input .answer input[type=text]:focus,
#index #application #form_area .input .answer textarea:focus{background:#f0f6f4;}
#index #application #form_area #button_area{width:300px;margin: 0px auto 20px auto;}
#index #application #form_area #button_area input[type=submit],
#index #application #form_area #button_area input[type=reset]{display:block;-webkit-appearance: none;outline: 0;border: 0;width:100%;color:white; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
#index #application #form_area #button_area input[type=submit]{margin: 0 auto 10px auto;padding: 14px 0;font-size: 16px;letter-spacing:1px;background:#23335a;}
#index #application #form_area #button_area input[type=reset]{ margin: 0 auto;padding: 12px 0;font-size: 14px;letter-spacing:1px;background:#5b6e89;}
#index #application #form_area #button_area input[type=submit]:hover,
#index #application #form_area #button_area input[type=reset]:hover{background:#37838a;}
#download #search_wrapper{margin:0 auto;padding: 80px 0 50px 0;background:#f7f8ed}
#download #search_wrapper #explanation{width: 700px;margin:0 auto 30px auto;}
#download #search_wrapper #explanation p{margin: 0 auto;padding:0px 0 0 0px;font-size:14px;letter-spacing: 1px;line-height: 24px}
#download #search_wrapper .unit{width: 1000px;margin:0 auto 20px auto;border-top: 1px solid #c3bdaa}
#download #search_wrapper .unit .item{margin:0 auto 5px auto;padding:14px 0 0 0;font-size:14px;letter-spacing: 1px;color:#283e6d;font-weight: 600;}
#download #search_wrapper .unit .answer{margin:0 auto 0px auto;padding:0px 0 0 0;}
#download #search_wrapper .unit .answer input[type="checkbox"]{display: none;}
#download #search_wrapper .unit .answer label.check_label{display:inline-block;cursor:pointer;width:24%;margin:0px 2px 5px 0;padding:6px 0px;border:1px dashed #7993b0;color:#4f5d7a;font-size:13px;border-radius:5px;font-weight:500;text-align:center;transition:.2s;}
#download #search_wrapper .unit .answer input[type="checkbox"]:checked + label { background-color: #23335a; color: #fff;border: 1px solid #23335a;}
#download #search_wrapper .unit .answer input[type=text]{outline: 0;border: 0; width:96%; margin: 0 ;padding:8px 2%;font-size: 16px;letter-spacing:1px;background:white;color:#283e6d;border-radius: 3px}
#download #search_wrapper .unit .answer .select_label{position: relative;display: block; }
#download #search_wrapper .unit .answer .select_label::after{position: absolute; top:18px;right: 20px;width: 10px; height: 7px; background-color:#23335a; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ''; pointer-events: none;}
#download #search_wrapper .unit .answer .select_label select{appearance:none;-webkit-appearance: none;display: block; width:100%;height:40px;padding:0 2% ;font-size: 14px;letter-spacing: 1px;color: #23335a;background:white;cursor: pointer;outline: 0;border:1px #cbd8d9 solid; }
#download #search_wrapper #search_button{position: relative;width: 1000px;margin:0 auto 0px auto;}
#download #search_wrapper #search_button::after{position: absolute;content: '\f002' ;top:16px;left: 450px;font-family: "Font Awesome 5 Free"; color:white;font-size:14px;}
#download #search_wrapper #search_button input[type=submit]{display:block;-webkit-appearance: none;outline: 0;border: 0;width:100%;color:white;padding: 12px 0;font-size: 15px;letter-spacing:1px;font-weight:700;background:#23335a; border-radius: 3px;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
#download #search_wrapper #search_button input[type=submit]:hover{background:#37838a;}
#download #search_results{margin:0 auto;padding: 50px 0 80px 0;}
#download #search_results h3{margin: 0 auto 20px auto;padding:0px 0 0 0px;font-size:22px;letter-spacing: 2px;color:#283e6d;font-weight: 700;text-align: center}
#download #search_results #sds_list{width: 1000px;margin:0 auto 0px auto;}
#download #search_results #sds_list .unit{font-size:0;border-top: 1px solid #c3bdaa;padding: 10px 0}
#download #search_results #sds_list .unit .sds_name{display:inline-block;width: 85%;}
#download #search_results #sds_list .unit .sds_name p{margin: 0 auto;padding:0px 0 0 0px;font-size: 15px;letter-spacing:1px;font-weight:500;color: #001a2e;line-height: 20px;}
#download #search_results #sds_list .unit .download_button{display:inline-block;width: 13%;margin-left: 2%;vertical-align: top}
#download #search_results #sds_list .unit .download_button a{display: block;margin: 0; padding:5px 0px;text-align: center;font-size: 13px;letter-spacing:1px;font-weight:500;color: white;background:#23335a;border-radius: 3px;text-decoration: none}
#download #search_results #sds_list .unit .download_button a:hover{background:#ff436b;}
}
@media screen and (min-width:701px) and ( max-width:1050px) {
header{margin: 0 auto;padding:0px ;}
header .inner{position: relative;height: 90px; margin: 0 auto;padding:0px ;background: #14252b}
header .inner #logo_area{position: absolute;top:30px;left: 2%; margin: 0 ;padding:0px ;}
header .inner #logo_area h1{position:relative;width:80%;margin:0;padding:8px 0 0 190px;font-size:16px;letter-spacing:1px;line-height:28px;color:white;font-weight:500;background:url("../img/logo.png") no-repeat;background-position:0% 50%;background-size:160px auto}
header .inner #logo_area h1::before{content:'';position: absolute;top: 8px;left: 175px;width: 1px;height: 30px;background:#808080;}
header .inner #logo_area h1 img{width:100%;}
header .inner #banner_area{position: absolute;top:30px;right: 2%;margin: 0 auto;padding:0px ;}
header .inner #banner_area a{display: block;width: 180px;padding: 10px 0; color:white;font-size: 13px;text-decoration: none;letter-spacing: 0px;background: #18404c;text-align: center;border-radius: 5px}
header .inner #banner_area a .fa-angle-right{margin-left: 5px}
header .inner #banner_area a:hover{background:white;color: #14252b}
footer{padding:30px 0 80px 0;border-top: 1px solid #23335a;}
footer small{display: block; margin: 0; padding: 0;text-align: center;font-size: 12px;letter-spacing: 1px;color: #23335a;}
main #title_area{background:linear-gradient(45deg, #283e6d, #23335a);padding:30px 0}
main #title_area h2{ margin: 0 auto;padding:0px 0 0 0px;font-size: 26px;letter-spacing: 3px;color: white;font-weight: 500;text-align: center}
#index #guideline{margin:0 auto;padding: 50px 0 20px 0;background:#f7f8ed}
#index #guideline section{width: 90%;margin:0 auto 40px auto;}
#index #guideline section h3{margin: 0 auto 10px auto;padding:20px 0 0 0px;font-size:18px;letter-spacing: 1px;color:#4f5d7a;font-weight: 600;border-top: 1px solid #4f5d7a}
#index #guideline section p{margin: 0 auto;padding:0px 0 0 0px;font-size:15px;letter-spacing: 1px;line-height: 22px}
#index #guideline section p a{color:#ff436b}
#index #guideline section p a:hover{color: #18404c}
#index #guideline section #supplier{width: 400px;margin:20px auto 0px auto;padding:14px 0;background: white;border-radius: 5px;}
#index #guideline section #supplier #subtitle{width:120px;margin:0 auto 5px auto;padding: 2px 0;text-align: center;color: white;font-size:16px;letter-spacing: 2px;font-weight: 500;background: #37838a;border-radius: 5px;}
#index #guideline section #supplier #company_info{width: 280px;margin:0 auto 0px auto;color: #14382e;font-weight: 500;}
#index #guideline section #supplier #company_info p:first-of-type{margin: 0 auto;padding:0px 0 0 0px;font-size:16px;letter-spacing: 1px;line-height: 26px}
#index #guideline section #supplier #company_info p:last-of-type{margin: 0 auto;padding:0px 0 0 0px;font-size:14px;letter-spacing: 1px;line-height: 20px}
#index #application{padding: 50px 0 30px 0;}
#index #application h4{margin: 0 auto 20px auto;padding:20px 0 0 0px;font-size:24px;letter-spacing: 2px;color:#283e6d;font-weight: 700;text-align: center}
#index #application .note_area{width:90%;margin:0 auto 0px auto;}
#index #application .note_area p{margin:0 auto ;padding: 0;font-size:16px;letter-spacing: 1px;line-height: 24px}
#index #application .note_area p .marker { background:#FFEE6B;}
#index #application .note_area ul{width:100%;margin:0 auto 20px auto;padding: 0;font-size:13px;letter-spacing:0px;line-height: 20px}
#index #application .note_area ul li{margin:0 auto 5px auto;padding: 0;list-style: none;text-indent: -8px}
#index #application #form_area{width: 80%;margin:30px auto 30px auto;border-top: 1px solid #283e6d;border-bottom: 1px solid #283e6d}
#index #application #form_area .input{font-size: 0;margin: 0 auto 0px auto;padding:20px 0 15px 0px;}
#index #application #form_area .input .item{width: 100%;margin: 0 auto 5px auto;padding:0px;font-size:16px;letter-spacing: 1px;color:#283e6d;font-weight: 600;vertical-align: top}
#index #application #form_area .input .item span{display: block;width:50px;margin:0px auto 0 0;padding:3px 0px;background: #cc3241;text-align: center;color: white;font-size: 12px;border-radius: 3px;}
#index #application #form_area .input .answer{width:100%;}
#index #application #form_area .input .answer input[type=text]{outline: 0;border: 0; width:96%; margin: 0 ;padding:16px 2%;font-size: 16px;letter-spacing:2px;background:#efefdf;}
#index #application #form_area .input .answer textarea{outline: 0;border: 0; width:96%;height: 150px; margin: 0 ;padding:16px 2%;font-size: 16px;letter-spacing:2px;background:#f0f6f4;}
#index #application #form_area .input .answer input[type=text]:focus,
#index #application #form_area .input .answer textarea:focus{background:#f0f6f4;}
#index #application #form_area #button_area{width: 100%;margin: 0px auto 30px auto;}
#index #application #form_area #button_area input[type=submit],
#index #application #form_area #button_area input[type=reset]{display:block;-webkit-appearance: none;outline: 0;border: 0;width:100%;color:white; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
#index #application #form_area #button_area input[type=submit]{margin: 0 auto 10px auto;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#23335a;}
#index #application #form_area #button_area input[type=reset]{ margin: 0 auto;padding: 15px 0;font-size: 14px;letter-spacing:1px;background:#5b6e89;}
#index #application #form_area #button_area input[type=submit]:hover,
#index #application #form_area #button_area input[type=reset]:hover{background:#37838a;}
#download #search_wrapper{margin:0 auto;padding: 50px 0 50px 0;background:#f7f8ed}
#download #search_wrapper #explanation{width:85%;margin:0 auto 30px auto;}
#download #search_wrapper #explanation p{margin: 0 auto;padding:0px 0 0 0px;font-size:14px;letter-spacing: 1px;line-height: 24px}
#download #search_wrapper .unit{width: 90%;margin:0 auto 20px auto;border-top: 1px solid #c3bdaa}
#download #search_wrapper .unit .item{margin:0 auto 5px auto;padding:14px 0 0 0;font-size:14px;letter-spacing: 1px;color:#283e6d;font-weight: 600;}
#download #search_wrapper .unit .answer{margin:0 auto 0px auto;padding:0px 0 0 0;}
#download #search_wrapper .unit .answer input[type="checkbox"]{display: none;}
#download #search_wrapper .unit .answer label.check_label{display:inline-block;cursor:pointer;width:32%;margin:0px 2px 5px 0;padding:8px 0px;border:1px dashed #7993b0;color:#4f5d7a;font-size:13px;border-radius:5px;font-weight:500;text-align:center;transition:.2s;}
#download #search_wrapper .unit .answer input[type="checkbox"]:checked + label { background-color: #23335a; color: #fff;border: 1px solid #23335a;}
#download #search_wrapper .unit .answer input[type=text]{outline: 0;border: 0; width:96%; margin: 0 ;padding:8px 2%;font-size: 16px;letter-spacing:1px;background:white;color:#283e6d;border-radius: 3px}
#download #search_wrapper .unit .answer .select_label{position: relative;display: block; }
#download #search_wrapper .unit .answer .select_label::after{position: absolute; top:18px;right: 20px;width: 10px; height: 7px; background-color:#23335a; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ''; pointer-events: none;}
#download #search_wrapper .unit .answer .select_label select{appearance:none;-webkit-appearance: none;display: block; width:100%;height:40px;padding:0 2% ;font-size: 14px;letter-spacing: 1px;color: #23335a;background:white;cursor: pointer;outline: 0;border:1px #cbd8d9 solid; }
#download #search_wrapper #search_button{position: relative;width: 90%;margin:0 auto 0px auto;}
#download #search_wrapper #search_button::after{position: absolute;content: '\f002' ;top:16px;left: 40%;font-family: "Font Awesome 5 Free"; color:white;font-size:14px;}
#download #search_wrapper #search_button input[type=submit]{display:block;-webkit-appearance: none;outline: 0;border: 0;width:100%;color:white;padding: 12px 0;font-size: 15px;letter-spacing:1px;font-weight:700;background:#23335a; border-radius: 3px;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
#download #search_wrapper #search_button input[type=submit]:hover{background:#37838a;}
#download #search_results{margin:0 auto;padding: 30px 0 80px 0;}
#download #search_results h3{margin: 0 auto 20px auto;padding:20px 0 0 0px;font-size:20px;letter-spacing: 2px;color:#283e6d;font-weight: 700;text-align: center}
#download #search_results #sds_list{width: 90%;margin:0 auto 0px auto;}
#download #search_results #sds_list .unit{font-size:0;border-top: 1px solid #c3bdaa;padding: 12px 0}
#download #search_results #sds_list .unit .sds_name{display:inline-block;width: 83%;margin-right: 2%}
#download #search_results #sds_list .unit .sds_name p{margin: 0 auto;padding:0px 0 0 0px;font-size: 14px;letter-spacing:1px;font-weight:500;color: #001a2e;line-height: 20px;}
#download #search_results #sds_list .unit .download_button{display:inline-block;width: 15%;vertical-align: top}
#download #search_results #sds_list .unit .download_button a{display: block; margin: 0;padding:5px 0px;text-align: center;font-size: 12px;letter-spacing:0px;font-weight:500;color: white;background:#23335a;border-radius: 3px;text-decoration: none}
#download #search_results #sds_list .unit .download_button a:hover{background:#ff436b;}
}
@media (max-width: 700px) {
header{margin: 0 auto;padding:0px ;}
header .inner{position: relative;height: 150px; margin: 0 auto;padding:0px ;background: #14252b}
header .inner #logo_area{position: absolute;top:18px;left: 2%; width:96%;margin: 0 ;padding:0px ;}
header .inner #logo_area h1{position:relative;width:90%;margin:0 auto;padding:40px 0 0 0px;font-size:16px;letter-spacing:1px;line-height:24px;color:white;font-weight:500;background:url("../img/logo.png") no-repeat;background-position:0% 0%;background-size:160px auto}
header .inner #banner_area{position: absolute;bottom:20px;right: 10%;width: 80%;margin: 0 auto;padding:0px ;}
header .inner #banner_area a{display: block;width: 100%;margin:0 auto;padding: 10px 0; color:white;font-size: 13px;text-decoration: none;letter-spacing: 0px;background: #18404c;text-align: center;border-radius: 5px}
header .inner #banner_area a .fa-angle-right{margin-left: 5px}
header .inner #banner_area a:hover{background:white;color: #14252b}
footer{padding:10px 0 30px 0;border-top: 1px solid #23335a;}
footer small{display: block;width:90%;margin: 0 auto;padding: 0;text-align: center;font-size: 10px;letter-spacing: 0px;color: #23335a;}
main #title_area{background:linear-gradient(45deg, #283e6d, #23335a);padding:20px 0}
main #title_area h2{ margin: 0 auto;padding:0px 0 0 0px;font-size:18px;letter-spacing: 1px;color: white;font-weight: 400;text-align: center}
#index #guideline{margin:0 auto;padding: 30px 0 20px 0;background:#f7f8ed}
#index #guideline section{width: 80%;margin:0 auto 20px auto;}
#index #guideline section h3{margin: 0 auto 15px auto;padding:20px 0 0 0px;font-size:16px;letter-spacing: 1px;color:#4f5d7a;font-weight: 700;border-top: 1px solid #4f5d7a;line-height: 20px}
#index #guideline section p{margin: 0 auto;padding:0px 0 0 0px;font-size:14px;letter-spacing: 1px;line-height:20px}
#index #guideline section p a{color:#ff436b}
#index #guideline section p a:hover{color: #18404c}
#index #guideline section #supplier{width: 100%;margin:20px auto 0px auto;padding:14px 0;background: white;border-radius: 5px;}
#index #guideline section #supplier #subtitle{width:60%;margin:0 auto 10px auto;padding: 0px 0;text-align: center;color: white;font-size:15px;letter-spacing: 1px;font-weight: 500;background: #37838a;border-radius: 5px;}
#index #guideline section #supplier #company_info{width:90%;margin:0 auto 0px auto;color: #14382e;font-weight: 500;}
#index #guideline section #supplier #company_info p:first-of-type{margin: 0 auto;padding:0px 0 0 0px;font-size:14px;letter-spacing: 1px;line-height:18px}
#index #guideline section #supplier #company_info p:last-of-type{margin: 0 auto;padding:0px 0 0 0px;font-size:12px;letter-spacing: 0px;line-height:18px}
#index #application{padding: 20px 0 30px 0;}
#index #application h4{margin: 0 auto 20px auto;padding:20px 0 0 0px;font-size:18px;letter-spacing: 1px;color:#283e6d;font-weight: 600;text-align: center}
#index #application .note_area{width:80%;margin:0 auto 0px auto;}
#index #application .note_area p{margin:0 auto ;padding: 0;font-size:14px;letter-spacing:1px;line-height: 20px}
#index #application .note_area p .marker { background:#FFEE6B;}
#index #application .note_area ul{width:100%;margin:0 auto 20px auto;padding: 0;font-size:13px;letter-spacing:0px;line-height: 16px}
#index #application .note_area ul li{margin:0 auto 5px auto;padding: 0;list-style: none;text-indent: -8px}
#index #application #form_area{width: 80%;margin:20px auto 0px auto;border-top: 1px solid #283e6d;border-bottom: 1px solid #283e6d}
#index #application #form_area .input{font-size: 0;margin: 0 auto 0px auto;padding:14px 0 10px 0px;}
#index #application #form_area .input .item{margin: 0 auto 3px auto;padding:0px;font-size:14px;letter-spacing: 1px;color:#283e6d;font-weight: 600;vertical-align: top}
#index #application #form_area .input .item span{margin:0px auto 0 10px;padding:3px 6px;background: #cc3241;text-align: center;color: white;font-size: 12px;border-radius: 3px;}
#index #application #form_area .input .answer{}
#index #application #form_area .input .answer input[type=text]{outline: 0;border: 0; width:96%; margin: 0 ;padding:16px 2%;font-size: 16px;letter-spacing:2px;background:#efefdf;}
#index #application #form_area .input .answer textarea{outline: 0;border: 0; width:96%;height: 150px; margin: 0 ;padding:16px 2%;font-size: 16px;letter-spacing:2px;background:#f0f6f4;}
#index #application #form_area .input .answer input[type=text]:focus,
#index #application #form_area .input .answer textarea:focus{background:#f0f6f4;}
#index #application #form_area #button_area{margin: 0px auto 20px auto;}
#index #application #form_area #button_area input[type=submit],
#index #application #form_area #button_area input[type=reset]{display:block;-webkit-appearance: none;outline: 0;border: 0;width:100%;color:white; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
#index #application #form_area #button_area input[type=submit]{margin: 0 auto 10px auto;padding: 16px 0;font-size: 14px;letter-spacing:0px;background:#23335a;}
#index #application #form_area #button_area input[type=reset]{ margin: 0 auto;padding: 15px 0;font-size: 12px;letter-spacing:0px;background:#5b6e89;}
#index #application #form_area #button_area input[type=submit]:hover,
#index #application #form_area #button_area input[type=reset]:hover{background:#37838a;}
#download #search_wrapper{margin:0 auto;padding: 30px 0 20px 0;background:#f7f8ed}
#download #search_wrapper #explanation{width:80%;margin:0 auto 20px auto;}
#download #search_wrapper #explanation p{margin: 0 auto;padding:0px 0 0 0px;font-size:14px;letter-spacing: 1px;line-height:20px}
#download #search_wrapper .unit{width: 90%;margin:0 auto 10px auto;border-top: 1px solid #c3bdaa}
#download #search_wrapper .unit .item{margin:0 auto 5px auto;padding:14px 0 0 0;font-size:13px;letter-spacing: 0px;color:#283e6d;font-weight: 600;}
#download #search_wrapper .unit .answer{margin:0 auto 0px auto;padding:0px 0 0 0;}
#download #search_wrapper .unit .answer input[type="checkbox"]{display: none;}
#download #search_wrapper .unit .answer label.check_label{display:inline-block;cursor:pointer;width:48%;margin:0px 0px 5px 0;padding:8px 0px;border:1px dashed #7993b0;color:#4f5d7a;font-size:13px;border-radius:5px;font-weight:500;text-align:center;transition:.2s;}
#download #search_wrapper .unit .answer input[type="checkbox"]:checked + label { background-color: #23335a; color: #fff;border: 1px solid #23335a;}
#download #search_wrapper .unit .answer input[type=text]{outline: 0;border: 0; width:96%; margin: 0 ;padding:8px 2%;font-size: 16px;letter-spacing:1px;background:white;color:#283e6d;border-radius: 3px}
#download #search_wrapper .unit .answer .select_label{position: relative;display: block; }
#download #search_wrapper .unit .answer .select_label::after{position: absolute; top:18px;right: 10px;width: 10px; height: 7px; background-color:#23335a; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ''; pointer-events: none;}
#download #search_wrapper .unit .answer .select_label select{appearance:none;-webkit-appearance: none;display: block; width:100%;height:40px;padding:0 2% ;font-size: 14px;letter-spacing: 0px;color: #23335a;background:white;cursor: pointer;outline: 0;border:1px #cbd8d9 solid; }
#download #search_wrapper #search_button{position: relative;width: 90%;margin:0 auto 0px auto;}
#download #search_wrapper #search_button::after{position: absolute;content: '\f002' ;top:16px;left: 35%;font-family: "Font Awesome 5 Free"; color:white;font-size:14px;}
#download #search_wrapper #search_button input[type=submit]{display:block;-webkit-appearance: none;outline: 0;border: 0;width:100%;color:white;padding: 12px 0;font-size: 14px;letter-spacing:1px;font-weight:500;background:#23335a;border-radius: 3px; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
#download #search_wrapper #search_button input[type=submit]:hover{background:#37838a;}
#download #search_results{margin:0 auto;padding: 30px 0 30px 0;}
#download #search_results h3{margin: 0 auto 10px auto;padding: 0 0px;font-size:18px;letter-spacing: 1px;color:#283e6d;font-weight: 600;text-align: center}
#download #search_results #sds_list{width: 90%;margin:0 auto 0px auto;}
#download #search_results #sds_list .unit{font-size:0;border-top: 1px solid #c3bdaa;padding: 10px 0}
#download #search_results #sds_list .unit .sds_name{margin: 0 auto 10px auto;}
#download #search_results #sds_list .unit .sds_name p{margin: 0 auto;padding:0px 0 0 0px;font-size: 14px;letter-spacing:1px;line-height: 20px; font-weight:300;color: #001a2e;line-height: 18px}
#download #search_results #sds_list .unit .download_button{}
#download #search_results #sds_list .unit .download_button a{display: block; width: 80%;margin: 0 auto;padding:10px 0px;text-align: center;font-size: 12px;letter-spacing:0px;font-weight:500;color: white;background:#23335a;border-radius: 30px;text-decoration: none;}
#download #search_results #sds_list .unit .download_button a:hover{background:#ff436b;}
}