@charset "utf-8";

@media screen and (min-width:751px) {
	/* font */
	@font-face {
		font-display: swap; 
		font-family: 'Noto Sans JP';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/noto-sans-jp-v52-japanese-regular.woff2') format('woff2'),
		url('../fonts/noto-sans-jp-v52-japanese-regular.woff') format('woff');
	}
	@font-face {
		font-display: swap; 
		font-family: 'Noto Sans JP';
		font-style: normal;
		font-weight: 500;
		src: url('../fonts/noto-sans-jp-v52-japanese-500.woff2') format('woff2'),
		url('../fonts/noto-sans-jp-v52-japanese-500.woff') format('woff');
	}
	@font-face {
		font-display: swap; 
		font-family: 'Noto Sans JP';
		font-style: normal;
		font-weight: 700;
		src: url('../fonts/noto-sans-jp-v52-japanese-700.woff2') format('woff2'),
		url('../fonts/noto-sans-jp-v52-japanese-700.woff') format('woff');
	}
	html {
		color: #121212;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 62.5%;
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.pc-only {
		display: block;
	}
	.sp-only {
		display: none !important;
	}
	.discon{
		display: contents !important;
	}
	.end {
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	hr {
		margin: 0 0 20px 0;
	}
	a {
		color: #121212;
		text-decoration: none !important;
		outline: none !important;
	}
	a:hover {
		/*color:#EA0029;*/
		text-decoration: none !important;
	}
	a:hover img {
		opacity: 0.8;
	}
	.link_orange:hover {
		color: #EA0029 !important;
	}
	.underline {
		text-decoration: underline !important;
	}
	.underline:hover {
		text-decoration: none !important;
	}
	.b {
		font-weight: 400;
	}
	.s {
		font-size: 0.75em;
	}
	.center {
		text-align: center;
	}
	.mt5 {
		margin-top: 5px !important;
	}
	.mt10 {
		margin-top: 10px !important;
	}
	.mt15 {
		margin-top: 15px !important;
	}
	.mt20 {
		margin-top: 20px !important;
	}
	.mt25 {
		margin-top: 25px !important;
	}
	.mt30 {
		margin-top: 30px !important;
	}
	.mt35 {
		margin-top: 35px !important;
	}
	.mt40 {
		margin-top: 40px !important;
	}
	.mt50 {
		margin-top: 50px !important;
	}
	.mt60 {
		margin-top: 60px !important;
	}
	.mt70 {
		margin-top: 70px !important;
	}
	.mt80 {
		margin-top: 80px !important;
	}
	.mt90 {
		margin-top: 90px !important;
	}
	.mt100 {
		margin-top: 100px !important;
	}
	.mt110 {
		margin-top: 110px !important;
	}
	.mb0 {
		margin-bottom: 0px !important;
	}
	.mb5 {
		margin-bottom: 5px !important;
	}
	.mb10 {
		margin-bottom: 10px !important;
	}
	.mb15 {
		margin-bottom: 15px !important;
	}
	.mb20 {
		margin-bottom: 20px !important;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.mb40 {
		margin-bottom: 40px !important;
	}
	.mb50 {
		margin-bottom: 50px !important;
	}
	.mb60 {
		margin-bottom: 60px !important;
	}
	.mb70 {
		margin-bottom: 70px !important;
	}
	.mb80 {
		margin-bottom: 80px !important;
	}
	.mr95 {
		margin-right: 95px;
	}
	.ml10 {
		margin-left: 10px !important;
	}
	.ml20 {
		margin-left: 20px !important;
	}
	.ml30 {
		margin-left: 30px !important;
	}
	.ml40 {
		margin-left: 40px !important;
	}
	.ml50 {
		margin-left: 50px !important;
	}
	.ml60 {
		margin-left: 60px !important;
	}
	.mr5 {
		margin-right: 5px !important;
	}
	.mr10 {
		margin-right: 10px !important;
	}
	.mr20 {
		margin-right: 20px !important;
	}
	.mr30 {
		margin-right: 30px !important;
	}
	.mr40 {
		margin-right: 40px !important;
	}
	.mr50 {
		margin-right: 50px !important;
	}
	.mr60 {
		margin-right: 60px !important;
	}
	.pt5 {
		padding-top: 5px !important;
	}
	.fl_l {
		float: left;
	}
	.fl_r {
		float: right;
	}
	.va_m {
		vertical-align: middle;
	}
	.ta_c {
		text-align: center !important;
	}
	.ta_l {
		text-align: left !important;
	}
	.ta_r {
		text-align: right !important;
	}
	.mailto_font {
		color: #EA0029;
	}
	/* ------------------------------------------------
	■ clearfix ■
	------------------------------------------------ */
	.cf {
		zoom: 1;
	}
	.cf:before, .cf:after {
		content: "";
		display: table;
	}
	.cf:after {
		clear: both;
	}
	
	/* ------------------------------------------------
	■ wrap ■
	------------------------------------------------ */
	#wrap {
		width: 1000px;
		margin: 0 auto 50px;
		padding-top: 112px;
	}
	.scroll--body #wrap {
		padding-top: 80px;
	}
	#wrap h1.h1_lv1 {
		background: #000;
		color: #fff;
		font-weight: 400;
		margin: 0 0 20px 0;
		padding: 10px;
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.5;
	}
	#wrap h1.h1_lv1.h1_lv1_0712{
		margin-top: 80px;
	}
	/* ------------------------------------------------
	■ コラム用 ■
	------------------------------------------------ */
	#wrap h2.h1_lv1 {
		background: #000;
		color: #fff;
		font-weight: 400;
		margin: 0 0 20px 0;
		padding: 10px;
		font-size: 20px;
		font-size: 2rem;
	}
	#wrap h2.h1_lv2 {
		font-size: 32px;
		font-size: 3.2rem;
		color: #EA0029;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 8px;
		margin-bottom: 18px;
		font-weight: 400;
	}
	/* ------------------------------------------------
	■ path ■
	------------------------------------------------ */
	#path {
    text-align: right;
    padding: 10px 30px;
    font-size: 13px;
	}
	#path a {
		text-decoration: underline !important;
	}
	#path a:hover {
		text-decoration: none !important;
	}

	.breadcrumbs--list{
		width: 100%;
        border-top: 1px solid #F9F1F1;
	}
	.breadcrumbs--list ul{
		display: flex;
        flex-wrap: nowrap;
        padding: 24px 0;
        flex-direction: row;
        margin: 0 auto;
        justify-content: center;
	}
	.breadcrumbs--list ul li{
		font-size: 12px;
		color: #676767;
	}
	.breadcrumbs--list ul li + li{
		margin-left: 24px;
		position: relative;
	}
	.breadcrumbs--list ul li + li::before{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		position: absolute;
		left: -18px;
		top: 6px;
		border-top: #676767 solid 1px;
		border-right: #676767 solid 1px;
		transform: rotate(45deg) translateY(-50%);
		color: inherit;
	}
	.breadcrumbs--list ul li a{
		text-decoration: underline !important;
		color: #676767;
	}

	/* ------------------------------------------------
	■ contents ■
	------------------------------------------------ */
	#contents p {
		line-height: 1.8;
	}

	
	/* ------------------------------------------------
	■ common ■
	------------------------------------------------ */
	a.link {
		color: #fff;
		background: #EA0029;
		text-align: center;
		padding: 6px 70px;
		font-size: 20px;
		font-size: 2.0rem;
		border-radius: 5px;
		font-weight: 400;
		position: relative;
		behavior: url(http://self.ipad-solution.com/pie/PIE.htc);
	}
	a.link:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	span.must {
		background: #c80000;
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		padding: 4px 6px;
		float: right;
		position: relative;
		top: -3px;
		border-radius: 3px;
		behavior: url(http://self.ipad-solution.com/pie/PIE.htc);
	}
	ul.serviceBox li a {
		border: 1px solid #e6e6e6;
		display: block;
		padding: 15px;
		background: url(../../img/arrow_gray.png) no-repeat 99% 97%;
	}
	ul.serviceBox li a:hover {
		border: 1px solid #FF9600;
		background: url(../../img/arrow_orange.png) no-repeat 99% 97%;
	}
	ul.serviceBox li a:hover img {
		opacity: 0.8;
	}
	ul.serviceBox li a h2 {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 400;
		color: #121212;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	ul.serviceBox li a dl dt, ul.serviceBox li a dl dd {
		float: left;
	}
	ul.serviceBox li a dl dt {
		margin-right: 15px;
	}
	ul.serviceBox li a dl dd {
		width: 300px;
	}
	p.indent {
		padding-left: 2em;
		text-indent: -2em;
	}
	ol {
		margin: 0;
	}
	ol li {
		list-style-type: decimal;
	}
	/* ------------------------------------------------
	■ check ■
	------------------------------------------------ */
	#section_check01 .chart {
		margin: 0 0 50px 0;
	}
	#section_check01 .chart_flow {
		background: #f0f0f0;
		border-radius: 5px;
		behavior: url(http://self.ipad-solution.com/pie/PIE.htc);
		margin: 0 0 100px 0;
	}
	#section_check01 .chart_flow dl {
		padding: 26px 18px;
	}
	#section_check01 .chart_flow dl dt {
		font-size: 32px;
		font-size: 3.2rem;
		font-weight: 400;
		background: url(../../img/arrow_check.png) no-repeat right center;
		width: 480px;
		float: left;
	}
	#section_check01 .chart_flow dl dd {
		float: right;
		margin-top: 8px;
	}
	#section_check01 a.link {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#section_check01 .chart {
		position: relative;
	}
	#section_check01 .chart a {
		width: 203px;
		/* 211 */
		height: 34px;
		/* 34 */
		color: #fff;
		font-weight: 400;
		display: block;
		/*	background:url(../../img/bg_btn_check2.png) no-repeat 0px 0px;*/
		background: url(../../img/bg_btn_check.png) no-repeat 0px 0px;
		text-align: center;
		padding: 10px 8px 0 0;
		margin: 0 0 9px 0;
		font-size: 16px;
		font-size: 1.6rem;
		position: absolute;
	}
	#section_check01 .chart a.chartLink01 {
		top: 412px;
		left: 100px;
	}
	#section_check01 .chart a.chartLink02 {
		top: 675px;
		left: 100px;
	}
	#section_check01 .chart a.chartLink03 {
		top: 738px;
		left: 688px;
	}
	#section_check01 .chart a.chartLink04 {
		top: 873px;
		left: 394px;
	}
	#section_check01 .chart a.chartLink05 {
		width: auto;
		height: auto;
		color: #fff;
		font-weight: 400;
		display: block;
		text-align: center;
		background: #969696 url(../../img/arrow_chart_gray.png) no-repeat 96% center;
		padding: 10px 32px !important;
		margin: 0 !important;
		font-size: 12px;
		font-size: 1.2rem;
		position: absolute;
		top: 987px;
		left: 348px;
		border-radius: 5px;
		behavior: url(http://self.ipad-solution.com/pie/PIE.htc);
	}
	#section_check01 .chart a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	
	/* ------------------------------------------------
	■ difference ■
	------------------------------------------------ */
	#section_difference01, #section_difference02, #section_difference03, #section_difference04, #section_difference06, #section_difference07, #section_difference08, #section_difference09 {
		margin-bottom: 60px;
	}
	#section_difference10 {
		margin-bottom: 134px;
	}
	#section_difference05 h2.h1_lv2 {
		font-size: 24px;
		font-size: 2.4rem;
	}
	#section_difference01 p, #section_difference02 p, #section_difference03 p, #section_difference04 p, #section_difference06 p, #section_difference07 p, #section_difference08 p, #section_difference09 p, #section_difference10 p {
		float: left;
	}
	#section_difference01.section_difference001 p{
		float: none;
	}
	#section_difference01 p.icon, #section_difference02 p.icon, #section_difference03 p.icon, #section_difference04 p.icon, #section_difference06 p.icon, #section_difference07 p.icon, #section_difference08 p.icon, #section_difference09 p.icon, #section_difference10 p.icon {
		margin-right: 45px;
		margin-bottom: 20px;
	}
	#section_difference05 ul.serviceBox li {
		float: left;
		margin: 0 50px 80px 0;
	}
	.section_difference03-pc-btn{
	float: none !important;
    clear: both;
    padding-top: 30px;
	text-align: center;
	}

	
	/* ------------------------------------------------
	■ policy ■
	------------------------------------------------ */
	.policyBox ul li {
		background: #e6e6e6;
		padding: 14px 16px;
		line-height: 1.8;
		margin: 0 0 20px;
	}
	.policyBox p.indent {
		font-size: 10px;
		font-size: 1re, ;
	}


	/* ------------------------------------------------
	■ shop ■
	------------------------------------------------ */
	#section_shop01, #section_shop02, #section_shop03, #section_shop04 {
		/*	margin-bottom:90px;*/
		margin-bottom: 60px;
	}
	#section_shop01 p {
		width: 200px;
		float: left;
	}
	#section_shop01 table {
		width: 760px;
		float: right;
		margin-top: -8px;
	}
	#section_shop01 table tr {
		border-bottom: 1px solid #ccc;
	}
	#section_shop01 table th, #section_shop01 table td {
		font-weight: normal;
		text-align: left;
		padding: 8px 0;
	}
	#section_shop01 table td a {
		color: #EA0029;
	}
	#section_shop02 div.cf {
		margin-bottom: 20px;
	}
	#section_shop02 div.cf dl {
		float: right;
		width: 200px;
	}
	#section_shop02 div.cf dl dt {
		line-height: 0;
	}
	#section_shop02 div.cf dl dd {
		display: block;
		background: #e6e6e6;
		padding: 10px;
		line-height: 1.5;
		font-size: 12px;
		font-size: 1.2rem;
	}
	#section_shop02 div.cf div {
		float: left;
		width: 750px;
	}
	#section_shop02 h2 {
		font-size: 14px;
		font-size: 1.4rem;
		color: #EA0029;
		margin-bottom: 6px;
	}
	#section_shop02 div.cf ul {
		margin-left: 16px;
		line-height: 1.8;
	}
	#section_shop02 div.cf ul li {
		list-style-type: disc;
	}
	#section_shop02 ul.cf li {
		float: left;
		margin-right: 13px;
	}
	#section_shop03 div {
		background: #e6e6e6;
		padding: 14px 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		behavior: url(http://self.ipad-solution.com/pie/PIE.htc);
	}
	#section_shop04 ul {
		margin: 0 0 50px 75px;
	}
	#section_shop04 ul li {
		float: left;
		margin-right: 30px;
	}
	#section_shop04 div.cf {
		margin-bottom: 10px;
		margin-left: 46px;
	}
	#section_shop04 div.cf a {
		float: left;
		width: 407px;
		padding: 5px;
		margin-right: 50px;
	}
	#section_shop04 p.center a {
		text-decoration: underline;
	}
	#section_shop04 p.center a:hover {
		text-decoration: none;
	}
	.news_20150602 li {
		width: 300px;
		height: 300px;
		margin-right: 50px;
		float: left;
	}
	.news_20150602 li:last-child {
		width: 300px;
		height: 300px;
		float: left;
		margin-right: 0px !important;
	}
	.news_20160122 li {
		width: 480px;
		height: 346px;
		margin-right: 40px;
		float: left;
	}
	.news_20160122 li:last-child {
		width: 480px;
		height: 346px;
		margin-right: 0px !important;
		float: right;
	}


	/* =======================================
    news20150918
	======================================= */
	.news_20150918 {
		clear: both;
		content: " ";
		display: table;
	}
	.news_20150918 li {
		float: left;
		margin-right: 40px;
	}
	.news_20150918 li:last-child {
		float: left;
		margin-right: 0px !important;
	}
	/* =======================================
    news20151109
	======================================= */
	.news_20151109 {
		clear: both;
		content: " ";
		display: table;
	}
	.news_20151109 li {
		float: left;
		margin-right: 140px;
	}
	.news_20151109 li:last-child {
		float: left;
		margin-right: 0px !important;
	}
	.red_txt {
		color: #fb4545 !important;
	}
	.smalltext {
		font-size: 12px;
	}
	.boldtext {
		font-weight: 400;
		font-size: 16px;
		color: #ec1313;
	}
	/*------------------------------------------------
	メニューブック関連
	------------------------------------------------*/
	/*フッターバナー*/
	.menubook_wrap {
		background-color: #ffe4e4;
		width: 1000px;
		height: 400px;
		margin-bottom: 90px;
		padding: 30px 30px 5px 30px;
	}
	.menu_wrap_l {
		float: left;
	}
	.menu_wrap_r {
		float: right;
	}
	.menu_text1 {
		font-size: 20px;
		line-height: 1.3em !important;
		margin-bottom: 15px;
	}
	.menu_main_text {
		font-size: 36px;
		margin-left: 10px;
		vertical-align: 0.6em;
	}
	.menu_servicestart {
		font-size: 22px;
		text-align: center;
	}
	.menu_check {
		margin-bottom: 20px;
	}
	.menu_check ul {
		font-size: 22px;
		line-height: 1.3em;
	}
	.menu_printer1 {
		font-size: 20px;
		line-height: 1.4em !important;
	}
	.menu_printer2 {
		font-weight: 400;
		font-size: 25px;
	}
	.menu_red {
		margin-top: 20px;
		font-size: 22px;
		color: #f9410e;
	}
	.menu_price {
		font-size: 16px;
	}
	.menu_txt_b {
		font-size: 25px;
		text-align: center;
	}
	/*-----------------------------------------
	ポスモコページ
	-----------------------------------------*/
	.posmocoarea1_l {
		width: 350px;
		float: left;
	}
	.posmocoarea1_r {
		width: 650px;
		float: right;
	}
	.posmocoarea2_l {
		width: 550px;
		float: left;
		margin-right: 20px;
	}
	.posmocoarea2_r {
		width: 430px;
		float: right;
	}
	.posmoco_h2text {
		font-size: 2.2rem !important;
	}
	.iots_bold {
		font-weight: 400;
		font-size: 18px;
	}
	.orange {
		color: #EA0029;
	}


	/* ------------------------------------------------
	■ magazinecancel ■ メルマガ解除
	------------------------------------------------ */
	.magazinecancel-entry p{
		line-height: 2.0;
		font-size: 1.4rem;
		font-size: 14px;
	}
	.magazinecancel-entry p + p{
		margin-top: 20px;
	}



	body.js-bodyWrapFooter.active {
		height: 100%;
		overflow: hidden;
	}
	.btn_menudesign-box {
		height: 100vh;
		overflow: scroll;
	}

	.btn_menudesign-box{
		display: block;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.9);
		text-align: center;
		transform: translateX(130%);
		transition: all 0.6s;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		align-items: center;
		justify-content: center;
	}
	.btn_menudesign-box.MenudesignActive{
		transform: translateX(0%);
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul {
		display: block;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li{
		padding: 30px 0;
		width: 950px;
		margin: 0 auto;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li + li{
		border-top: 1px solid #ddd;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li a{
		height: auto;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li a:hover{
		opacity: 0.9;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox{
		width: 870px;
		margin: 0 auto;
		position: relative;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox:after{
		position: absolute;
		top: calc(50% - 6px);
		right: 0;
		content: "";
		width: 10px;
		height: 18px;
		background: url("../../img/sp/icon-footer-arrow.svg");
		background-size: cover;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox{
		display: flex;
		align-items: center;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .pic{
		width: 170px;
		margin-right: 40px;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .pic img{
		vertical-align:top;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .text{
		width: 600px;
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.65;
		color: #fff;
		margin-right: 30px;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .text p + p{
		font-size: 16px;
		margin-top: 12px;
		text-align: right;
		line-height: 1.1;
	}
	.btn_menudesign-box-closebtn{
		width: 78px;
		height: 69px;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	.btn_menudesign-box-closebtn img{
		vertical-align: top;
	}
	.btn_interviews-box{
		display: block;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.9);
		text-align: center;
		transform: translateX(130%);
		transition: all 0.6s;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		align-items: center;
		justify-content: center;
	}
	.btn_interviews-box.InterviewsActive{
		transform: translateX(0%);
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul {
		display: block;
		padding-top: 60px;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li{
		padding: 30px 0;
		width: 950px;
		margin: 0 auto;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li + li{
		border-top: 1px solid #ddd;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li a{
		height: auto;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li a:hover{
		opacity: 0.9;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox{
		width: 870px;
		margin: 0 auto;
		position: relative;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox:after{
		position: absolute;
		top: calc(50% - 6px);
		right: 0;
		content: "";
		width: 10px;
		height: 18px;
		background: url("../../img/sp/icon-footer-arrow.svg");
		background-size: cover;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox{
		display: flex;
		align-items: center;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .pic{
		width: 170px;
		margin-right: 40px;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .pic img{
		vertical-align:top;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .text{
		width: 600px;
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.65;
		color: #fff;
		margin-right: 30px;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .text p + p{
		font-size: 16px;
		margin-top: 12px;
		text-align: right;
		line-height: 1.1;
	}
	.btn_interviews-box-closebtn{
		width: 78px;
		height: 69px;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	.btn_interviews-box-closebtn img{
		vertical-align: top;
	}
	.footer_navi-sp.side_navi-pc{
		position: fixed;
		z-index: 10;
		right: -143px;
		top: calc(50% - 100px);
		transition: 3s;
	}
	.footer_navi-box{
		position: relative;
		z-index: 10;
	}
	.footer_navi-sp.side_navi-pc div ul li{
		box-sizing: border-box;
		position: relative;
	}
	.footer_navi-sp.side_navi-pc div ul li.btn_menudesign:hover,
	.footer_navi-sp.side_navi-pc div ul li.btn_interviews:hover,
	.footer_navi-sp.side_navi-pc div ul li.btn_line:hover,
	.footer_navi-sp.side_navi-pc div ul li.btn_phone:hover{
		right: 143px;
	}
	.footer_navi-sp.side_navi-pc div ul li span,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-phone,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-line{
		width: 100%;
		height: 50px;
		width: 193px;
		cursor: pointer;
	}
	.footer_navi-sp.side_navi-pc div ul li span img,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-phone img,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-line img{
		display: flex;
		margin: 0 auto;
		align-items: center;
		height: 50px;
		width: 193px;
		opacity: 1;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign,
	.footer_navi-sp.side_navi-pc .btn_interviews,
	.footer_navi-sp.side_navi-pc .btn_line{
		border-bottom: 1px solid #AE1313;
	}



	/* 初期状態では非表示 */
	.pagetop {
		display: none;
		opacity: 0;
		transition: opacity 0.5s ease; /* スムーズに表示と非表示を切り替えるためのトランジション */
	}

	/* 表示状態 */
	.pagetop.pageTopVisible {
		display: block;
		opacity: 1;
		position: fixed;
		bottom: 30px;
		right: 30px;
	}


/*///////////////////////////////////////////////////

ヘッダー

///////////////////////////////////////////////////*/

#header{
	width: 100%;
	height: 112px;
	background: #fff;
	position: fixed;
	z-index: 30;
}
.scroll--body #header{
	height: 80px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.header{
	max-width: 1480px;
	height: 112px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 48px;
}
.scroll--body .header{
	height: 80px;
}
.hamburger{
	display: none;
}
.header--navigation{
	width: calc(100% - 154px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: inherit;
}
.header--navigation__left{
	height: inherit;
}
.header--navigation nav{
	height: inherit;
}
.header--navigation a{
	color: #121212;
	font-size: 16px;
	font-weight: 500;
	height: inherit;
	display: block;
	display: flex;
	align-items: center;
}
.header--navigation .header--navigation__box{
	display: flex;
	gap: 0px;
	height: inherit;
}
.navigation--child__box{
	position: absolute;
	top: 112px;
	left: 0;
	width: 100%;
	height: auto;
	background: #F9F1F1;
	padding: 40px 0 48px;
	z-index: 20;
	display: none;
	box-sizing: border-box;
	border: 2px solid #fff;
}
.scroll--body .navigation--child__box{
	top: 80px;
}
.navigation--child__box.active{
	display: block;
}
.navigation--parent{
	height: inherit;
}
.navigation--parent > a{
	padding: 0 12px;
}
.navigation--parent a{
	height: inherit;
}
.navigation--parent a:hover{
	color: #EA0029;
}
.navigation--parent a.globalActive{
	color: #EA0029;
}
.navigation--parent.current > a{
	color: #EA0029;
}
.navigation--parent a span{
	height: inherit;
	display: flex;
	align-items: center;
}
.navigation--child__boxinr{
	width: 100%;
	min-width: 1000px;
	max-width: 1216px;
	margin: 0 auto;
}
.navigation--child__subttl {
	display: flex;
	align-items: center;
}
.navigation--child__subttl h3{
	font-size: 27px;
	color: #EA0029;
	margin-bottom: 20px;
	font-feature-settings: "palt";
	position: relative;
	padding-left: 0.7em;
	letter-spacing: 0.01em;
	font-weight: bold;
}
.navigation--child__subttl h3::before{
	position: absolute;
	top: 9px;
	left: 0;
	content: "●";
	font-size: 13px;
}
.navigation--child__subttl p{
	font-size: 16px;
	font-weight: bold;
	font-feature-settings: "palt";
}
.navigation--child__boxinr ul{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.navigation--child__boxinr li a{
	min-width: 224px;
	padding: 24px 0;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	display: block;
	font-feature-settings: "palt";
}
.header--navigation .header--navigation__right ul{
	gap: 16px;
	align-items: center;
}
.header--navigation__right .header--navigation__right_wp a{
	border: 2px solid #343434;
	border-radius: 24px;
	padding: 12px 28px 13px 32px;
	background: #fff;
	color: #121212;
}
.header--navigation__right .header--navigation__right_wp a:hover{
	border: 2px solid #343434;
	background: #343434;
	color: #fff;
}
.header--navigation__right .header--navigation__right_contact a{
	background: #EA0029;
	border-radius: 24px;
	padding: 14px 28px 15px 32px;
	color: #fff;
	box-sizing: border-box;
	border: 2px solid #fff;
}
.header--navigation__right .header--navigation__right_contact a:hover{
	background: #fff;
	border: 2px solid #EA0029;
	color: #EA0029;
	padding: 12px 28px 13px 32px;
	border-radius: 24px;
}
.header--navigation__right .header--navigation__right_login a{
	font-size: 13px;
	display: grid;
	justify-items: center;
	gap: 3px;
}


.nav-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8); /* 黒の半透明 */
  z-index: 9;
}
.nav-mask.active {
  display: block;
}
.navigation--parent.active span{
	color: #EA0029;
}
.navigation--parent.has-child > .parent--link {
  position: relative;
  padding-right: 31px; /* アイコン分余白を確保 */
}
/* ○背景 */
.navigation--parent.has-child > .parent--link::after {
  content: '';
  position: absolute;
  right: 10px;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid #343434;
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: 1;
}
.navigation--parent.has-child.active > .parent--link::after {
	border: 1px solid #EA0029;
}
.navigation--parent.has-child > .parent--link:hover::after {
  border: 1px solid #EA0029;
}
.navigation--parent.has-child.current > .parent--link::after {
  border: 1px solid #EA0029;
}
/* ＋／−記号 */
.navigation--parent.has-child > .parent--link::before {
  content: '+';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #121212;
  font-size: 14px;
  font-weight: bold;
  z-index: 2;
  transition: all 0.3s ease;
}
.navigation--parent.has-child > .parent--link:hover::before {
  color: #EA0029;
}
.navigation--parent.has-child.current > .parent--link::before {
  color: #EA0029;
}
/* 開いたらマイナスに変更 */
.navigation--parent.active > .parent--link::before {
  content: '−';
  color: #EA0029;
}




/*///////////////////////////////////////////////////

ページ下部にある「必要に応じて、ご利用ください」

///////////////////////////////////////////////////*/

#footer--common__bnr {
	background: #F9F1F1;
	padding: 46px 0 54px;
	width: 100%;
	margin-bottom: 8px;
}
.footer--common__bnrwrap {
	width: 1472px;
	min-width: 980px;
	margin: 0 auto;
}
#footer--common__bnr h3{
	font-size: 32px;
	font-weight: bold;
	color: #EA0029;
	text-align: center;
	margin-bottom: 32px;
}
#footer--common__bnr ul{
	display: flex;
}
#footer--common__bnr ul li{
	width: 480px;
	height: 280px;
	background: #fff;
	border-radius: 24px;
	position: relative;
}
#footer--common__bnr ul li + li{
	margin-left: 16px;
}
#footer--common__bnr ul li.footer--common__bnr01 .footer--common__bnr_image{
	position: absolute;
	top: 16px;
	right: 26px;
}
#footer--common__bnr ul li.footer--common__bnr02 .footer--common__bnr_image{
	position: absolute;
	top: 16px;
	right: 40px;
}
#footer--common__bnr ul li.footer--common__bnr03 .footer--common__bnr_image{
	position: absolute;
	top: 16px;
	right: 37px;
}	
#footer--common__bnr ul li a{
	width: 480px;
	height: 280px;
	display: block;
}
#footer--common__bnr ul li dl{
	width: 360px;
	padding: 148px 0 0 26px;
}
#footer--common__bnr ul li dl dt{
	font-size: 20px;
	font-weight: bold;
	color: #EA0029;
	margin-bottom: 13px;
}
#footer--common__bnr ul li dl dd{
	font-size: 14px;
	line-height: 1.6;
}
#footer--common__bnr ul li .footer--common__bnr_btn{
	position: absolute;
	bottom: 30px;
	right: 18px;
}


/*///////////////////////////////////////////////////

フッター

///////////////////////////////////////////////////*/

#footer{
	width: 100%;
	font-size: 13px;
	line-height: 1.85;
}
#footer a:hover{
	color: #EA0029;
	text-decoration: underline !important;
}
.footer--main__wrap{
	width: 100%;
	background: #F3F3F3;
	padding: 56px 0 48px;
}
.footer--main__inr{
	width: 1360px;
	padding: 0 56px;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.footer--company .footer--company__logo{
	margin-bottom: 24px;
}
.footer--company .footer--company__name{
	font-weight: bold;
	margin-bottom: 8px;
}
.footer--company .footer--company__address{
	margin-bottom: 8px;
}
.footer--company .footer--company__phone span,
.footer--company .footer--company__fax span{
	display: inline-block;
	width: 5em;
	position: relative;
}
.footer--company .footer--company__phone span::before,
.footer--company .footer--company__fax span::before{
	content: "：";
	position: absolute;
	top: 0;
	right: 0;
}
.footer--mainNavigation{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 40px;
}
.footer--mainNavigation__box{
	margin-bottom: 40px;
}
.footer--mainNavigation__box:last-child{
	margin-bottom: 0;
}
.footer--mainNavigation .footer--navigation__parent{
	font-weight: bold;
	position: relative;
	margin-bottom: 8px;
	line-height: 1;
	padding-left: 1.1em;
}
.footer--mainNavigation .footer--navigation__parent::before{
	content: "●";
	font-size: 12px;
	position: absolute;
	top: 1px;
	left: 0;
}
.footer--sub__wrap{
	width: 100%;
	background: #fff;
	padding: 24px 0;
}
.footer--sub__inr{
	width: 1360px;
	padding: 0 56px;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.footer--subNavigation ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 24px;
}

}


@media screen and (min-width:1217px) and ( max-width:1424px) {
.header--navigation a{
	font-size: 15px;
}

}



@media screen and (min-width:751px) and ( max-width:1374px) {
.navigation--parent > a{
	padding: 0 6px;
}

}
@media screen and (min-width:751px) and ( max-width:1288px) {
.header--navigation {
	display: none;
}
.header--navigation.is-visible {
	display: block;
	background: #F9F1F1;
	width: 100%;
	min-width: 800px;
	height: 84vh;
	overflow: auto;
	overscroll-behavior-y: contain;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	padding: 8vh 0;
	margin: 0 auto;
}
.hamburger {
	display: block;
	position: absolute;
	z-index: 21;
	right: 18px;
	top: 26px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	transition: 0.5s all;
	background: #ea0029;
	border-radius: 50px;
}
.scroll--body .hamburger{
	top: 10px;
}
.hamburger span {
	display : block;
	position: absolute;
	width   : 28px;
	height  : 2px ;
	left    : 17px;
	background : #fff;
}
.hamburger span:nth-child(1) {
	top: 24px;
	transition: 0.3s;
}
.hamburger span:nth-child(2) {
	top: 35px;
	transition: 0.3s;
}
/* ナビ開いてる時のボタン */
.hamburger.is-visible{
	position: fixed;
	right: 18px;
	top: 26px;
}
.scroll--body .hamburger.is-visible{
	top: 10px;
}
.hamburger.is-visible span:nth-child(1) {
	top : 30px;
	left: 16px;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
	transition: 0.3s;
}
.hamburger.is-visible span:nth-child(2) {
	top: 30px;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
	transition: 0.3s;
}
.header--navigation__left,
.header--navigation__left nav{
	height: auto;
}
.header--navigation__left,
.header--navigation__right{
	width: 800px;
	margin: 0 auto;
}
.header--navigation .header--navigation__left .header--navigation__box{
	display: block;
	position: relative;
}
.header--navigation a {
	color: #121212;
	font-size: 18px;
	padding: 16px 0;
	display: inline-block;
}
.navigation--parent{
	margin-bottom: 8px;
}
.header--navigation .navigation--child a {
	font-size: 14px;
}
#header .navigation--child__box{
	position: relative;
	display: block;
	top: 0;
	padding: 0;
	margin-bottom: 20px;
	border: none;
}
.navigation--child__subttl h3{
	display: none;
}

.navigation--child__boxinr{
	width: 100%;
	min-width: auto;
}
.navigation--child__boxinr ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 18px 0;
	justify-content: space-between;
}
.navigation--child__boxinr ul li{
	width: 49%;
}
.header--navigation__right nav ul{
	justify-content: center;
	gap: 32px;
}
/* ○背景 */
.navigation--parent.has-child > .parent--link::after {
  display: none;
}
/* ＋／−記号 */
.navigation--parent.has-child > .parent--link::before {
  display: none;
}
	
}



@media screen and (min-width:751px) and (max-width:1471px){

/*///////////////////////////////////////////////////

ページ下部にある「必要に応じて、ご利用ください」

///////////////////////////////////////////////////*/

#footer--common__bnr {
	background: #F9F1F1;
	padding: 46px 0 54px;
	width: 100%;
	min-width: 1000px;
	margin-bottom: 8px;
}
.footer--common__bnrwrap {
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
}
#footer--common__bnr ul{
	display: flex;
	justify-content: space-between;
}
#footer--common__bnr ul li{
	width: 32.5%;
	height: auto;
}
#footer--common__bnr ul li + li{
	margin-left: 0;
}
#footer--common__bnr ul li.footer--common__bnr01 .footer--common__bnr_image{
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 16px;
}
#footer--common__bnr ul li.footer--common__bnr01 .footer--common__bnr_image img{
	width: 160px;
	height: 162px;
	margin: 0 auto;
	display: block;
}
#footer--common__bnr ul li.footer--common__bnr02 .footer--common__bnr_image{
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 16px;
}
#footer--common__bnr ul li.footer--common__bnr02 .footer--common__bnr_image img{
	width: 140px;
	height: 162px;
	margin: 0 auto;
	display: block;
}
#footer--common__bnr ul li.footer--common__bnr03 .footer--common__bnr_image{
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 16px;
}	
#footer--common__bnr ul li.footer--common__bnr03 .footer--common__bnr_image img{
	width: 170px;
	height: 162px;
	margin: 0 auto;
	display: block;
}
#footer--common__bnr ul li a{
	width: 100%;
	height: auto;
	display: block;
	padding: 16px 0 40px 0;
}
#footer--common__bnr ul li dl{
	width: 90%;
	padding: 0;
	margin: 0 auto;
}
#footer--common__bnr ul li dl dt{
	font-size: 18px;
	font-weight: bold;
	color: #EA0029;
	margin-bottom: 13px;
}
#footer--common__bnr ul li dl dd{
	font-size: 14px;
	line-height: 1.6;
}
#footer--common__bnr ul li .footer--common__bnr_btn{
	position: absolute;
	bottom: 16px;
	right: 18px;
}
#footer--common__bnr ul li .footer--common__bnr_btn img{
	width: 30px;
}


/*///////////////////////////////////////////////////

フッター

///////////////////////////////////////////////////*/

#footer{
	width: 100%;
	min-width: 1000px;
}
.footer--main__wrap{
	width: 100%;
	padding: 48px 0 40px;
}
.footer--main__inr{
	width: 980px;
	padding: 0;
	flex-direction: column-reverse;
}
.footer--company{
	display: flex;
    gap: 24px;
    justify-content: flex-end;
    align-items: center;
}
.footer--company .footer--company__logo{
	margin-bottom: 0;
}
.footer--company .footer--company__name{
	margin-bottom: 0;
}
.footer--company .footer--company__address{
	margin-bottom: 0;
}
.footer--company .footer--company__phone span,
.footer--company .footer--company__fax span{
	display: inline-block;
	width: 5em;
	position: relative;
}
.footer--company .footer--company__phone span::before,
.footer--company .footer--company__fax span::before{
	content: "：";
	position: absolute;
	top: 0;
	right: 0;
}
.footer--mainNavigation{
	gap: 16px;
	margin-bottom: 40px;
}
.footer--mainNavigation__box{
	margin-bottom: 24px;
}
.footer--mainNavigation__box:last-child{
	margin-bottom: 0;
}
.footer--sub__inr{
	width: 980px;
	padding: 0;
}

}





/*SPサイズ
////////////////////////////////////////////////////*/

@media screen and (max-width:750px) {
	/* font */
	@font-face {
		font-display: swap; 
		font-family: 'Noto Sans JP';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/noto-sans-jp-v52-japanese-regular.woff2') format('woff2'),
		url('../fonts/noto-sans-jp-v52-japanese-regular.woff') format('woff');
	}
	@font-face {
		font-display: swap; 
		font-family: 'Noto Sans JP';
		font-style: normal;
		font-weight: 500;
		src: url('../fonts/noto-sans-jp-v52-japanese-500.woff2') format('woff2'),
		url('../fonts/noto-sans-jp-v52-japanese-500.woff') format('woff');
	}
	@font-face {
		font-display: swap; 
		font-family: 'Noto Sans JP';
		font-style: normal;
		font-weight: 700;
		src: url('../fonts/noto-sans-jp-v52-japanese-700.woff2') format('woff2'),
		url('../fonts/noto-sans-jp-v52-japanese-700.woff') format('woff');
	}

	html{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 62.5%;
	}
	body {
		font-size: 10px;
		font-size: 1.0rem;
		color: #121212;
		letter-spacing: 0.06em;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 2.0;
		position: relative;
	}
	a {
		color: #121212;
		text-decoration: none;
		display: block;
	}
	img {
		width: 100%;
		height: auto;
	}
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	a:hover {
		text-decoration: none !important;
	}
	a:hover img {
		opacity: 0.8;
	}
	/*//////////       layout       //////////*/
	#wrapper {
		width: 100%;
		font-size: 100%;
		position: relative;
	}
	.cf:after {
		content: " ";
		display: block;
		clear: both;
	}

	/* ------------------------------------------------
		■ wrap ■
	------------------------------------------------ */

	#wrap {
		width: 90%;
		margin: 0 auto 5%;
	}
	#wrap h1.h1_lv1 {
		background: #000;
		color: #fff;
		font-weight: 500;
		margin: 0 0 20px 0;
		padding: 10px;
		font-size: 20px;
		font-size: 2rem;
		border-radius: 10px;
	}
	#wrap h1.h1_lv1.h1_lv1_0712 {
		margin-top: 10%;
	}
	/* ------------------------------------------------
		■ コラム用 ■
	------------------------------------------------ */
	#wrap h2.h1_lv1 {
		background: #343434;
		color: #fff;
		font-weight: 400;
		margin: 0 0 20px 0;
		padding: 10px;
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.5;
	}
	#wrap h2.h1_lv2 {
		font-size: 18px;
		font-size: 1.8rem;
		color: #EA0029;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 8px;
		margin-bottom: 18px;
		font-weight: 500;
		line-height: 1.5;
	}
	/* ------------------------------------------------
		■ path ■
	------------------------------------------------ */
	#path {
		display: inline-flex;
		width: 90%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 3% 5%;
	}
	#path a {
		text-decoration: underline;
	}
	#path a:hover {
		text-decoration: none;
	}

	.breadcrumbs--list{
		width: 100%;
        border-top: 1px solid #F9F1F1;
		margin: 0 auto;
		padding: 3% 0;
	}
	.breadcrumbs--list ul{
		display: inline-flex;
		width: 90%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;
		font-size: 12px;
		font-size: 1.2rem;
		margin-left: 5%;
	}
	.breadcrumbs--list ul li{
		font-size: 12px;
		position: relative;
		color: #676767;
	}
	.breadcrumbs--list ul li + li{
		margin-left: 6%;
		position: relative;
	}
	.breadcrumbs--list ul li + li::before{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		position: absolute;
		left: -18px;
		top: 50%;
		border-top: #676767 solid 1px;
		border-right: #676767 solid 1px;
		transform: rotate(45deg) translateY(-50%);
		color: inherit;
	}
	.breadcrumbs--list ul li a{
		text-decoration: underline !important;
		color: #676767;
	}

	/* ------------------------------------------------
		■ contents ■
	------------------------------------------------ */
	#contents p {
		line-height: 1.8;
		font-size: 14px; font-size: 1.4rem;
	}

	/* 初期状態では非表示 */
	.pagetop {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 10;
	}

	/* 表示状態 */
	.pagetop.pageTopVisible {
		display: block;
		opacity: 1;
		width: 50px;
	}
	.pagetop.pageTopVisible a{
		width: 50px;
	}
	.pagetop.pageTopVisible img{
		vertical-align: top;
	}
	body.js-bodyWrapFooter.active {
		height: 100%;
		overflow: hidden;
	}
	.btn_menudesign-box {
		height: 100vh;
		overflow: scroll;
	}
	.btn_menudesign-box{
		display: block;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.9);
		text-align: center;
		transform: translateY(130%);
		transition: all 0.6s;
		width: 100%;
		height: calc(100% - 56px);
		overflow-y: auto;
		align-items: center;
		justify-content: center;
	}
	.btn_menudesign-box.MenudesignActive{
		transform: translateY(0%);
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul {
		display: block;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li{
		padding: 4% 0;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li + li{
		border-top: 1px solid #ddd;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li a{
		height: auto;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox{
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox:after{
		position: absolute;
		top: calc(50% - 6px);
		right: 0;
		content: "";
		width: 7px;
		height: 12px;
		background: url("../../img/sp/icon-footer-arrow.svg");
		background-size: cover;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox{
		display: flex;
		align-items: center;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .pic{
		width: 19.4%;
		margin-right: 3.53%;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .pic img{
		vertical-align:top;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .text{
		width: 69.71%;
		text-align: left;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.46;
		color: #fff;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign-box ul li .menudesign-singlebox .text p + p{
		font-size: 11px;
		margin-top: 7px;
		text-align: right;
		line-height: 1.1;
	}
	.btn_menudesign-box-closebtn{
		width: 78px;
		height: 69px;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	.btn_menudesign-box-closebtn img{
		vertical-align: top;
	}
	.btn_interviews-box{
		display: block;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.9);
		text-align: center;
		transform: translateY(130%);
		transition: all 0.6s;
		width: 100%;
		height: calc(100% - 56px);
		overflow-y: auto;
		align-items: center;
		justify-content: center;
	}
	.btn_interviews-box.InterviewsActive{
		transform: translateY(0%);
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul {
		display: block;
		padding-top: 60px;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li{
		padding: 4% 0;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li + li{
		border-top: 1px solid #ddd;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li a{
		height: auto;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox{
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox:after{
		position: absolute;
		top: calc(50% - 6px);
		right: 0;
		content: "";
		width: 7px;
		height: 12px;
		background: url("../../img/sp/icon-footer-arrow.svg");
		background-size: cover;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox{
		display: flex;
		align-items: center;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .pic{
		width: 19.4%;
		margin-right: 3.53%;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .pic img{
		vertical-align:top;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .text{
		width: 69.71%;
		text-align: left;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.46;
		color: #fff;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews-box ul li .interviews-singlebox .text p + p{
		font-size: 11px;
		margin-top: 7px;
		text-align: right;
		line-height: 1.1;
	}
	.btn_interviews-box-closebtn{
		width: 78px;
		height: 69px;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	.btn_interviews-box-closebtn img{
		vertical-align: top;
	}
	.footer_navi-sp.side_navi-pc{
		position: fixed;
		z-index: 10;
		right: 0;
		bottom: 0;
		background: #EA0029;
		width: 100%;
	}
	.footer_navi-box{
		position: relative;
		z-index: 10;
		background: #EA0029;
		width: 100%;
	}
	.footer_navi-sp.side_navi-pc div ul{
		display: flex;
	}
	.footer_navi-sp.side_navi-pc div ul li{
		box-sizing: border-box;
	}
	.footer_navi-sp.side_navi-pc div ul li span,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-phone,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-line{
		width: 100%;
		height: 56px;
		cursor: pointer;
	}
	.footer_navi-sp.side_navi-pc div ul li span img,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-phone img,
	.footer_navi-sp.side_navi-pc div ul li .footer_navi-box-line img{
		display: flex;
		margin: 0 auto;
		align-items: center;
		height: 56px;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign{
		width: 36%;
		border-right: 1px solid #AE1313;
	}
	.footer_navi-sp.side_navi-pc .btn_menudesign img{
		width: 69.63%;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews{
		width: 36%;
		border-right: 1px solid #AE1313;
	}
	.footer_navi-sp.side_navi-pc .btn_interviews img{
		width: 85.19%;
	}
	.footer_navi-sp.side_navi-pc .btn_line{
		width: 14%;
		border-right: 1px solid #AE1313;
	}
	.footer_navi-sp.side_navi-pc .btn_phone{
		width: 14%;
	}
	.footer_navi-sp.side_navi-pc .btn_line img,
	.footer_navi-sp.side_navi-pc .btn_phone img{
		width: 79.25%;
	}


	/* ------------------------------------------------
		■ common ■
	------------------------------------------------ */
	a.link {
		width: 100%;
		color: #fff;
		display: block;
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 5% 0;
		border-radius: 40px;
		margin-top: 5%;
		line-height: 1.4;
		background: #EA0029;
	}
	a.link:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	span.must {
		background: #c80000;
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		padding: 4px 6px;
		float: right;
		position: relative;
		top: -3px;
		border-radius: 3px;
		behavior: url(http://self.ipad-solution.com/pie/PIE.htc);
	}
	ul.serviceBox li a {
		border: 1px solid #e6e6e6;
		display: block;
		padding: 15px;
		background: url(../../img/arrow_gray.png) no-repeat 99% 97%;
	}
	ul.serviceBox li a:hover {
		border: 1px solid #FF9600;
		background: url(../../img/arrow_orange.png) no-repeat 99% 97%;
	}
	ul.serviceBox li a:hover img {
		opacity: 0.8;
	}
	ul.serviceBox li a h2 {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 400;
		color: #121212;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 10px;
	}
	ul.serviceBox li a dl dd {
		width: 100%;
	}
	p.indent {
		padding-left: 2em;
		text-indent: -2em;
	}
	ol {
		margin: 0;
	}
	ol li {
		list-style-type: decimal;
	}
	/* ------------------------------------------------
		■ check ■
	------------------------------------------------ */
	.checkPageLead{
		margin-bottom: 5%;
	}
	#section_check01 .chart {
		margin: 0 0 5% 0;
	}
	#section_check01 .chart_flow {
		background: #f0f0f0;
		border-radius: 5px;
		margin: 0 0 10% 0;
	}
	#section_check01 .chart_flow dl {
		padding: 5%;
	}
	#section_check01 .chart_flow dl dt {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
		text-align: center;
	}
	#section_check01 .chart_flow dl dd {
		margin-top: 8px;
	}
	#section_check01 a.link {
		background-color: #EA0029;
		border-radius: 30px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
		padding: 5% 0;
		background-image: none;
	}
	#section_check01 .chart {
		position: relative;
	}
	#section_check01 .chart a {
		width: 203px;
		height: 34px;
		color: #fff;
		font-weight: 400;
		display: none;
		background: url(../../img/bg_btn_check.png) no-repeat 0px 0px;
		text-align: center;
		padding: 10px 8px 0 0;
		margin: 0 0 9px 0;
		font-size: 16px;
		font-size: 1.6rem;
		position: absolute;
	}
	#section_check01 .chart a.chartLink01 {
		top: 412px;
		left: 100px;
	}
	#section_check01 .chart a.chartLink02 {
		top: 675px;
		left: 100px;
	}
	#section_check01 .chart a.chartLink03 {
		top: 738px;
		left: 688px;
	}
	#section_check01 .chart a.chartLink04 {
		top: 873px;
		left: 394px;
	}
	#section_check01 .chart a.chartLink05 {
		width: auto;
		height: auto;
		color: #fff;
		font-weight: 400;
		display: block;
		text-align: center;
		background: #969696 url(../../img/arrow_chart_gray.png) no-repeat 96% center;
		padding: 10px 32px !important;
		margin: 0 !important;
		font-size: 12px;
		font-size: 1.2rem;
		position: absolute;
		top: 987px;
		left: 348px;
		border-radius: 5px;
	}
	#section_check01 .chart a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	/* ------------------------------------------------
		■ difference ■
	------------------------------------------------ */
	#section_difference01, #section_difference02, #section_difference03, #section_difference04, #section_difference06, #section_difference07, #section_difference08, #section_difference09,#section_difference10 {
		margin-bottom: 10%;
	}
	#section_difference01 .newsList{
		line-height: 1.6;
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 2%;
	}
	#section_difference01 .news-icon{
		width: 35px;
	}
	#section_difference05 h2.h1_lv2 {
		font-size: 24px;
		font-size: 2.4rem;
	}
	#section_difference01 p.icon, #section_difference02 p.icon, #section_difference03 p.icon, #section_difference04 p.icon, #section_difference06 p.icon, #section_difference07 p.icon, #section_difference08 p.icon, #section_difference09 p.icon, #section_difference10 p.icon {
		margin-bottom: 20px;
	}
	#section_difference05 ul.serviceBox li {
		float: left;
		margin: 0 50px 80px 0;
	}
	#section_difference10 li{
		width: 200px;
		margin: 0 auto;
	}
	#section_difference03 a.difference04-regi01{
		width: 200px;
		margin: 0 auto;
	}
	#section_difference02 p.icon{
		width: 100px;
		margin: 0 auto;
	}
	#section_difference03 a.difference04-regi01 + .difference04-regi01{
		margin-top: 5%;
	}
	#section_difference04 .icon.difference04-3weeks{
		width: 200px;
		margin: 0 auto;
	}

	/* ------------------------------------------------
		■ policy ■
	------------------------------------------------ */
	.policyBox ul li {
		background: #e6e6e6;
		padding: 14px 16px;
		line-height: 1.8;
		margin: 0 0 20px;
	}
	.policyBox p.indent {
		font-size: 10px;
		font-size: 1re, ;
	}

	/* ------------------------------------------------
		■ shop 昔の導入事例用のcss■
	------------------------------------------------ */
	#section_shop01, #section_shop02, #section_shop03, #section_shop04 {
		margin-bottom: 10%;
	}
	#section_shop01 table {
		width: 100%;
		margin-top: -8px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#section_shop01.useShop-sp-01 table{
		width: 100% !important;
	}
	#section_shop01.useShop-sp-01 .useShop-sp-01-img01{
		width: 100% !important;
	}
	.useShop-sp-01-img02{
		margin: 0 auto;
		width: 80%;
	}
	.useShop-sp-01-img02 div{
		width: 100%;
	}
	.useShop-sp-01-img02 img{
		width: 100% !important;
	}
	#section_shop01 table tr {
		border-bottom: 1px solid #ccc;
	}
	#section_shop01 table th{
		width: 9rem;
	}
	#section_shop01 table th, #section_shop01 table td {
		font-weight: normal;
		text-align: left;
		padding: 8px 0;
	}
	#section_shop01 table td a {
		color: #EA0029;
	}
	#section_shop02 div.cf {
		margin-bottom: 20px;
	}
	#section_shop02 div.cf dl,
	.imgW80Auto{
		width: 80%;
		margin: 0 auto;
	}
	.imgW80Auto div{
		width: 100% !important;
	}
	#section_shop02 div.cf dl dt {
		line-height: 0;
	}
	#section_shop02 div.cf dl dd {
		display: block;
		background: #e6e6e6;
		padding: 10px;
		line-height: 1.5;
		font-size: 12px;
		font-size: 1.2rem;
	}
	#section_shop02 div.cf div {
		width: 100%;
	}
	#section_shop02 h2 {
		font-size: 14px;
		font-size: 1.4rem;
		color: #EA0029;
		margin-bottom: 6px;
		font-weight: 400;
	}
	#section_shop02 div.cf ul {
		line-height: 1.8;
		list-style: inside;
	}
	#section_shop02 div.cf ul li {
		list-style-type: disc;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#section_shop03 div {
		background: #e6e6e6;
		padding: 14px 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		behavior: url(http://self.ipad-solution.com/pie/PIE.htc);
	}
	#section_shop04 ul {
		margin-left: 0 !important;
	}
	#section_shop04 ul li {
		width: 80%;
		margin: 0 auto 5%;
	}
	#contents .useShop-sp-01-center{
		text-align: center;
		margin-top: 5%;
	}
	.longurl{
		word-break: break-all;
	}
	#section_shop04 p.center a {
		text-decoration: underline;
	}
	#section_shop04 p.center a:hover {
		text-decoration: none;
	}
	.news-icon{
		width: 35px;
	}
	.news_20150602 li {
		width: 300px;
		height: 300px;
		margin-right: 50px;
		float: left;
	}
	.news_20150602 li:last-child {
		width: 300px;
		height: 300px;
		float: left;
		margin-right: 0px !important;
	}
	.news_20160122 li {
		width: 480px;
		height: 346px;
		margin-right: 40px;
		float: left;
	}
	.news_20160122 li:last-child {
		width: 480px;
		height: 346px;
		margin-right: 0px !important;
		float: right;
	}

	/* =======================================
		news20150918
	======================================= */
	.news_20150918 {
		clear: both;
		content: " ";
		display: table;
	}
	.news_20150918 li {
		float: left;
		margin-right: 40px;
	}
	.news_20150918 li:last-child {
		float: left;
		margin-right: 0px !important;
	}
	/* =======================================
		news20151109
	======================================= */
	.news_20151109 {
		clear: both;
		content: " ";
		display: table;
	}
	.news_20151109 li {
		float: left;
		margin-right: 140px;
	}
	.news_20151109 li:last-child {
		float: left;
		margin-right: 0px !important;
	}
	.red_txt {
		color: #fb4545 !important;
	}
	.smalltext {
		font-size: 12px;
	}
	.boldtext {
		font-weight: 400;
		font-size: 16px;
		color: #ec1313;
	}
	/*------------------------------------------------
	メニューブック関連
	------------------------------------------------*/
	/*フッターバナー*/
	.menubook_wrap {
		background-color: #ffe4e4;
		width: 1000px;
		height: 400px;
		margin-bottom: 90px;
		padding: 30px 30px 5px 30px;
	}
	.menu_wrap_l {
		float: left;
	}
	.menu_wrap_r {
		float: right;
	}
	.menu_text1 {
		font-size: 20px;
		line-height: 1.3em !important;
		margin-bottom: 15px;
	}
	.menu_main_text {
		font-size: 36px;
		margin-left: 10px;
		vertical-align: 0.6em;
	}
	.menu_servicestart {
		font-size: 22px;
		text-align: center;
	}
	.menu_check {
		margin-bottom: 20px;
	}
	.menu_check ul {
		font-size: 22px;
		line-height: 1.3em;
	}
	.menu_printer1 {
		font-size: 20px;
		line-height: 1.4em !important;
	}
	.menu_printer2 {
		font-weight: 400;
		font-size: 25px;
	}
	.menu_red {
		margin-top: 20px;
		font-size: 22px;
		color: #f9410e;
	}
	.menu_price {
		font-size: 16px;
	}
	.menu_txt_b {
		font-size: 25px;
		text-align: center;
	}
	/*-----------------------------------------
	ポスモコページ
	-----------------------------------------*/
	.posmocoarea1_l {
		width: 350px;
		float: left;
	}
	.posmocoarea1_r {
		width: 650px;
		float: right;
	}
	.posmocoarea2_l {
		width: 550px;
		float: left;
		margin-right: 20px;
	}
	.posmocoarea2_r {
		width: 430px;
		float: right;
	}
	.posmoco_h2text {
		font-size: 2.2rem !important;
	}
	.iots_bold {
		font-weight: 400;
		font-size: 18px;
	}
	.orange {
		color: #EA0029;
	}
	/* ------------------------------------------------	
	■ magazinecancel ■ メルマガ解除
	------------------------------------------------ */
	.magazinecancel p{
		line-height: 2.0;
		font-size: 1.4rem;
		font-size: 14px;
	}
	.magazinecancel-entry p{
		line-height: 2.0;
		font-size: 1.4rem;
		font-size: 14px;
	}
	.magazinecancel-entry p + p{
		margin-top: 20px;
	}


/*///////////////////////////////////////////////////

ヘッダー

///////////////////////////////////////////////////*/
#header{
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
}

#header section h1,
#header section p.header--logo {
	margin-left: 5%;
	width: 101px;
	height: auto;
	padding-top: 5%;
}
#header section h1 a,
#header section p.header--logo a{
	line-height: 1;
}
#header section h1 a img,
#header section p.header--logo a img{
	width: 100%;
	height: auto;
}
.header--navigation {
	display: none;
}
.header--navigation.is-visible {
	display: block;
	background: #F9F1F1;
	width: 100%;
	min-width: 100%;
	height: 66vh;
	overflow: auto;
	overscroll-behavior-y: contain;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	padding: 8vh 0 26vh;
	margin: 0 auto;
}
.header--navigation__left,
.header--navigation__left nav{
	height: auto;
}
.header--navigation__left,
.header--navigation__right{
	width: 90%;
	margin: 0 auto;
}
.header--navigation .header--navigation__left .header--navigation__box{
	display: block;
	position: relative;
}

/*　ハンバーガーボタン　*/

.hamburger {
	display : block;
	position: fixed;
	z-index : 21;
	right: 5%;
	top: 3%;
	width : 48px;
	height: 48px;
	border-radius: 50px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: 0.5s all;
	-moz-transition   : 0.5s all;
	transition        : 0.5s all;
	background: #EA0029;
	border: 2px solid #fff;
	box-sizing: border-box;
}
.hamburger span {
	display : block;
	position: absolute;
	width   : 23px;
	height  : 2px ;
	left    : 11px;
	background : #fff;
}
.hamburger span:nth-child(1) {
	top: 17px;
	transition: 0.3s;
}
.hamburger span:nth-child(2) {
	top: 27px;
	transition: 0.3s;
}
/* ナビ開いてる時のボタン */
.hamburger.is-visible{
	position: fixed;
	right: 5%;
	top: 3%;
}
.hamburger.is-visible span:nth-child(1) {
	top : 22px;
	left: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
	transition: 0.3s;
}
.hamburger.is-visible span:nth-child(2) {
	top: 22px;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
	transition: 0.3s;
}


.header--navigation a {
	color: #121212;
	font-size: 18px;
	font-weight: bold;
	padding: 2% 0;
	display: inline-block;
}
.navigation--parent{
	margin-bottom: 1%;
}
.header--navigation .navigation--child{
	margin-bottom: 2%;
}
.header--navigation .navigation--child a {
	font-size: 14px;
	padding: 5% 3%;
	background: #fff;
	border-radius: 5px;
	display: block;
	font-feature-settings: "palt";
}
.navigation--child__box{
	position: relative;
	display: block;
	top: 0;
	padding: 0;
	margin-bottom: 6%;
}
.navigation--child__subttl h3{
	display: none;
}

.navigation--child__boxinr{
	width: 100%;
	min-width: auto;
}
.navigation--child__boxinr ul{
	width: 100%;
}
.navigation--child__boxinr ul li{
	width: 100%;
}
.header--navigation__right nav ul{
	justify-content: center;
	gap: 32px;
}



.header--navigation__right .header--navigation__right_wp a{
	border: 2px solid #343434;
	border-radius: 34px;
	padding: 4% 0;
	background: #fff;
	color: #121212;
	width: 100%;
	text-align: center;
	margin: 5% 0;
	box-sizing: border-box;
}
.header--navigation__right .header--navigation__right_contact a{
	background: rgb(125,16,196);
	background: linear-gradient(53deg, rgba(125,16,196,1) 0%, rgba(187,21,23,1) 100%);
	border-radius: 34px;
	padding: 4% 0;
	color: #fff;
	width: 100%;
	text-align: center;
	margin-bottom: 5%;
}
.header--navigation__right .header--navigation__right_login a{
	font-size: 13px;
	display: grid;
	justify-items: center;
	gap: 3px;
}
.header--navigation__right .header--navigation__right_login a img{
	width: 10%;
}


	
/*///////////////////////////////////////////////////

ページ下部にある「必要に応じて、ご利用ください」

///////////////////////////////////////////////////*/
#footer--common__bnr {
	background: #F9F1F1;
	padding: 8% 0;
	width: 100%;
	margin-bottom: 8px;
}
.footer--common__bnrwrap {
	width: 90%;
	margin: 0 auto;
}
.footer--common__bnrwrap h3{
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
	color: #EA0029;
}
#footer--common__bnr ul li{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 30px;
	margin-bottom: 5%;
}
#footer--common__bnr ul li:last-child{
	margin-bottom: 0;
}
#footer--common__bnr ul li.footer--common__bnr01 .footer--common__bnr_image{
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 3%;
}
#footer--common__bnr ul li.footer--common__bnr01 .footer--common__bnr_image img{
	width: 160px;
	height: 162px;
	margin: 0 auto;
	display: block;
}
#footer--common__bnr ul li.footer--common__bnr02 .footer--common__bnr_image{
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 3%;
}
#footer--common__bnr ul li.footer--common__bnr02 .footer--common__bnr_image img{
	width: 140px;
	height: 162px;
	margin: 0 auto;
	display: block;
}
#footer--common__bnr ul li.footer--common__bnr03 .footer--common__bnr_image{
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 3%;
}	
#footer--common__bnr ul li.footer--common__bnr03 .footer--common__bnr_image img{
	width: 170px;
	height: 145px;
	margin: 0 auto;
	display: block;
}
#footer--common__bnr ul li a{
	width: 100%;
	height: auto;
	display: block;
	padding: 5% 0 12%;
	position: relative;
}
#footer--common__bnr ul li dl{
	width: 90%;
	padding: 0;
	margin: 0 auto;
}
#footer--common__bnr ul li dl dt{
	font-size: 18px;
	font-weight: bold;
	color: #EA0029;
	margin-bottom: 2%;
}
#footer--common__bnr ul li dl dd{
	font-size: 14px;
	line-height: 1.6;
}
#footer--common__bnr ul li .footer--common__bnr_btn{
	position: absolute;
	bottom: 16px;
	right: 18px;
}
#footer--common__bnr ul li .footer--common__bnr_btn img{
	width: 30px;
}



/*///////////////////////////////////////////////////

フッター

///////////////////////////////////////////////////*/

#footer{
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
}
.footer--main__wrap{
	width: 100%;
	background: #F3F3F3;
	padding: 8% 0 6%;
}
.footer--main__inr{
	width: 90%;
	margin: 0 auto;
}
.footer--company {
	margin-bottom: 8%;
	padding-bottom: 8%;
	border-bottom: 1px solid #c4c4c4;
}
.footer--company .footer--company__logo{
	width: 30%;
    height: auto;
	margin-bottom: 3%;
}
.footer--company .footer--company__logo img{
	height: auto;
}
.footer--company .footer--company__name{
	font-weight: bold;
}
.footer--company .footer--company__phone span,
.footer--company .footer--company__fax span{
	display: inline-block;
	width: 5.3em;
	position: relative;
}
.footer--company .footer--company__phone span::before,
.footer--company .footer--company__fax span::before{
	content: "：";
	position: absolute;
	top: 0;
	right: 0;
}
.footer--mainNavigation__box{
	margin-bottom: 6%;
}
.footer--mainNavigation__fifth .footer--mainNavigation__box{
	margin-bottom: 0;
}
.footer--mainNavigation__boxWrapSpOnly{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer--mainNavigation__boxWrapSpOnly .footer--mainNavigation__box{
	width: 49.5%;
}
.footer--mainNavigation__box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer--mainNavigation__box ul li{
	width: 49.5%;
	line-height: 1.4;
	margin-bottom: 2%;
	display: flex;
}
.footer--mainNavigation__box ul li a{
	font-size: 13px;
}
.footer--mainNavigation .footer--navigation__parent{
	font-weight: bold;
	position: relative;
	margin-bottom: 3%;
	line-height: 1;
	padding-left: 1.1em;
	font-size: 14px;
}
.footer--mainNavigation .footer--navigation__parent::before{
	content: "●";
	font-size: 13px;
	position: absolute;
	top: 1px;
	left: 0;
}
.footer--mainNavigation .footer--navigation__parent{
	display: flex;
}
.footer--sub__wrap{
	width: 100%;
	background: #fff;
	padding: 8% 0 8%;
}
.footer--sub__inr{
	width: 90%;
	margin: 0 auto;
}
.footer--subNavigation{
	margin-bottom: 8%;
	padding-bottom: 6%;
	border-bottom: 1px solid #c4c4c4;
}
.footer--subNavigation ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer--subNavigation ul li{
	width: 49.5%;
    line-height: 1.4;
    margin-bottom: 2%;
	font-size: 13px;
}
.footer--copyright{
	text-align: center;
}



}