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

/*PC*/
@media print, screen and (min-width: 769px) {

/*link
------------------------------------------*/

#link {}
#link main {}
#link main .w1000 { padding: 150px 0 90px;}
#link main p { font-size: 18px; margin: auto auto 110px; text-align: center;}
#link main dl { text-align: center;}
#link main dl dt { font-size: 24px; font-weight: bold;}
#link main dl dd { font-size: 18px; margin: 15px auto 0; padding: 0 0 90px;}
#link main dl dd:last-child { padding: 0;}
#link main dl dd a { color: #000; text-decoration: none;}


/*privacy_policy
------------------------------------------*/

#privacy_policy {}
#privacy_policy main {}
#privacy_policy main .w1000 { padding: 150px 0 90px;}
#privacy_policy main .msg { font-size: 18px; line-height: 38px; margin: auto auto 110px; text-align: center;}
#privacy_policy main .txt { counter-reset: number;}
#privacy_policy main .txt h3 { font-size: 24px; margin: 50px 0 15px;}
#privacy_policy main .txt h3::before { counter-increment: number; content: counter(number)"."; padding-right: 5px;}
#privacy_policy main .txt p { font-size: 18px; line-height: 34px; margin: 0;}
#privacy_policy main .txt ol { counter-reset: number2; list-style: none; font-size: 18px; line-height: 34px; margin: 0; padding: 0;}
#privacy_policy main .txt ol li {}
#privacy_policy main .txt ol li::before { counter-increment: number2; content: counter(number2)")"; padding-right: 5px;}
#privacy_policy main .day { font-size: 18px; line-height: 34px; margin: 40px 0; padding: 0;}
#privacy_policy main .contact { font-size: 18px; line-height: 34px; margin: 0; padding: 0;}


/*contact
------------------------------------------*/
#contact {}
#contact main {}
#contact main .w1000 { padding: 150px 0 90px;}
#contact main .msg { font-size: 18px; margin: auto auto 110px; text-align: center;}
#contact main .contactBg { width: 870px; margin: auto; padding: 80px 125px; box-sizing: border-box; background: #FFF;}
#contact main .contactBg table { width: 100%; margin: 0 0 60px;}
#contact main .contactBg table th { width: auto; font-size: 16px; padding: 10px ; text-align: left; vertical-align: top; white-space: nowrap;}
#contact main .contactBg table th span { color: #C00; font-weight: bold; font-size: 0.8em; vertical-align: top; position: relative; top: -0.1em;}
#contact main .contactBg table td { padding: 10px; width: auto; height: 44px; font-size: 16px;}
#contact main .contactBg table td input[type="text"],
#contact main .contactBg table td textarea { margin: 0; padding: 10px; width: 100%; box-sizing: border-box;}
#contact main .contactBg table td label { margin: 0 30px 0 0;}
#contact main .contactBg table td input[type="radio"] { margin: 0 10px 0 0;}
#contact main .contactBg p { text-align: center; margin: 0; font-size: 18px; margin: 0 0 40px;}
#contact main .contactBg p input[type="checkbox"] { margin: 0 10px 0 0;}
#contact main .contactBg p span { display: inline-block; position: relative;}
#contact main .contactBg p span::after { font-family: FontAwesome; content: "\f061"; color: #FFF; position: absolute; padding: 20px 0; top: 0; right: 40px; z-index: 10;}
#contact main .contactBg p span input[type="submit"] { text-align: center; margin: 0; font-size: 16px; width: 380px; padding: 20px 0; background: #231815; color: #FFF; letter-spacing: 0.1em; border: none;}
#contact main .contactBg p span:hover::after {right: 30px;}
#contact main .contactBg p span:hover input[type="submit"] { background: #900;}

#contact main .contactBg input[type="radio"],
#contact main .contactBg input[type="checkbox"] { width: 14px; height: 14px; vertical-align: middle; -moz-transform-origin: right bottom; -moz-transform: scale( 1.2 , 1.2 ); -webkit-transform-origin: right bottom; -webkit-transform: scale( 1.2 , 1.2 );}





/*sitemap
------------------------------------------*/

#sitemap {}
#sitemap main {}
#sitemap main .w1000 { padding: 150px 0 90px;}
#sitemap main .w1000 .box { float: left; width: 30%; margin: 0 5% 5% 0; padding: 10px; box-sizing: border-box; background: #FFF;}
#sitemap main .w1000 .box:nth-child(3n) { margin-right: 0;}

#sitemap main .w1000 .box h3 { text-align: center; font-family: 'Noto Serif JP', serif; font-size: 20px; border-bottom: solid 1px #000; margin-bottom: 10px; padding: 0 0 10px;}
#sitemap main .w1000 .box ul { margin: 0 20px 0 30px; padding: 0; list-style: none;}
#sitemap main .w1000 .box ul li { position: relative; margin: 5px 0;}
#sitemap main .w1000 .box ul li::before { content: "▼"; font-size: 8px; position: absolute; transform: rotate(-90deg); display: inline-block; left: -1.5em;}
#sitemap main .w1000 .box ul li a {}

#sitemap main .w1000 .box a { color: #000; text-decoration: none; }

/*#sitemap main .w1000 .box:last-child { float: none; width: 100%; margin: 0 5% 5% 0; padding: 10px; box-sizing: border-box; background: #FFF;}
#sitemap main .w1000 .box:last-child h3 { text-align: center; font-family: 'Noto Serif JP', serif; font-size: 20px; border-bottom: none; margin-bottom: 10px; padding: 0 0 10px;}*/





/*topics
------------------------------------------*/

#topics main { margin: 0 0 135px; width: 100%;}
#topics main dl { margin: auto; width: 800px; vertical-align: middle; padding: 0 50px; font-family: 'Noto Serif JP', serif; font-size: 20px;}
#topics main dl dt { width: auto; float: left; padding: 5px 0;}
#topics main dl dd { margin: 0 0 0 150px; padding: 5px 0;}
#topics main dl dd a { text-decoration: none; color: #005bac;}



/*privacy_policy
------------------------------------------*/



/*safety_health
------------------------------------------*/
#safety_health {}
#safety_health main .w1000 { padding: 150px 0 90px;}
#safety_health .box01 {}
#safety_health .box01 .ttl { padding: 0 0 100px;}
#safety_health .box01 .txt { text-align: center; margin: 0 0 30px; font-family: 'Noto Serif JP', serif; font-size: 20px; line-height: 40px;}
#safety_health .box01 .txt br { display: inline-block;}
#safety_health .box01 > ul { list-style: none; display: flex; justify-content: space-between; margin: 0; padding: 0;}
#safety_health .box01 > ul > li { width: 170px; height: 185px; background: #005bac; color: #FFF; font-family: 'Noto Serif JP', serif; font-size: 18px; line-height: 170%; display: flex; justify-content: center; align-items: center;}
#safety_health .box01 > ul > li:hover { background: #FFF; color: #005bac; border: solid 2px #005bac; box-sizing:  border-box; transition: all 0.3s ease;}
#safety_health .box01 > ul > li:hover * { color: #005bac; transition: all 0.3s ease;}
#safety_health .box01 > ul > li a { text-align: center; color: #FFF; text-decoration: none;}
#safety_health .box01 > ul > li .inner { text-align: center;}
#safety_health .box01 > ul > li .inner p { margin: 0 0 5px;}
#safety_health .box01 > ul > li .inner ul { list-style: none; display: inline-block; text-align: left; margin: 0; padding: 0; font-size: 16px;}
#safety_health .box01 > ul > li .inner ul li {}
#safety_health .box01 > ul > li .inner ul li a {}
#safety_health .box01 > ul > li .inner ul li a::before { content: '\f054'; font-family: FontAwesome; color: #fff; margin-right: 5px;}
#safety_health .box01 > ul > li .inner ul li a:hover::before { color: #005bac; margin-right: 10px; transition: all 0.3s ease;}

#safety_health .box02 { text-align: center;}
#safety_health .box02 h3 { text-align: center; font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 25px; letter-spacing: 0.1em; margin: 0; padding: 50px 0 20px; position: relative;}
#safety_health .box02 h3::after { content: ""; width: 120px; height: 1px; background: #000; position: absolute; left: 0; right: 0; bottom: 10px; margin: auto;}
#safety_health .box02 dl { display: inline-block; text-align: left; font-family: 'Noto Serif JP', serif; font-size: 18px;}
#safety_health .box02 dl dt { float: left; padding: 5px 0;}
#safety_health .box02 dl dd { margin-left: 150px; padding: 5px 0;}
#safety_health .box02 dl dd a { text-decoration: none;}
#safety_health .box02 p { font-family: 'Noto Serif JP', serif; font-size: 16px; line-height: 170%;}
#safety_health .box02 p br { display: inline-block;}
#safety_health .box02 .btn { text-align: center; margin: 80px auto auto;}
#safety_health .box02 .btn a { display: inline-block; width: 530px; height: 70px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 70px; font-size: 25px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#safety_health .box02 .btn a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#safety_health .box02 .btn a:hover { background: #00437c; color: #FFF;}






}



/*sp*/
@media only screen and (max-width: 768px) {


/*link
------------------------------------------*/

#link {}
#link main {}
#link main .w1000 { padding: 30px 0}
#link main p { font-size: 16px; margin: auto auto 40px; text-align: left;}
#link main dl { text-align: center;}
#link main dl dt { font-size: 20px; font-weight: bold;}
#link main dl dd { font-size: 14px; margin: 15px auto 0; padding: 0 0 30px;}
#link main dl dd:last-child { padding: 0;}
#link main dl dd a { color: #000; text-decoration: none;}


/*privacy_policy
------------------------------------------*/

#privacy_policy {}
#privacy_policy main {}
#privacy_policy main .w1000 { padding: 30px 0;}
#privacy_policy main .msg { font-size: 16px; margin: auto auto 40px; text-align: left;}
#privacy_policy main .txt { counter-reset: number;}
#privacy_policy main .txt h3 { font-size: 18px; margin: 30px 0 10px;}
#privacy_policy main .txt h3::before { counter-increment: number; content: counter(number)"."; padding-right: 5px;}
#privacy_policy main .txt p { font-size: 14px; line-height: 34px; margin: 0;}
#privacy_policy main .txt ol { counter-reset: number2; list-style: none; font-size: 14px; line-height: 34px; margin: 0; padding: 0;}
#privacy_policy main .txt ol li {}
#privacy_policy main .txt ol li::before { counter-increment: number2; content: counter(number2)")"; padding-right: 5px;}
#privacy_policy main .day { font-size: 14px; line-height: 34px; margin: 30px 0; padding: 0; text-align:right;}
#privacy_policy main .contact { font-size: 14px; line-height: 30px; margin: 0; padding: 0;}


/*contact
------------------------------------------*/
#contact {}
#contact main {}
#contact main .w1000 { padding: 30px 0;}
#contact main .msg { font-size: 16px; margin: auto auto 40px; text-align: left;}
#contact main .contactBg { width: 94%; margin: auto; padding: 3%; box-sizing: border-box; background: #FFF;}
#contact main .contactBg table { width: 100%; margin: 0 0 60px;}
#contact main .contactBg table th { width: auto; font-size: 14px; padding: 10px 0 10px; text-align: left; vertical-align: top; display:block;}
#contact main .contactBg table th span { color: #C00; font-weight: bold; font-size: 0.8em; vertical-align: top; position: relative; top: -0.1em;}
#contact main .contactBg table td { padding: 10px 0; width: auto; height: 44px; font-size: 14px; display:block;}
#contact main .contactBg table td input[type="text"],
#contact main .contactBg table td textarea { margin: 0; padding: 10px; width: 100%; box-sizing: border-box;}
#contact main .contactBg table td label { margin: 0 30px 0 0;}
#contact main .contactBg table td input[type="radio"] { margin: 0 10px 0 0;}
#contact main .contactBg p { text-align: center; margin: 0; font-size: 16px; margin: 0 0 40px;}
#contact main .contactBg p input[type="checkbox"] { margin: 0 10px 0 0;}
#contact main .contactBg p span { display: inline-block; position: relative;}
#contact main .contactBg p span::after { font-family: FontAwesome; content: "\f061"; color: #FFF; position: absolute; padding: 20px 0; top: 0; right: 40px; z-index: 10;}
#contact main .contactBg p span input[type="submit"] { text-align: center; margin: 0; font-size: 16px; width: 300px; padding: 20px 0; background: #231815; color: #FFF; letter-spacing: 0.1em; border: none;}
#contact main .contactBg p span:hover::after {right: 30px;}
#contact main .contactBg p span:hover input[type="submit"] { background: #900;}

#contact main .contactBg input[type="radio"],
#contact main .contactBg input[type="checkbox"] { width: 14px; height: 14px; vertical-align: middle; -moz-transform-origin: right bottom; -moz-transform: scale( 1.2 , 1.2 ); -webkit-transform-origin: right bottom; -webkit-transform: scale( 1.2 , 1.2 );}





/*sitemap
------------------------------------------*/

#sitemap {}
#sitemap main {}
#contact main .w1000 { padding: 30px 0;}
#sitemap main .w1000 .box { float: none; width: 90%; margin: 0 5% 5%; padding: 10px; box-sizing: border-box; background: #FFF;}
#sitemap main .w1000 .box:nth-child(3n) { margin-right: 5%;}

#sitemap main .w1000 .box h3 { text-align: center; font-family: 'Noto Serif JP', serif; font-size: 20px; border-bottom: solid 1px #000; margin-bottom: 10px; padding: 0 0 10px;}
#sitemap main .w1000 .box ul { margin: 0 20px 0 30px; padding: 0; list-style: none;}
#sitemap main .w1000 .box ul li { position: relative; margin: 5px 0;}
#sitemap main .w1000 .box ul li::before { content: "▼"; font-size: 8px; position: absolute; transform: rotate(-90deg); display: inline-block; left: -1.5em;}
#sitemap main .w1000 .box ul li a {}

#sitemap main .w1000 .box a { color: #000; text-decoration: none; }

/*#sitemap main .w1000 .box:last-child { float: none; width: 100%; margin: 0 5% 5% 0; padding: 10px; box-sizing: border-box; background: #FFF;}
#sitemap main .w1000 .box:last-child h3 { text-align: center; font-family: 'Noto Serif JP', serif; font-size: 20px; border-bottom: none; margin-bottom: 10px; padding: 0 0 10px;}*/





/*topics
------------------------------------------*/

#topics main { margin: 0 0 15%; width: 100%;}
#topics main dl { display: block; vertical-align: middle; padding: 0 2%; font-family: 'Noto Serif JP', serif; font-size: 16px;}
#topics main dl dt { width: auto; float: left; padding: 5px 0;}
#topics main dl dd { margin: 0 0 0 100px; padding: 5px 0;}
#topics main dl dd a { text-decoration: none; color: #005bac;}



/*safety_health
------------------------------------------*/
#safety_health {}
#safety_health main .w1000 { padding: 20% 0 15%;}
#safety_health .box01 {}
#safety_health .box01 .ttl { padding: 0 0 35px;}
#safety_health .box01 .txt { text-align: center; margin: 0 0 30px; font-family: 'Noto Serif JP', serif; font-size: 14px; line-height: 24px;}
#safety_health .box01 .txt br { display: none;}
#safety_health .box01 > ul { list-style: none; display: inherit; justify-content: space-between; margin: 0; padding: 0;}
#safety_health .box01 > ul > li { width: 80%; height: 185px; background: #005bac; color: #FFF; font-family: 'Noto Serif JP', serif; font-size: 18px; line-height: 170%; display: flex; justify-content: center; align-items: center; margin: auto auto 5%;}
#safety_health .box01 > ul > li:hover { background: #FFF; color: #005bac; border: solid 2px #005bac; box-sizing:  border-box; transition: all 0.3s ease;}
#safety_health .box01 > ul > li:hover a { color: #005bac; transition: all 0.3s ease;}
#safety_health .box01 > ul > li a { text-align: center; color: #FFF; text-decoration: none;}
#safety_health .box01 > ul > li .inner { text-align: center;}
#safety_health .box01 > ul > li .inner p { margin: 0 0 5px;}
#safety_health .box01 > ul > li .inner ul { list-style: none; display: inline-block; text-align: left; margin: 0; padding: 0; font-size: 14px;}
#safety_health .box01 > ul > li .inner ul li {}
#safety_health .box01 > ul > li .inner ul li::before { content: '\f054'; font-family: FontAwesome; color: #fff; margin-right: 5px;}
#safety_health .box01 > ul > li .inner ul li a {}

#safety_health .box02 { text-align: center;}
#safety_health .box02 h3 { text-align: center; font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 25px; letter-spacing: 0; margin: 0; padding: 50px 0 20px; position: relative;}
#safety_health .box02 h3::after { content: ""; width: 120px; height: 1px; background: #000; position: absolute; left: 0; right: 0; bottom: 10px; margin: auto;}
#safety_health .box02 dl { display: inline-block; text-align: left; font-family: 'Noto Serif JP', serif; font-size: 16px;}
#safety_health .box02 dl dt { float: left; padding: 5px 0;}
#safety_health .box02 dl dd { margin-left: 120px; padding: 5px 0;}
#safety_health .box02 p { font-family: 'Noto Serif JP', serif; font-size: 14px; line-height: 170%;}
#safety_health .box02 p br { display: none;}
#safety_health .box02 .btn { text-align: center; margin: 30px auto auto;}
#safety_health .box02 .btn a { display: inline-block; width: 90%; height: 40px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 40px; font-size: 18px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#safety_health .box02 .btn a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#safety_health .box02 .btn a:hover { background: #00437c; color: #FFF;}
}