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

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
    /*font-family: 'Noto Sans JP', sans-serif;*/
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 500;
    font-style: normal;
	color: #804842;
	font-size: 16px;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #ffffff;
	-webkit-text-size-adjust: 100%;
}

/* ---------------------------------------- 基本リンク */




/* ---------------------------------------- レイアウトに関する指定 */
html,body { 
	height:100%; 
}

#wrapper { /*--全体枠--*/
	text-align: left;
	margin: 0 auto 0;
	width: 100%;
	background-color: #ffffff;
	position:relative;
	overflow:hidden;
}

#container {
	width: 100%;
	height: 100%;
	position:relative;
    margin-top: 95px; /*ヘッダー高さ*/
	overflow:auto;
}

#container_top {
	width: 100%;
	height: 100%;
	position:relative;
	overflow:auto;
}

#contents {
	margin: 0 0 0 0;
	padding: 0 0 40px 0;
	overflow:hidden;
	position:relative;
}

/*#contents .main_box {
	max-width: 1200px;
	margin: 50px auto 100px;
	padding: 0 15px 0;
	position: relative;
	overflow: hidden;
}*/

#contents .main_box p {
    line-height: 1.8;
}




/*#header_wrap {
	margin: 0;
	position: relative;
}*/

header {
	height: 95px;
	width: 100%;
	padding:0;
	margin:0;
	/*position: fixed;*/ /*ヘッダー固定対応*/
	/*position: relative;*/ /*ドロワーメニュー応急処置*/
	z-index: 2;
    
	background-color: rgba(255,255,255,0.8);
    position: absolute;
    top:0;

}

#header {
	height: 80px;
	width: 100%;
	/*max-width: 1980px;*/
	max-width: 1400px;
	padding: 15px 0 0 0;
	margin: 0 auto 0;
}

#header h1 {
	font-size: 14px;
	font-weight:normal;
	margin: 0 0 15px 0;
	padding:0 0 0 10px;
}

#header p {
	font-size: 14px;
	font-weight:normal;
	margin: 0 0 15px 0;
	padding:0 0 0 10px;
}

#header div.logo {
	float:left;
	padding:5px 0 0 0;
	margin:0;
	height: auto;
	width:auto;
    max-width: 360px;
}

#header div.h_inner {
	/*overflow: hidden;*/
	position: relative;
	margin: 0;

}

#header div.h_left {
	width: 100%;
    max-width: 950px;
    /*max-width: 1000px;*/
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	float: right;
	height: auto;
	text-align:center;
    display: flex;
}

#header div.h_left ul.h_icon {
/*display: flex;
margin: -5px 0 0 0;*/

display: none;
}

#header div.h_left ul.h_icon li {
margin: 0 5px 0 0;
}



/*top_main_img_sec*/

#top_main_img_sec {
	width: 100%;
	max-width: 1980px;
	position: relative;
	margin: 0 auto;
}

#top_main_img_sec .copy {
	width: auto;
	max-width: 1400px;
	margin:0 auto;
	padding: 0 0 0 0;
}

#top_main_img_sec .copy .main_box {
	width: auto;
	margin:0 0 0 0;
	padding: 20px 20px;
	position: absolute;
	bottom: 14%;
}

#top_main_img_sec .copy .main_box p {
font-size: 30px;
line-height: 1.6;
margin: 0 0 30px 0;
}

#top_main_img_sec .copy .main_box ul {

}

#top_main_img_sec .copy .main_box ul li {
  list-style: none;
  height: 60px;
  /*width: 200px;*/
  width: 300px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin: 0 0 20px 0;
  border-radius: 15px;
}

#top_main_img_sec .copy .main_box ul li a {
  /*padding: 15px 20px 15px 30px;*/
  padding: 17px 20px 15px 30px;
  display: block;
  color: #fff;
  text-decoration: none;
}

#top_main_img_sec .copy .main_box ul li:nth-child(1) {
  background: #d6786f;
  background-image: url("../image/tel_btn_icon.svg");
  background-repeat: no-repeat;
  background-position: left 26px center;
  background-size: 20px !important;
}

#top_main_img_sec .copy .main_box ul li:nth-child(2) {
  background: #00b900;
  background-image: url("../image/line_btn_icon.svg");
  background-repeat: no-repeat;
  background-position: left 26px center;
  background-size: 25px !important;
}

#top_main_img_sec .copy .main_box ul li:nth-child(1) a:after {
	content: "0120-80-9308";
}



/* top_news_sec */

#top_news_sec {

}

#top_news_sec .main_box {
    height: auto;
    width: auto;
	margin: 50px auto 100px;
    padding: 0 15px 0;
	max-width: 1980px;
	position:relative;
	overflow: hidden;
}

#top_news_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 0 0;
}

#top_news_sec .main_box .inner .news_wrap {
display: flex;
align-items: flex-start;
}

#top_news_sec .main_box .inner .news_wrap h2 {
width: 180px;
}


#top_news_sec .main_box .inner ul {
/*margin: 15px 0 0 100px;*/
margin: 15px 0 0 0;
}

#top_news_sec .main_box .inner ul li {
display: flex;
margin: 0 0 25px 0;
line-height: 1.4;
}

#top_news_sec .main_box .inner ul li time {
font-size: 0.8em;
color: #d37a74;
margin: 0 30px 0 0;
}

#top_news_sec .main_box .inner ul li a {
color: #804842;
text-decoration: none;
}



/* top_intro */

#top_intro_sec {

}

#top_intro_sec .main_box {
    height: auto;
    width: auto;
	max-width: 1980px;
	margin: 50px auto 100px;
	position:relative;
	overflow: hidden;
    background-image: 
url(../image/intro_bg.jpg);
	background-repeat: 
    repeat-x;
	background-position: 
    center top;
	background-size: 
    auto;
    border-top-left-radius: 50px;
}

#top_intro_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 40px 0;
}

#top_intro_sec .main_box .inner_2 {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 0 20px;
    background-image: 
url(../image/intro_bg_l.png),
url(../image/intro_bg_r.png);
	background-repeat: 
    no-repeat,
    no-repeat,
    repeat-x;
	background-position: 
    top left,
    bottom right;
	background-size: 
    250px,
    250px;
}

#top_intro_sec .main_box h2 {
color: #d6786f;
font-size: 30px;
font-family: 'Noto Serif JP', sans-serif;
margin: 0 0 30px 0;
text-align: center;
}

#top_intro_sec .main_box p {
  font-size: 20px;
  line-height: 2.5;
  text-align: center;
}

#top_intro_sec .main_box .name {
width: 200px;
height: auto;
margin: 0 auto;
}

#top_intro_sec .main_box .intro_wrap {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items:flex-start;
margin: 0 0 60px 0;
}

#top_intro_sec .main_box .intro_wrap .copy {
display: flex;
flex-direction: row-reverse;
align-items:flex-start;
}

#top_intro_sec .main_box .intro_wrap .copy h2 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 0 0 0 30px;
}

#top_intro_sec .main_box .intro_wrap .copy p {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1.6;
  text-align: left;
  margin: 0 0 0 20px;
}

#top_intro_sec .main_box .intro_wrap .img_wrap {
display: flex;
}

#top_intro_sec .main_box .intro_wrap .img_wrap h3 {
font-size: 20px;
line-height: 1.5;
}

#top_intro_sec .main_box .intro_wrap .img_wrap .img_l {
width: 360px;
height: auto;
padding: 20px;
text-align: center;
}

#top_intro_sec .main_box .intro_wrap .img_wrap .img_r {
width: 360px;
height: auto;
padding: 20px;
text-align: center;
}

#top_intro_sec .main_box .intro_wrap .img_wrap .img_l img,
#top_intro_sec .main_box .intro_wrap .img_wrap .img_r img{
margin: 0 0 20px 0;
}




/* top_sp_supporter_sec */

#top_sp_supporter_sec .main_box {
    height: auto;
    width: auto;
	max-width: 1980px;
	margin: 50px auto 100px;
    padding: 0 15px 0;
	position:relative;
	overflow: hidden;
}

#top_sp_supporter_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 0 0;
}

#top_sp_supporter_sec .main_box .cont_1 {
display: flex;
align-items: center;
margin: 0 0 20px 0;
padding: 0 20px;
}

#top_sp_supporter_sec .main_box .cont_1 img {
min-width: 240px;
max-width: 240px;
margin: 0 40px 0 0;
}

#top_sp_supporter_sec .main_box .cont_2 {
display: flex;
align-items: center;
flex-direction: row-reverse;
margin: 20px 0 0 0;
padding: 0 20px;
}

#top_sp_supporter_sec .main_box .cont_2 img {
min-width: 240px;
max-width: 240px;
margin: 0 0 0 40px;
}

#top_sp_supporter_sec .main_box h3 {
font-size: 20px;
color: #eeafa5;
line-height: 1.4;
margin: 0 0 10px 0;
}

#top_sp_supporter_sec .main_box h4 {
font-size: 20px;
color: #804842;
line-height: 1.4;
margin: 0 0 15px 0;
}

#top_sp_supporter_sec .main_box p,li {
    font-size: 18px;
}

#top_sp_supporter_sec .main_box hr.dot {
  border: none !important;
  height: 4px;
  background-image: radial-gradient(circle, #804842 2px, transparent 2px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 20px 4px;
}






/* top_sodan_topics */

#top_sodan_topics_sec .main_box {
    height: auto;
    width: auto;
	max-width: 1980px;
	margin: 50px auto 100px;
    padding: 0 15px 0;
	position:relative;
	overflow: hidden;
    background-image: 
url(../image/sodan_topics_bg_top.png),
url(../image/sodan_topics_bg_bottom.png),
url(../image/sodan_topics_bg_middle.png);
	background-repeat: 
    no-repeat,
    no-repeat,
    repeat-y;
	background-position: 
    top center,
    bottom center,
    center center;
	background-size: 
    contain,
    contain,
    contain;
}

#top_sodan_topics_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 80px 0;
}

#top_sodan_topics_sec .main_box p {
font-size: 18px;
  line-height: 2.5;
}

#top_sodan_topics_sec .main_box ul.qa {
font-size: 18px;
}

#top_sodan_topics_sec .main_box li.qa_q {
	background-image: url(../image/qa_q.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 40px;
	margin: 0 0 20px 0;
	padding:7px 0 10px 52px;
	color: #323232;
	line-height: 1.6;
}

#top_sodan_topics_sec .main_box li.qa_a {
	background-image: url(../image/qa_a.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 40px;
	margin: 0 0 20px 0;
	padding:7px 0 10px 52px;
	color: #323232;
	line-height: 1.6;
}




/* top_kenko_sodan */

#top_kenko_sodan_sec {

}

#top_kenko_sodan_sec .main_box {
    height: auto;
    width: auto;
	margin: 50px auto 100px;
    padding: 0 15px 0;
	max-width: 1980px;
	position:relative;
	overflow: hidden;
    
    background-image: 
url(../image/kenko_sodan_bg_1.png),
url(../image/kenko_sodan_bg_2.png);
	background-repeat: 
    no-repeat,
    no-repeat;
	background-position: 
    top left 80px,
    center right 80px;
	background-size: 
    contain,
    250px;
}


#top_kenko_sodan_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 0 0;
}


#top_kenko_sodan_sec .main_box p {
	font-size: 18px;
	line-height: 1.6;
}

#top_kenko_sodan_sec .panel_menu_wrap {
	width: auto;
	  max-width: 1000px;
	  height: auto;
	  margin: 30px auto 0;
	  /*display: flex;
	  flex-wrap: wrap;
	  justify-content: center;*/
      
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 30px;
}

#top_kenko_sodan_sec .main_box .panel_menu_wrap .menu a{
  font-size: 16px;
  font-weight: normal !important;
  text-decoration: none !important;
  color: #ffffff;
  height: auto;
  width: 180px;
  /*margin: 10px 10px;*/
  padding: 20px 20px;
  border: 1px solid  #d6786f;
  border-radius: 15px;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d6786f;
  background-image:
  url("../image/arrow_w.svg");
  background-size: auto;
  background-repeat:no-repeat;
  background-position:center right 12px;
}

#top_kenko_sodan_sec .main_box .panel_menu_wrap .menu a:hover{
  color: #d6786f;
  border: 1px solid  #d6786f;
  background-color: #f7ece9;
  background-image:
  url("../image/arrow_p.svg");
  background-size: auto;
  background-repeat:no-repeat;
  background-position:center right 12px;
}




/* top_kampo_sodan */

#top_kampo_sodan_sec {

}

#top_kampo_sodan_sec .main_box {
    height: auto;
    width: auto;
	max-width: 1980px;
	margin: 50px auto 100px;
    padding: 0 15px 0;
	position:relative;
	overflow: hidden;
    
    background-image: 
url(../image/kampo_sodan_bg_1.png),
url(../image/kampo_sodan_bg_2.png);
	background-repeat: 
    no-repeat,
    no-repeat;
	background-position: 
    top left 80px,
    center right 80px;
	background-size: 
    250px,
    contain;
}

#top_kampo_sodan_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 0 0;
}

#top_kampo_sodan_sec .main_box p {
font-size: 18px;
	line-height: 1.6;
}

#top_kampo_sodan_sec .main_box h3 {
position: relative;
color: #d6786f;
font-size: 22px;
font-family: 'Noto Serif JP', sans-serif;
line-height: 1.3;
margin: 0 0 25px 0;
display: flex;
align-items: center;
white-space: nowrap;
}

#top_kampo_sodan_sec .main_box h3:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #d6786f;
  margin-left: 20px;
}

#top_kampo_sodan_sec .main_box h4 {
color: #804842;
font-size: 20px;
font-family: 'Noto Serif JP', sans-serif;
line-height: 1.3;
margin: 0 0 25px 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

#top_kampo_sodan_sec .main_box h4:before,
#top_kampo_sodan_sec .main_box h4:after {
	content: '';
	width: 1px;
	height: 25px;
	background-color: #804842;
}

#top_kampo_sodan_sec .main_box h4:before {
	margin-right: 20px;
	transform: rotate(-35deg)
}

#top_kampo_sodan_sec .main_box h4:after {
	margin-left: 20px;
	transform: rotate(35deg)
}

#top_kampo_sodan_sec .main_box ul.contact {
display: flex;
justify-content: center;
}

#top_kampo_sodan_sec .main_box ul.contact li {
  list-style: none;
  width: 240px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin: 0 10px 10px;
  border-radius: 15px;
  display: inline-block;
}

#top_kampo_sodan_sec .main_box ul.contact li a {
  padding: 15px 20px 15px 30px;
  display: block;
  color: #fff;
  text-decoration: none;
}

#top_kampo_sodan_sec .main_box ul.contact li:nth-child(1) {
  background: #d6786f;
  background-image: url("../image/tel_btn_icon.svg");
  background-repeat: no-repeat;
  background-position: left 22px center;
  background-size: 18px !important;
}

#top_kampo_sodan_sec .main_box ul.contact li:nth-child(2) {
  background: #00b900;
  background-image: url("../image/line_btn_icon.svg");
  background-repeat: no-repeat;
  background-position: left 22px center;
  background-size: 20px !important;
}

#top_kampo_sodan_sec .main_box ul.contact li:nth-child(1) a:after {
	content: "0120-80-9308";
}



#top_kampo_sodan_sec .main_box .r_btn {
display: flex;
}

#top_kampo_sodan_sec .main_box .r_btn .rect_btn a {
  font-size: 20px;
  font-weight: normal !important;
  text-decoration: none !important;
  color: #ffffff;
  height: auto;
  width: 240px;
  margin: 0 0 0 30px;
  padding: 12px 20px 12px;
  border: 1px solid  #d6786f;
  border-radius: 15px;
  background: #d6786f;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
}

#top_kampo_sodan_sec .main_box .circle_menu_wrap {
display: flex;
justify-content: center;
}

#top_kampo_sodan_sec .main_box .circle_menu_wrap .menu {
  list-style: none;
  text-align: center;
  margin: 0 10px 10px;
  border-radius: 50%;
  border: 1px solid #804842;
  display: inline-block;
  background: #f7ece9;
  background-image: url("../image/insta_brown.png");
  background-repeat: no-repeat;
  background-position: top 16px center;
  background-size: 25px;
}

#top_kampo_sodan_sec .main_box .circle_menu_wrap .menu a {
  height: 110px;
  width: 110px;
  display: block;
  color: #804842;
  text-decoration: none;
  border-radius: 50%;
}

#top_kampo_sodan_sec .main_box .circle_menu_wrap .menu a p {
  font-size: 15px;
  padding: 50px 10px 0;
  line-height: 1.3;
}




/* top_column_sec */

#top_column_sec {

}

#top_column_sec .main_box {
    height: auto;
    width: auto;
	max-width: 1980px;
	margin: 50px auto 100px;
	position:relative;
	overflow: hidden;
    background-image: 
url(../image/column_bg_top.png),
url(../image/column_bg_bottom.png),
url(../image/column_bg_middle.png);
	background-repeat: 
    no-repeat,
    no-repeat,
    repeat-y;
	background-position: 
    top center,
    bottom center,
    center center;
	background-size: 
    contain,
    contain,
    contain;
}

#top_column_sec .main_box .inner {
    width: auto;
	max-width: 1400px;
	position:relative;
    margin: 0 auto;
    padding: 80px 0;
}

#top_column_sec .main_box h2 {
text-align: center;
}

#top_column_sec .main_box p {
font-size: 20px;
text-align: center;
line-height: 1.6;
}

#top_column_sec .main_box p.desc {
font-size: 20px;
text-align: center;
line-height: 1.6;
margin: 0 15px;
}



#top_column_sec .main_box .slide_cont_box {
display: flex;
justify-content: center;
margin: 40px 0 0 0;
}

#top_column_sec .main_box .slide_cont_box .img_1,
#top_column_sec .main_box .slide_cont_box .img_2,
#top_column_sec .main_box .slide_cont_box .img_3 {
width: 420px;
height: auto;
margin: 0 25px 0;
padding: 60px 40px 100px;
text-align: center;
background: #ffffff;
border-radius: 60px;
position: relative;
}


/*Firefox対策*/
#top_column_sec .main_box .slide_cont_box .img_1 .h_box,
#top_column_sec .main_box .slide_cont_box .img_2 .h_box,
#top_column_sec .main_box .slide_cont_box .img_3 .h_box {
display: flex;
}


#top_column_sec .main_box .slide_cont_box .img_1 h3 {
color: #d6786f;
font-size: 26px;
line-height: 1.6;
margin: 0 auto 30px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: right;
height: 280px;
}

#top_column_sec .main_box .slide_cont_box .img_2 h3,
#top_column_sec .main_box .slide_cont_box .img_3 h3 {
color: #d6786f;
font-size: 26px;
line-height: 1.6;
margin: 0 auto 30px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: left;
height: 280px;
}

#top_column_sec .main_box .slide_cont_box .img_1 p.caption,
#top_column_sec .main_box .slide_cont_box .img_2 p.caption,
#top_column_sec .main_box .slide_cont_box .img_3 p.caption{
max-width: 340px;
margin: 0 auto 30px;
text-align: left;
}

#top_column_sec .main_box .slide_cont_box .img_1 img,
#top_column_sec .main_box .slide_cont_box .img_2 img,
#top_column_sec .main_box .slide_cont_box .img_3 img{
margin: 0 0 20px 0;
}

#top_column_sec .main_box .slide_cont_box .img_1 p.bottom,
#top_column_sec .main_box .slide_cont_box .img_2 p.bottom,
#top_column_sec .main_box .slide_cont_box .img_3 p.bottom{
position: absolute;
bottom: 60px;
right: 0;
left: 0;
}


.slick-next{ right:0!important; }
.slick-prev{ left:0!important; }
.slick-arrow{ z-index:2!important; }


.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    background: url(../image/arrow_r.png)!important;
    background-size: contain !important;
}

.slick-prev:before{
    background: url(../image/arrow_l.png)!important;
    background-size: contain! important;
}

.slick-arrow{
    z-index:2!important;
    width:60px!important;
    height:60px!important;
}

.slick-next{
    right:30px!important;
}

.slick-prev{
    left:30px!important;
}





/* top_products */

#top_products_sec {
margin: 0 0 100px 0;
}

#top_products_sec .main_box {
    height: auto;
    width: auto;
	max-width: 1980px;
	margin: 50px auto 0px;
    padding: 0 15px 0;
	position:relative;
	overflow: hidden;

    background-image: 
url(../image/products_bg_1.png),
url(../image/products_bg_2.png);
	background-repeat: 
    no-repeat,
    no-repeat;
	background-position: 
    top left 80px,
    center right 80px;
	background-size: 
    200px,
    250px;
}

#top_products_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 0 0;
}

#top_products_sec .main_box p {
font-size: 18px;
line-height: 1.6;
}

#top_products_sec .main_box .products_all_wrap {
width: auto;
max-width: 900px;
margin: 0 auto;
}

#top_products_sec .main_box .products_wrap {
display: flex;
justify-content: center;
margin: 40px 0 30px 0;
}

#top_products_sec .main_box .products_wrap .box_l,
#top_products_sec .main_box .products_wrap .box_r {
width: 400px;
height: auto;
margin: 0 25px 0;
padding: 50px 25px 100px 25px;
background: #ffffff;
border-top-left-radius: 60px;
border-bottom-right-radius: 60px;
border: 1px solid #d6786f;
position: relative;
}

#top_products_sec .main_box .products_wrap .box_l p.bottom,
#top_products_sec .main_box .products_wrap .box_r p.bottom {
position: absolute;
bottom: 40px;
right: 0;
left: 0;
}

#top_products_sec .main_box .products_wrap h3 {
color: #d6786f;
font-size: 22px;
line-height: 1.6;
border-bottom: solid 2px #d6786f;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
}

#top_products_sec .main_box .products_all_wrap h4 {
color: #d6786f;
font-size: 18px;
line-height: 1.6;
}

#top_products_sec .main_box .products_wrap_2 {
width: auto;
height: auto;
margin: 0 0 0;
padding: 50px 15px 20px;
background: #ffffff;
border-top-left-radius: 60px;
border-bottom-right-radius: 60px;
border: 1px solid #d6786f;
position: relative;
}

#top_products_sec .main_box .products_wrap_2 .box_wrap {
position: relative;
display: flex;
justify-content: center;
margin: 40px 0 0 0;
}

#top_products_sec .main_box .products_wrap_2 .box_wrap .box {
width: 400px;
height: auto;
margin: 0 0 0;
padding: 0 25px 100px;
background: #ffffff;
position: relative;
}

#top_products_sec .main_box .products_wrap_2 .box_wrap .box p.bottom {
position: absolute;
bottom: 40px;
right: 0;
left: 0;
}

#top_products_sec .main_box .products_wrap_2 h3 {
color: #d6786f;
font-size: 22px;
line-height: 1.6;
text-align: center;
width: fit-content;
border-bottom: 2px solid #d6786f;
padding: 0 20px 5px;
margin: 0 auto;
}

#top_products_sec .main_box .products_wrap_2 img {
margin: 0 0 20px 0;
}




/* top_info */

#top_info_sec {

}

#top_info_sec .main_box {
    height: auto;
    width: auto;
	max-width: 1980px;
	margin: 50px auto 0;
	position:relative;
	overflow: hidden;
    background-image: 
url(../image/info_bg_top_left.png),
url(../image/info_bg_bottom_right.png),
url(../image/info_bg.png);
	background-repeat: 
    no-repeat,
    no-repeat,
    repeat-y;
	background-position: 
    top left,
    bottom right,
    center center;
	background-size: 
    400px,
    400px,
    contain;
}

#top_info_sec .main_box .inner {
    width: auto;
	max-width: 1000px;
	position:relative;
    margin: 0 auto;
    padding: 40px 0;
}

#top_info_sec .main_box .top_info_wrap {
position: relative;
display: flex;
justify-content: center;
margin: 40px 0 0 0;
}

#top_info_sec .main_box .top_info_wrap .box {
width: 400px;
height: auto;
margin: 0 25px 0;
padding: 0 20px 100px 20px;
position: relative;
}

#top_info_sec .main_box .top_info_wrap .box p.bottom {
position: absolute;
bottom: 60px;
right: 0;
left: 0;
}

#top_info_sec .main_box .top_info_wrap .box p {
font-size: 18px;
margin: 0 0 20px 0;
line-height: 1.5;
}

#top_info_sec .epilogue {
height: auto;
width: auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;

    /*background-image: 
url(../image/epilogue_img.jpg);
	background-repeat: 
    no-repeat;
	background-position: 
    top center;
	background-size: 
    auto;*/
}

#top_info_sec .epilogue .copy {
position: absolute;
/*left: 50%;*/
/*transform : translate(-50%);*/
color: #ffffff;
writing-mode: vertical-rl;
font-size: 32px;
line-height: 1.6;
text-align: left;
}

#top_info_sec .epilogue .copy span {
font-size: 24px;
float: right;
}




/* footer */

footer {
  margin: 50px 0 50px 0;
}

footer .main_box .logo {
text-align: center;
  margin: 0 0 50px 0;
}

footer .main_box ul.sns {
    width: fit-content;
    margin: 0 auto 30px;
	display: flex;
    justify-content:space-between;
}

footer .main_box ul.sns li {
    height: auto;
    width: 50px;
	margin: 0 15px 0;
}

footer .main_box h2 {
font-size: 22px;
color: #804842;
margin: 0 0 30px 0;
}

footer .main_box {
    height: auto;
    width: auto;
	max-width: 1200px;
	margin: 0 auto 60px;
	position:relative;
	overflow: hidden;
}

footer .main_box .img_wrap {
position: relative;
display: flex;
justify-content: center;
margin: 40px 0 0 0;
}

footer .main_box .img_wrap .box {
width: 400px;
height: auto;
margin: 0 35px 0;
position: relative;
}

footer .main_box .img_wrap .box img {
border-radius: 15px;
}

footer .main_box .img_wrap .box p {
margin: 0 0 25px 0;
}

footer .main_box dl {
	margin: 0 0 0 0;
	font-size: 18px;
}

footer .main_box dl dt {
	width: 50px;
	float : left;
	line-height: normal;
	padding-top : 0px;
    margin-bottom: 10px;
	
	display: block;
	clear: left;
}

footer .main_box dl dd {
	width : auto;
    padding-top : 5px;
	margin-left: 50px;
    margin-bottom: 10px;
	line-height: normal;
	display: block;
}

footer .main_box ul{
	margin: 0 0 0 0;
	font-size: 18px;
}

footer .main_box ul li {
	list-style: none;
    line-height: 1.4em;
    margin: 0 0 15px 0;
}

footer .main_box ul li ul li {
	list-style: disc;
    line-height: 1.4em;
	margin:0.2em 0 0.2em 25px;
}

footer .ft_menu {
  background-image: url("../image/footer_bg.jpg");
  background-repeat: repeat-x;
  background-position: top center;
  background-size: auto;
  padding: 30px 0 30px 0;
}

footer .ft_menu ul {
display: flex;
justify-content: center;
color: #ffffff;
margin: 0 0 30px 0;
}

footer .ft_menu ul li a {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
font-weight: 400;
color: #ffffff;
text-decoration: none;
margin: 0 15px 0 15px;
}

footer .ft_menu ul li+li {
  position: relative;
  margin: 0 0 0 0;
}

footer .ft_menu ul li+li:before {
    content: "";
    display: block;
    height: 0.8em;
    border-left: 1px solid #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

footer .ft_menu p {
font-family: 'Noto Sans JP', sans-serif;
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-align: center;
}



/* ---------------------------------------- 下部固定 */
#lower_fixed_menu {
	height: 50px;
	width: 100%;
	text-align: center;
	font-weight: normal;
	background-color: #d6786f;
	position: fixed;
	bottom: 0;
	z-index: 10;
}

#lower_fixed_menu ul {
	width:100%;
	max-width: 800px;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	text-align: center;
}

#lower_fixed_menu ul li {
	display: table-cell;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	font-size:18px;
	font-family: 'Noto Sans JP', sans-serif;
}

#lower_fixed_menu ul li img {
	margin: 0 13px 7px 0;
	vertical-align: middle;
    height: 30px;
}

#lower_fixed_menu ul li a {
	color: #ffffff;
	text-decoration: none;	
	padding: 10px 0 3px;
	display:block;
}

#lower_fixed_menu ul li:nth-child(1) a:after {
	content: "LINE";
}

#lower_fixed_menu ul li:nth-child(2) a:after {
	content: "漢方相談";
}

#lower_fixed_menu ul li:nth-child(3) a:after {
	content: "0120-80-9308";
}

#lower_fixed_menu ul li a:hover {
	text-decoration: none;
}


/* スライドバナー（全ページ共通） */
#slide_bn_1,
#slide_bn_2 {
	height: auto;
	width: auto;
	padding:0 0 0 0;
	margin: 30px 0 0 0;
	position:relative;
	overflow: hidden;
}

#slide_bn_1 .main_box,
#slide_bn_2 .main_box {
	height: auto;
	max-height: 180px;
	width: 1000px;
	margin: 0 auto;
	padding:0 0;
	position:relative;
	overflow: hidden;
	background: none;
}

#slide_bn_1 .main_box .slider,
#slide_bn_2 .main_box .slider {
    width: 100%;
    margin: 0 auto;
}

#slide_bn_1 .main_box .slick-slide img,
#slide_bn_2 .main_box .slick-slide img {
    width: 100%;
    height: auto;
}

#slide_bn_1 .main_box ul.slide_bn_box,
#slide_bn_2 .main_box ul.slide_bn_box {
    width: 100%;
}

#slide_bn_1 .main_box ul.slide_bn_box .slick-slide,
#slide_bn_2 .main_box ul.slide_bn_box .slick-slide {
    margin: 0;
}

#slide_bn_1 .main_box ul.slide_bn_box li img,
#slide_bn_2 .main_box ul.slide_bn_box li img {
	max-width: 180px;
}



h2.top {
color: #d6786f;
font-size: 30px;
font-family: 'Noto Serif JP', sans-serif;
line-height: 1.3;
margin: 0 0 35px 0;
background: none !important;
}

h2.top span {
font-family: 'Noto Sans JP', sans-serif;
color: #804842;
font-size: 18px;
font-weight: 400;
}

h2.top span::after {
content: "\A";
white-space: pre;
}




.arrow_1 {
display:flex;
justify-content: center;
}

.arrow_1 a,
.arrow_1_r a{
color: #804842;
text-decoration: none;
display:flex;
align-items: center;
}

.arrow_1 a:after,
.arrow_1_r a:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 15px;
  background-image: url('../image/arrow_1.png');
  background-size: contain;
}

.arrow_1_r {
display:flex;
justify-content: flex-end;
}


.arrow_2_r {
display:flex;
justify-content: flex-end;
}

.arrow_2_r a{
color: #804842;
text-decoration: none;
display:flex;
align-items: center;
}

.arrow_2_r a:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 15px;
  background-image: url('../image/arrow_2.png');
  background-size: contain;
}



.pc_hide {
	display:none;
}

.pc_hide_2 {
	display:none;
}



#contents .resp_sp_1 {
	margin-bottom: 100px !important;
}

#contents .resp_sp_2 {
	margin-bottom: 80px !important;
}

#contents .resp_sp_3 {
	margin-bottom: 60px !important;
}

#contents .resp_sp_4 {
	margin-bottom: 30px !important;
}

#contents .resp_spt_1 {
	margin-top: 70px !important;
}

#contents .resp_spt_2 {
	margin-top: 50px !important;
}

#contents .resp_spt_3 {
	margin-top: 30px !important;
}

#contents .resp_spt_4 {
	margin-top: 20px !important;
}


/* マウスオーバーでドロップダウン展開 */
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

.drawer-dropdown .nl:active{
	/*pointer-events: none;*/
    pointer-events: none;
}

.drawer-dropdown:hover > .drawer-dropdown-menu,
.drawer-dropdown:hover > .drawer-dropdown-menu_2{
    display: block;
    /*column-count: 4;*/
    animation: show 0.15s linear 0s;
}

.drawer-dropdown-menu,
.drawer-dropdown-menu_2{
  /*column-count: 4;*/
}




@media screen and (max-width: 1399px) {

/* ---------------------------------------- ドロワーメニュー */

.drawer-nav .drawer-menu {
	padding-bottom: 170px;
}

.drawer-nav ul {
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

.drawer-nav ul li {
	list-style-type: circle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dfd7d4;
	display: block;
}

.drawer-nav ul li.indent {
	padding-left: 16px;
}

.drawer-nav ul li a {
	display: block;
	color: #554738;
	font-weight: normal;
	background-image: url(../image/arrow_sp.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 6px 8px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}

.drawer-nav ul li a.ddm {
	display: block;
	color: #554738;
	font-weight: normal;
	background-image: url(../image/arrow_sp_2.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 8px 6px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	opacity: 1;
}

.drawer-dropdown ul li {
	list-style-type: circle;
	border-bottom:none;
	display: block;
	background-color: #fff;
}

.drawer-dropdown ul li a {
	display: block;
	color: #554738;
	font-weight: normal;
	/*background-image: url(../image/line.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 8px 2px;
	padding-left: 20px;
	padding-right: 16px;*/
	background: none;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

.drawer-dropdown ul li.bd {
	margin-left:-15px;
	padding-top:15px;
	padding-left: 16px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #dfd7d4;
	display: block;
	width:280px;
}

.sp_menu .drawer-hamburger {
	position: fixed; /*ハンバーガーメニュー固定*/
	top: 58px;
}



/* マウスクリックでドロップダウン展開 */
.drawer-dropdown:hover > .drawer-dropdown-menu {
  display: none;
  column-count: auto;/*縦並び改行の解除*/
}

/* マウスオーバーでドロップダウン展開 */
/* 応急対応 ※展開時の再アニメ防止 */
@keyframes show{
    from{
        opacity: 1;
    }
    to{
        opacity: 1;
    }
}

.drawer-dropdown .nl:active{
	pointer-events: auto;
}

.drawer-dropdown:hover > .drawer-dropdown-menu {
    column-count: auto;
    animation: show 0.15s linear 0s;
}

.drawer-dropdown-menu {
    column-count: auto;
}


/*#header_wrap {
	margin: 0;
	width: auto;
	height: auto;
	position: relative;
	overflow:hidden;
}*/

header {
	/*position: fixed;*/ /*ヘッダー固定対応*/
	top: 0px;
	left: 0px;
	width: 100%;
	/*height: 60px;*/
	/*z-index: 3;*/
	/*margin-top: 55px;*/
	/*position: relative;*/
}

/*header.fix {
    display: block;
	margin-top: -27px;
}*/

#header {
	/*height: 60px;*/
	width: auto;
	/*padding: 10px 0 0 0;*/
	/*color: #ffffff;*/
	position:relative;
}

#header div.h_left {
	width:auto;
	padding: 15px 0 0 0;
	/*margin: 0 -60px 0 0;*/
}

#header div.h_left ul.h_icon {
display: none;
}


#top_main_img_sec {
	position: relative;
}



#top_kenko_sodan_sec .panel_menu_wrap {
	width: auto;
	  max-width: 700px;
	  height: auto;
	  margin: 30px auto 0;
	  /*display: flex;
	  flex-wrap: wrap;
	  justify-content: center;*/
      
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 18px;
}



}




@media screen and (max-width: 1200px) {

/* top_kenko_sodan_sec */

#top_kenko_sodan_sec .main_box {
    background-image: 
url(../image/kenko_sodan_bg_2.png);
	background-repeat: 
    no-repeat;
	background-position: 
    center right;
	background-size: 
    250px;
}



/* top_kampo_sodan_sec */

#top_kampo_sodan_sec .main_box {
    background-image: 
url(../image/kampo_sodan_bg_1.png);
	background-repeat: 
    no-repeat;
	background-position: 
    top right;
	background-size: 
    250px;
}



/* top_products_sec */

#top_products_sec .main_box {
    background-image: 
url(../image/products_bg_2.png),
url(../image/products_bg_2.png);
	background-repeat: 
    no-repeat,
    no-repeat;
	background-position: 
    top left,
    center right;
	background-size: 
    200px,
    250px;
}



/* top_column_sec */

#top_column_sec .main_box .slide_cont_box {
display: flex;
justify-content: center;
margin: 40px 0 0 0;
}

#top_column_sec .main_box .slide_cont_box .img_1,
#top_column_sec .main_box .slide_cont_box .img_2,
#top_column_sec .main_box .slide_cont_box .img_3 {
width: 420px;
height: auto;
margin: 0 25px 0;
padding: 50px 20px 80px;
text-align: center;
background: #ffffff;
border-radius: 60px;
position: relative;
}

#top_column_sec .main_box .slide_cont_box .img_1 h3 {
color: #d6786f;
font-size: 26px;
line-height: 1.6;
margin: 0 auto 30px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: right;
height: 280px;
}

#top_column_sec .main_box .slide_cont_box .img_2 h3,
#top_column_sec .main_box .slide_cont_box .img_3 h3 {
color: #d6786f;
font-size: 26px;
line-height: 1.6;
margin: 0 auto 30px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: left;
height: 280px;
}

#top_column_sec .main_box .slide_cont_box .img_1 p.caption,
#top_column_sec .main_box .slide_cont_box .img_2 p.caption,
#top_column_sec .main_box .slide_cont_box .img_3 p.caption{
max-width: 340px;
margin: 0 auto 30px;
text-align: left;
}

#top_column_sec .main_box .slide_cont_box .img_1 img,
#top_column_sec .main_box .slide_cont_box .img_2 img,
#top_column_sec .main_box .slide_cont_box .img_3 img{
margin: 0 auto 20px;
}

#top_column_sec .main_box .slide_cont_box .img_1 p.bottom,
#top_column_sec .main_box .slide_cont_box .img_2 p.bottom,
#top_column_sec .main_box .slide_cont_box .img_3 p.bottom{
position: absolute;
bottom: 50px;
right: 0;
left: 0;
}


}



@media screen and (max-width: 1000px) {


/* top_main_img_sec */

#top_main_img_sec .copy .main_box {
	width: auto;
	margin:0 0 0 0;
	padding: 20px 20px;
	position: absolute;
	bottom: 3%;
}

#top_main_img_sec .copy .main_box p {
font-size: 24px;
line-height: 1.6;
margin: 0 0 25px 0;
}




/* top_intro_sec */

#top_intro_sec .main_box .inner_2 {
    background-color:rgba(255,255,255,0.8);
    background-blend-mode:lighten;
    background-image: 
url(../image/intro_bg_l.png),
url(../image/intro_bg_r.png);
	background-repeat: 
    no-repeat,
    no-repeat,
    repeat-x;
	background-position: 
    top left,
    bottom right;
	background-size: 
    250px,
    250px;
}


#top_intro_sec .main_box .intro_wrap {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items:flex-start;
margin: 0 auto 60px;
max-width: 500px;
padding: 0 20px;
}

#top_intro_sec .main_box .intro_wrap .copy {
display: flex;
flex-direction: row-reverse;
align-items:flex-start;
}

#top_intro_sec .main_box .intro_wrap .copy h2 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 0 0 0 30px;
}

#top_intro_sec .main_box .intro_wrap .copy p {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1.6;
text-align: left;
  margin: 0 0 0 20px;
}


#top_intro_sec .main_box .intro_wrap .img_wrap {
display: flex;
justify-content: center;
flex-wrap:wrap;
}

#top_intro_sec .main_box .intro_wrap .img_wrap h3 {
font-size: 16px;
}

#top_intro_sec .main_box .intro_wrap .img_wrap .img_l {
width: auto;
max-width: 360px;
height: auto;
padding: 0;
text-align: center;
margin: 0 0 40px 0;
}

#top_intro_sec .main_box .intro_wrap .img_wrap .img_r {
width: auto;
max-width: 360px;
height: auto;
padding: 0;
text-align: center;
}

#top_intro_sec .main_box .intro_wrap .img_wrap .img_l img,
#top_intro_sec .main_box .intro_wrap .img_wrap .img_r img{
margin: 0 0 20px 0;
}



}



@media screen and (max-width: 767px) {


#container {
	width: 100%;
	height: 100%;
	position:relative;
	margin-top: 65px; /*ヘッダー高さ*/
	overflow:hidden;
}

#container_top {
	width: 100%;
	height: 100%;
	position:relative;
	overflow:hidden;
}

header {
	/*position: fixed;*/ /*ヘッダー固定対応*/
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
}

#header {
	height: 65px;
	padding: 0 0 0 0;
	color: #ffffff;
	position:relative;
}

#header div.logo {
	float:left;
	padding:12px 0 0 0;
	margin:0;
	height: auto;
	width:280px;
}


#contents {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow:hidden;
}

/*#contents .main_box {
	max-width: 950px;
	margin: 20px auto 0;
	padding: 0 15px 0;
	position: relative;
}*/




#top_main_img_sec {
	position: relative;
}

#top_main_img_sec .copy {
	width: auto;
	max-width: 1400px;
	margin:0 auto;
	padding: 0 0 0 0;
}

#top_main_img_sec .copy .main_box {
	width: auto;
	margin:0 0 0 0;
	padding: 40px 40px 40px;
	position: static;
	bottom: auto;
}

#top_main_img_sec .copy .main_box p {
font-size: 24px;
line-height: 1.6;
margin: 0 0 30px 0;
text-align: center;
}

#top_main_img_sec .copy .main_box ul {

}

#top_main_img_sec .copy .main_box ul li {
  list-style: none;
  height: 50px;
  width: 230px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin: 0 auto 20px;
  border-radius: 15px;
}

#top_main_img_sec .copy .main_box ul li a {
  padding: 15px 20px 15px 30px;
  display: block;
  color: #fff;
  text-decoration: none;
}

#top_main_img_sec .copy .main_box ul li:nth-child(1) {
  background: #d6786f;
  background-image: url("../image/tel_btn_icon.svg");
  background-repeat: no-repeat;
  background-position: left 16px center;
  background-size: 15px !important;
}

#top_main_img_sec .copy .main_box ul li:nth-child(2) {
  background: #00b900;
  background-image: url("../image/line_btn_icon.svg");
  background-repeat: no-repeat;
  background-position: left 16px center;
  background-size: 20px !important;
}

#top_main_img_sec .copy .main_box ul li:nth-child(1) a:after {
	content: "電話で相談する";
}



/*top_news_sec*/

#top_news_sec .main_box {
	margin: 0 auto 100px;
}

#top_news_sec .main_box .inner .news_wrap {
display: flex;
flex-direction: column;
}

#top_news_sec .main_box .inner .news_wrap h2 {
width: auto;
}

#top_news_sec .main_box .inner .news_wrap ul {
margin: 0 0 0 0;
}



/*top_intro_sec*/

#top_intro_sec .main_box p {
  font-size: 18px;
  line-height: 2.5;
  text-align: center;
}

#top_intro_sec .main_box h2 {
font-size: 28px;
margin: 0 0 30px 0;
}

#top_intro_sec .main_box .inner_2 {
    padding: 0 15px;
}



/*top_sp_supporter_sec*/

#top_sp_supporter_sec .main_box .cont_1 {
display: flex;
justify-content: center;
flex-direction:column;
margin: 0 0 0 0;
/*padding: 0 20px;*/
padding: 0 0;
}

#top_sp_supporter_sec .main_box .cont_1 img {
min-width: 240px;
max-width: 240px;
margin: 0 0 30px 0;
}

#top_sp_supporter_sec .main_box .cont_1 div {
justify-content:flex-start; 
}


#top_sp_supporter_sec .main_box .cont_2 {
display: flex;
justify-content: center;
flex-direction:column;
margin: 0 0 0 0;
/*padding: 0 20px;*/
padding: 0 0;
}

#top_sp_supporter_sec .main_box .cont_2 img {
min-width: 240px;
max-width: 240px;
margin: 0 0 30px 0;
}




/*top_kenko_sodan_sec*/

#top_kenko_sodan_sec .panel_menu_wrap {
	width: auto;
	  max-width: 350px;
	  height: auto;
	  margin: 30px auto 0;
	  /*display: flex;
	  flex-wrap: wrap;
	  justify-content: center;*/
      
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 10px;
      place-content: center;
      place-items: center;
}

#top_kenko_sodan_sec .main_box .panel_menu_wrap .menu a{
  font-size: 14px;
  font-weight: normal !important;
  text-decoration: none !important;
  color: #ffffff;
  height: auto;
  /*width: 135px;*/
  width: auto;
  min-width: 135px;
  
  /*margin: 5px 5px;*/
  padding: 12px 12px;
  border: 1px solid  #d6786f;
  border-radius: 15px;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d6786f;
  background-image:
  url("../image/arrow_w.svg");
  background-size: auto;
  background-repeat:no-repeat;
  background-position:center right 12px;
}

#top_kenko_sodan_sec .main_box .panel_menu_wrap .menu a:hover{
  color: #d6786f;
  border: 1px solid  #d6786f;
  background-color: #f7ece9;
  background-image:
  url("../image/arrow_p.svg");
  background-size: auto;
  background-repeat:no-repeat;
  background-position:center right 10px;
}




/*top_kampo_sodan_sec*/


#top_kampo_sodan_sec .main_box .r_btn {
display: flex;
flex-wrap:wrap;
}

#top_kampo_sodan_sec .main_box .r_btn .rect_btn a {
  font-size: 16px;
  font-weight: normal !important;
  text-decoration: none !important;
  color: #ffffff;
  height: auto;
  width: 200px;
  margin: 0 10px;
  padding: 8px 20px 8px;
  border: 1px solid  #d6786f;
  border-radius: 15px;
  background: #d6786f;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
}

#top_kampo_sodan_sec .main_box ul.contact {
display: flex;
justify-content: center;
flex-wrap:wrap;
}

#top_kampo_sodan_sec .main_box ul.contact li:nth-child(1) a:after {
	content: "電話で相談する";
}





#top_kampo_sodan_sec .main_box h4 {
color: #804842;
font-size: 18px;
font-family: 'Noto Serif JP', sans-serif;
line-height: 1.3;
margin: 0 0 25px 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

#top_kampo_sodan_sec .main_box h4:before,
#top_kampo_sodan_sec .main_box h4:after {
	content: '';
	width: 1px;
	height: 20px;
	background-color: #804842;
}

#top_kampo_sodan_sec .main_box h4:before {
	margin-right: 10px;
	transform: rotate(-35deg)
}

#top_kampo_sodan_sec .main_box h4:after {
	margin-left: 10px;
	transform: rotate(35deg)
}

#top_kampo_sodan_sec .main_box .circle_menu_wrap .menu {
  list-style: none;
  text-align: center;
  margin: 0 7px 10px;
  border-radius: 50%;
  border: 1px solid #804842;
  display: inline-block;
  background: #f7ece9;
  background-image: url("../image/insta_brown.png");
  background-repeat: no-repeat;
  background-position: top 16px center;
  background-size: 25px;
}

#top_kampo_sodan_sec .main_box .circle_menu_wrap .menu a {
  height: 100px;
  width: 100px;
  display: block;
  color: #804842;
  text-decoration: none;
  border-radius: 50%;
}

#top_kampo_sodan_sec .main_box .circle_menu_wrap .menu a p {
  font-size: 14px;
  padding: 50px 5px 0;
  line-height: 1.3;
}









/* top_column_sec */

#top_column_sec .main_box .slide_cont_box .img_1,
#top_column_sec .main_box .slide_cont_box .img_2,
#top_column_sec .main_box .slide_cont_box .img_3 {
width: auto;
max-width: 600px;
height: auto;
margin: 0 5px 0;
padding: 30px 15px 80px;
text-align: center;
background: #ffffff;
border-radius: 60px;
position: relative;
}


.slick-arrow{
    z-index:2!important;
    width:40px!important;
    height:40px!important;
}

.slick-next{
    right:15px!important;
}

.slick-prev{
    left:15px!important;
}




/* top_products_sec */

#top_products_sec {
margin: 0 0 80px 0;
}

#top_products_sec .main_box .products_wrap {
display: flex;
justify-content: center;
flex-wrap:wrap;
margin: 40px 0 0 0;
}

#top_products_sec .main_box .products_wrap .box_l {
margin: 0 0 30px;
}

#top_products_sec .main_box .products_wrap .box_r {
margin: 0 0 0;
}



#top_products_sec .main_box .products_wrap_2 {
width: auto;
max-width: 420px;
height: auto;
margin: 0 auto 0;
padding: 50px 15px 20px;
background: #ffffff;
border-top-left-radius: 60px;
border-bottom-right-radius: 60px;
border: 1px solid #d6786f;
position: relative;
}

#top_products_sec .main_box .products_wrap_2 .box_wrap {
position: relative;
display: flex;
justify-content: center;
flex-wrap:wrap;
margin: 40px 0 0 0;
}

#top_products_sec .main_box .products_wrap_2 .box_wrap .box {
width: auto;
height: auto;
margin: 0 0 0;
padding: 0 0 100px;
background: #ffffff;
position: relative;
}






/*top_info_sec*/

#top_info_sec .main_box .top_info_wrap {
position: relative;
display: flex;
justify-content: center;
flex-wrap:wrap;
margin: 0 0 0 0;
}

#top_info_sec .main_box .top_info_wrap .box {
width: auto;
max-width: 600px;
height: auto;
margin: 0 auto;
padding: 20px 25px 60px;
position: relative;
}

#top_info_sec .main_box .top_info_wrap .box p.bottom {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
}

#top_info_sec .epilogue {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

#top_info_sec .epilogue .copy {
position: absolute;
left: 50%;
transform : translate(-50%);
color: #ffffff;
writing-mode: vertical-rl;
font-size: 26px;
line-height: 1.6;
text-align: left;
}

#top_info_sec .epilogue .copy span {
font-size: 18px;
float: right;
}



/*footer*/

footer .main_box .logo {
text-align: center;
  margin: 0 20px 30px;
}

footer .main_box .img_wrap {
position: relative;
display: flex;
justify-content: center;
flex-wrap:wrap;
margin: 40px 0 0 0;
}

footer .main_box .img_wrap .box {
width: 400px;
height: auto;
margin: 0 25px 0;
position: relative;
}

footer .ft_menu ul li a {
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
font-weight: 400;
color: #ffffff;
text-decoration: none;
margin: 0 10px 0 10px;
}

footer .ft_menu ul li+li:before {
    content: "";
    display: block;
    height: 0.7em;
    border-left: 1px solid #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}



/* ---------------------------------------- 下部固定 */

#lower_fixed_menu {
	padding-bottom: 15px;
}

#lower_fixed_menu ul li {
	display: table-cell;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	font-size:18px;
	font-family: 'Noto Sans JP', sans-serif;
}

#lower_fixed_menu ul li img {
	margin: 0 8px 7px 0;
	vertical-align: middle;

}

#lower_fixed_menu ul li:nth-child(1) img {
	width: 30px;
}

#lower_fixed_menu ul li:nth-child(2) img {
	width: 35px;
}

#lower_fixed_menu ul li:nth-child(3) img {
	width: 28px;
}




#lower_fixed_menu ul li:nth-child(3) a:after {
	content: "TEL";
}





/* スライドバナー（全ページ共通） */
#slide_bn_1,
#slide_bn_2 {
	height: auto;
	width: auto;
	padding:0 0 0 0;
	margin: 30px 0 0 0;
	position:relative;
	overflow: hidden;
}

#slide_bn_1 .main_box,
#slide_bn_2 .main_box {
	height: auto;
	max-height: 180px;
	width: 1000px;
	margin: 0 auto;
	padding:0 0;
	position:relative;
	overflow: hidden;
	background: none;
}

#slide_bn_1 .main_box .slider,
#slide_bn_2 .main_box .slider {
    width: 100%;
    margin: 0 auto;
}

#slide_bn_1 .main_box .slick-slide img,
#slide_bn_2 .main_box .slick-slide img{
    width: 100%;
    height: auto;
}

#slide_bn_1 .main_box ul.slide_bn_box,
#slide_bn_2 .main_box ul.slide_bn_box {
    width: 100%;
}

#slide_bn_1 .main_box ul.slide_bn_box .slick-slide,
#slide_bn_2 .main_box ul.slide_bn_box .slick-slide {
    margin: 0;
}

#slide_bn_1 .main_box ul.slide_bn_box li img,
#slide_bn_2 .main_box ul.slide_bn_box li img {
	max-width: 180px;
}



h2.top {
font-size: 28px;
line-height: 1.3;
margin: 0 0 30px 0;
}

h2.top span {
font-size: 18px;
font-weight: 400;
}



.pc_hide {
	display:block;
}

.sp_hide {
	display:none;
}



#contents .resp_sp_1 {
	margin-bottom: 80px !important;
}

#contents .resp_sp_2 {
	margin-bottom: 60px !important;
}

#contents .resp_sp_3 {
	margin-bottom: 40px !important;
}

#contents .resp_sp_4 {
	margin-bottom: 15px !important;
}

#contents .resp_spt_1 {
	margin-top: 50px !important;
}

#contents .resp_spt_2 {
	margin-top: 30px !important;
}

#contents .resp_spt_3 {
	margin-top: 15px !important;
}

#contents .resp_spt_4 {
	margin-top: 10px !important;
}




}