/*
Theme Name: pep
Author: magicmii
Version: 2022.11
*/


/*--------------------------------------------------------------
# タイトルマージン
--------------------------------------------------------------*/
.new_material .c-head_wrap,
.guide .c-head_wrap,
.interview .c-head_wrap,
.recruit .c-head_wrap,
.delivery .c-head_wrap,
.introduction_paper .c-head_wrap,
.introduction_original_paper .c-head_wrap,
.original_paper .c-head_wrap {
	margin-top: 120px;
}
@media screen and (max-width: 768px) {
.new_material .c-head_wrap,
.guide .c-head_wrap,
.interview .c-head_wrap,
.recruit .c-head_wrap,
.delivery .c-head_wrap,
.introduction_paper .c-head_wrap ,
.introduction_original_paper .c-head_wrap ,
.original_paper .c-head_wrap {
	margin-top: 70px;
}
}


/*--------------------------------------------------------------
# 初めての方へ guide
--------------------------------------------------------------*/
.guide_header_txt{ margin-bottom: 120px;}
.guide_header_txt h3.two-column-box{align-items:center;}
.guide_header_txt h3.two-column-box_item{
    width: 43%;
    font-style: normal;
    font-weight: 700;
    font-size: calc(20px + 12*(100vw - 375px)/1545);
    line-height: 46px;    
    letter-spacing: 0.06em;
}
.guide_header_txt .two-column-box_item.text-group01{
    width: 57%;
}
#guide .guide_header_txt .two-column-box_item.text-group01{
	padding-top: 5px;
}
.GuideContent .c-button01.wt-btn{ background:  rgba(255,255,255,0.2);}


.GuideContent h3{border-left:2px solid #FFF; padding-left: 15px;}
.GuideContent .text-group05.HistoryContent__year1{font-weight:500;}
.GuideContent .two-column-box_item .mt40{ margin-top: 40px;}
@media screen and (min-width: 1920px) {
	.guide_header_txt h3.two-column-box_item{
        font-size: 32px;
    }    
}
@media print, screen and (min-width: 768px) {
  .GuideContent {
    width: 1080px;
    margin: 0 auto;
  }
  .LayoutGuide {
    width: 100%;
    min-width: 1192px;
    min-height: calc(100vh - 80px);
    padding: 100px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
  }
 

  .LayoutGuide .LayoutGuide__inner {
    width: 1192px;
  }
  .LayoutGuide.-section1 {
    background-image: url("../../images/guide/guide-bg-01.png");
  }
  .LayoutGuide.-section2 {
    background-image: url("../../images/guide/guide-bg-02.png");
  }
  .LayoutGuide.-section3 {
    background-image: url("../../images/guide/guide-bg-03.png");
  }
  .LayoutGuide.-section4 {
    background-image: url("../../images/guide/guide-bg-04.png");
  }
  .LayoutGuide.-section5 {
    background-image: url("../../images/guide/guide-bg-05.png");
  }
}
	.LayoutGuide .c-button01:hover{
        color: #333;
        background: #FFF;
        opacity: 1;
    }



/* GuideNavigation */
@media print, screen and (min-width: 768px) {
  .GuideNavigation {
    position: fixed;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 40px;
	  z-index: 10;
  }
  .GuideNavigation .GuideNavigation__item {
    margin-bottom: 5px;
  }
  .GuideNavigation .GuideNavigation__item.-current .GuideNavigation__link {
    background-color: white;
  }
  .GuideNavigation .GuideNavigation__link {
    display: block;
    width: 3px;
    height: 30px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.3);
    transition: background-color 200ms;
  }
}
.guide .three-column-box p{ margin-top: 10px;}


@media screen and (max-width: 768px) {
	.LayoutGuide{background-size: cover; background-position: top center;}
	  .LayoutGuide.-section1 {
		background-image: url("../../images/guide/guide-bg-sp-01.png");
		  
	  }
	  .LayoutGuide.-section2 {
		background-image: url("../../images/guide/guide-bg-sp-02.png");
	  }
	  .LayoutGuide.-section3 {
		background-image: url("../../images/guide/guide-bg-sp-03.png");
	  }
	  .LayoutGuide.-section4 {
		background-image: url("../../images/guide/guide-bg-sp-04.png");
	  }
	  .LayoutGuide.-section5 {
		background-image: url("../../images/guide/guide-bg-sp-05.png");
	  }
	#guide .two-column-box,.GuideContent.two-column-box{display: block;}
	.guide_header_txt h3.two-column-box_item{ 
        line-height: 29px;
        letter-spacing: 0.04em;
    }
	.guide_header_txt h3.two-column-box_item,
	.guide_header_txt .two-column-box_item.text-group01{
		width: 100%;
	}
	.guide_header_txt.two-column-box .two-column-box_item:first-child{
		margin-bottom: 24px;
	}
	.guide_header_txt .two-column-box_item.text-group01{padding-top: 0px;}
	.guide_header_txt {   margin-bottom: 56px;	}
	#guide .two-column-box .two-column-box_item:first-child{ margin-bottom: 30px;}
	.LayoutGuide { color: #FFF; padding: 0 16px; height: 100vh; display: flex;align-items: center;}
	.LayoutGuide .GuideContent{}
	.LayoutGuide .c-button01{ max-width: 100%; max-height: 54px;}
	.guide .three-column-box { flex-direction: column;}
	.guide .three-column-box_item {  width: 100%; margin-bottom: 40px;}
}

/*--------------------------------------------------------------
# 採用情報
--------------------------------------------------------------*/

.recruit_title{
	background:url("../../images/recruit/recruit_main.png") 50% 50% no-repeat; background-size: cover;
	width: 100%;
	max-width: 1920px;
	height: 100%;
	height: 784px;
	color: #FFF;
	margin: -120px auto 0;
	text-align: center;
	display: table;
	vertical-align: middle;
}
.recruit_title div.txt{
	display: table-cell;
	vertical-align: middle;
	background:url("../../images/recruit/recruit_main02.png") 50% 50% no-repeat; background-size: 590px 590px;
	width: 590px;
	height: 590px;
}
.recruit_title div.txt h2.text-group05{ 
    line-height: 160%;
	padding: 40px 0 20px;
}

@media screen and (max-width: 768px) {
	.recruit_title{ 
	background:url("../../images/recruit/recruit_main_sp.png") 50% 50% no-repeat; background-size: cover;
		margin: -70px auto 0;
		height: 600px; 
		padding: 0 16px;
	}
	.recruit_title div.txt{
	background:url("../../images/recruit/recruit_main02.png") 50% 50% no-repeat; background-size: contain;
	width: 100%;
	height: 100%;}

}

/* 採用情報_数字で見る
----------------------------- */
@media screen and (min-width: 767px) {
.recruit .three-column-box{}
.recruit .three-column-box_item{
column-gap:60px !important;
    width: calc(100% / 3 - 3.8%);
}
}

@media screen and (max-width: 768px) {
	.recruit .three-column-box_item:last-child{ margin-left: auto;margin-right: auto; text-align: center;}
}

/* 採用情報_座談会
----------------------------- */
.rec_box{position: relative; width:100%; height: 436px;z-index: 1; }
.recruit .c-second-head_wrap.c-second-head_with-img{z-index: 10;}
.recruit .c-second-head_wrap.c-second-head_with-img img{
	width: 60%;
	max-width: 548px;
	height: auto;
}
.recruit .bk-color-box {
    margin:0px 0 0 40px;
	text-align: left;
	top:60px;
	position: absolute;
	padding: 40px 0 40px 50%;
	width: 100%;
	
}
.recruit .bk-color-box .text-group04{text-align:left;}
.recruit .bk-color-box  p{ margin-top: 40px;}

.recruit .bk-color-box .rec_interview { display:flex;justify-content:center;justify-content:flex-start;align-items:center;	margin-top: 40px;
	column-gap: 32px;}
.recruit .bk-color-box .rec_interview dl dd{ margin: 5px 0 0 0;}
.recruit .bk-color-box .rec_interview div{ color: #A80909; font-size: 40px;justify-content:center;align-content: center;}

.recruit .c-second-head_wrap.c-second-head_with-img .c-head-style03 {  margin-top: 64px;}


	
@media screen and (max-width: 768px) {
.rec_box{ height: auto; position: inherit;}
.recruit .c-second-head_wrap.c-second-head_with-img img{
	width: calc(100% - 16px);
	max-width:100%;
	height: auto;
 position: inherit;
	}
.recruit .bk-color-box {
    margin:-40px 16px 0 16px;
	padding: 50px 28px 40px 28px;
	width: calc(100% - 16px);
 position: inherit;	
}
.recruit .bk-color-box  p{ margin-top: 40px;}

.recruit .bk-color-box .rec_interview {margin-top: 30px;	column-gap: 13px;}
.recruit .bk-color-box .rec_interview dl dd.text-group01{font-size: calc(12px + 3*(100vw - 375px)/1545);}
.recruit .bk-color-box .rec_interview div{ font-size: 24px;}
.recruit .c-second-head_wrap.c-second-head_with-img .c-head-style03 {
    margin-top: 64px;
}
.recruit .c-button01{ max-width: 100%; max-height: 54px;}
}

/* ボタンエリア
----------------------------- */

.recruit_btn_area{width: 100%; margin: 120px 0 -100px; background-color: #f2f2f2; text-align: center; border-top:#cacaca 1px solid;}
.recruit_btn_area{margin: 70px 0 -100px;}
.recruit_btn_area .two-column-box_item{ padding:65px 0 65px; width: 50%;}
.recruit_btn_area .two-column-box_item:first-child{ border-right:1px solid #cacaca;}
.recruit_btn_area .two-column-box_item div,.recruit_btn_area .two-column-box_item p{ margin: 40px auto 0; width: 100%;}
.recruit_btn_area .two-column-box_item div a{ margin:0 auto; text-align: center;}

	
@media screen and (max-width: 768px) {
.recruit_btn_area{margin: 70px 0 -65px;}
.recruit_btn_area .two-column-box_item{ padding:40px 0 40px; width: 100%;}
.recruit_btn_area .two-column-box_item:first-child{ border-right:0;border-bottom: 1px solid #cacaca; margin-bottom: 0;}
.recruit_btn_area .two-column-box_item p{ margin: 35px auto 0;}
.recruit_btn_area .c-button01 { max-height: 54px;}
}

/*--------------------------------------------------------------
# 座談会
--------------------------------------------------------------*/

.interview h2.text-group05.text-center{font-weight:500;}

.interview_fig{  display: flex;justify-content: space-between; width: 880px; margin: 0 auto; text-align: center;}
.interview_fig figure{ max-width: 240px;}
.interview_fig figcaption {line-height: 180%;}
.interview_fig figcaption strong{ font-weight: bold;}

.interview_area{ margin-bottom: 80px;}
.interview_area h3.text-group08{ 
	background: url("../../images/recruit/interview/bg_title.png") 0 100% no-repeat; 
	background-size: 100%; 
	padding-bottom: 20px;
	margin-bottom: 23px;
}

.interview_area .two-column-box_item.txt_area{ max-width: 520px; width: 50%;}
.interview_area .two-column-box_item.img_area{ max-width: 500px; width: 50%;}

.interview_area .txt_area dl{  display: flex; width: 100%; margin-bottom: 50px;}
.interview_area .txt_area dl dt{ width: 3em; line-height: 180%; font-weight: bold;}
.interview_area .txt_area dl dd{  width: calc(100% - 3em);}
.interview_area .txt_area.mt40{ margin-top:40px;}
.inteview_photo_area{margin:0 auto; width: 880px; text-align: center;}

@media screen and (max-width: 768px) {
.interview_fig{ width: 100%;column-gap:21px; }

.interview_area{ margin-bottom: 0px;}
.interview_area h3.text-group08{  margin-top: 50px;	padding-bottom: 10px;	margin-bottom: 15px;}
.interview_area .two-column-box{ display:block;}
.interview_area .two-column-box .two-column-box_item:first-child{ margin-bottom: 0;}
.interview_area .two-column-box_item.txt_area{ max-width: 100%; width: 100%;}
.interview_area .two-column-box_item.img_area{ max-width: 100%; width: 100%;}

.interview_area .txt_area dl{  display:block; margin-bottom: 40px;}
.interview_area .txt_area dl dd{  width:100%; margin-left: 0!important;}
.interview_area .txt_area.mt40{ margin-top:40px;}
.inteview_photo_area{width: 100%;}
}


/*--------------------------------------------------------------
# 募集要項
--------------------------------------------------------------*/
/* アンカーリンクのスタイル
----------------------------- */
.requirements .requirements_link { 
	overflow:hidden; 
	margin-bottom: 80px;
}
.requirements .requirements_link li{ 
	float:left; 
	margin-right: 80px; 
	border-bottom: 1px solid #808080;
	padding-bottom: 7px;
}
.requirements .requirements_link li:hover{ 
        opacity: 0.7;
	transition: .3s;
}
.requirements .down-arrow {
    display: inline-block;
    width: 15px;
    height: 9px;
    margin-left: 30px;
    margin-bottom: 2px;
    background-image: url(../../images/common/down-arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.requirements .requirements_link li a:hover{    
	color: #ED0505;
}
.c-section-head#requirements01,
.c-section-head#requirements02,
.c-section-head#requirements03,
#comparison_table
{
	 padding-top: 120px;
    margin-top:-120px;
}

@media screen and (max-width: 768px) {
.c-section-head#requirements01,
.c-section-head#requirements02,
.c-section-head#requirements03,
#comparison_table{
	 padding-top: 70px;
    margin-top:-70px;
}.requirements .requirements_link { 
	margin-bottom: 60px;
}
.requirements .requirements_link li{ 
	margin-right: 50px; 
	margin-bottom: 20px;
}

}

/* タイトル
----------------------------- */

.title_area.title_01{  background: url("../../images/recruit/requirements/recruit-bg-01.png") 50% 0% no-repeat; background-size: cover;}
.title_area.title_02{  background: url("../../images/recruit/requirements/recruit-bg-02.png") 50% 0% no-repeat; background-size: cover;}
.title_area.title_03{  background: url("../../images/recruit/requirements/recruit-bg-03.png") 50% 0% no-repeat; background-size: cover;}
.title_area{
	max-width: 1920px;
	width: 100%;
	height: 320px;
	margin: auto;
	margin-bottom: 90px;
}
.title_area p{
	padding-top: 170px;
}

.title_area .lead span{
    display: inline-block;
    padding-left: 5px;
    font-weight: 700;
    line-height:38px;
	padding-bottom: 2px;
	font-size: 32px;
    letter-spacing: 0.06em;
    color: #415F79;
    background: linear-gradient(transparent 0%, #FFFFFF 0%);
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
    margin-bottom: 10px;
}
.title_area .lead span:last-child{
    margin-bottom: 0px;
}
.requirements h3{
	margin-bottom: 40px;
}

.c-section-body.txt_area{ margin-bottom: 120px;}


@media screen and (max-width: 768px) {
.title_area.title_01{  background: url("../../images/recruit/requirements/recruit-bg-sp-01.png") 50% 0% no-repeat; background-size: cover;}
.title_area.title_02{  background: url("../../images/recruit/requirements/recruit-bg-sp-02.png") 50% 0% no-repeat; background-size: cover;}
.title_area.title_03{  background: url("../../images/recruit/requirements/recruit-bg-sp-03.png") 50% 0% no-repeat; background-size: cover;}
.title_area{
	max-width: 100%;
	width: 100%;
	max-height: 250px;
	margin: auto;
	margin-bottom: 70px;
}
.title_area p{
	margin-top: 130px;
    display: inline-block;
    color: #FFF;
	padding: 20px;
}

.title_area .lead span{
	font-size: 20px;
    line-height:22px;
	padding-bottom: 2px;
}

.requirements p.no_entry{
		font-weight:500;
		font-size: 15px;
	}
.c-section-body.txt_area{ margin-bottom: 80px;}
.requirements h3{
	margin-bottom: 20px;
}
}

/* しましまデコ 2（.gray-stripes_table.txt-show.txt-show） */
.requirements table.gray-stripes_table.txt-hide tr:nth-child(odd){
    background-color:white;
}
.requirements table.gray-stripes_table.txt-hide tr:nth-child(even){
    background-color:#f0f0f0;
    border-top: 1px solid #CACACA;
}
.requirements table.gray-stripes_table.txt-show tr.grd{
background: linear-gradient(0deg,#FFF,  #f0f0f0);
}
.requirements table.gray-stripes_table.txt-show tr.grd.none{
    background:#f0f0f0 !important;
}
.requirements table.gray-stripes_table.txt-show tr.grd.none .c-table01_th,
.requirements table.gray-stripes_table.txt-show tr.grd.none .c-table01_td{border-bottom:none;}


/* もっと見る
----------------------------- */
.txt-hide{
display: none;
}

.rec_btn_area{ margin: 40px auto; max-width: 680px; display: flex;    justify-content: space-between;
}
.rec_btn_area li{ width: 314px;}

/* ボタンスタイル
----------------------------- */
.requirements-button01{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 314px;
    min-width: 160px;
    height: 74px;
    min-height: 42px;

    text-align: center;
    font-weight: 500;
    font-size: calc(12px + 8*(100vw - 375px)/1545);
    line-height: 29px;
    letter-spacing: 0.04em;
    color: #A80909;
    border: 2px solid #A80909;
    border-radius: 37px;
    cursor: pointer;
    z-index: 1;
    transition: all .35s ease;
}

.requirements-button01 .icon-right-arrow{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9px;
    height: 15px;
    margin-left: 32px;
}
.requirements-button01:hover {
    color: #fff;
    background: #A80909;
}


.requirements button.more {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 314px;
    min-width: 160px;
    height: 74px;
    min-height: 42px;
    text-align: center;
    font-weight: 500;
    font-size: calc(12px + 8*(100vw - 375px)/1545);
    line-height: 29px;
    letter-spacing: 0.04em;
    color: #223546;
    border: 2px solid #223546;
    border-radius: 8px;
    cursor: pointer;
    z-index: 1;
    transition: all .35s ease;
    font-family: "NotoSansJP",sans-serif;
}
.requirements button.more .icon-right-arrow{
    position: absolute;
    right: 70px;
}

 
.requirements button.more::before {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}

.requirements button.more.on-click::before{
content: "閉じる";
}
.requirements button.more.on-click .down-arrow {
    background-image: url(../../images/common/up-arrow.png);
}
@media screen and (min-width: 768px) {
	.requirements button.more:hover  {
		color: #fff;
		background: #223546;
	}
	.requirements button.more:hover .down-arrow {
		background-image: url(../../images/common/down-arrow-w.png);
	transition: .2s;
	-erbkit-transition: .2s;
	}

	.requirements button.more:hover .icon-right-arrow{
		color: #fff;
	}
.requirements button.more.on-click:hover .down-arrow {
    background-image: url(../../images/common/up-arrow-w.png);
}
}


@media screen and (max-width: 768px) {
	.rec_btn_area li{ width: 48%}
	.rec_btn_area{
		max-width: 100%;
	}
.requirements-button01,.requirements button.more {
width: 100%;
    max-width: 100%;
    height: 56px;
    min-height: 56px;
    font-size: calc(15px + 3*(100vw - 375px)/1545);
    line-height: 23px;
	}
}






/* service delivery
----------------------------- */

.delivery-01.c-section-body .three-column-box img{ width: 80px; margin: 0 auto;}
.delivery-01.c-section-body .three-column-box h3{ margin: 0 auto 20px; text-align: center;}
.delivery-01.c-section-body .three-column-box h3 .key-color {    color: #A80909!important;}
.delivery-01.c-section-body .three-column-box .delivery-img{ margin-bottom: 40px;}

.delivery-02 .text-group01{ margin-bottom: 40px;}

.delivery-area .two-column-box_item{
	width: 100%;
	max-width: 500px;
   justify-content: center;
    align-items: center;
}

.delivery-facility .two-column-box_item{
	width: 46.2%;
}
.delivery-facility .two-column-box_item.txt-area{
	width: 53.8%;
}
.delivery-facility .two-column-box_item.txt-area p{ margin-bottom: 60px;}

.delivery-facility h3{ 
	border-bottom: 2px solid #CACACA;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.delivery-02 .text-group01,.delivery-facility .two-column-box_item.txt-area p{ margin-bottom: 25px;}
.delivery-area .two-column-box .two-column-box_item:first-child {
    margin-bottom: 25px;
}
.delivery-facility .two-column-box_item,
.delivery-facility .two-column-box_item.txt-area{
	width:100%;
}
	.delivery-facility .two-column-box_item.txt-area{ margin-bottom: 30px;}
	.delivery-facility .two-column-box_item.txt-area div{
		text-align: left; margin: 40px auto 0; width: 100%;
	}



@media screen and (max-width: 768px) {
	.delivery-01.c-section-body .three-column-box_item{ width: 100%; margin-top: 40px;}
	.delivery-01.c-section-body .three-column-box_item:nth-of-type(n+3){ margin-top: 40px;}
	.delivery-01.c-section-body .three-column-box_item:first-child{ margin-top: 0px;}
	.delivery-facility .two-column-box_item.txt-area div{ margin-top: 0;}
	.delivery-facility .two-column-box_item.txt-area .c-button01{width: 100%; margin: 0 auto; text-align: center;max-height: 54px; max-width:100%;}
}

/* タブ
----------------------------- */

.tabContents {
  display: none;
}
.tabContents.current {
  display: block;
}
.tab{display:flex;
	justify-content: space-between;
	margin-bottom: 50px;
	max-width: 952px;
}
.tab .page-list-item{
	width: calc(25% - 20px);
}

@media screen and (max-width: 768px) {
.tab{
	margin-bottom: 20px;
	max-width: 100%;
}
	.tab {
    flex-wrap: wrap;
    row-gap: 16px;
}
.tab .page-list-item{
    width: calc(50% - 11.5px);
    height: 48px;}	
}

/* 取扱製品 product-list
----------------------------- */
.product-list .ac-content-body{ display: block;}
.product-list h3{ display: block; border-left: 2px solid #ED0505; padding-left: 15px; margin-bottom: 20px;}
.product-list ul{margin-bottom: 20px;    
	display: flex;
flex-wrap: wrap;
	justify-content:flex-start;
	justify-content: normal;
	border-bottom: 2px solid #CACACA;
	padding-bottom: 20px;
}
.product-list ul:last-child{margin-bottom: 0px;    

}
.product-list ul li{
	 display: flex;
	padding: 0 2%;
}
.product-list ul li a,.qa-contents a{ text-decoration: underline;color: #1a0dab;}
.product-list ul li a:visited,.qa-contents a:visited{color: #660099;}

@media screen and (max-width: 768px) {
.product-list .js-ac.is-active + .ac-content-body {
    padding: 16px 16px 16px 8px;
}
	.product-list ul{
	flex-wrap:wrap;
	display: flex;
       row-gap: 16px;
	}
}


/* 紙の仕入れをご検討の方 introduction_paper
----------------------------- */

/* こんなお悩み解決します
----------------------------- */
.top-txt strong{font-weight:bold ;}

.ip_img.pc-view{ margin-top:140px;}
.ip_img.sp-view{ margin-top:40px;}
.ip_img.sp-view p,.iop_img p { margin-top: 5px; text-align: center;}

.ip-solution .two-column-box,
.ip-ct .two-column-box {
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 64px;
}

.ip-solution .two-column-box .two-column-box_item{ 
	background-color: #415F79;
}
.ip-solution .two-column-box .two-column-box_item p{ 
	background-color: #f2f2f2; 
	position: relative;
	padding:20px;
	font-weight: 400;
}
.ip-solution .two-column-box .two-column-box_item p:before{ 
	content: 'Solution01';
	background-color: #415F79;
	display: block;
	border-radius: 17px;
	height: 34px;
	line-height: 34px;
	width: 174px;
	text-align: center;
	color: #FFF;
	letter-spacing: 0em;
	font-weight: normal;
	font-size: calc(13px + 3*(100vw - 375px)/1545);
	margin: -37px auto 15px;
}
.ip-solution .two-column-box .two-column-box_item:nth-child(2) p:before{ content: 'Solution02';}
.ip-solution .two-column-box .two-column-box_item:nth-child(3) p:before{ content: 'Solution03';}
.ip-solution .two-column-box .two-column-box_item:nth-child(4) p:before{ content: 'Solution04';}
.ip-solution .two-column-box .two-column-box_item:nth-child(5) p:before{ content: 'Solution05';}
.ip-solution .two-column-box .two-column-box_item:nth-child(6) p:before{ content: 'Solution06';}

.ip-solution .two-column-box .two-column-box_item p:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #EEE;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.ip-solution .two-column-box .two-column-box_item dl{
	background-color: #415F79;
	padding: 40px;
	text-align: center;
	color: #FFF;
}
.ip-solution .two-column-box .two-column-box_item dl dt{
	padding-bottom: 15px;
	border-bottom: 1px solid #FFF;
}
.ip-solution .two-column-box .two-column-box_item dl dd{
	text-align: left;
	padding-top: 20px;
align-items: stretch;
}

@media screen and (max-width: 768px) {
.ip-solution .two-column-box,
.ip-ct .two-column-box {
	row-gap: 40px;
}
.ip-solution .two-column-box .two-column-box_item:first-child,
.ip-ct .two-column-box .two-column-box_item:first-child {
	margin-bottom: 0px;
	}
.ip-solution .two-column-box .two-column-box_item {
	margin-top: 20px;
}	
.ip-solution .two-column-box .two-column-box_item dl{
	padding: 16px;
}
.ip-solution .two-column-box .two-column-box_item dl dt{
	padding-bottom: 12px;
}
.ip-solution .two-column-box .two-column-box_item dl dd{
	padding-top: 12px;
}

}
/* ペーパルを選んだ理由は？
----------------------------- */

.ip-ct > p{ margin-bottom: 64px;	}

.ip-ct .two-column-box .two-column-box_item div{ 
	padding:32px;
	border-radius: 16px;
	position: relative;
background-color: #EBEDF0; 
align-items: stretch;
}


.ip-ct .two-column-box .two-column-box_item div:before {
 content: url("../../images/introduction_paper/ip-bg.png");
    position: absolute;
    top: 100%;
    left: 64.6%;
  display: block;
}
.ip-ct .two-column-box .two-column-box_item dl{
	display: flex;
	flex-direction: row-reverse;
align-items:center;
margin-top: 33px;
}
.ip-ct .two-column-box .two-column-box_item dl dt{
    font-weight: 400;
    font-size: calc(13px + 3*(100vw - 375px)/1545);
    letter-spacing: 0.06em;
	line-height: 1.5;
	padding-left: 24px;
	text-align: center;
}
.ip-ct .two-column-box .two-column-box_item dl dd{
	width: 64px;
}

@media screen and (max-width: 768px) {
.ip-ct .two-column-box .two-column-box_item div:before {
    top: 100%;
    left: 54.6%;
}
.ip-ct > p{ margin-bottom: 30px;}

.ip-ct .two-column-box .two-column-box_item div{ 
	padding: 16px;
}

.ip-ct .two-column-box .two-column-box_item dl dt{
	padding-left: 8px;
}
.ip-ct .two-column-box .two-column-box_item dl dd{
	width: 40px;
}

}
@media screen and (min-width: 1920px) {
.ip-ct .two-column-box .two-column-box_item dl dt{
        font-size: 16px;
    }
}



/* オリジナル品の販売
----------------------------- */
.page-original_paper .guide_header_txt .two-column-box_item.text-group01{
	padding-top: 10px;
	max-width: 505px;
}
.page-original_paper .op_head_txt .two-column-box_item.op_img{ width: 100%; max-width: 500px;}
.page-original_paper .bk-color-box {
    padding-left: 100px;
    margin-left: 60px;
}
.page-original_paper .bk-color-box dl{
	margin-top: 40px;
}
.page-original_paper .bk-color-box dl dt{ font-weight: bold;}
.page-original_paper .bk-color-box dl dd{ margin: 10px 0 0 0;}
.page-original_paper .bk-color-box dl dd a{color: #1a0dab; text-decoration: underline;}
.page-original_paper .c-second-head_wrap.c-second-head_with-img .c-head-style03 {
    margin-top: 64px;
}
	.page-original_paper .text-group01.text-center{ text-align:center; margin: 5px auto 0;}


.page-original_paper .op_txt{ 
	margin: 55px auto 24px;
    font-size: calc(13px + 12*(100vw - 375px)/1545);
    letter-spacing: 0.04em;
font-weight: 500;
}

@media screen and (min-width: 1920px) {
.page-original_paper .op_txt{ 
        font-size: 18px;
 }
}
@media screen and (max-width: 768px) {
.page-original_paper .guide_header_txt .two-column-box_item.text-group01{
	width: 100%;max-width: 100%;
	}
.page-original_paper .bk-color-box {
    padding-left: 16px;
    margin-left: 16px;
}
	.page-original_paper .three-column-box_item {
		width: 100%;}
	.page-original_paper .three-column-box_item { margin-top: 24px;}
	.page-original_paper .three-column-box_item:first-child { margin-top: 0px;}
	.page-original_paper .op_txt{ 	margin: 40px auto 15px;}
	.page-original_paper .c-head_wrap{
        position: relative;
    }
	.page-original_paper .bottom-topics .c-head_wrap{
        position: static;
    }
	.page-original_paper .c-head_with-parts .c-button01{
        position: absolute;
        top: 62px;
        right: 0;
    }
	.page-original_paper .bottom-topics .c-head_with-parts .c-button01{
        position: static;
    }
}

/* 新素材開発
----------------------------- */


.new_material .guide_header_txt .two-column-box_item.text-group01{
	padding-top: 0px;
	max-width: 525px;
}
.new_material .guide_header_txt .two-column-box_item.c-head-style07{
	max-width: 475px;
	padding-top: 10px;
}
h3.nm_title{font-weight: 500;
    font-size: calc(15px + 12*(100vw - 375px)/1545);
    letter-spacing: 0.06em;    
    line-height: 150%;
	margin-bottom: 40px;
}


.nm_case{ margin-top: 40px;}
.nm_case .two-column-box_item:first-child{ width:35.1%;}
.nm_case .two-column-box_item:last-child{ width:57.4%;}
.nm_case .two-column-box_item:last-child h5{border-left: 2px solid #A80909; padding-left: 22px;
	margin-bottom: 30px;
	font-size: calc(15px + 12*(100vw - 375px)/1545);
    letter-spacing: 0.06em;    
    line-height: 150%;
font-weight: 500;}

@media screen and (min-width: 1920px) {
h3.nm_title,
.nm_case .two-column-box_item:last-child h5{
	font-size: 24px;
	}
}
@media screen and (max-width: 768px) {
.new_material .guide_header_txt .two-column-box_item.text-group01,
.new_material .guide_header_txt .two-column-box_item.c-head-style07,
.nm_case .two-column-box_item:first-child,
.nm_case .two-column-box_item:last-child
	{
	max-width: 100%;width: 100%;
}
	.nm_case .two-column-box_item:first-child{ margin-bottom: 40px;}



}


/* バナー
----------------------------- */

.banner_area.contact{ background: url("../../images/common/bg-contact-pc.png") 50% 50% no-repeat; background-size: cover;}
.banner_area.for-original{ background: url("../../images/common/bg-for-original-pc.png") 50% 50% no-repeat; background-size: cover;}
.banner_area.for-paper{ background: url("../../images/common/bg-for-paper-pc.png") 50% 0% no-repeat; background-size: cover;}
.banner_area{
	width: 100%;
	height: 431px;
	margin: auto;
	color: #FFF;
	padding-top: 65px;
 margin-top: 120px;}


.banner_area p{ margin-top: 47px;}
.banner_area ul{ margin-top: 55px;}
.contact-btn-box:last-child,
.banner_area:last-child,
.banner_area.mbn{ margin-bottom: -100px;}
.bottom-topics + .banner_area{ margin-top: 0px;}


.banner_area.for-paper ul,
.banner_area.for-original ul{ display: flex; flex-direction: row;}
.banner_area.for-paper ul li,
.banner_area.for-original ul li{ width: 314px; margin-right: 40px;} 

@media screen and (max-width: 768px) {
.banner_area.contact{ background: url("../../images/common/bg-contact-sp.png") 50% 0% no-repeat; background-size: cover;}
.banner_area.for-original{ background: url("../../images/common/bg-for-original-sp.png") 50% 0% no-repeat; background-size: cover;}
.banner_area.for-paper{ background: url("../../images/common/bg-for-paper-sp.png") 50% 0% no-repeat; background-size: cover;}
.banner_area{
	max-width: 100%;
	width: 100%;
	margin: auto;
	margin-top: 70px;
	padding: 47px 0;
	height: auto;
}

.banner_area p{ margin-top: 40px;}
.banner_area ul{ margin-top: 50px;}
.banner_area ul li a.c-button01{ min-height: 54px; width: 100%; max-width: 100%;}
.contact-btn-box:last-child,
.banner_area:last-child,
.banner_area.mbn{ margin-bottom: -70px;}

.banner_area.for-paper ul,.banner_area.for-original ul{ display: block;}
.banner_area.for-paper ul li,
.banner_area.for-original ul li{ width: 100%; margin-right: 0px;} 
.banner_area.for-paper ul li:first-child,
.banner_area.for-original ul li:first-child{ margin-bottom: 20px;} 
}



/* オリジナル素材製造をご検討の方へ introduction_original_paper
----------------------------- */
.introduction_original_paper #fl_banner{ 
	width: 100%;
	max-width: 1080px;
	margin: 100px auto 0;
}

.introduction_original_paper .idea01 .three-column-box_item:nth-of-type(n+4){ margin-top: 40px;}
.introduction_original_paper .idea02.two-column-box{ margin-top: 60px;}
.introduction_original_paper .iop_img{ margin-top: 80px;}

@media screen and (max-width: 768px) {
.introduction_original_paper #fl_banner{ 	margin: 40px auto 0;}
.introduction_original_paper .casestudy .three-column-box_item{display:block; width: 100%; margin-top: 24px;}
.introduction_original_paper .casestudy .three-column-box_item:first-child{ margin-top:0;}
.introduction_original_paper .idea01 .three-column-box_item:nth-of-type(n+4){ margin-top: 24px;}
.introduction_original_paper .idea02.two-column-box{ margin-top: 30px;}
.introduction_original_paper .iop_img.content_wrap_sm{ margin-top: 40px; max-width: 343px; padding: 0;}
}







/* 階層化された
----------------------------- */
@media screen and (min-width: 768px) {

.page-original_paper .page-list-wrap ,
.page-delivery .page-list-wrap ,
.page-new_material .page-list-wrap {
	max-width: 704px;
	margin: 0 auto;
}
.page-original_paper .page-list-wrap .page-list-item ,
.page-delivery .page-list-wrap .page-list-item ,
.page-new_material .page-list-wrap .page-list-item {
	width: calc(33% - 20px);
}
}

/* ページ下部トピックス
----------------------------- */
.c-section.bg_container.bottom-topics{ margin-bottom:0 !important;}



/* プライバシーポリシー
----------------------------- */

.page-privacy p a{color: #1a0dab;}
.page-privacy p a:visited{color: #660099;}


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

.contact_info_area {
	max-width: 660px;
	border: 2px solid #cacaca;
	padding: 33px 33px 10px 33px ;
	margin: 0 auto;
}
.contact_info_area .text-group01{ font-weight: 500;}
.page-contact .contact_info_area .text-group01{ margin-bottom:23px; text-align: left;}
.page-contact .contact_info_area p.text-group01{text-align:center;}
.contact_info_area dl{display:flex; margin: 0 auto; text-align: center; padding-left: 90px;}
.contact_info_area dl dt{ 
	line-height: 24px;
	padding-left: 35px;
	width: 15em;
	text-align: left;
	background: url("../../images/contact/ico_tel.png");
	background-size: 24px 24px; 
	background-repeat: no-repeat;
}
.contact_info_area dl:last-child dt{ 
	background: url("../../images/contact/ico_fax.png"); 
	background-size: 24px 24px; 
	background-repeat: no-repeat;
}
.contact_info_area dl dd.text-group08.key-color{ 
	font-weight: bold;
	line-height: 1;
	
}
@media screen and (max-width: 768px) {
.contact_info_area {
	padding: 18px 10px 10px 10px ;
}
.page-contact .contact_info_area .text-group01{ margin-bottom:20px; text-align: left;}

	.page-contact .contact_info_area dl .text-group01{ margin-bottom: 10px;}
	.contact_info_area dl dt,.contact_info_area dl:last-child dt{	background-size: 18px 18px; line-height: 18px;  padding-left: 2em;  font-size: 12px;}
	.contact_info_area dl{padding-left: 0px;}
	.contact_info_area dl dt,.contact_info_area dl dd{  margin: 0 auto 10px; text-align: left; letter-spacing: 0;	}
	.contact_info_area dl dd.text-group08.key-color{  margin-bottom: 10px;padding-left: 0px;}
}