@charset "UTF-8";
.kosugi-regular {
  font-family: "Kosugi", sans-serif;
  font-weight: 400;
  font-style: normal;
}

											  a {
                                               text-decoration: none;
                                               }
                                               a:hover {
                                               opacity: 0.7;
                                               cursor: pointer;
                                               }
                                        
                                                body {
												color:#47423c;
                                                font-family:"Kosugi","Montserrat",sans-serif;font-weight:200;
												font-kerning:normal;
												font-feature-settings: "palt";
                                                }
														
										

                                                            .w100 {
                                                                font-weight: 100;
                                                            }
                                                            
                                                            .w200 {
                                                                font-weight: 200;
                                                            }
                                                            
                                                            .w300 {
                                                                font-weight: 300;
                                                            }
                                                            
                                                            .w400 {
                                                                font-weight: 400;
                                                            }
                                                            
                                                            .w500 {
                                                                font-weight: 500;
                                                            }
                                                            
                                                            .w700 {
                                                                font-weight: 700;
                                                            }
                                                            
                                                            .w900 {
                                                                font-weight: 900;
                                                            }
                                                            
                                                         

                                                            
                                                    header {
                                                    /* position: fixed; */
													/* ヘッダーの角丸 */
                                                    border-radius: 0 0 62px 0px;
                                                     /* box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35); */
                                                     box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.1);
                                                            }
                                                            
                                                            .nav_b {
                                                                /* background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%); */
                                                                /* background: linear-gradient(90deg, #bdc3c9 0%, #ffffff 50%, #bdc3c9 100%); */
                                                            }
                                                            
															
                                                            .mb-1 {
                                                                margin-bottom: 10px;
                                                            }
                                                            .mb-2 {
                                                                margin-bottom: 30px;
                                                            }
															
															
                                                            .nav__wrapper a:hover {
                                                                opacity: 0.7;
                                                            }
                                                          
                                                            .mt-0 {
                                                                margin-top: 0!important;
                                                            }
                                                            
                                                           
                                                            
                                                            .site-header {
                                                                position: fixed;
                                                                z-index: 3;
                                                                width: 100%;
                                                                background-color: #fff;
                                                                top: 0;
																
																padding-right:10px;
                                                            }
                                                            
                                                          
                                                            
                                                            .site-header__wrapper {
                                                                padding-top: 1rem;
                                                                max-width: 1400px;
                                                                margin: auto;
                                                            }
                                                            
                                                            .btn-h:hover {
                                                                opacity: 0.8;
                                                            }
                                                            /* グローバル */
                                                            
                                                            .dropdown__lists {
                                                                display: none;
                                                                width: 100%;
                                                                position: absolute;
                                                                top: 30px;
                                                                left: 15px;
                                                                background-color: #75023B;
                                                                z-index: 2;
                                                            }
                                                            
                                                  
                                                            .dropdown__list {
                                                                background-color: #333333;
                                                                transition: all .5s;
                                                                position: relative;
                                                            }
                                                            
                                                            .dropdown__list:not(:first-child)::before {
                                                                content: "";
                                                                width: 100%;
                                                                height: 1px;
                                                                background-color: #33eeee;
                                                                position: absolute;
                                                                top: 0;
                                                                left: 0;
                                                            }
                                                            
                                                            .dropdown__list:hover {
                                                                background-color: #6e0c0d;
                                                            }
                                                            
                                                            .dropdown__list a {
                                                                display: flex;
                                                                align-items: center;
                                                                color: #fff;
                                                                text-decoration: none;
                                                                position: relative;
                                                                padding: 10px 15px;
                                                                justify-content: center;
                                                            }
                                                            
                                                            .site-header__wrapper {
                                                                display: flex;
                                                                justify-content: space-between;
                                                                align-items: center;
                                                                padding-top: 0;
                                                                /* padding-bottom: 10px; */
                                                                padding-left: 1.5rem;
                                                                padding-right: 1rem;
                                                                margin: auto;
                                                            }
                                                            
                                                            @media (min-width: 600px) {
                                                                .nav__wrapper {
                                                                    display: flex;
                                                                    justify-content: right;
                                                                    margin-top: 10px;
                                                                    align-items: center;
                                                                }
                                                            }
                                                            
                                                            @media (min-width: 600px) {
                                                                .nav__wrapper-b {
                                                                    display: flex;
                                                                    justify-content: center;
                                                                    text-align: center;
                                                                    margin-top: 10px;
																	margin-right: 40px;
                                                                }
                                                            }
                                                            
                                                            .nav__toggle {
                                                                display: none;
                                                            }
                                                            
                                                            @media (max-width: 900px) {
                                                                .nav {
                                                                    display: none;
                                                                }
                                                                .nav__toggle {
                                                                    display: block;
                                                                    position: absolute;
                                                                    right: 1rem;
                                                                    top: 1rem;
                                                                }
                                                            }
                                                            
															
															    .d-flex {
                                                                display: flex;
                                                            }
                                                            
                                                          
                                                            
                                                            .f-bold {
                                                                font-weight: bold;
																color: #2f4f4f;
                                                            }
                                                            
                                                           
                                                            
                                                            .f-small {
                                                                font-size: 14px;
                                                            }
															
		/* ヘッダーメニュー */															
                                                            .nav__item a {
                                                                display: block;
                                                                padding: 3px 18px 12px 40px;
                                                                /* position: relative; */
                                                                color:#47423c!important;
																font-size: 15px;
																font-weight: 500;
																
                                                            }
															
													
															.arrow a::after{
                                                                width: 6px;
                                                                height: 6px;
                                                                border: 0;
                                                                border-top: solid 2px #707070;
                                                                border-right: solid 2px #707070;
                                                                transform: rotate(45deg);
																position: absolute;
                                                                top: 0;
                                                                right: 0px;
                                                                bottom: 0;
                                                                margin: auto;
}
.arrow_r_b {
	font-weight: 600; 
  position: relative;
  display: inline-block;
  padding-right: 18px;
 letter-spacing: -0.5px;
}
.arrow_r_b:before {
  content: '';
  width: 16px;
  height: 16px;
  background: #00bfff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 11px;
  margin: auto;
}
.arrow_r_b:after {
  content: '';
  width: 4.5px;
  height: 4.5px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 11.5px;
  margin: auto;
}


															
														.nav__wrapper-b li:first-child a{
                                                               
                                                                padding-left: 0;
                                                               
                                                            }
														   
														  
														   
                                                            /* Submenu */
                                                            
 /* Submenu ドロップダウンメニューのbox */
                                                            
                                                            .sub-menu-box {
                                                                visibility: hidden;
                                                                display: none;
																position: absolute;
																
                                                                top: 81px;
                                                                background-color: #f7f7f7;
                                                                padding: 20px;
                                                                /* -webkit-transition: 0.5s; */
                                                                /* transition: 0.5s; */
                                                               box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                                                                }
                                                            
                                                            .dropdown-is-active {
                                                                -webkit-transition: 0.5s;
                                                                transition: 0.5s;
                                                                z-index: 1;
                                                                opacity: 1;
                                                                visibility: visible;
                                                            }
                                                            
                                                            .sub-menu-box:hover {
                                                                display: block;
                                                                transition: 1s;
                                                            }
                                                            
                                                            .sub-menu-box p {
                                                                padding-bottom: 30px;
                                                                text-align: start;
                                                               
                                                                
                                                            }
                                                            
                                                            ul li div div ul li a {
                                                                color: #47423c;
                                                            }
                                                            
                                                            ul li div div ul li a:hover {
                                                                opacity: 0.5;
                                                            }
                                                            
                                                            .sub-menu-box-in {
                                                                max-width: 800px;
                                                                margin: auto;
                                                            }
                                                            
                                                            .sub-menu01 {
                                                                position: relative;
                                                                padding: 0px 0 15px 0;
                                                            }
  /*ドロップダウンメニュー設定*/                                                          
                                                            .sub-menu01-1 {
                                                                position: relative;
                                                                
                                                                font-size: 15px;
                                                                
																border-bottom: 1px #999;
																display: inline-block;
         }
                                                            
                                                      
                                                          
                                                            .sub-menu01:hover {
                                                                
                                                            }
                                                            
                                                            .sub-menu01:hover .sub-menu02-boxes {
                                                                visibility: visible;
                                                                opacity: 1;
                                                            }
                                                            
                                                          
                                                            
                                                      
                                                            
                                                            .menu-a-box {
                                                                display: flex;
                                                                width: 100%;
                                                            }
                                                            
                                                            
                                                            
                                                            .nav__item:hover .sub-menu-box {
                                                                display: block;
                                                                animation: appear .5s, ease;
                                                                pointer-events: auto;
                                                                /* ホバー時のイベントを有効にする */
                                                                z-index: 2;
															
                                                            }
                                                            
                                                            @keyframes appear {
                                                                0% {
                                                                    opacity: 0;
                                                                }
                                                                100% {
                                                                    opacity: 1;
                                                                }
                                                            }
 /* ディスプレイ用品などの企画・製造  */                                                           
                                                          
                                                            
                                                            .nav-campany {
																text-align:end;
																margin-top:10px;
                                                                border-bottom: 1px solid #999;
                                                                padding: 2px 0px 6px 0px;
																font-size: 15px;
                                                                line-height: 20px;
                                                                color: #47423c!important;
																font-weight:700;
																letter-spacing: 0.05em;
                                                            }
															
	                                                            .nav-campany a{
																font-weight   : bold;  
  font-size     : 140%;
  margin-left:3px;
  color:#000;
                                                            }														
                                                            
                                                            
                                                            /* ハンバーガーメニュー */
                                                            /* .slide-menu {
        display: none;
    } */
                                                            
                                                            .nav-b {
                                                                display: none;
                                                            }
                                                            
                                                            .nav-b-right {
                                                                display: none;
                                                            }
                                                            
                                                            .nav-b-icon-box {
                                                                display: none;
                                                            }
                                                            
                                                            @media (max-width: 900px) {
 /* ハンバーガーメニューの外観 */
                                                                .nav-b {
                                                                    display: flex;
                                                                    height: 60px;
                                                                    align-items: center;
                                                                    background: #666; /* ボタンの色 */
                                                                    width: 60px;
                                                                    cursor: pointer;
                                                                }
                                                                .site-header__wrapper {
                                                                    height: 60px;
                                                                    padding-right: 0;
																	
																	background-color: #000000;
																	justify-content: center;
                                                                }
                                                                
																  .site-header__wrapper .company-logo {
                                                                    text-align:center;
																	width:60%;
																	padding:0;
																	margin:0 auto;
                                                                }
																.site-header__wrapper .company-logo {
													        		width:auto;
                                                                }
                                                                .header-area {
                                                                    display: flex;
                                                                    justify-content: space-between;
                                                                    padding: 20px;
                                                                    align-items: center;
                                                                }
                                                                .hamburger {
                                                                    width: 34px;
                                                                    height: 21px;
                                                                    position: relative;
                                                                    transition: .4s;
                                                                    margin: auto;
                                                                    
                                                                }
                                                                .hamburger span {
                                                                    position: absolute;
                                                                    width: 100%;
                                                                    height: 1px;
                                                                    background-color: #ccc;　/*線の色 */
                                                                    transition: .5s;
                                                                    top: 1rem;
                                                                    right: 1rem;
                                                                    left: 0;
                                                                }
                                                                .hamburger span:focus {
                                                                    outline: none;
                                                                }
                                                                .hamburger span:first-of-type {
                                                                    /* ハンバーガーメニューの1番目の線 */
                                                                    top: 0;
                                                                }
                                                                .hamburger span:nth-of-type(2) {
                                                                    /* ハンバーガーメニューの2番目の線 */
                                                                    top: 50%;
                                                                }
                                                                .hamburger span:last-of-type {
                                                                    /* ハンバーガーメニューの3番目の線 */
                                                                    top: 100%;
                                                                }
                                                                .slide-menu {
                                                                    background-color: #ffffff;
                                                                    position: fixed;
                                                                    top: 61px;
                                                                    width: 100%;
                                                                    left: 0;
                                                                    transform: translateX(100%);
                                                                    transition: .5s;
                                                                    height: 100vh;
                                                                }
                                                                .slide-menu li {
                                                                    color: #fff;
                                                                    line-height: 400%;
                                                                    text-align: center;
                                                                }
                                                                .hamburger.active {
                                                                    /* 追記 */
                                                                    transform: rotateY(360deg);
                                                                    /* 追記 */
                                                                }
                                                                .hamburger.active span:first-of-type {
                                                                    /* ハンバーガーメニューの1番目の線 */
                                                                    top: 50%;
                                                                    transform: rotate(45deg);
                                                                }
                                                                .hamburger.active span:nth-of-type(2) {
                                                                    /* ハンバーガーメニューの2番目の線 */
                                                                    opacity: 0;
                                                                    /* 透明にする */
                                                                }
                                                                .hamburger.active span:last-of-type {
                                                                    /* ハンバーガーメニューの3番目の線 */
                                                                    top: 50%;
                                                                    transform: rotate(-45deg);
                                                                }
                                                                .slide-menu.active {
                                                                    transform: translateX(0);
                                                                }
                                                                .nav-b-right {
                                                                    display: flex;
                                                                }
                                                                .nav-item-icon-b svg {
                                                                    display: block;
                                                                    margin: auto;
                                                                }
                                                                .nav-b-icon-box {
                                                                    width: 65px;
                                                                    height: 65px;
                                                                    text-align: center;
                                                                    display: flex;
                                                                    align-items: center;
                                                                    cursor: pointer;
                                                                    position: relative;
                                                                }
                                                                .dropdown__lists {
                                                                    display: none;
                                                                    width: 100px;
                                                                    position: absolute;
                                                                    top: 65px;
                                                                    left: -25px;
                                                                    background-color: #75023B;
                                                                    z-index: 2;
                                                                }
                                                                .nav-icon-tell {
                                                                    margin: auto;
                                                                    text-align: center;
                                                                    padding: 30px 10px;
                                                                }
                                                               
                                                            }
                                                            
                                                            .displayNone {
                                                                display: none;
                                                            }
                                                            
                                                            .accordion li {
                                                                border-bottom: 1px solid #ccc;
																
                                                                padding: 10px;
                                                            }
                                                            
                                                            .contentWrap a {
                                                                border-bottom: 1px solid #ccc;
                                                                padding: 10px 40px 10px 10px;
                                                                height: 60px;
                                                                display: flex;
                                                                align-items: center;
                                                                -webkit-transition: all, 0.25s, linear;
                                                                -o-transition: all, 0.25s, linear;
                                                                -webkit-transition: all, 0.25s, linear;
                                                                font-size: 14px;
																color:#666;
                                                            }
                                                            
                                                            .accordion a:hover {
                                                                background-color: #c2c2c2;
                                                            }
                                                            
                                                            .contentWrap {}
                                                            
                                                            .switch {
                                                                cursor: pointer;
                                                                font-weight: bold;
                                                                padding: 10px 40px 10px 20px;
                                                                font-size: 14px;
                                                                background: #eee;
                                                                border-bottom: 1px solid #ccc;
                                                                position: relative;
                                                                height: 60px;
                                                                display: flex;
                                                                align-items: center;
                                                                color: #333;
                                                            }
                                                            
                                                            .accordion-2 {
                                                                padding-left: 30px!important;
                                                            }
                                                            
                                                            .accordion-3 {
                                                                padding-left: 50px!important;
                                                            }
                                                            
                                                            .switch:after {
                                                                /* position: absolute;
        top: 60%;
        right: 10px;
        margin-top: -18px;
        content: '>';
        font-size: 18px;
        font-weight: bold;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transition: all, 0.25s, linear;
        -o-transition: all, 0.25s, linear;
        -webkit-transition: all, 0.25s, linear;
        transition: all, 0.25s, linear;
        font-family: sans-serif;
        color: #FF6685;
        */
                                                                content: '';
                                                                width: 14px;
                                                                height: 14px;
                                                                border: 0;
                                                                border-top: solid 1px #333;
                                                                border-right: solid 1px #333;
                                                                transform: rotate(45deg);
                                                                position: absolute;
                                                                top: 0;
                                                                right: 30px;
                                                                bottom: 0;
                                                                margin: auto;
                                                                -moz-transition: all, 0.25s, linear;
                                                                -o-transition: all, 0.25s, linear;
                                                                -webkit-transition: all, 0.25s, linear;
                                                                transition: all, 0.25s, linear;
                                                            }
                                                            
                                                            .switch.open:after {
                                                                -moz-transform: translate(0, 50%);
                                                                -ms-transform: translate(0, 50%);
                                                                -webkit-transform: translate(0, 50%);
                                                                transform: translate(0, 50%);
                                                                -moz-transform: rotate(135deg);
                                                                -ms-transform: rotate(135deg);
                                                                -webkit-transform: rotate(135deg);
                                                                transform: rotate(135deg);
                                                                font-family: sans-serif;
                                                            }
                                                            
                                                            .not-arrow:after {
                                                                display: none;
                                                            }
                                                            
                                                            
       
 /* フッター */                                                      
                                                           .footer{
                                                                
                                                                background-color: #333333;
																padding-bottom:15px;
                                                            }
															.footer img{
                                                                margin:0;
                                                                padding: 0;
                                                            }
                                                            .footer-area{
																display: flex;
                                                                max-width: 1100px;
                                                                margin-bottom: 1.5rem;
                                                                margin: 0px auto;
                                                                padding: 10px 1rem;
                                                           justify-content: space-between;
                                                            }
                                                            .footer-area-left{
                                                                margin-bottom: 1.5rem;
                                                                margin:0;
                                              
                                                            }
                                                            
                                                            .footer-area-left p{
                                                                padding: 25px 0 8px 6px;
                                                                font-size: 15px;
                                                                color: #fff;
                                                                background-color: #333333;
                                                            }
															.footer-area-right{
																margin:0;
                                                                padding: 25px 0 10px 5px;
                                                                font-size: 15px;
                                                                
                                                            }
                                                            
                                                            .footer_menu{
                                                                 display:inline-block;
																 
																 margin:20px 8px;
                                                            }
                                                           
	
                                                            .footer_menu a {
																
																padding: 0.5em 1em;
                                                                border: solid 2px #ccc;/*線*/
                                                                border-radius: 16px;/*角の丸み*/   
                                                                color: #ccc;/*文字色*/
																font-size: 14px;
                                                            }
															
															  
                                                            .footer-bottom {
																margin:20px 0 0 10px;
                                                                text-align:left;
																overflow-wrap: break-word;
                                                            }
                                                            
                                                       
         
                                                            
                                                            .copy-right {
                                                                color: #999999;
                                                                font-size: 11px;
                                                                
                                                            }
                                                            

                              
                                                          
                                                            
                                                            .sliderArea {
                                                                max-width: 100%;
                                                                margin: 0 auto;
                                                                padding-top: 40px;
                                                            }
                                                            
											
                                                            
                                                            .slick-prev,
                                                            .slick-next {
                                                                z-index: 1;
                                                            }
                                                            
                                                            .slick-prev:before,
                                                            .slick-next:before {
                                                                color: #000;
                                                            }
                                                            
                                                            .slick-slide {
                                                                transition: all ease-in-out .4s;
                                                                opacity: .2;
                                                            }
                                                            
                                                            .slick-active {
                                                                opacity: 1;
                                                            }
                                                            
                                                            .slick-current {
                                                                opacity: 1;
                                                            }
                                                            
                                                            .thumb {
                                                                margin: 20px 0 0;
                                                            }
                                                            
                                                            .thumb .slick-slide {
                                                                cursor: pointer;
                                                            }
                                                            
                                                            .thumb .slick-slide:hover {
                                                                opacity: .7;
                                                            }
                                                            
                                                            .slider {}
                                                            
                                                            .slide01 {
                                                                display: block;
                                                                /* background-color: #cccccc; */
                                                               
                                                                max-height: 400px !important;
                                                            }
                                                            
                                                            .slide01 img {
                                                                width: 100%;
                                                            }
                                                            
                                                            .slide02 {
                                                                display: block;
                                                                /* background-color: #cccccc; */
                                                                
                                                                max-height: 400px !important;
                                                            }
                                                            
                                                            .slide02 img {
                                                                width: 100%;
                                                            }
                                                            
                                                            .slide03 {
                                                                display: block;
                                                                /* background-color: #cccccc; */
                                                               
                                                                max-height: 400px !important;
                                                            }
                                                            
                                                            .slide03 img {
                                                                width: 100%;
                                                            }
                                                            
                                                            .fixed {
                                                                position: fixed;
                                                                inset: 0;
                                                                z-index: 2;
                                                            }
                                                            

                                                            
                                                            .top-img-box1 {
                                                                max-width: 270px;
                                                            }
                                                            
                                                            .top-img-box2 {
                                                                max-width: 225px;
                                                            }
                                                            
                                                            .top-img-box3 {
                                                                max-width: 225px;
                                                            }
                                                            
                                                            .top-img-box img {
                                                                /* width: 100%; */
                                                            }
                                                            
                                                         
                                                            
                                                            @media (max-width: 900px) {
                                                                .sp-top1 {}
                                                                .top-product .top-img-box {
                                                                    padding: 8px;
                                                                }
                                                                .top-product p {
                                                                    margin-bottom: 30px;
                                                                    font-size: 14px;
                                                                }
                                                                .sp-none {
                                                                    display: none;
                                                                }
                                                                .sp-only {
                                                                    display: block;
                                                                }
                                                                .top-img-box2 {
                                                                    max-width: 270px;
                                                                }
                                                                .top-img-box3 {
                                                                    max-width: 270px;
                                                                }
                                                             
                                                            }
                                                            
                                             
   
                                                            
                                                            .arrow_1 {
                                                                margin-left: 20px;
                                                            }
                                                            
                                                            .custom-box a:hover {
                                                                opacity: 0.7;
                                                            }
                                                            
                                                            .toppage_copy {
                                                                max-width: 1100px;
                                                               text-align:center;
                                                                margin: 60px auto 40px auto;
																padding:0 10px;
																font-weight:500;
																font-size:18px;
																line-height:1.8;
																letter-spacing:0.06em;
																color: #2f4f4f;
                                                            }
															 .toppage_copy h2{
                                                               border-bottom:2px solid ;
															   display: inline-block;
															   padding:0 3px;
															   margin-bottom:15px;
															   line-height:1.5;
															   font-weight:600;
                                                            }
															
															.hidden-pc {	/* 改行対策 */ 
														     display: none;
													     	} 
															
															.content {
                                                                max-width: 1100px;
                                                                padding: 0 20px;
                                                                margin: 30px auto;
																line-height:1.3;
                                                            }
															 @media screen and (max-width: 767px) {
														 .hidden-pc {
 														     display: block;
														    }
														
													 
														.toppage_copy {
																padding:0px;
																font-weight:500;
																font-size:15px;
																margin: 50px auto 30px auto;
                                                            }
															.toppage_copy h2{
                                                               border-bottom:2px solid ;
															   display: block;
															   padding:0 3px;
															   margin-bottom:12px;
															   font-size:16px;
															   line-height:1.5;
															   font-weight:600;
                                                            }
															}
															
                                                            @media (max-width: 900px) {
                                                                .content {
                                                                    max-width: 1100px;
                                                                    padding: 0 15px;
                                                                    margin: 40px auto;
                                                                }
                                                            }
                                                           
                   
															
															
                                                            .heading1 {
                                                                font-size: 18px;
                                                                letter-spacing: 0.05em;
																
                                                            }
                                                            
                                                            .heading1-custom {
                                                                margin-bottom: 20px!important;
                                                            }
                                                            
                                                            .heading1-custom2 {
                                                                margin-bottom: 20px!important;
                                                            }
                                                            
                                                            .heading1::before {
                                                                content: attr(data-en);
																
                                                                
                                                                color: #999;
                                                                font-size: 30px;
                                                                top: 5%;

  width: .2em;
 
																border-right: 2px solid #999;
																margin-right:12px;
																padding-right:12px;
                                                            }
                                                            
                                                            
                                                            
                                                            .sub-menu01-1 {
                                                                
                                                                background: transparent;
                                                                
                                                                color: #3B4043;
                                                                
                                                                padding: 10px 20px!important;                                                            
                                                              
																width: auto;
																border-bottom: 1px dotted #999;
																
                                                            }
                                                            
                                                            .sub-menu01-2 {
                                                                padding-left: 15px !important;
                                                                background: transparent;
                                                                
                                                                color: #3B4043;
                                                                
                                                            }
                                                            
                                                          
                                                            
                                          
                                                            
                               
                                                            
                                                            .productcard-area {
                                                                background-color: #FAFBFB;
                                                                padding: 10px 0;
                                                            }

                                                            
        
                                                            .menu-b-box {
                                                                border-left: 1px #B2B2B2 solid;
                                                                display: flex;
                                                                padding-left: 80px;
                                                            }
                                                            
                                                            .sub-menu01-3 {
                                                                background: transparent;
                                                                text-align: start;
                                                                color: #3B4043;
                                                                font-weight: 100;
                                                            }
                                                            
                                                            .main-content {
                                                                max-width: 1100px;
                                                            }
                                                            
                                                            .main-s-content {
                                                                max-width: 1150px;
                                                                display: flex;
                                                                margin: auto;
                                                                padding: 0 25px;
                                                            }

                                                            .top-line {
                                                                padding-bottom: 15px;
                                                                margin: auto;
                                                                margin-bottom: 100px;
                                                            }
                                                            
                                                   
                                
                                                            
                                                            .pb-1 {
                                                                padding-bottom: 40px;
                                                            }
                                                            
                                                         
                                                            .m-top1 {
                                                                margin-top: 25px;
                                                            }
                                                            
                                                            .m-b-custom1 {
                                                                margin-bottom: 100px;
                                                            }
                                                            

                                                            
                                                   

@media screen and (max-width:600px) {
                                                                .head-banner {
                                                                    height: 150px;
                                                                    background-size: cover;
                                                                    line-height: 150px;
                                                                }
                                                            }
                                                            
                                                            
                                                            .text-left {
                                                                text-align: start!important;
                                                            }
                                                            
                                                            .text-right {
                                                                text-align: end!important;
                                                            }
                                                            
                                       
                                                            .cell-grey-line {
                                                                background-color: #f7f7f7;
                                                            }

                                                            
                                                            .back {
                                                                position: relative;
                                                                padding-right: 15px;
                                                                margin-top: 15px;
                                                                display: inline-block;
                                                                color: #d0d0d0;
                                                            }
                                                            
                                                            .back:hover {
                                                                opacity: 0.7;
                                                            }
                                                            
                                                            .back::after {
                                                                content: '';
                                                                width: 6px;
                                                                height: 6px;
                                                                border: 0;
                                                                border-top: solid 2px #d0d0d0;
                                                                border-right: solid 2px #d0d0d0;
                                                                transform: rotate(-45deg);
                                                                position: absolute;
                                                                top: 5px;
                                                                right: 0;
                                                                bottom: 0;
                                                                margin: auto;
                                                            }
                                                            
                                                   
                                                            
                                                            .text-color-paragraph {
                                                                color: #707070;
                                                            }
                                                            
                                                            .grey-line-text-head {
                                                                width: 100%;
                                                                display: flex;
                                                                justify-content: space-between;
                                                                align-items: center;
                                                                /* background-color: #f0f0f0; */
                                                                /* background-image: linear-gradient(90deg, rgba(233, 233, 233, 1), rgba(192, 192, 192, 1)); */
                                                                background: linear-gradient( 90.23deg, #C92400 0.21%, #990000 99.8%);
                                                                padding: 10px 20px;
                                                                margin-bottom: 20px;
                                                                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 2px 0px;
                                                                font-weight: 600;
                                                                color: #FFF;
                                                            }
                                                            
                                                            .area-name-color {
                                                                color: #990001;
                                                            }
                                                            
                                                            .text-red {
                                                                color: #ff0000;
                                                                margin-top: 5px;
                                                                display: inline-block;
                                                            }
                                                            
                                                            .area-box {
                                                                margin-top: 50px;
                                                            }
                                                            
                                                            .area-text-head2 {
                                                                position: relative;
                                                                display: inline-block;
                                                                padding: 0 55px;
                                                                font-size: 18px;
                                                                margin-bottom: 20px;
                                                                font-weight: 600;
                                                            }
                                                            
                                                            .area-text-head2:before,
                                                            .area-text-head2:after {
                                                                content: '';
                                                                position: absolute;
                                                                top: 50%;
                                                                display: inline-block;
                                                                width: 45px;
                                                                height: 1px;
                                                                background-color: black;
                                                            }
                                                            
                                                            .area-text-head2:before {
                                                                left: 0;
                                                            }
                                                            
                                                            .area-text-head2:after {
                                                                right: 0;
                                                            }
 
                                                            .s-text {
                                                                font-size: 12px!important;
                                                            }
                                                            

                                                            .sup-text {
                                                                font-size: 14px;
                                                                text-align: end;
                                                            }
                                                            

                                                            
                                                            .mt-2 {
                                                                margin-top: 40px!important;
                                                            }
                                                            

                                                            
                                                            .ml-1 {
                                                                margin-left: 50px;
                                                            }
                                                            

                                                            .f-left {
                                                                float: left;
                                                            }
                                                            
                 
                                                            
                                                            .m-left-box {
                                                                margin-left: 20px;
                                                            }
                                                            
                                                            .word-none2 {
                                                                color: #DDDDDD!important;
                                                            }
                                                            

                                                            /* アコーディオン */
                                                            
                                                            
                                                            .accordion-content {
                                                                display: none;
                                                            }
                                                            /* 装飾用 */
                                                            
                                                            .accordion-header {
                                                                background-color: #f0f0f0;
                                                                padding: 10px 20px;
                                                                margin: 10px 0 0 0;
                                                                transition: background .3s ease;
                                                                cursor: pointer;
                                                                position: relative;
                                                                display: flex;
                                                                align-items: center;
                                                            }
                                                            
                                                            .accordion-header:first-child {
                                                                margin-top: 0!important;
                                                            }
                                                            
                                                            .accordion-header p {
                                                                font-weight: 600;
                                                            }
                                                            
                                                            .accordion-header::before,
                                                            .accordion-header::after {
                                                                position: absolute;
                                                                content: '';
                                                                top: 1px;
                                                                right: 20px;
                                                                bottom: 0;
                                                                width: 12px;
                                                                height: 2px;
                                                                margin: auto;
                                                                background: #151E2F;
                                                            }
                                                            
                                                            .accordion-header::after {
                                                                transform: rotate(-90deg);
                                                                transition: transform 0.3s;
                                                            }
                                                            
                                                            .accordion-header.active::after {
                                                                transform: rotate(0deg);
                                                            }
                                                            
                                                            .accordion-content {
                                                                background-color: rgb(153, 0, 1, 0.1);
                                                                padding: 10px 18px;
                                                            }
                                                            
                                                            .accordion-content span::before {
                                                                position: absolute;
                                                                content: "A";
                                                                top: -3px;
                                                                left: 0;
                                                                color: #990001;
                                                                font-size: 20px;
                                                                font-weight: 600;
                                                            }
                                                            
                                                            @media screen and (max-width: 767px) {
                                                                .accordion-header {
                                                                    padding: 10px 10px;
                                                                }
                                                                .accordion-header::before,
                                                                .accordion-header::after {
                                                                    right: 10px;
                                                                }
                                                                .number-box {
                                                                    padding-left: 0px;
                                                                }
                                                                .quality-message {
                                                                    font-size: 20px;
                                                                    color: #707070;
                                                                    line-height: 30px;
                                                                }
                                                                .ml-1 {
                                                                    margin-left: 0;
                                                                }
                                                                .mt-2 {
                                                                    margin-top: 20px !important;
                                                                }
                                                                .number-box {
                                                                    margin-bottom: 40px;
                                                                }
                                                                .sp-text-width-1 {
                                                                    width: 100px;
                                                                }
                                                                .sp-text-width-2 {
                                                                    width: 390px;
                                                                }
                                                                .sp-text-width-3 {
                                                                    width: 80px;
                                                                    text-align: start;
                                                                }
																 .m-left-box {
                                                                margin-left: 0;
                                                            }
																.caution-box {
                                                                 padding: 10px 10px;
                                                            }
                                                            }
                                                            /* hover */
                                                            
                                                            .accordion-header:hover {
                                                                background-color: #DDDDDD;
                                                            }
                                                            
                                                            .qa-header {
                                                                color: #990001;
                                                                font-size: 20px;
                                                                font-weight: 600;
                                                                margin-right: 10px;
                                                            }
                                                            
                                                            .accordion-content .qa-header {
                                                                width: 30px;
                                                            }
                                                            
   
                                                            

                                                            
                                                            .m-left {
                                                                margin-left: 16px;
                                                            }
                                                            
                                         
                                                            
                                           
                                                            .contact-line {
                                                                margin: 50px 0;
                                                            }
                                                            
                                                        
                                                         
                                                            .m-auto {
                                                                margin: auto;
                                                            }
                                                            

                                                            
                                                            .text-left-line {
                                                                display: flex;
                                                                align-items: center;
                                                                font-size: 16px;
                                                                text-align: center;
                                                            }
                                                            
                                                            .text-left-line::before {
                                                                content: '';
                                                                width: 20px;
                                                                height: 1px;
                                                                background: linear-gradient(90.23deg, #C92400 0.21%, #990001 99.8%);
                                                            }
                                                            
                                                            .text-left-line::before {
                                                                margin-right: 5px;
                                                            }
                                                            
                                                          
                                                            
                                                            .img-hover:hover {
                                                                opacity: 0.7;
                                                            }
                                                            
                                   
                                                            
                                                            .table-none-line td {
                                                                border-color: #fff!important;
                                                                padding: 3px 0 3px 0!important;
                                                            }
                                                            

                                                            
                                                            .link-hover:hover {
                                                                opacity: 0.7;
                                                            }
                                                            
                                                            .link-cell a {
                                                                position: relative;
                                                                background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
                                                                padding: 8px 11px 8px 5px;
                                                                font-size: 14px;
                                                                color: #000000;
                                                                font-weight: 600;
                                                                margin: 2px;
                                                                display: block;
                                                                width: 100px;
                                                                text-align: start;
                                                            }
                                                            
                                                            .link-cell a::after {
                                                                content: '';
                                                                width: 0;
                                                                height: 0;
                                                                border-style: solid;
                                                                border-width: 8px 0 8px 10px;
                                                                border-color: transparent transparent transparent #fff;
                                                                position: absolute;
                                                                top: 0;
                                                                right: 5px;
                                                                bottom: 0;
                                                                margin: auto;
                                                            }
                                                            
                                                         
                                                            
                                                
                                                           
                                                            
                                                            .cards--col4 {
                                                                margin-bottom: -20px;
                                                                display: flex;
                                                            }
                                                            
                                                            .cards--col4>.cards__item {
                                                                width: 19.2%;
                                                                margin-right: 1.5%;
                                                                margin-bottom: 10px;
                                                            }
                                                            
                                                            .cards--col4>.cards__item:nth-of-type(5n) {
                                                                margin-right: 0;
                                                            }
/* 製品紹介 */                                                            
                                                            .card__img-wrapper img {
                                                                object-fit: cover;
                                                                background-size: contain;
                                                                width: 100%;
                                                                height: 100%;
																
                                                            }
                                                            
															 .card__body{
                                                            
                                                               margin:0;
                                                            }
															
                                                            .card__body h4 {
                                                            
                                                                padding: 15px;
																text-align:center;
                                                                color: #47423c;
																font-weight: 500;
																font-size:15px;
                                                                text-decoration: none;
																line-height: 1.3;
                                                            }
                                                            
	


                                                            
                                                            .card__img-wrapper {
                                                                margin: 0!important; /*余白なし*/	
																
                                                            }
    /*製品紹介　それぞれのbox*/	                                                         
                                                            .cards__item {
															
                                                                background-color: #fff;
                                                                margin-bottom: 50px;
                                                                transition: 0.5s;
                                                                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px;
																border-radius: 8px;
																border: solid 1px #dcdcdc;
                                                            }
													
															.cards__item:hover {
                                                                opacity: 0.7;
                                                            }
	                                                            
                                                            @media (max-width: 900px) {
                                                               .cards--col4 {
                                                                    margin-bottom: -20px;
                                                                    display: flex;
                                                                    flex-wrap: wrap;
                                                                    justify-content: space-between;
                                                                }
                                                                .cards--col4>.cards__item {
                                                                    width: 19.2%;
                                                                    margin-right: 0.8%;
                                                                    margin-bottom: 20px;
                                                                }
                                                            }
                                                            
                                                            @media (max-width: 600px) {
																
																.cards--col4>.cards__item {
                                                                    width: 99.5%;
																	 
                                                                }
																
																.cards--col4 {
                                                                   
																	
                                                                }
																
																.cards__item {
															padding: 0!important;
                                                               
                                                            }
																
																
                                                                .card__img-wrapper {
																	display: inline-block;
																	margin: 0;
																	padding: 0;
 
                                                                    object-fit: cover;
                                                                    background-size: contain;
                                                                    width: 130px;
                                                                    height: 100%;
                                                                }
                                                               
															   .card__body{
                                                                    display: inline-block;
																	vertical-align: top;
                                                                    padding: 50px 0 0 30px;
																	margin: 0!important;
																	
																	
                                                                }
															   .card__body h4{
																   display: inline-block;
                                                                    width: auto;
                                                                    padding: 0!important;
																	margin: 0!important;
																	 text-align:left;
                                                                }
																
                                                            }
                                                            

                                                            .size-text {
                                                                font-size: 12px;
                                                                font-size: 14px;
                                                                letter-spacing: 0;
                                                            }
                                                            

                                                            .company-logo{
                                                                
																height:auto;
																padding:8px 6px;
																background-color:#000;
                                                            }
                                                            

                                                            
                                                            .top_heading_img {
                                                                position: relative;
                                                            }
                                                            
                                                            .top_heading_img-box {
                                                                opacity: 0;
                                                                visibility: hidden;
                                                                position: absolute;
                                                                transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
                                                                left: 50%;
                                                                transform: translate(-50%, -50%);
                                                                top: 60%;
                                                                max-width: 1000px;
                                                            }
                                                            
                                                            .top_heading_img-box.active {
                                                                opacity: 1;
                                                                visibility: visible;
                                                            }
                                                            

                                                            
                                                            @media (max-width: 900px) {
                                                                .top_heading_img-box {
                                                                    display: block;
                                                                }
                                                                .top_heading_img-text {
                                                                    width: 100%;
                                                                    margin: auto;
                                                                    text-align: start;
                                                                }
 
                                                         
                                                                .banner-text1 {
                                                                    margin-top: 15px;
                                                                    font-size: 15px;
                                                                }
                                                                .top_heading_img-text h4 {
                                                                    font-size: 24px;
                                                                }
                                                                .banner-text2 {
                                                                    margin-top: 25px;
                                                                    font-size: 16px;
                                                                    letter-spacing: 3px;
                                                                }
                                                                .top_heading_img-box {
                                                                    top: 54%;
                                                                    text-align: center;
                                                                }
                                                                .top_heading_img {
                                                                    height: 500px;
                                                                    padding-top: 50px;
                                                                }
                                                                .top_heading_img img {
                                                                    margin-right: 0;
                                                                }
                                                            }
                                                            
  

                                                            
                                                            @media (max-width: 900px) {
                                                                .sp-pd-adjust {
                                                                    padding: 0;
                                                                }
                                                              
                                                                
                                                                .footer-area{
                                                                    display: block;
                                                                }
															    .footer-area-right{
                                                                    margin:0;
																	padding:0px;
                                                                }
																.company-logo {
                                                                    max-width: 78%;
																	height:auto;
                                                                } 
																 
																.footer-area-left p{
                                                                    font-size: 11pt;
																	padding-bottom:3px;
                                                                }
																 
                                                                .footer-area-right .company-logo{
                                                                    width: 60%;
                                                                }
                                                              .footer-bottom p {
																margin:0px auto;
                                                                text-align:center;
																width:100%;
																overflow-wrap: break-word;
                                                            }
                                                                .top-line {
                                                                    padding-left: 10px;
                                                                }
                                                                .product-img-back {
                                                                    margin: auto;
                                                                    margin-bottom: 30px;
                                                                }
                                                                .top-line-mt2 {
                                                                    margin-top: 44px;
                                                                }
                                                                
                                                            }
                                                            
                                                            @media screen and (max-width: 767px) {
                                                            
																.top-line-mt2 {
                                                                    margin-top: 60px;
                                                                }
                                                            }
           
                                                            .m-left {
                                                                margin-left: 10px;
                                                            }
                                                            
                                                           
                                                            
                                                            .mt-4 {
                                                                margin-top: 10px;
                                                            }
                                                            
                                                           
                                             
											 
															
       .slick-list {
               height:38vw;
        /* 通常時の高さを指定 */
         }

@media screen and (max-width: 900px) {
       .sliderArea {
               padding-top: 30px;
                     }
          }
       .slick-slide img {
               height: 39vw; //ポイント1
               max-height: 400px; //ポイント2
               min-height: 350px; //ポイント2
                          }
                                                            
  @media screen and (max-width: 768px) {
		.sliderArea {
              padding-top: 55px;
                         }
        .slick-slide img {
              height: 41vw; //ポイント1
              max-height: 400px; //ポイント2
              min-height: 350px; //ポイント2
                           }
             .slick-list {
                height: 41vw;
                        }
         }




.transparent::before {
    content: "";
    /* 疑似要素に必須 */
    width: 100%;
    /* 幅いっぱい */
    height: 100%;
    /* 高さいっぱい */
    display: block;
    /* 高さを指定するためにブロック要素にする */
    /* background: linear-gradient(#000000 0, rgba(255, 255, 255, 0) 80%); */
    background-color: rgba(0, 0, 0, 0.5);
    /* 徐々に透明にする */
    position: absolute;
    /*  */
    top: 0;
    left: 0;
    z-index: -1;
}


.heading01 {
    width: 350px;
    background-image: linear-gradient(90deg, rgba(190, 5, 10, 1), rgba(182, 120, 90, 1));
    clip-path: polygon(9% 0, 91% 0, 100% 50%, 90% 100%, 9% 100%, 0% 50%);
    text-align: center;
    padding: 10px 30px;
    color: #ffffff;
    font-weight: bold;
    margin: auto;
    font-size: 26px;
}




@media (max-width: 720px) {
    .sp {
        display: block;
    }

    .heading01 {
        width: 300px;
        background-image: linear-gradient(90deg, rgba(190, 5, 10, 1), rgba(182, 120, 90, 1));
        clip-path: polygon(9% 0, 91% 0, 100% 50%, 90% 100%, 9% 100%, 0% 50%);
        text-align: center;
        padding: 10px 30px;
        color: #ffffff;
        font-weight: bold;
        margin: auto;
        font-size: 22px;
    }
    }


/*-------------------------------------------
製品ページ
-------------------------------------------*/
	.product_wrap{
		max-width: 900px;
        
        margin: 140px auto;
    }

	.product_contents{
		
        display: flex;
		margin-bottom:50px;
    }
	
	 .product_contents h3{
		 margin:20px 0;
          font-size: 30px;
           letter-spacing: 0.05em;									
          }
	 .product_contents h4{
		 border-bottom:solid 1px;
		 padding-bottom:5px;	
		 	letter-spacing: 0.05em;							
          }	  
		  
	.leftbox img{
		 width:360px;
		 height:auto;
		 object-fit: cover;
		 object-position: 0 100%;
          }
	
	 .rightbox{
		 margin-left:30px;
		 margin-top:5px;
          }
		  
	.rightbox p{
		 margin:10px 0;
		 
          }
		  
.product-point{
	position: relative;
	padding: 2px 0 0 16px;
	
	vertical-align: middle;
	text-decoration: none;
	font-size: 16px;
}
.product-point::before,
.product-point::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.product-point::before{
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	border: 1px solid #00bfff;
	-webkit-border-radius: 25%;
	border-radius: 25%;
}
.product-point::after{
	left: 5px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #00bfff;
}
		  
		  .spec{
	margin:30px 0;
}
		  .spec table{
	margin: 10px 0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	width:400px;
	text-align:left;
	font-size:15px;
	padding:1px;
	
}
.spec td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-left: 5px;
	
}
.spec th {
	font-weight: normal;
	background-color: #E5E5E5;
	vertical-align: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}


.product_img {
  display: flex;
  flex-wrap: wrap;
  margin:50px 0 10px 0;
   max-width: 1100px;
}
.product_img ul{
        font-size:0;
        list-style:none;
		margin:50px 0;
    }
.product_img li {
  width: 29%; 
 margin-right:6%;

  
}

.product_img li img {
   height:230px;
 width: 100%;
  object-fit:cover;
}

.product_img li:nth-child(3n) {
  margin-right: 0;
}
.product_img p{
margin:0;
}

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

.product_wrap{
		padding:0px;
		width: 100%;
		margin-top:60px;
    }

.product_contents{	
        display: block;
		position: relative;
    }
	.leftbox{
		position: relative;
		margin:auto;
		
    }
	.leftbox img{
		width:100%;
		height:auto;
    }
	 .product_contents h3{
		 margin:20px 0;
  display: flex;
  padding: 0 4%;
  position: absolute;
  top: 35px;
  left: 0;
  font-size:28px;							
          }
		   .product_contents h4{
		 
			width: auto;
			margin:0px ;
			font-size:14px;
  display: flex;
  padding: 4px 0 4px 4%;
  position: absolute;
  top: 25px;
  left: 0;								
          }	  
	 .rightbox{
		 margin-top:20px;
		 margin-left:0px;
		 padding:0 20px;
          }
	
			  .spec table{
	width:100%;
	
}
 .product_img{
   padding:0 20px;
}
 .product_img li img {
   height:150px;

}

        .musubi img{
              width:100%;
                           }

}


/*-------------------------------------------
会社概要
-------------------------------------------*/
#overview {
max-width: 600px;	
 margin: 80px auto;
}

 #overview  h3{
    font-size: 24px;
    letter-spacing: 0.05em;		
    margin:40px 0 30px 0;						
          }
#overview .overview-list {
  display: flex;
  flex-wrap: wrap;
}
#overview .overview-list dt {
  width: 150px;
  border-top: solid 1px #1f1f1f;
  font-size: 15px;
  padding: 36px 5px;
}
#overview .overview-list dt:last-of-type {
  border-bottom: solid 1px #1f1f1f;
}
#overview .overview-list dd {
  width: calc(100% - 200px);
  border-top: solid 1px #ccc;
  font-size: 15px;
  padding: 30px 20px;
  line-height: 1.8;
}
#overview .overview-list dd:last-of-type {
  border-bottom: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
  #overview {
max-width: 480px;	
 
}
  #overview .overview-list dt {
  width: 100px;
}
#overview .overview-list dd {
  width: calc(100% - 110px);
  
  padding: 30px 10px;
  
}
}

/*-------------------------------------------
お問い合わせ
-------------------------------------------*/

p.btn input {
	font-size:13px;
	font-weight:400;
   background-image: linear-gradient(0deg, #cccccc, #ffffff);
   border: 1px solid #666666;
   border-radius: 0.3em;    
   color: #000;
}
p.btn input:hover {
   /* マウスオーバー */
   background-image: linear-gradient(0deg, #90ee90, #ffffff);
   border: 1px solid #666666;
   color: #000;
}
p.btn input:active {
   /* 押されたとき */
   color: #000;
   border: 1px solid 333333;
}

.form-area {
  max-width: 900px;
  padding: 0 20px;
  margin: 0 auto 120px;
}


.form-area h2 {
  border-bottom: solid 1px #1f1f1f;
  
  padding-bottom: 10px;
   margin:60px 0 30px 0;
  
}

.form-area .heading1-custom {
   margin-top:120px;
  
}

.form-area dl {
  margin-bottom: 40px;
}
.form-area .item {
  display: flex;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}
.form-area .item dt {
  width: 210px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 50px 20px;
  font-weight:500;
}


.require {
  border: solid 1px #df4440;
  color: #df4440;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 5px;
}
.form-area .item dd {
 width: calc(100% - 210px);
  display: flex;
  align-items: center;
  padding: 0 30px;
  
}


.form-area .item dd.checkbox-group {
  display: flex;
  align-items: center;
}
.form-area .item dd .checkbox-item {
  margin-right: 20px;
}
.form-area .item dd input[type="text"],
.form-area .item dd input[type="email"],
.form-area .item dd select {
  width: 100%;
  border: solid 1px #ccc;
  padding: 15px;
    font-size: 15px;
	font-weight: 300;
	color:#333;
	
}
.form-area .item dd input[type="checkbox"] {
  margin-right: 5px;
}
.form-area .item dd textarea {
  width: 100%;
  border: solid 1px #ccc;
  padding: 15px;
   font-size: 15px;
   font-weight: 300;
	color:#333;
  line-height:1.6;
  text-align:justify;
}

.addresscheck{
 width: calc(100% - 210px);
 padding: 0px;
 
  }
  
  .addresscheck dd{
    flex-direction: column;
	align-items: center;
width: 100%;
 
  }

.form-area .privacy-policy {
  
  margin-bottom: 40px;
}

.form-area .privacy-policy .require {
  margin:10px;
}

.form-area .privacy-policy .privacy-text {
  max-width: 640px;
  
  border: solid 1px #ccc;
  padding: 25px 30px;
  margin: 0 auto 30px;
  overflow-x: hidden;
}
.form-area .privacy-policy .privacy-text .privacy-title {
  font-weight: 500;
  margin-bottom: 0px;
  text-align: center;
  font-size: 16px;
}
.form-area .privacy-policy .privacy-text p {
  line-height:1.8;
  margin-top: 10px;
  text-align:justify;
  font-size: 14px;
  
}

.form-area .privacy-policy .privacy-item {
  text-align: center;
}
.form-area .btn-submit {
  width: 100px;
  height: 40px;
  background-color: #1f1f1f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin: 0 auto;
  
}


@media screen and (max-width: 767px) {
  .form-area {
    margin: 0 auto 60px;
  }
  .form-area .item {
    flex-direction: column;
	margin-top: 0px;
    margin-bottom: 40px;
	 padding: 0
  }
  
  .form-area h2 {
   margin-top:80px;
}
  .form-area .item dt {
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
	
  }
  .form-area .item dd {
    width: 100%;
    padding: 0;
	margin:0;
  }
  .form-area .item dd.checkbox-group {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-area .item dd .checkbox-item {
    margin: 0 0 5px;
  }
.addresscheck{
    width: 100%;
 flex-direction: column;
    align-items: flex-start;
  }
  
  

}

/*-------------------------------------------
お問い合わせ_送信確認
-------------------------------------------*/


.conf_table{
  border-collapse: separate; border-spacing: 10px;
  display: flex;
  
  justify-content: space-between;
margin-top: 0px;
margin-bottom: 50px;

}

.conf_table th{
  width: 210px;
font-size: 15px;
  text-align:left;
   font-weight:500;
  background-color: #f5f5f5;
  padding: 20px 20px;
  
}
.conf_table td{
	width: 600px;
  text-align:justify;
  border: solid 1px #ccc;
  
   line-height:1.6;
  padding: 20px 20px;
  margin-left:100px;
}

p.btn input{
	width: 110px;
	height: 30px;
}

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

															
															
  .form-area .table,tbody,tr,td,th {
        /* 幅を100%にする */
    display: block; 
	margin: 0;
	width: 100%;
  }

.conf_table th,td{
	display: block; 
  width: 100%;
  margin-right:60;
}


.conf_table th{
	display: block; 
  width: 100%;
  margin-bottom: 10px;
}
.conf_table td{
	display: block; 
  width: 100%;
  text-align:justify;
  margin: 0 0 30px 0;
   line-height:1.6;
 border: solid 1px #ccc;
  padding: 15px;
}

}

/*-------------------------------------------
お問い合わせ_送信エラー
-------------------------------------------*/

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
	text-align:justify;
	line-height:1.6;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

/*-------------------------------------------
お問い合わせ_THANKS
-------------------------------------------*/

/* for message */
p.msg_conf {
	color: #2f4f4f;
	margin: 2em;
	text-align:justify;
	line-height:1.6;
	font-weight:500;
}
p.msg_notice {
	color: #696969;
	margin: 2em;
	text-align:justify;
	line-height:1.6;
}


