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

body {
  overflow-x: hidden;
  font-size: 16px;
  /* font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif, 'ＭＳ ゴシック'; */
  font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
  color: #555555;
  background-color: #FFFFFF;
}

.serif {
  font-family: serif;
}
.sans-serif {
  font-family: sans-serif;
}

html, body {
  height: 100%;
}

body>footer {
  position: sticky;
  top: 100vh;
}

a:focus, input:focus {
  outline: none;
  box-shadow: none;
}

a:any-link {
  color: #0070e9;
}

h1, h2, h3, h4, h5, h6 {
  color: #555555;
}

img {
  vertical-align: top;
}

.design_border {
	border-radius: 6px;
	border: 2px solid #f5e2d1;
	max-width:100%;
    margin: 20px 10px;
	padding:30px;
}
.design_border.title {
	text-align: center;
	font-size:30px;
	line-height:2.5rem;
	color:#666;
	font-weight:bold;
}



.sp_under_off {
  display: none;
}

.sp_under_on {
  display: block;
  margin-left: 12px;
  padding-left: 0;
  padding-right: 0;
}

/* #header-wrap,
#content,
#content-wrap {
  background-color: #FFCD00;

} */

#breadcrumbs {
  margin-top: 0;
}

/*Bootstrapタグ　.form-control*/
.form-control::placeholder {
  color: #c0c0c0;
}

header .container {
  width: 100%;
  max-width: 100%;
}

.bg-color-blue {
  background-color: #61c4d5;
}

.bg-color-brown {
  background-color: #83291f;
}

.bg-color-brown-medium{
  background-color: #bb8569;
}

.bg-color-brown-light {
  background-color: #f5e2d1;
}

.bg-color-gray {
  background-color: #eeeeee;
}

.bg-color-gray-light {
  background-color: #f7f8f8;
}

.bg-color-orange {
  background-color: #f56e00;
}

.bg-color-purple {
  background-color: #721f86;

}
.bg-color-purple-light {
  background-color: #eee0ef;
}

.bg-color-red {
  background-color: #B80000;
}

.bg-color-yellow {
  background-color: #FFCD00;

}

.bg-color-yellow-light {
  background-color: #fff6d0;

}

.border-color-brown {
  height: 4px;
  background-color: #83291f;
}
.border-color-brown-1px {
  height: 1px;
  background-color: #83291f;
}

.border-color-brown-medium {
  height: 2px;
  background-color: #BB8569;
}
.border-color-brown-medium-1px {
  height: 1px;
  background-color: #BB8569;
}


.border-color-brown-light {
  height: 2px;
  background-color: #A38566;
}
.border-color-brown-light-1px {
  height: 1px;
  background-color: #A38566;
}

.border-color-gray {
  height: 4px;
  background-color: #eeeeee;
}
.border-color-gray-1px {
  height: 1px;
  background-color: #eeeeee;
}
.border-color-gray-light {
  height: 2px;
  background-color: #f7f8f8;
}
.border-color-gray-light-1px {
  height: 1px;
  background-color: #f7f8f8;
}
.border-color-purple {
  height: 4px;
  background-color: #721f86;

}
.border-color-purple-light {
  height: 2px;
  background-color: #eee0ef;
}

.border-color-red {
  height: 4px;
  background-color: #B80000;
}

.border-color-yellow {
  height: 4px;
  background-color: #FFCD00;
}

.border-color-yellow-light {
  height: 2px;
  background-color: #fff6d0;
}


.color-blue {
  color: #00a0e9;
}
.color-brown {
  color: #83291f;
}

.color-brown-light {
  color: #bb8569;
}

.color-gray {
  color: #eeeeee;
}

.color-orange {
  color: #f56e00;
}

.color-pink {
  color: #ed1e79;
}

.color-purple {
  background-color: #721f86;

}
.color-purple-light {
  background-color: #eee0ef;
}

.color-red {
  color: #B80000;
}

.color-yellow {
  color: #FFCD00;
}

a:link,
a:visited,
a:hover,
a:focus {
  text-decoration: none;
}

a i {
  padding-right: 0.5em;
}

.sp_menu a i.fa-angle-right,
a i.fa-angle-right {
  opacity: 1;
}

li i {
  display: inline-block;
  width: 1rem;
  font-size: 1rem;
  text-align: center;
}



.container-fluid {
  padding: 0;
}

.navbar {
  background-color: #FFFFFF;
}

.navbar-brand img {
  width: 570px;
  margin: 0 auto;
}

#gNav {
  background-color: #83291f;
  margin-top: 3px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
#gNav .nav-item {
  margin-bottom: 0;
  padding: 4px 14px;
}

#gNav>ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  color: #FFF;
}

#gNav .navbar-nav .nav-link.active, #gNav .navbar-nav .nav-link.show {
  color: #FFF;
}


#gNav>ul>li {
  border-left: 1px solid #bb8569;
}

#gNav>ul>li:last-child {
  border-right: 1px solid #bb8569;
}

#gNav>ul>.menu-item-has-children>a::after {
  right: 10px;
}

a:hover, .rover:hover {
  opacity: 0.8;
}

h1 {
  font-size: 28px;
  font-weight: bold;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

img {
  max-width: 100%;
}

p {
  font-size: 14px;
}


h1.line {
  border-left: 6px solid #bb8569;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin:60px 0 15px;
  padding: 0 0 0 10px;
}
h1.line.home {
margin:0 0 15px;
}



/*リスト*/
ol {
  margin: 0;
  padding: 0
}
ol li {
    list-style: none;
    text-indent: -0.8rem;
    padding-left: 1rem;
  }


ol.fas_list li {
    list-style: none;
    text-indent: -1.3rem;
}
ol.policy1 li, ol.terms li {
  position: relative;
  list-style: none;
  padding-left: 0.8em;
  text-indent: 0;
}

ol.policy1 i, ol.terms i {
  width: 3px;
  margin-left: 5px;
  margin-right: 3px;
}

ol.policy1 li::before, ol.terms li::before {
  position: absolute;
  left: 0;
  top: 10px;
  font-family: "FontAwesome";
  content: '\f111';
  opacity: 0.25;
  font-size: 5px;
  vertical-align: 4px;
  margin-right: 3px;
}

ol.policy2 li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}

ol.policy3 li {
  list-style: none;
  padding-left: 3em;
  text-indent: -3em;
}

 /*サイドメニュー*/
 ol.side_menu {
  list-style: none;
}
li.side_menu {
  position: relative;
  padding-left: 10px;
  padding-bottom: 10px;
}
li.side_menu {
  text-indent: -0.8em;
  padding-left: 1.4em;
  line-height: 1.2em;
}
li.side_menu::before {
  font-family: "FontAwesome";
  content: '\f105';
  font-weight: 900;
  position: absolute;
  color:#83291f;
  left:20px;
  top:0;
}

/*ヘッダー*/

#header-wrap {
  overflow-x: hidden;
}

header.container {
  margin: 0 auto;
  font-size: 12px;
  padding-right: 0;
  padding-left: 0;
}

.navbar-brand,
.navbar-expand-md {
  padding: 0;
}

a.navbar-brand {
  margin-right: 0;
}

header .img-fluid {
  width: 90%;
  max-width: 280px;
  height: auto;
}


header .sp_menu {
  font-size: 15px;
}

.btn_toiawase {
  border: 1px solid #83291f;
  /* background-color: #83291f; */
  color:#83291f;
}


.btn_toiawase a:link,
.btn_toiawase a:visited,
.btn_toiawase a:focus,
.btn_toiawase a:hover {
  color: #83291f;
}


.order.btn:first-child:active, .order.btn:hover {
  background-color: #B80000;
}

.sp_menu a:link,
.sp_menu a:visited,
.sp_menu a:focus,
.sp_menu a:hover {
  color: #555555;
}


.sp_menu01 a,
.sp_menu01 .list-group-item-action:hover,
.sp_menu01 .list-group-item-action:active,
.sp_menu01 .list-group-item-action:focus {
  background-color: #B80000;
}

.sp_menu02 a,
.sp_menu02 .list-group-item-action:hover,
.sp_menu02 .list-group-item-action:active,
.sp_menu02 .list-group-item-action:focus {
  background-color: #f56e00;
}

/*コンテンツ*/
#content {
  padding-top: 0px;
  /* padding-bottom: 20px; */
}

#content-wrap {
  overflow-x: hidden;
}


/*インフォメーション*/
.infoarea div {
  background: url(/img/infoarea_bgy.png);
  text-align: center;
  padding: 20px;
  font-size: 1em;
  line-height: 1.5em;
}

/*Bootstrapタグ　.form-check-label*/
.form-check-label {
  margin-top: 2px;
}

input[type=submit] {
  font-family: "FontAwesome";
}


.intro.sp_under_on {
  display: none;
}

/*Bootstrapタグ*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #333333;
}

/*Bootstrapタグ　.bordert*/
.sample .rounded {
  border: 3px solid #83291f;
}

/*Bootstrapタグ　.form-select*/
select.form-select {
  color: #212521BF;
  border: 1px solid #BB8569;
  /* 枠線 */
  /* background-color: #f5e2d1; */
  /* 背景色 */

}

select:invalid {
  background-color: #FFFFFF;
}

select option {
  background-color: #FFFFFF;
}

select option:first-child {
  background-color: #FFFFFF;
}


.sp_intro.sp_under_on {
  margin-right: 13px;
}

.sp_intro.sp_under_on i {
  display: none;
}

.sp_intro a:link,
.sp_intro a:visited,
.sp_intro a:focus,
.sp_intro a:hover {
  color: #FFFFFF;
}

.sp_sample {
  display: none;
}

.sm_under {
  display: none;
}

span.hissu {
  margin: 0 0.3em 0.3em;
  padding: 0.2em 0.5em;
  border-radius: 10px;
  font-size: small;
  color: white;
  /* vertical-align: text-top; */
  background-color: #B80000;
}

span.hissu-md {
  margin: 0 0.3em 0.3em;
  padding: 0.2em 0.5em;
  border-radius: 10px;
  font-size: 9.6px;
  color: white;
  vertical-align: middle;
  background-color: #B80000;
}

.title {
  /* color: #83291f; */
  color: #555555;
}


/*タイトルアイコン*/

.title.company:before {
  font-family: "FontAwesome";
  content: '\f1ad';
  opacity: 0.5;
  margin-right: 10px;
}

.title[class*="data_"]::before {
  font-family: "FontAwesome";
  content: '\e494';
  opacity: 0.5;
  margin-right: 10px;
}

/* .title[class*="design"]::before {
  font-family: "FontAwesome";
  content: '\f247';
  opacity: 0.5;
  margin-right: 10px;
} */

.title.environment:before {
  font-family: "FontAwesome";
  content: '\f4d8';
  opacity: 0.25;
  margin-right: 5px;
}

.title.example:before {
  font-family: "FontAwesome";
  content: '\f005';
  opacity: 0.25;
  margin-right: 5px;
}

/* .title.faq:before {
  font-family: "FontAwesome";
  content: '\f059';
  opacity: 0.25;
  margin-right: 5px;
} */

.title.guide:before {
  font-family: "FontAwesome";
  content: '\f05a';
  opacity: 0.25;
  margin-right: 5px;
}



.title.inquiry:before {
  font-family: "FontAwesome";
  content: '\f658';
  opacity: 0.25;
  margin-right: 5px;
}

.title.lineup:before {
  font-family: "FontAwesome";
  content: '\f521';
  opacity: 0.5;
  margin-right: 5px;
}

/* .title[class*="order"]::before {
  font-family: "FontAwesome";
  content: '\f07a';
  opacity: 0.5;
  margin-right: 10px;
} */

.title.point:before {
  font-family: "FontAwesome";
  content: '\f559';
  opacity: 0.5;
  margin-right: 10px;
}

.title.price:before {
  font-family: "FontAwesome";
  content: '\f1ec';
  opacity: 0.5;
  margin-right: 10px;
}

.title.privacy:before {
  font-family: "FontAwesome";
  content: '\f502';
  opacity: 0.5;
  margin-right: 10px;
}

.title.sample:before {
  font-family: "FontAwesome";
  content: '\f674';
  opacity: 0.5;
  margin-right: 10px;
}

.title.terms:before {
  font-family: "FontAwesome";
  content: '\f2b5';
  opacity: 0.5;
  margin-right: 10px;
}

.title.repeat:before {
  font-family: "FontAwesome";
  content: '\f01e';
  opacity: 0.5;
  margin-right: 10px;
}

.title.repeat::after {
  content: "通常価格より10%OFF";
  background-color: #B80000;
  color: #FFFFFF;
  font-size: 0.6em;
  padding: 7px 10px 5px;
  margin-left: 0.5em;
  border-radius: 10px;
  vertical-align: middle;
}

.title.stamp:before {
  font-family: "FontAwesome";
  content: '\f5bf';
  opacity: 0.5;
  margin-right: 10px;
}

.title.thx:before,
.title.thx_inquiry:before,
.title.thx_order:before,
.title.thx_order_data:before,
.title.thx_repeat:before,
.title.thx_sample:before {
  font-family: "FontAwesome";
  content: '\e4e8';
  opacity: 0.5;
  margin-right: 10px;
}


/*特徴　タイトルアイコン*/
h2.point:before {
  font-family: "FontAwesome";
  content: '\f559';
  opacity: 0.5;
  margin-right: 10px;
  font-size: 1.3em;
}

/*FAQ Bootstrap*/

.accordion-button::after {
  font-family: "FontAwesome";
  content: '\2b';
  opacity: 0.5;
  font-size: 1.2rem;
  background-image: none;
  padding-left:5px;
}

.accordion-item {
  color: #555555;
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: #f7f8f8;
}

.accordion-button:not(.collapsed) {
  color: #83291f;
  background-color: #f5e2d1;
}

.accordion-button:not(.collapsed)::after {

  background-image: none;
  content: '\f00d';
  transform: none;
}

.accordion-button:hover {
  background-color: #eeeeee;
}

/*サイドバー*/
#sidebar {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;
}

#sidebar ul li {
  margin-bottom: 0;
}

#sidebar a:link,
#sidebar a:visited,
#sidebar a:hover,
#sidebar a:focus {
  text-decoration: none;
  color: #555555;
}

#sidebar a i {
  font-size: 1.2rem;
}


  /*banner01*/
#sidebar .side_banner01 a {
  background-image:url(/img/ch_side_btn01.png);
  background-size:100%;
  border-radius:6px;
  border:0;
}

#sidebar .side_banner01 a:link,
#sidebar .side_banner01 a:visited,
#sidebar .side_banner01 a:hover,
#sidebar .side_banner01 a:focus {
  font-family: serif;
  color:#333333;
}

  /*banner02*/
  #sidebar .side_banner02 a {
    background-color: #666666;
    border-radius:6px;
    border:0;
  }
  
  #sidebar .side_banner02 a:link,
  #sidebar .side_banner02 a:visited,
  #sidebar .side_banner02 a:hover,
  #sidebar .side_banner02 a:focus {
    font-family: serif;
    color:#fff;
  }

  #sidebar .side_banner02 small {
    font-size: smaller;
  }

/*banner03*/
#sidebar .side_banner03 {
  background-color: #83291f;
  color: #FFF;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border:0;
  font-family: serif;
}

/*banner04*/
#sidebar .side_banner04 a {
  background-color: #f1f1f1;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border:0;
  padding-top:5px;
padding-bottom: 5px;
}

#sidebar .side_banner04 a:link,
#sidebar .side_banner04 a:visited,
#sidebar .side_banner04 a:hover,
#sidebar .side_banner04 a:focus {
font-weight: bold;
color:#777777;

}

  /*banner05*/
  #sidebar .side_banner05 a {
    background-color: #83291f;
    border-radius:6px;
    border:0;
  }
  
  #sidebar .side_banner05 a:link,
  #sidebar .side_banner05 a:visited,
  #sidebar .side_banner05 a:hover,
  #sidebar .side_banner05 a:focus {
    color:#fff;
  }

  /*banner06*/
  #sidebar .side_banner06 a {
    background-color: #f5e2d1;
    border-radius:6px;
    border:0;
    line-height: 1em;
  }
  
  #sidebar .side_banner06 a:link,
  #sidebar .side_banner06 a:visited,
  #sidebar .side_banner06 a:hover,
  #sidebar .side_banner06 a:focus {
    color:#83291f;
  }


#sidebar .side_menu03 a span {
  padding-left: 1.7em;
}

#sidebar .side_menu04 a span {
  padding-left: 1.1em;
}

.sp_menu a i,
.side_banner01 a i,
.side_banner02 a i,
.side_banner03 a i,
.side_banner04 a i,
.side_banner05 a i,
.side_banner06 a i,
.side_menu a i,
.side_menu01 a i,
.side_menu02 a i,
.side_menu03 a i {
  opacity: 0.5;

}


.side_menu01 li a {
  padding: 20px;
}

.side_menu01 a,
.side_menu01 .list-group-item-action:hover,
.side_menu01 .list-group-item-action:active,
.side_menu01 .list-group-item-action:focus {
  background-color: #B80000;
}

.side_menu02 a,
.side_menu02 .list-group-item-action:hover,
.side_menu02 .list-group-item-action:active,
.side_menu02 .list-group-item-action:focus {
  background-color: #f56e00;
}

li.side_menu03 a i.fa-solid.fa-award,
li.side_menu03 a i.fa-solid.fa-calculator {
  width: 16px;
  margin-left: 3px;
  margin-right: 5px;
}

.side_menu03 a,
.side_menu03 .list-group-item-action:hover,
.side_menu03 .list-group-item-action:active,
.side_menu03 .list-group-item-action:focus {
  background-color: #83291f;
}

.side_menu04 a,
.side_menu04 .list-group-item-action:hover,
.side_menu04 .list-group-item-action:active,
.side_menu04 .list-group-item-action:focus {
  background-color: #FFFFFF;
}


/*フッター*/
footer {
  color: #555555;
  padding: 10px 0;
  width: 100%;
  background: #f7f8f8;
}

footer iframe {
  width: 100%;
  height: 193px;
}


footer .nav-link:link,
footer .nav-link:visited,
footer .nav-link:hover,
footer .nav-link:focus {
  color: #555555;
}

footer .row {
  width: 90%;
  margin: 0 auto;
}

footer .copyright {
  font-size: 10px;
}

/*フッターリスト*/
footer ul {
  margin: 0;
  padding: 0
}

footer ul li {
  list-style: none;
  padding-left: 0.5em;
  text-indent: -0.5em;
}

footer ul i {
  width: 3px;
}

.front_mv div.mvarea {
  background-image: url(/img/ch_index_mainp.png);
  background-size: 1200px;
  background-position: top right;
  background-repeat:no-repeat;
}

div.front_tokucho {
  background-image:url(/img/ch_usuzumi_p02.png);
  background-position: top right;
  background-repeat:no-repeat;
  background-size: 100%;
}
div.front_usuzumi {
  background-image:url(/img/ch_front_usuzumi.png);
  background-position: top left;
  background-repeat:no-repeat;
  background-size: 100%;

  text-align: right;
}

.title.atena.bg_image {
  background-image:url(/img/ch_atena_bg01_sp.png);
  background-position: top right;
  background-repeat:no-repeat;
  background-size: 100%;
  padding:70px 30px;
  margin:0 auto;
  line-height: 1em;
  font-family: serif;
  font-size: xx-large;
} 

.title.chumon.bg_image {
  background-image:url(/img/ch_order_bg01_sp.png);
  background-position: top right;
  background-repeat:no-repeat;
  background-size: 100%;
  padding:70px 30px;
  margin:0 auto;
  line-height: 1em;
  font-family: serif;
  font-size: xx-large;
} 

.title.faq.bg_image {
  background-image:url(/img/ch_faq_bg01_sp.png);
  background-position: top right;
  background-repeat:no-repeat;
  background-size: 100%;
  padding:50px 30px;
  margin:0 auto;
  line-height: 1em;
  font-family: serif;
  font-size: xx-large;
} 

.title.intro.bg_image {
  background-image:url(/img/ch_intro_bg01_sp.png);
  background-position: top right;
  background-repeat:no-repeat;
  background-size: 100%;
  padding:50px 30px;
  margin:0 auto;
  line-height: 1em;
  font-family: serif;
  font-size: xx-large;
} 

.title.usuzumi.bg_image {
  background-image:url(/img/ch_usuzumi_bg01_sp.png);
  background-position: top right;
  background-repeat:no-repeat;
  background-size: 100%;
  padding:70px 30px;
  margin:0 auto;
  line-height: 1em;
  font-family: serif;
  font-size: xx-large;
} 

.title.toiawase.bg_image {
  background-image:url(/img/ch_contact_bg01_sp.png);
  background-position: top right;
  background-repeat:no-repeat;
  background-size: 100%;
  padding:70px 30px;
  margin:0 auto;
  line-height: 1em;
  font-family: serif;
  font-size: xx-large;
} 

.title span.small {
  font-size:medium;
  font-family: sans-serif;
}

/*intro*/
h2.intro {
  font-family: serif;
    font-size:40px;
    font-weight: normal;
    color:#bb8569;
    margin-bottom: 10px;

}
.intro span.number {
    display: inline-block;
    width: 50px;
  height: 50px;
  margin-right: 15px;
  margin-bottom: 5px;
  padding-right: 5px;
  background-color: #f5e2d1;
  color:#FFFFFF;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
    line-height: 50px;
    font-style: italic;
}

h3.intro {
  font-family: serif;
    font-size:28px;
    font-weight: normal;
    color:#bb8569;
    margin-top: 0;
    margin-bottom: 10px;
}



/*280px　sp_under_on*/
@media (min-width: 280px) {

  .container {
    max-width: 100%;
    margin: 0 auto;

  }

  header .container {
    width: 100%;
    max-width: 280px;
  }

  /*タイトルロゴ*/
  header .img-fluid {
    width: 90%;
    max-width: 280px;
  }

  .sp_menu {
    width: 280px;
    margin-left: 12px;
  }

  header .sp_under_off {
    display: none;
  }

  header .sp_under_on {
    display: none;
  }

  .sp_intro.sp_under_off {
    display: none;
  }


}

/*281px*/
@media (min-width: 281px) {

  header .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 12px;
  }

  header .img-fluid {
    width: 100%;
    max-width: 70%;
  }

  .sp_menu {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 359px) {
  header .sp_under_on {
    display: inline-block;
  }

  header .sp_under_off {
    display: none;
  }
}


/*360px　sp_under_off*/
@media (min-width: 360px) {
  header .container {
    width: 100%;
    max-width: 360px;
    margin-left: 0;
    padding-left: 12px;
  }

  header .img-fluid {
    width: 100%;
    max-width: 280px;
  }


  header .sp_under_on {
    display: none;
  }

  header .sp_under_off {
    display: inline-block;
  }

  .sp_intro.sp_under_on i {
    display: inline;
  }

  .sp_menu02 .col-auto {
    padding-right: 6px;
    padding-left: 6px;
  }

  .sp_menu {
    width: 360px;
  }

}


/*361px*/
@media (min-width: 361px) {

  header .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;

  }

  header .img-fluid {
    width: 100%;
    max-width: 75%;
  }

  .sp_menu {
    width: 100%;
    margin-left: 12px;
  }
}




/*SE　375px*/
@media (min-width: 375px) {

  .container {
    max-width: 100%;
    padding: 0;
  }

  header .container {
    width: 100%;
    max-width: 375px;
    padding-left: 12px;
  }

  header .img-fluid {
    width: 100%;
    max-width: 300px;
  }

  .sp_menu {
    width: 375px;
    margin-left: 0;

  }

  .sp_menu02 .col-auto {
    padding-right: 10px;
    padding-left: 10px;
  }

  .navbar button {
    position: static;
    float: none;
  }

  #sidebar {
    font-size: 13px;
  }

  #content-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  footer img {
    width: 100%;
  }

  .sp_sample_under {
    display: none;
  }

  .sm_under360 {
    display: none;
  }

  .sp_sample {
    display: block;
  }

  .sm_under {
    display: block;
  }

}


/*376px*/
@media (min-width: 376px) {

  header .container {
    width: 100%;
    max-width: 390px;
    padding-left: 0;

  }

  header .img-fluid {
    width: 100%;
    max-width: 300px;
  }

  .sp_menu {
    width: 100%;
    margin-left: 12px;
  }
}


/*390px*/
@media (min-width: 390px) {

  header .container {
    width: 100%;
    max-width: 390px;
    padding-left: 0;

  }

  header .img-fluid {
    width: 100%;
    max-width: 320px;
  }

  .sp_menu {
    width: 100%;
    margin-left: 12px;
  }
}

/*391px*/
@media (min-width: 391px) {
  header .container {
    max-width: 100%;
  }
}


/*412px*/
@media (min-width: 412px) {

  header .container {
    width: 100%;
    max-width: 412px;
  }

  header .img-fluid {
    width: 100%;
    max-width: 340px;
  }
}


/*413px*/
@media (min-width: 413px) {
  header .container {
    width: 100%;
    max-width: 413px;
  }


  /*タイトルロゴ*/
  header .img-fluid {
    width: 100%;
    max-width: 340px;
  }

  .sp_menu {
    width: 413px;

  }

}

/*414px*/
@media (min-width: 414px) {
  header .container {
    width: 100%;
    max-width: 414px;
  }


  /*タイトルロゴ*/
  header .img-fluid {
    width: 100%;
    max-width: 340px;
  }

  .sp_menu {
    width: 100%;

  }

}

/*415px*/
@media (min-width: 415px) {
  header .container {
    width: 100%;
    max-width: 100%;
  }

}


/*430px iPhone14 ProMax*/
@media (min-width: 430px) {


  header .container {
    width: 100%;
    max-width: 430px;
  }

  /*タイトルロゴ*/
  header .img-fluid {
    width: 100%;
    max-width: 75%;
  }

  .sp_menu {
    width: 100%;
  }

  .sp_menu li a {
    font-size: 16px;
  }

  .intro.sp_under_on {
    display: block;
  }

  .intro.sp_under_max {
    display: none;
  }
}

/*431px*/
@media (min-width: 431px) {

  header .container {
    max-width: 100%;
  }
}

/*500px*/
@media (min-width: 500px) {
  .container {
    max-width: 767px;
  }

  header .container {
    max-width: 100%;
  }

  /*タイトルロゴ*/
  header .img-fluid {
    width: 100%;
    max-width: 80%;
  }

  .sp_menu {
    width: 100%;
  }

  .sp_intro.sp_under_off {
    display: block;
  }

  .sp_intro.sp_under_on {
    display: none;
  }
}

/*576px*/
@media (min-width: 576px) {

  header .container {
    width: 100%;
    max-width: 576px;
  }

  .intro.sp_under_off {
    display: block;
  }

  .intro.sp_under_on {
    display: none;
  }

  .sp_menu {
    width: 100%;
  }

  .sp_menu ul {
    margin-left: 0;
    margin-right: 0;
  }

  .sp_sample {
    display: none;
  }

  .sm_undre {
    display: none;
  }
}

/*577px*/
@media (min-width: 577px) {

  header .container {
    max-width: 100%;
  }

  .sp_menu {
    padding-right: 20px;
  }

}


/*sm mini ヨコメニュー*/
@media (min-width: 768px) {
  .container {
    max-width: 1200px;
  }

  #header-wrap {
    padding-right: 0;
    padding-left: 0;

  }

  /*タイトルロゴ*/
  header .img-fluid {
    width: 100%;
    max-width: 100%;
  }

  .container-fluid {
    padding: 0;

  }

  /* .navbar {
    background-color: #FFCD00;
  } */

  .navbar-brand {
    width: 300px;
  }

  .sp_menu ul {
    margin-left: 0;
    margin-right: 0;
  }

  #sidebar {
    font-size: 14px
  }


  #sidebar .side_menu a,
  #sidebar .side_menu01 a,
  #sidebar .side_menu02 a,
  #sidebar .side_menu03 a {
    padding: 18px 18px 18px 12px;
  }

  #sidebar .side_banner01 a {
    font-size:28px;
    padding: 10px 18px 10px 12px;
}
#sidebar .side_banner01 .small {
  font-size:14px;
}

  #sidebar .side_banner02 a
   {
    padding:18px 24px 18px 12px;

  }

  #sidebar .side_banner03
  {
    padding:10px 12px 3px;
  }

  #sidebar .side_banner04 a {
    padding:30px 24px 30px 14px;
    font-size: 24px;
  }

  #sidebar .side_banner05 a
  {
    padding:20px 24px 20px 14px;
    font-size:23px;
  }

  #sidebar .side_banner06 a {
    padding:18px 24px 18px 14px;
    font-size:18px;
  }

  #sidebar .side_menu02 a span {
    margin-right: 1rem;
  }

  #sidebar .side_menu04 a {
    padding-left: 12px;
  }


  footer .row {
    width: 720px;
  }

  footer img {
    width: 350px;
  }
}

/*823px*/
@media (min-width: 823px) {



  .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  #sidebar .side_banner01 a {
    font-size:30px;
    padding: 16px 24px 14px 12px;
}
#sidebar .side_banner01 .small {
  font-size:15px;
}


  #sidebar .side_menu03 a br,
  #sidebar .side_menu03 a span {
    display: none;
  }


}

/*946px*/
@media(min-width:991px) {

  #sidebar .side_menu02 a br,
  #sidebar .side_menu02 a span {
    display: none;
  }
}


/*md*/
@media(min-width:992px) {


  .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  .navbar-brand {
    width: 410px;
  }

  #navbar {
    font-size: 14px;
  }


  footer .container {
    font-size: 13px;
  }

  footer a br {
    display: block;
  }

  footer a span {
    margin-right: 1rem;
  }

  footer .row {
    width: 1100px;
    max-width: 100%;
  }

  footer .logo,
  footer .tel {
    width: 300px;
    padding-right: 10px;
  }
}


/*1020px*/
@media(min-width:1020px) {


  #sidebar .side_banner03 {
    font-size:16px;
  }

  footer a br {
    display: none;
  }

  footer a span {
    display: none;
  }
}

/*Pro*/
@media(min-width:1024px) {

  #sidebar .side_menu a,
  #sidebar .side_menu01 a,
  #sidebar .side_menu02 a,
  #sidebar .side_menu03 a {
    padding: 20px;
  }
  
  #sidebar .side_banner02 a,

  #sidebar .side_banner04 a
  {
    padding-left:12px;
  }


  #sidebar .side_menu04 a span {
    display: none;
  }

  #sidebar .side_menu04 a br {
    display: none;
  }

}


/*1110px*/
@media(min-width:1110px) {

  #sidebar .side_menu a {
    padding: 20px;
    font-size: 16px;
  }
  #sidebar .side_menu01 a,
  #sidebar .side_menu02 a,
  #sidebar .side_menu03 a {
    padding: 20px 24px;
    font-size: 16px;
  }
  #sidebar .side_banner01 a {
    font-size:32px;
    padding: 30px 24px 26px 12px;
}
  #sidebar .side_banner02 a {
    font-size: 16px;
  }
  #sidebar .side_banner03 {
    font-size:20px;
    padding: 8px 12px 5px ; 
  }

  #sidebar .side_banner04 a
 {
    padding: 40px 24px 40px 24px ; 
  }

  #sidebar .side_banner05 a
 {
    padding:30px 24px;
  }

  
}




/*lg*/
@media(min-width:1200px) {

  .container {
    max-width: 1200px;

  }

  #sidebar {
    padding-right: 30px;
    /* padding-left: 30px; */
    font-size: 14px;
  }

  footer .container {
    font-size: 14px;
  }

  footer .row {
    display: flex;
    justify-content: center;
    width: 1170px;
  }

  footer img {
    width: 360px;
  }

  footer .logo,
  footer .tel {
    width: 360px;
    padding-right: 40px;
  }
}