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


html,body{ background: #FFFFFF; margin: 0; padding: 0;}
body{ font-size: 18px; font-family: 'Noto Serif JP', serif; line-height: 1.8;}
@media ( min-width: 480px ) {
.mb{ width: 1100px; padding: 4.0em 0;}
.pc_only{}
.sp_only{ display: none;}
}
@media screen and ( max-width: 480px ) {
  header{ position: sticky; top: 0;}
  body{ font-size: 14px;}
  .mb{ width: auto; margin: 0 1.0em; padding: 2.0em 0;}
  .pc_only{ display: none;}
  .sp_only{ }
}

.hc{ display: none;}
footer{ display: none; margin: 0;}


.section_header{ margin: 0; padding: 0; background: #000000; color: #FFFFFF;}
.section_header .mb{ text-align: center;}
.section_header .asset11{ margin: 0;}
.section_header .asset11 img{ height: 60px;}
.section_header .copy{ font-size: 116%;}
.section_header h1 img{ height: 43px;}
@media screen and ( max-width: 480px ) {
  .section_header .asset11 img{  width: 70%; height: auto;}
  .section_header h1 img{ width: 100%; height: auto;}
}


.section_plicy{ margin: 0; padding: 0; background: #000000 url("../jpg/bg11.jpg") no-repeat center center / cover; position: relative;}
.section_plicy .mb{ display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFFFFF; height: 960px; padding: 0;}
.section_plicy .title img{ height: 42px;}
.section_plicy h2 img{ height: 36px; margin-top: 2.0em;}
.section_plicy .content{ width: 720px;}
.section_plicy .cycle{ margin: 0; position: relative;}
.section_plicy .cycle img{ display: block; width: 75px; position: absolute; margin: 0 auto; left: 0; right: 0; top: -38px;}



@media screen and ( max-width: 480px ){
  .section_plicy{ padding: 78% 0 0 0;}
  .section_plicy .mb{ display: none;}
  .section_plicy .cycle{ position: absolute; margin: 0 auto; top: -20px; left: 0; right: 0; width: 40px; z-index: 5;}
  .section_plicy .cycle img{ width: 40px; position: relative; top: auto;}
}

.section_smpromise{ margin: 0;background: #000000;color: #FFFFFF;}
.section_smbp .mb{ padding-bottom: 0;}

.section_content{}
.section_content .content01{ font-family:"Noto Sans JP", "sans-serif";}
.section_content .content01 h3{ font-size: 132%; padding: 0.3em 0.5em; line-height: 1.5; border: 1px #000000; border-style: solid none; position: relative;}
.section_content .content01 h3::before{ content:''; display: block; width: 100%; height: 2px; background: #000000; position: absolute; left: 0; top: -4px;}
.section_content .content01 h3::after{ content:''; display: block; width: 100%; height: 2px; background: #000000; position: absolute; left: 0; bottom: -4px;}
.section_content .content01 ul{ font-size: 116%;}
.section_content .content01 ol{ font-size: 116%;}

.section_content .ttl_policy{ margin: 2.0em 0 0 0;}
.section_content .ttl_policy img{ height: 42px; margin: 0 auto; display: block;}

.section_content .content02{ margin: 1.0em 0 0 0; border: solid 1px #000000; padding: 0.5em;}
.section_content .content02 h3{ display: flex; font-size: 132%; margin: 0; padding: 0.3em 0.5em; line-height: 1.5; align-items: center; color: #fff; background: #000; justify-content: center;}
.section_content .content02 h3 img{ display: block; height: 1.0em; margin-right: 0.2em;}
.section_content .content02 ul{ margin: 0; font-size: 116%;}
.section_content .content02 ul li{ border-top: solid 1px #000000; margin: 0; padding: 0.2em 0 0.2em 0;}
.section_content .content02 ul li:first-child{ border-top: 0;}
@media screen and ( max-width: 480px ){
  .section_content .ttl_policy img{ height: auto; width: 80%;}
}

.section_footer{ background: #EEEEEF; font-family:"Noto Sans JP", "sans-serif";}
.section_footer .mb{ padding: 1.0em 0;}
.section_footer .copy{  text-align: center;}
.section_footer h3{ text-align: center; font-weight: 600; border: 1px #000; border-style: solid none;}
.section_footer .logo img{ display: block; width: 500px; margin: 0 auto;}
.section_footer address{ display: block; margin: 1.0em; font-size: 93%; text-align: center;}
.section_footer nav{}
.section_footer .return_top{ display: block; text-decoration: none; font-size: 93%; line-height: 1.5; margin: 0 auto; border: solid 1px #000; padding: 0.3em 2.0em; text-align: center; width: 25%;}


@media screen and ( max-width: 480px ) {
  .section_footer .copy{ text-align: left;}
  .section_footer .return_top{ width: 100%;}
}