@charset "utf-8";

:root {
    --main-color: #00008B;
    --main-sub-color: #FFFFFF;
    --main-btn-color: #FF8C00;
    --transparent-color: rgba(0,0,0,0);

	--normal: 400;
	--medium: 500;
	--bold: 700;

	--breakpoint-pc: 1920;
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "游ゴシック" , "Yu Gothic" , sans-serif;
}

.hirose-CheckBtn {
    background-color: var(--main-btn-color);
    border-color: var(--main-btn-color);
}

/* 上書き対応 */
.hirose-CheckBtn:hover,
.hirose-CheckBtn:active,
.hirose-CheckBtn:focus {
    background-color: var(--main-btn-color);
    border-color: var(--main-btn-color);
}

.color_orange {
    color: var(--main-btn-color);
}

.marginT20 {
    margin-top: 20px;
}

ul {
	list-style-type: none;
}

input:focus {
	outline: none;
}

.color_fff {color: #fff!important;}

.ui-widget.ui-widget-content {
	margin-top: calc(-91 / var(--breakpoint-pc) * 100vw);
}

.view_pc {display: inherit;}
.view_sp {display: none;}

@media (max-width: 768px) {
	.view_pc {display: none;}
	.view_sp {display: inherit;}
}

/* ********************************************************************************* */
/* コンテンツ区分け調整 */

.ec-layoutRole .ec-layoutRole__contents {
	max-width: none;
}

.ec-layoutRole .ec-layoutRole__left {
	width: calc(270 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(180, 180, 180, 0.25);
}

.ec-layoutRole .ec-layoutRole__mainWithColumn {
	width: 100vw;
	margin-bottom: calc(100 / var(--breakpoint-pc) * 100vw);
}


@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	.ec-layoutRole .ec-layoutRole__left {
		width: 270px;
	}

	.ec-layoutRole .ec-layoutRole__mainWithColumn {
		margin-bottom: 0;
	}
}




/* ********************************************************************************* */
/* ヘッダー */
.ec-layoutRole__header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
}

.ec-layoutRole__contents {
	margin-top: calc(91 / var(--breakpoint-pc) * 100vw);
}

header {
	width: 100%;
	height: calc(91 / var(--breakpoint-pc) * 100vw);
	border-top: calc(4 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	box-shadow: 0px 0px calc(10 / var(--breakpoint-pc) * 100vw) rgba(0, 0, 0, 0.25);
}
header .container {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: calc(11 / var(--breakpoint-pc) * 100vw) calc(40 / var(--breakpoint-pc) * 100vw) calc(11 / var(--breakpoint-pc) * 100vw) calc(20 / var(--breakpoint-pc) * 100vw);
}
header .container .logo {
	display: flex;
	margin-right: calc(30 / var(--breakpoint-pc) * 100vw);
}
header .container .logo img {
	width: calc(222 / var(--breakpoint-pc) * 100vw);
	height: calc(48 / var(--breakpoint-pc) * 100vw);
	max-width: 222px;
	max-height: 48px;
}
header .container .page_nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

header .container .page_nav .route_panel {
	width: calc(233 / var(--breakpoint-pc) * 100vw);
	height: calc(66 / var(--breakpoint-pc) * 100vw);
	max-width: 233px;
	max-height: 66px;
}

header .container .page_nav .route_panel:first-of-type {
	width: calc(203 / var(--breakpoint-pc) * 100vw);
	max-width: 203px;
}

header .container .page_nav .route_panel img {
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.ec-layoutRole__contents {
		margin-top: 13.84375vw;
	}

	.ec-layoutRole .ec-layoutRole__left {
		display: none;
	}

	header {
		width: 100vw;
		height: 14.84375vw;
		border-top: 0.625vw solid #0582E3;
	}

	header .container {
		justify-content: space-between;
		max-width: none;
		padding: 0 3.125vw;
	}

	header .container:before,
	header .container:after {
		content: none;
	}

	header .container .logo {
		width: 60vw;
		margin: 0;
	}

	header .container .logo img {
		width: 100%;
		height: auto;
	}

	header .container .page_nav {
		justify-content: flex-end;
		height: 14.84375vw;
	}

	header .container .page_nav .header_icon {
		height: 6.25vw;
		margin: 0 1.5vw;
	}

	header .container .page_nav .header_icon img {
		width: auto;
		height: 100%;
	}

	.sp_menu label {
		position: relative;
		display: block;
		top: 0;
		right: 0;
		width: 9.375vw;
		height: 11.5vw;
		margin: 0;
	}

	.menu-btn {
	    position: absolute;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    top: 0;
	    right: 0;
	    width: 9.375vw;
	    height: 9.375vw;
		margin: 0;
		font-weight: normal;
	    z-index: 90;
	}

	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
	    content: '';
	    position: absolute;
	    display: block;
	    width: 7.0vw;
	    height: 0.46875vw;
	    background-color: #0582E3;
	}

	.menu-btn span:before {
	    bottom: 2vw;
	}

	.menu-btn span:after {
	    top: 2vw;
	}

	.menu-txt {
		position: absolute;
		bottom: 0;
		width: 100%;
	    font-size: 1.0vw;
	    font-weight: normal;
		text-align: center;
	    color: #0582E3;
	}

	#menu-btn-check {
	    display: none;
	}

	#menu-btn-check:checked ~ label .menu-btn span {
	    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}

	#menu-btn-check:checked ~ label .menu-btn span::before {
	    bottom: 0;
	    transform: rotate(45deg);
	}

	#menu-btn-check:checked ~ label .menu-btn span::after {
	    top: 0;
	    transform: rotate(-45deg);
	}

	.menu-content {
	    position: fixed;
	    display: none;
	    top: 14.84375vw;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: #E5E5E5;
	    z-index: 80;
	    opacity: 0;
	}
	.menu-content ul {
	    padding: 70px 10px 0;
	}
	.menu-content ul li {
	    border-bottom: solid 1px #ffffff;
	    list-style: none;
	}
	.menu-content ul li a {
	    display: block;
	    width: 100%;
	    font-size: 15px;
	    box-sizing: border-box;
	    color:#ffffff;
	    text-decoration: none;
	    padding: 9px 15px 10px 0;
	    position: relative;
	}
	.menu-content ul li a::before {
	    content: "";
	    width: 7px;
	    height: 7px;
	    border-top: solid 2px #ffffff;
	    border-right: solid 2px #ffffff;
	    transform: rotate(45deg);
	    position: absolute;
	    right: 11px;
	    top: 16px;
	}
	#menu-btn-check:checked ~ .menu-content {
	    display: block;
	    opacity: 1.0;
	}
}

@media (min-width: 1920px) {
	.ec-layoutRole__contents {
		margin-top: 91px;
	}

	header {
		height: 91px;
		border-top: 4px solid #0582E3;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	}

	header .container {
		height: 91px;
		padding: 11px 40px 11px 20px;
	}

	header .container .logo {
		margin-right: 30px;
	}

}


/* ********************************************************************************* */
/* 左ナビ：メニュー */
.hiroseMenu {
	display: block;
    padding: calc(30 / var(--breakpoint-pc) * 100vw) 0 0;
}

.hiroseMenu .hiroseMenu_box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: wrap;
	width: calc(210 / var(--breakpoint-pc) * 100vw);
	max-width: 210px;
	margin: 0 auto calc(20 / var(--breakpoint-pc) * 100vw);
}

.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item {
	display: flex;
	align-items: center;
	justify-content: center;
/*    width: 33.3333%;	*/
    margin-bottom: calc(8 / var(--breakpoint-pc) * 100vw);
    text-align: center;
}
/* お気に入りあり
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(1) {width: calc(66 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(2) {width: calc(66 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(3) {width: calc(66 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(4) {width: calc(80 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(5) {width: calc(80 / var(--breakpoint-pc) * 100vw);}
*/
/* お気に入りなし */
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item {width: calc(100 / var(--breakpoint-pc) * 100vw);}

.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item span,
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
	line-height: 1.5;
	color: #404040;
}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item span img,
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item a img {
	width: calc(41 / var(--breakpoint-pc) * 100vw);
	height: calc(41 / var(--breakpoint-pc) * 100vw);
	max-width: 41px;
	max-height: 41px;
}

@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item span,
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item a {
		font-size:	12px!important;
	}
	/* お気に入りあり
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(1) {width: 66px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(2) {width: 66px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(3) {width: 66px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(4) {width: 80px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(5) {width: 80px;}
	*/
	/* お気に入りなし */
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item {width: 100px;}
}



/* ********************************************************************************* */
/* 左ナビ：カテゴリ一覧 */
.ec-headerSearch {
	display: block;
    padding: 0 calc(30 / var(--breakpoint-pc) * 100vw) calc(15 / var(--breakpoint-pc) * 100vw);
}
.ec-headerSearch .ec-headerSearch__keyword {
	width: 100%;
	border-radius: 0;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #404042;
}

.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
	height: calc(26 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.ec-headerSearch .ec-headerSearch__keywordBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	top: -1px;
	right: -1px;
	width: calc(28 / var(--breakpoint-pc) * 100vw);
	max-width: 28px;
	height: calc(28 / var(--breakpoint-pc) * 100vw);
	max-height: 28px;
	background-color: #404040;
	border-radius: 0;
	transform: none;
}

.shop_location {
	display: flex;
	align-items: center;
	justify-content: center;
    margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

.shop_location p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(210 / var(--breakpoint-pc) * 100vw);
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-width: 210px;
	max-height: 32px;
	text-align: center;
	color: #fff;
	background-color: #FF9A34;
}

@media (max-width: 768px) {
	.sp_menu_item_search {
		margin-bottom: 5vw;
	}

	.sp_menu_item_search .ec-headerSearch {
		padding: 4vw 0;
	}

	.sp_menu_item_search .ec-headerSearch .ec-headerSearch__keyword {
		width: 60%;
		margin: 0 auto;
		border-radius: unset;
	}

	.sp_menu_item_search .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
		height: 6vw;
		padding: 0 7vw 0 1.5vw;
	}

	.sp_menu_item_search .ec-headerSearch .ec-headerSearch__keywordBtn {
		width: calc(6vw + 2px);
		max-width: none;
		height: calc(6vw + 2px);
		max-height: none;
	}

	.sp_menu_item_search .shop_location {
	    margin-bottom: 0;
	}

	.sp_menu_item_search .shop_location p {
		width: 100%;
		height: 8vw;
		max-width: none;
		max-height: none;
		text-align: center;
		font-size: 4vw;
		color: #fff;
		background-color: #aaa;
	}
}

@media (min-width: 1920px) {
	.ec-headerSearch {
	    padding: 0 30px 15px;
	}
	.ec-headerSearch .ec-headerSearch__keyword {
		border-width: 2px;
	}

	.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
		height: 26px;
	}

	.shop_location {
	    margin-bottom: 30px;
	}
}



/* ********************************************************************************* */
/* 左ナビ：カテゴリ一覧 */
.hiroseCategory {
	margin-bottom: calc(100 / var(--breakpoint-pc) * 100vw);
}

.hiroseCategory .category_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	color: #fff;
	background-color: #0582E3;
}

.hiroseCategory .hirose-itemNav {
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav {
    list-style-type: none;
	display: flex;
	flex-direction: column;
	margin: 0 30px;
	padding: 0;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav a:hover {
    text-decoration: none;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li {
	display: flex;
	flex-direction: column;
	margin-bottom: calc(5 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: calc(46 / var(--breakpoint-pc) * 100vw);
	font-size: calc(15 / var(--breakpoint-pc) * 100vw);
	line-height: 1.2;
	color: #88ABB5;
	background-color: #fff;
	border: 2px solid #fff;
	cursor: pointer;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a:hover,
.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.open {
	color: #fff;
	background-color: #0582E3;
	border: 2px solid #0582E3;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.hierarchy_top {
	width: calc(100% - calc(77 / var(--breakpoint-pc) * 100vw));
	text-align: center;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_icon {
	width: calc(15 / var(--breakpoint-pc) * 100vw);
	height: calc(15 / var(--breakpoint-pc) * 100vw);
	max-width: 15px;
	max-height: 15px;
	margin: 0 calc(10 / var(--breakpoint-pc) * 100vw);
	background: url('../img/common/category_nav_btn_open.png') center center no-repeat;
	background-size: contain;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a:hover span.slide_icon,
.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.open span.slide_icon {
	background: url('../img/common/category_nav_btn_close.png') center center no-repeat;
}
.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_none {
	width: calc(15 / var(--breakpoint-pc) * 100vw);
	height: calc(15 / var(--breakpoint-pc) * 100vw);
	max-width: 15px;
	max-height: 15px;
	margin: 0 calc(10 / var(--breakpoint-pc) * 100vw);
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid  rgba(112, 112, 112, 0.15);
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li:last-of-type {
	border-bottom: none;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(41 / var(--breakpoint-pc) * 100vw);;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a:hover {
	color: #FF9A34;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a > img {
	width: calc(42 / var(--breakpoint-pc) * 100vw);
    height: calc(42 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
	.sp_menu_category_list {
		width: 88%;
		margin: 0 auto;
	}

	.sp_menu_category_list .hiroseCategory .category_ttl {
		width: 100%;
		height: 8vw;
		margin-bottom: 4vw;
		font-size: 4vw;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav {
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav {
/*		flex-flow: wrap;	*/
		flex-direction: unset;
		flex-wrap: wrap;
		align-content: space-between;
		margin: 0;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li {
		width: 43vw;
		min-height: 8vw;
		margin-bottom: 1.5vw;
		background-color: #e5e5e5;
		border-bottom: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li:nth-of-type(odd) {margin-right: 1vw;}
	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li:nth-of-type(even) {margin-left: 1vw;}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
		height: 8vw;
		padding: 0;
		font-size: 3.5vw;
		border: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
		color: #666;
		background-color: #fff;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.open {
		color: #fff;
		background-color: #0582E3;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a > img {
		display: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.hierarchy_top {
		width: 100%;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle:before {
		content: "";
		position: absolute;
		top: calc(4vw - 2vw);
		right: 1vw;
		width: 4vw;
		height: 4vw;
		transform: rotate(0deg);
		background-color: #0582E3;
		border-radius: 8vw;
		border: none;
	}
	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle.open:before {
		background-color: #fff;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle span.slide_icon {
		position: absolute;
		top: calc(4vw - 1.25vw);
		right: 2vw;
		width: 1.75vw;
		height: 1.75vw;
		max-width: none;
		max-height: none;
		margin: 0;
		background-image: none;
		border-top: solid 0.5vw #fff;
		border-right: solid 0.5vw #fff;
		transform: rotate(135deg);
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_none {
		display: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle.open span.slide_icon {
		position: absolute;
		top: calc(4vw - 1.5vw);
		right: 2.75vw;
		width: 0.5vw;
		height: 3.0vw;
		background: #0582E3;
		border: none;
		transform: rotate(-45deg);
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle.open span.slide_icon:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 0.5vw;
		height: 3.0vw;
		background: #0582E3;
		transform: rotate(90deg);
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li {
		background-color: #fff;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a {
		height: 8vw;
		padding: 0;
		font-size: 3.0vw;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a:before {display: none;}
	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a:after {display: none;}

/*
	.sp_menu_category_list
*/
}

@media (min-width: 1920px) {
	.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
		font-size: 15px;
	}

	.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a {
		font-size: 14px;
	}

	.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_icon {
		margin: 0 10px;
	}

}



/* ********************************************************************************* */
/* パンくず */
#breadcrumb {
	background-color: rgba(5, 130, 227, 0.05);
}

#breadcrumb ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: calc(46 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(30 / var(--breakpoint-pc) * 100vw);
}

#breadcrumb ul li {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
}

#breadcrumb ul li a {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

#breadcrumb ul li a:hover {
}

#breadcrumb ul li + li:before {
	content: "＞";
	display: inline-block;
	margin: 0 0.5rem;
	color: #404040;
}

@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	#breadcrumb ul {
		height: 46px;
		padding: 0 30px;
	}

	#breadcrumb ul li {
		font-size: 14px;
	}

	#breadcrumb ul li a {
		font-size: 14px;
	}
}



/* ********************************************************************************* */
/* フローティングボタン */
.side_icon {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	position: fixed;
	top: calc(70vh - calc(101 / var(--breakpoint-pc) * 100vw));
	right: 0;
	z-index: 10;
}

.side_icon a {
	margin: calc(2.5 / var(--breakpoint-pc) * 100vw) 0;
}

.side_icon a:hover {
	opacity: 0.5;
}

.side_icon a img {
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	height: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	max-height: 100px;
}

.ec-blockTopBtn {
	right: calc(150 / var(--breakpoint-pc) * 100vw);
	bottom: calc(25 / var(--breakpoint-pc) * 100vw);
	width: calc(36 / var(--breakpoint-pc) * 100vw);
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-width: 36px;
	max-height: 36px;
	background-color: transparent;
}

.ec-blockTopBtn img {
	width: 100%;
	height: auto;
}

.endpage {
	bottom: calc(125 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
	.side_icon {
		display: none;
	}
	.ec-blockTopBtn {
		right: 5vw;
		bottom: 5vh;
		width: 36px;
		height: 36px;
	}
	.endpage {
		bottom: 5vh;
	}
	.side_icon a {
		margin: 2.5px 0;
	}
}

@media (min-width: 1920px) {
	.ec-blockTopBtn {
		right: 150px;
		bottom: 25px;
		width: 36px;
		height: 36px;
	}
	.endpage {
		bottom: 125px;
	}
	.side_icon a {
		margin: 2.5px 0;
	}
}



/* ********************************************************************************* */
/* フッター */
.ec-footerRole {
	height: calc(90 / var(--breakpoint-pc) * 100vw);
	max-width: none;
	margin-top: 0;
	padding: 0;
	background-color: #0582E3;
	border: none;
}

.ec-footerRole .ec-footerRole__inner {
	max-width: none;
	padding: 0;
}

.ec-footerRole .ec-footerNavi {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(90 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto;
}

.ec-footerRole .ec-footerNavi li:first-of-type img {
	margin-right: 4em;
}

.ec-footerRole .ec-footerNavi li a {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #fff;
}

.ec-footerRole .ec-footerNavi li + li:before {
	content: "　|　";
	display: inline-block;
	color: #fff;
}

.ec-footerRole .ec-footerNavi li:nth-of-type(1) + li:nth-of-type(2):before {
	content: "";
	display: inline-block;
}

.ec-footerRole .ec-footerNavi li a {
	text-decoration: none;
}

.ec-footerRole .ec-footerNavi li a;hover {
	text-decoration: underline;
}

.ec-footerRole .ec-footerTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-width: none;
	margin: 0 auto calc(20 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	font-size: calc(13 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

@media (max-width: 768px) {
	.ec-footerRole {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.ec-footerRole .ec-footerRole__inner {
		max-width: none;
		padding: 0;
	}

	.ec-footerRole .fotter_sp_logo {
		text-align: center;
	}

	.ec-footerRole .fotter_sp_logo img {
		width: 25vw;
		margin: 1em 0;
	}

	.ec-footerRole .ec-footerNavi {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: wrap;
		width: 80%;
		height: auto;
		margin: 0 auto 1em;
	}

	.ec-footerRole .ec-footerNavi li {
		margin: 0 1em;;
	}

	.ec-footerRole .ec-footerNavi li a {
		font-size: 2.75vw;
	}

	.ec-footerRole .ec-footerNavi li + li:before {
		content: "";
		display: none;
	}

	.ec-footerRole .ec-footerNavi li:nth-of-type(1) {
		display: none;
	}

	.ec-footerRole .ec-footerNavi li:nth-of-type(1) + li:nth-of-type(2):before {
		content: "";
		display: none;
	}

	.ec-footerRole .ec-footerNavi li a {
		text-decoration: none;
		padding: 0;
		line-height: 2em;
		border: none;
	}

	.ec-footerRole .ec-footerNavi li a;hover {
		text-decoration: underline;
	}

	.ec-footerRole .ec-footerTitle {
		height: 4em;
		max-width: none;
		margin: 0 auto;
		font-size: 2vw;
		background-color: #fff;
	}
}

@media (min-width: 1920px) {
	.ec-footerRole {
		height: 90px;
	}

	.ec-footerRole .ec-footerNavi {
		height: 90px;
	}

	.ec-footerRole .ec-footerNavi li a {
		font-size: 14px;
	}

	.ec-footerRole .ec-footerTitle {
		height: 32px;
		font-size: 13px;
	}
}



/* ********************************************************************************* */
/* 掛け払い誘導リンクボタン */
.yamato_btn,
.yamato_btn:focus,
.yamato_btn:active,
.yamato_btn:visited {
	display: inline-block;
	position: absolute;
	top: calc(50% - calc(18 / var(--breakpoint-pc) * 100vw));
	right: 0;
	width: calc(210 / var(--breakpoint-pc) * 100vw);
	max-width: 210px;
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-height: 36px;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	line-height: calc(34 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	text-align: center;
	border: 1px solid #FF9A34;
	border-radius: 5px;
}

.yamato_btn:hover {
	text-decoration: none;
	color: #FF9A34;
	background-color: #fff;
}

#flow_step .yamato_btn.btn_a {
	top: calc(50% - calc(18 / var(--breakpoint-pc) * 100vw));
}

#flow_step .yamato_btn.btn_b {
	top: calc(50% - calc(18 / var(--breakpoint-pc) * 100vw) + calc(36 / var(--breakpoint-pc) * 100vw) + calc(6 / var(--breakpoint-pc) * 100vw));
}

.agreement_box .yamato_btn.btn_a {
	top: calc(80 / var(--breakpoint-pc) * 100vw);
	left: calc(-340 / var(--breakpoint-pc) * 100vw);
}

.agreement_box .yamato_btn.btn_b {
	top: calc(122 / var(--breakpoint-pc) * 100vw);
	left: calc(-340 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	.yamato_btn,
	.yamato_btn:focus,
	.yamato_btn:active,
	.yamato_btn:visited {
		top: calc(50% - 18px);
		font-size: 14px;
		line-height: 34px;
	}

	#flow_step .yamato_btn.btn_a {
		top: calc(50% - 18px);
	}

	#flow_step .yamato_btn.btn_b {
		top: calc(50% - 18px + 36px + 6px);
	}

	.agreement_box .yamato_btn.btn_a {
		top: 80px;
		left: -340px;
	}

	.agreement_box .yamato_btn.btn_b {
		top: 122px;
		left: -340px;
	}
}



/* ********************************************************************************* */
/* TOP */
#mainvisual {
	width: 100%;
	height: calc(400 / var(--breakpoint-pc) * 100vw);
	max-height: 400px;
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	background: url('../img/top_mainvisual00.png') center top repeat;
	background-size: auto;
}

#mainvisual > h1 {
	margin: 0;
}

#mainvisual > h1 > span:nth-of-type(1) {
	position: absolute;
	top: calc(85 / var(--breakpoint-pc) * 100vw);
	left: 0;
	width: 100%;
	font-size: calc(72 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: calc(15 / var(--breakpoint-pc) * 100vw);
}

#mainvisual > h1 > span:nth-of-type(2) {
	position: absolute;
	top: calc(115 / var(--breakpoint-pc) * 100vw);
	left: 0;
	width: 100%;
	font-size: calc(100 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	text-align: center;
	color: rgba(255, 255, 255, 1.0);
}

#mainvisual > p {
	position: absolute;
	top: calc(250 / var(--breakpoint-pc) * 100vw);
	left: 0;
	width: 100%;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	line-height: 2.0;
	text-align: center;
	color: rgba(255, 255, 255, 1.0);
}
#mainvisual > p:before {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(36 / var(--breakpoint-pc) * 100vw);
	margin: calc(-10 / var(--breakpoint-pc) * 100vw) auto calc(8 / var(--breakpoint-pc) * 100vw);
	border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #fff;
}


#mainvisual_sp {
	width: 100%;
	height: calc(958 / 1280 * 100vw);
	max-height: 958px;
	background: url('../img/top_mainvisual00_sp.png') center top no-repeat;
	background-size: contain;
}

#mainvisual_sp > h1 {
	margin: 0;
}

#mainvisual_sp > h1 > img {
	position: absolute;
	top: 14vw;
	left: 4vw;
	width: 92vw;
	text-align: center;
}

#mainvisual_sp > p {
	position: absolute;
	top: 45vw;
	left: 0;
	width: 100%;
	font-size: 3.25vw;
	font-weight: normal;
	line-height: 2.0;
	text-align: center;
	color: rgba(255, 255, 255, 1.0);
}


#top_caution {
	width: calc(1000 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto calc(120 / var(--breakpoint-pc) * 100vw);
	text-align: center;
}

#top_caution .caution_box {
	padding: 24px 0;
	border: 5px double #f33;
}

#top_caution .caution_box .caution_txt {
	font-size: 18px;
	margin: 0;
}

#top_caution .caution_box .caution_txt span {
	text-decoration: underline;
}

#top_caution .caution_box .caution_txt h3 {
	margin: 0;
	font-size: 24px;
	color: #f33;
}




#news_topic {
    margin-bottom: calc(160 / var(--breakpoint-pc) * 100vw);
}

#news_topic h2 {
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
}

#news_topic h2 p {
	display: flex;
	align-items: center;
	width: calc(795 / var(--breakpoint-pc) * 100vw);
	max-width: 795px;
	height: calc(84 / var(--breakpoint-pc) * 100vw);
	max-height: 84px;
	padding-left: calc(150 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #0582E3;
}

#news_topic h2 p span:nth-of-type(1) {
	font-size: calc(65 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	color: rgba(5, 130, 227, 0.15);
}

#news_topic h2 p span:nth-of-type(2) {
	margin-top: calc(5 / var(--breakpoint-pc) * 100vw);
	margin-left: calc(-24 / var(--breakpoint-pc) * 100vw);
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
}

#news_topic .news_box {
	width: calc(920 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto calc(50 / var(--breakpoint-pc) * 100vw);
}

#news_topic .news_box ul {
	overflow: hidden;
}

#news_topic .news_box ul li {
}

#news_topic .news_box ul li:after {
	content: "";
    display: block;
    width: 100%;
	height:	1px;
	background-size: 8px;
	background-image: linear-gradient(to right, #707070, #707070 3px, transparent 3px, transparent 8px);
	background-repeat: repeat-x;
}

#news_topic .news_box ul li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: calc(76 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
}

#news_topic .news_box ul li a:hover {
	opacity: 0.5;
}

#news_topic .news_box ul li a span:nth-of-type(1) {
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #000;
}

#news_topic .news_box ul li a span:nth-of-type(2) {
	width: calc(600 / var(--breakpoint-pc) * 100vw);
	padding-right: calc(140 / var(--breakpoint-pc) * 100vw);
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#news_topic .news_box ul li a span:nth-of-type(3) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	border-radius: calc(20 / var(--breakpoint-pc) * 100vw);;
}

#news_topic .news_box ul li.type1 a span:nth-of-type(2) {
	color: #0582E3;
}

#news_topic .news_box ul li.type1 a span:nth-of-type(3) {
	background-color: #0582E3;
}

#news_topic .news_box ul li.type2 a span:nth-of-type(2) {
	color: #E00000;
}

#news_topic .news_box ul li.type2 a span:nth-of-type(3) {
	background-color: #E00000;
}

#news_topic .news_box .acc_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: calc(280 / var(--breakpoint-pc) * 100vw);
	max-width: 280px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: calc(70 / var(--breakpoint-pc) * 100vw) auto 0;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	text-decoration: none;
	background-color: #0582E3;
	border-radius: 42px;
}

#news_topic .news_box .acc_btn:hover {
	opacity: 0.5;
}







#with_kotaro {
	width: calc(1000 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto calc(120 / var(--breakpoint-pc) * 100vw);
	text-align: center;
}

#with_kotaro .with_logo {
	margin-bottom: calc(35 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #0582E3;
}

#with_kotaro .with_logo .logo_company {
}

#with_kotaro .with_logo .logo_company img.tohoku {
	width: calc(124 / var(--breakpoint-pc) * 100vw);
	height: calc(47 / var(--breakpoint-pc) * 100vw);
}

#with_kotaro .with_logo .logo_company img.chugoku {
	width: calc(247 / var(--breakpoint-pc) * 100vw);
	height: calc(50 / var(--breakpoint-pc) * 100vw);
}

#with_kotaro .with_logo .logo_kotaro {
}

#with_kotaro .with_logo .logo_kotaro a {
}

#with_kotaro .with_logo .logo_kotaro a:hover {
	opacity: 0.5;
}

#with_kotaro .with_logo .logo_kotaro a img {
	width: calc(622 / var(--breakpoint-pc) * 100vw);
	height: calc(113 / var(--breakpoint-pc) * 100vw);
}

#with_kotaro .with_subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

#with_kotaro .with_subtitle .effect0 {
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(30 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	line-height: 1.0;
	color: #0582E3;
}

#with_kotaro .with_subtitle .effect1 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(44 / var(--breakpoint-pc) * 100vw);
	height: calc(44 / var(--breakpoint-pc) * 100vw);
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	line-height: 1.0;
	color: #fff;
	background-color: #0582E3;
	border: 2px solid #fff;
	box-shadow: 4px 4px 4px #ccc;
}

#with_kotaro .with_detail {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
}

#with_kotaro .btn_area {
}

#with_kotaro .btn_area a {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: calc(280 / var(--breakpoint-pc) * 100vw);
	max-width: 280px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	text-decoration: none;
	background-color: #0582E3;
	border-radius: 42px;
}

#with_kotaro .btn_area a:hover {
	opacity: 0.5;
}

#with_kotaro .flex_box {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

#with_kotaro .flex_box a > img {
	cursor: pointer;
}

#with_kotaro .flex_box a > img:hover,#with_kotaro .flex_box a .flex_right_img img:hover,#flow_step .step_line ul li .step_line_txt_step img:hover {
	opacity: 0.5;
}

#with_kotaro .flex_box a .flex_right_img img {
    width: calc(480 / 1920 *100vw);
}



#top_breadcrumb {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

#top_breadcrumb ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: calc(46 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(30 / var(--breakpoint-pc) * 100vw);
}

#top_breadcrumb ul li {
}

#top_breadcrumb ul li a {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

#top_breadcrumb ul li a:hover {
}

#top_breadcrumb ul li + li:before {
	content: "＞";
	display: inline-block;
	margin: 0 0.5rem;
	color: #404040;
}

#delivery_area {
	width: 100%;
	margin-bottom: calc(126 / var(--breakpoint-pc) * 100vw);
}

#delivery_area:before {
	content: "";
	position: absolute;
	top: calc(36 / var(--breakpoint-pc) * 100vw);
	left: calc(100 / var(--breakpoint-pc) * 100vw);
	width: calc(100% - calc(100 / var(--breakpoint-pc) * 100vw));
	height: calc(420 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
}

#delivery_area .wrap {
	width: calc(700 / var(--breakpoint-pc) * 100vw);
	max-width: 700px;
	margin: 0 auto 0;
}

#delivery_area .wrap h2 {
}

#delivery_area .wrap h2 p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

#delivery_area .wrap h2 p span:nth-of-type(1) {
	margin-right: calc(-8 / var(--breakpoint-pc) * 100vw);
	font-size: calc(65 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	color: rgba(5, 130, 227, 0.15);
}

#delivery_area .wrap h2 p span:nth-of-type(2) {
	margin-top: calc(6 / var(--breakpoint-pc) * 100vw);
	margin-left: calc(-8 / var(--breakpoint-pc) * 100vw);
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	color: #000;
}

#delivery_area .wrap .area_map {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
}

#delivery_area .wrap .area_map .txt {
	width: calc(250 / var(--breakpoint-pc) * 100vw);
	margin-top: calc(45 / var(--breakpoint-pc) * 100vw);
}

#delivery_area .wrap .area_map .txt p:nth-of-type(1) {
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #0582E3;
}

#delivery_area .wrap .area_map .txt p:nth-of-type(1):after {
	content: "";
	display: block;
	margin-bottom: calc(25 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #000;
}

#delivery_area .wrap .area_map .txt p:nth-of-type(2) {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	word-spacing: calc(10 / var(--breakpoint-pc) * 100vw);
}

#delivery_area .wrap .area_map img {
	width: calc(422 / var(--breakpoint-pc) * 100vw);
	height: calc(335 / var(--breakpoint-pc) * 100vw);
}

#flow_step {
    margin-bottom: calc(160 / var(--breakpoint-pc) * 100vw);
}

#flow_step:before {
	content: "";
    position: absolute;
    top: 68%;
    left: calc(100 / var(--breakpoint-pc) * 100vw);
    width: calc(100% - calc(100 / var(--breakpoint-pc) * 100vw));
    height: calc(388 / var(--breakpoint-pc) * 100vw);
    background-color: #F8F8F8;
}

#flow_step h2 {
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
}

#flow_step h2 p {
	display: flex;
	align-items: center;
	width: calc(795 / var(--breakpoint-pc) * 100vw);
	max-width: 795px;
	height: calc(84 / var(--breakpoint-pc) * 100vw);
	max-height: 84px;
	padding-left: calc(150 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #0582E3;
}

#flow_step h2 p span:nth-of-type(1) {
	font-size: calc(65 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	color: rgba(5, 130, 227, 0.15);
}

#flow_step h2 p span:nth-of-type(2) {
	margin-top: calc(5 / var(--breakpoint-pc) * 100vw);
	margin-left: calc(-24 / var(--breakpoint-pc) * 100vw);
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
}

#flow_step .step_line {
	width: calc(700 / var(--breakpoint-pc) * 146vw);
	max-width: 1000px;
	margin: 0 auto;
}

#flow_step .step_line ul {
}

#flow_step .step_line ul li {
	min-height: 145px;
}

#flow_step .step_line ul li > img {
	position: absolute;
	top: 0;
	right: 0;
  right: 350px;
}
@media (max-width: 768px) {
	#flow_step .step_line ul li > img {
	  right: 2vw;
	}
}

#flow_step .step_line ul li .step_line_ttl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#flow_step .step_line ul li .step_line_ttl > img {
	margin-top: calc(5 / var(--breakpoint-pc) * 100vw);
	margin-right: calc(20 / var(--breakpoint-pc) * 100vw);
}

#flow_step .step_line ul li .step_line_ttl .ttl {
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

#flow_step .step_line ul li .step_line_txt {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
#flow_step .step_line ul li .step_line_txt .step_line_txt_flow_icon {
  display: inline-grid;
}

#flow_step .step_line ul li .step_line_txt > img {
	margin-right: calc(20 / var(--breakpoint-pc) * 100vw);
	padding: 0.5em 0;
}

#flow_step .step_line ul li .step_line_txt p {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 1.6;
  margin: 0 2% 0 0;
}

#flow_step .step_entry {
	display: flex;
	align-items: center;
	justify-content: center;
  margin-top: 100px;
}

#flow_step .step_entry .entry_info {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	text-align: end;
}

#flow_step .step_entry .entry_info p {
	margin-bottom: calc(34 / var(--breakpoint-pc) * 100vw);
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
}

#flow_step .step_entry .entry_info p ruby {
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
	color: #FF9A34;
}

#flow_step .step_entry .entry_info a {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: calc(280 / var(--breakpoint-pc) * 100vw);
	max-width: 280px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	text-decoration: none;
	background-color: #FF9A34;
	border-radius: 42px;
}

#flow_step .step_entry .entry_info a:hover {
	opacity: 0.5;
}

#flow_step .step_entry img {
	width: calc(205 / var(--breakpoint-pc) * 100vw);
	max-width: 205px;
	height: calc(224 / var(--breakpoint-pc) * 100vw);
	max-height: 224px;
}

#step_category {
	width: 100%;
	margin-bottom: calc(120 / var(--breakpoint-pc) * 100vw);
}

#step_category > h2 {
	color: #fff;
	height: calc(400 / var(--breakpoint-pc) * 100vw);
	max-height: 400px;
	margin: 0;
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	background: url(../img/top/top_subvisual01.png) center top repeat;
	background-size: auto;
}

#step_category > h2 > p {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

#step_category > h2 > p:nth-of-type(1) {
    top: calc(60 / var(--breakpoint-pc) * 100vw);
    font-size: calc(18 / var(--breakpoint-pc) * 100vw);
    font-style: italic;
}

#step_category > h2 > p:nth-of-type(1) span:nth-of-type(1) {
	margin-right: calc(5 / var(--breakpoint-pc) * 100vw);
    font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

#step_category > h2 > p:nth-of-type(1) span:nth-of-type(2) {
	margin-left: calc(5 / var(--breakpoint-pc) * 100vw);
    font-size: calc(38 / var(--breakpoint-pc) * 100vw);
    font-weight: bold;
}

#step_category > h2 > p:nth-of-type(2) {
    top: calc(115 / var(--breakpoint-pc) * 100vw);
    font-size: calc(18 / var(--breakpoint-pc) * 100vw);
    font-weight: normal;
}

#step_category > h2 > p:nth-of-type(3) {
    top: calc(175 / var(--breakpoint-pc) * 100vw);
    font-size: calc(32 / var(--breakpoint-pc) * 100vw);
    font-weight: normal;
}

#step_category > h2 > p:nth-of-type(4) {
    top: calc(225 / var(--breakpoint-pc) * 100vw);
    font-size: calc(20 / var(--breakpoint-pc) * 100vw);
    font-weight: bold;
}

#step_category > h2 > p:nth-of-type(5) {
    top: calc(270 / var(--breakpoint-pc) * 100vw);
}

#step_category > h2 > p:nth-of-type(3):before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(36 / var(--breakpoint-pc) * 100vw);
    margin: calc(-20 / var(--breakpoint-pc) * 100vw) auto calc(18 / var(--breakpoint-pc) * 100vw);
    border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #fff;
}

#step_category .category_list {

}

#step_category .category_list ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw);
}

#step_category .category_list ul li {
	width: 24.5%;
	margin: 0 0.25% calc(4 / var(--breakpoint-pc) * 100vw);
	padding: calc(3 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #0582E3;
}

#step_category .category_list ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

#step_category .category_list ul li a img:nth-of-type(1){
	width: calc(72 / var(--breakpoint-pc) * 100vw);
	height: calc(72 / var(--breakpoint-pc) * 100vw);
	max-width: 72px;
	max-height: 72px;
}

#step_category .category_list ul li a span {
	margin: 0 calc(3 / var(--breakpoint-pc) * 100vw);
	color: #525252;
}

#step_category .category_list ul li a span + img {
	width: calc(15 / var(--breakpoint-pc) * 100vw);
	height: calc(15 / var(--breakpoint-pc) * 100vw);
	max-width: 15px;
	max-height: 15px;
	margin-right: calc(7 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
	#top_breadcrumb {
		width: 90%;
		margin: 0 auto 12vw;
	}

	#top_breadcrumb ul {
		justify-content: flex-start;
		height: auto;
		padding: 0;
	}

	#top_breadcrumb ul li a {
		font-size: 2.75vw;
	}

	#top_breadcrumb ul li + li:before {
		font-size: 2.75vw;
	}













	#with_kotaro {
		width: 90%;
		margin: 0 auto 16vw;
	}


	#with_kotaro .with_logo .logo_company img.tohoku {
		width: 25%;
		height: auto;
	}

	#with_kotaro .with_logo .logo_kotaro a img {
		width: 96%;
		height: auto;
	}

	#with_kotaro .with_subtitle .effect0 {
		top: 0.25vw;
		font-size: 5.5vw;
	}

	#with_kotaro .with_subtitle .effect1 {
		width: 7vw;
		height:	7vw;
		margin-right: 1.25vw;
		font-size: 5vw;
		box-shadow: 0.5vw 0.5vw 0.5vw #ccc;
	}

	#with_kotaro .with_detail {
		margin-bottom: 1.0em;
		font-size: 3.5vw;
	}

	#with_kotaro .btn_area a {
		width: 70%;
		max-width: none;
		height: 6vw;
		max-height: none;
		font-size: 4vw;
	}

	#delivery_area {
		height: 100vw;
		margin-bottom: 0;
	}

	#delivery_area .wrap {
		width: 100%;
		max-width: none;
	}

	#delivery_area:before {
		top: 5.5vw;
		left: 0;
		width: 100%;
		height: 85vw;
	}

	#delivery_area .wrap h2 p span:nth-of-type(1) {
		font-size: 9.0vw;
	}

	#delivery_area .wrap h2 p span:nth-of-type(2) {
		font-size: 6.0vw;
	}

	#delivery_area .wrap .area_map {
		position: relative;
		display: block;
		padding: 0 5%;
	}

	#delivery_area .wrap .area_map .txt {
		position: absolute;
		top: 0;
		left: 5vw;
		width: 50vw;
	}

	#delivery_area .wrap .area_map .txt p:nth-of-type(1) {
		font-size: 4.5vw;
		font-weight: bold;
	}

	#delivery_area .wrap .area_map .txt p:nth-of-type(1):after {
		padding-bottom: 2vw;
		margin-bottom: 3vw;
	}

	#delivery_area .wrap .area_map .txt p:nth-of-type(2) {
		font-size: 3.5vw;
		line-height: 1.75;
	}

	#delivery_area .wrap .area_map img {
		position: absolute;
		top: 10vw;
		right: 10vw;
		width: 80vw;
		height: auto;
	}










}

@media (min-width: 1920px) {
	#mainvisual {
		height: 400px;
		margin-bottom: 30px;
	}

	#mainvisual > h1 > span:nth-of-type(1) {
		position: absolute;
		top: 85px;
		font-size: 72px;
		letter-spacing: 15px;
	}

	#mainvisual > h1 > span:nth-of-type(2) {
		top: 115px;
		font-size: 100px;
	}

	#mainvisual > p {
		top: 250px;
		font-size: 18px;
	}

	#mainvisual > p:before {
		width: 36px;
		margin: 10px auto 8px;
		border-top: 2 solid #fff;
	}

	#news_topic {
	    margin-bottom: 160px;
	}

	#news_topic h2 {
		margin-bottom: 60px;
	}

	#news_topic h2 p {
		width: 795px;
		height: 84px;
		padding-left: 150px;
	}

	#news_topic h2 p span:nth-of-type(1) {
		font-size: 65px;
	}

	#news_topic h2 p span:nth-of-type(2) {
		margin-top: 5px;
		margin-left: -24px;
		font-size: 32px;
	}

	#news_topic .news_box {
		width: 920px;
		margin: 0 auto 50px;
	}

	#news_topic .news_box ul li a {
		height: 76px;
	}

	#news_topic .news_box ul li a span:nth-of-type(1) {
		width: 160px;
		font-size: 18px;
	}

	#news_topic .news_box ul li a span:nth-of-type(2) {
		width: 600px;
		padding-right: 140px;
		font-size: 22px;
	}

	#news_topic .news_box ul li a span:nth-of-type(3) {
		width: 160px;
		height: 36px;
		font-size: 16px;
		border-radius: 20px;
	}

	#with_kotaro {
		width: 1000px;
		margin: 0 auto 120px;
	}

	#with_kotaro .with_logo {
		margin-bottom: 35px;
		padding-bottom: 15px;
	}

	#with_kotaro .with_logo .logo_company img {
		width: 124px;
		height: 47px;
	}

	#with_kotaro .with_logo .logo_company img.tohoku {
		width: 124px;
		height: 47px;
	}

	#with_kotaro .with_logo .logo_company img.chugoku {
		width: 247px;
		height: 50px;
	}

	#with_kotaro .with_logo .logo_kotaro a img {
		width: 622px;
		height: 113px;
	}

	#with_kotaro .with_subtitle {
		margin-bottom: 40px;
	}

	#with_kotaro .with_subtitle .effect0 {
		font-size: 30px;
	}

	#with_kotaro .with_subtitle .effect1 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin-right: 10px;
		font-size: 24px;
	}

	#with_kotaro .with_detail {
		margin-bottom: 30px;
		font-size: 16px;
	}

	#with_kotaro .btn_area a {
		width: 280px;
		height: 42px;
		font-size: 18px;
	}

	#with_kotaro .flex_box {
		margin-bottom: 40px;
	}

	#with_kotaro .flex_box a .flex_right_img img {
	    width: 480px;
	}

	#top_breadcrumb {
		margin-bottom: 30px;
	}

	#top_breadcrumb ul {
		height: 46px;
		padding: 0 30px;
	}

	#top_breadcrumb ul li {
	}

	#top_breadcrumb ul li a {
		font-size: 14px;
	}

	#delivery_area:before {
		top: 36px;
		left: 100px;
		width: calc(100% - 100px);
		height: 420px;
	}

	#delivery_area .wrap {
		margin: 0 auto 0;
	}

	#delivery_area .wrap h2 p span:nth-of-type(1) {
		margin-right: -8px;
		font-size: 65px;
	}

	#delivery_area .wrap h2 p span:nth-of-type(2) {
		margin-top: 6px;
		margin-left: -8px;
		font-size: 32px;
	}

	#delivery_area .wrap .area_map .txt {
		width: 250px;
		margin-top: 45px;
	}

	#delivery_area .wrap .area_map .txt p:nth-of-type(1) {
		font-size: 24px;
	}

	#delivery_area .wrap .area_map .txt p:nth-of-type(1):after {
		margin-bottom: 25px;
		padding-bottom: 15px;
		border-bottom-width: 2px;
	}

	#delivery_area .wrap .area_map .txt p:nth-of-type(2) {
		font-size: 18px;
		word-spacing: 10px;
	}

	#delivery_area .wrap .area_map img {
		width: 422px;
		height: 335px;
	}

	#flow_step {
	    margin-bottom: 160px;
	}

	#flow_step:before {
	    top: 68%;
	    left: 100px;
	    width: calc(100% - 100px);
	    height: 388px;
	}

	#flow_step h2 {
		margin-bottom: 60px;
	}

	#flow_step h2 p {
		padding-left: 150px;
	}

	#flow_step h2 p span:nth-of-type(1) {
		font-size: 65px;
	}

	#flow_step h2 p span:nth-of-type(2) {
		margin-top: 5px;
		margin-left: -24px;
		font-size: 32px;
	}

	#flow_step .step_line ul li .step_line_ttl > img {
		margin-top: 5px;
		margin-right: 20px;
	}

	#flow_step .step_line ul li .step_line_ttl .ttl {
		font-size: 26px;
	}

	#flow_step .step_line ul li .step_line_txt > img {
		margin-right: 20px;
	}

	#flow_step .step_line ul li .step_line_txt p {
		font-size: 16px;
    margin: 10px 0 20px;
	}

	#flow_step .step_entry .entry_info p {
		margin-bottom: 34px;
		font-size: 22px;
	}

	#flow_step .step_entry .entry_info p ruby {
		font-size: 26px;
	}

	#flow_step .step_entry .entry_info a {
		font-size: 18px;
	}

	#step_category {
		margin-bottom: 120px;
	}

	#step_category > h2 {
		margin-bottom: 30px;
	}

	#step_category > h2 > p:nth-of-type(1) {
	    top: 60px;
	    font-size: 18px;
	}

	#step_category > h2 > p:nth-of-type(1) span:nth-of-type(1) {
		margin-right: 5px;
	    font-size: 18px;
	}

	#step_category > h2 > p:nth-of-type(1) span:nth-of-type(2) {
		margin-left: 5px;
	    font-size: 38px;
	}

	#step_category > h2 > p:nth-of-type(2) {
	    top: 115px;
	    font-size: 18px;
	}

	#step_category > h2 > p:nth-of-type(3) {
	    top: 175px;
	    font-size: 32px;
	}

	#step_category > h2 > p:nth-of-type(4) {
	    top: 225px;
	    font-size: 20px;
	}

	#step_category > h2 > p:nth-of-type(5) {
	    top: 270px;
	}

	#step_category > h2 > p:nth-of-type(3):before {
	    width: 36px;
	    margin: -20px auto 18px;
	    border-top-width: 2px;
	}

	#step_category .category_list ul li {
		margin-bottom: 4px;
		padding: 3px;
	}

	#step_category .category_list ul li a span {
		margin: 0 3px;
	}

	#step_category .category_list ul li a span + img {
		margin-right: 7px;
	}
}



/* ********************************************************************************* */
/* 一部共通：コンタクトパネル */
.contact_box {
	height: calc(320 / var(--breakpoint-pc) * 100vw);
	margin: calc(40 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw) calc(60 / var(--breakpoint-pc) * 100vw);
	background: url('../img/common/contact_img_back_object.png') center center no-repeat;
	background-size: calc(218 / var(--breakpoint-pc) * 100vw) calc(245 / var(--breakpoint-pc) * 100vw);
	background-position: 97% center;
	background-color: #F8F8F8;
}

.contact_box h2 {
	height: calc(46 / var(--breakpoint-pc) * 100vw);
	text-align: center;
}

.contact_box h2 span {
	top: calc(-36 / var(--breakpoint-pc) * 100vw);
	font-size: calc(60 / var(--breakpoint-pc) * 100vw);
	color: rgba(5, 130, 227, 0.15);
}

.contact_box p {
	text-align: center;
}

.contact_box .lead {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
}

.contact_box .text {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
}

.contact_box .btn_area {
}

.contact_box .btn_area a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(360 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background: url('../img/common/contact_icon_balloon.png') center center no-repeat;
	background-size: calc(22 / var(--breakpoint-pc) * 100vw) calc(19 / var(--breakpoint-pc) * 100vw);
	background-position: 80% center;
	background-color: #FF9A34;
	border-radius: 42px;
}

.contact_box .btn_area a:hover {
	opacity: 0.5;
}

@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	.contact_box h2 {
		height: 46px;
	}

	.contact_box h2 span {
		top: -36px;
		font-size: 60px;
	}

	.contact_box .lead {
		margin-bottom: 30px;
		font-size: 26px;
	}

	.contact_box .text {
		margin-bottom: 30px;
		font-size: 16px;
	}

	.contact_box .btn_area a {
		width: 360px;
		height: 42px;
		font-size: 18px;
	}
}



/* ********************************************************************************* */
/* その他共通 */
.other_container,
.other_container_contents {
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(60 / var(--breakpoint-pc) * 100vw);
}

.other_container *,
.other_container_contents * {
	margin: 0;
	padding: 0;
}

.other_container .ttl_area h1 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-top: calc(75 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #B4B4B4;
}

.other_container .ttl_area h1 > span {
	width: 100%;
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(48 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
    text-align: center;
	color: rgba(5, 130, 227, 0.15);
}

.other_container .ttl_area h1 > p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: calc(-24 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.other_container .ttl_area h1 > p span {
	font-size: calc(40 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
}

.other_container .ttl_area h1 > p * {
	margin: 0 calc(20 / var(--breakpoint-pc) * 100vw);
}

.other_container .msg_area {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
	text-align: center;
}

.other_container_contents .form_box {
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .msg_box {
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
	text-align: center;
}

.other_container_contents .form_box .msg_box span {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
	text-align: center;
}

.other_container_contents .form_box .forgot_box {
	width: calc(560 / var(--breakpoint-pc) * 100vw);
	max-width: 560px;
	margin: 0 auto calc(60 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .forgot_box p {
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .forgot_box p > span {
	margin-left: calc(10 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .withdraw_box {
	margin: 0 auto calc(60 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #0582E3;
}

.other_container_contents .form_box .withdraw_box .withdraw_box_icon {
	width: calc(110 / var(--breakpoint-pc) * 100vw);
	max-width: 110px;
	margin: 0 auto calc(30 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .withdraw_box .withdraw_box_ttl {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(28 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
}

.other_container_contents .form_box .withdraw_box .withdraw_box_txt {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--medium);
	line-height: 2.0;
}

.other_container_contents dl {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	background-color: rgba(5, 130, 227, 0.03);
	border-bottom: 1px solid #B4B4B4;
}

.other_container_contents dl:first-of-type {border-top: 1px solid #B4B4B4;}

.other_container_contents dl.email,
.other_container_contents dl.password,
.other_container_contents dl.address,
.other_container_contents dl.customer_payment,
.other_container_contents dl.contact {
	height: auto;
	max-height: none;
}

.other_container_contents dl dt {
	display: flex;
	align-items: center;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(320 / var(--breakpoint-pc) * 100vw);
	margin: 0;
	padding: calc(25 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents dl dd {
	margin: 0;
	padding: calc(25 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents dl dd > div > input[type='text'] {
	margin-bottom: 0;
}

.other_container_contents dl dt span {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	margin-left: 1em;
}

.other_container_contents #tradelaw_box dl dt {
	justify-content: center;
}

.other_container_contents #tradelaw_box dl dd {
	width: calc(100% - calc(300 / var(--breakpoint-pc) * 100vw));
	border-left: 1px solid #b4b4b4;
	background-color: #fff;
}

.other_container_contents dl.email dd,
.other_container_contents dl.password dd,
.other_container_contents dl.address dd,
.other_container_contents dl.customer_payment dd,
.other_container_contents dl.contact dd {
	display: block;
	width: calc(100% - calc(300 / var(--breakpoint-pc) * 100vw));
	width: calc(100% - 300px);
	height: auto;
	max-height: none;
}

.other_container_contents dl.email dt,
.other_container_contents dl.customer_payment dt {
	display: block;
}
.other_container_contents dl.email dt > p,
.other_container_contents dl.customer_payment dt > p {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.other_container_contents dl.email dt > p:nth-of-type(2) span,
.other_container_contents dl.customer_payment dt > p:nth-of-type(2) span {
	margin-left: 0;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
}

.other_container_contents dl.email dd > div input {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.email dd > div:last-of-type input {margin-bottom: 0;}

.other_container_contents dl.password dd > div input {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.password dd > div:last-of-type input {margin-bottom: 0;}

.other_container_contents dl.address dd > div {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.address dd > div:last-of-type {margin-bottom: 0;}

.other_container_contents dl.customer_payment dd > div {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.customer_payment dd > div:last-of-type {margin-bottom: 0;}

.other_container_contents dl.contact dd > div {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.contact dd > p {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 1.5;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box {
	display: flex;
	align-items: center;
	margin-bottom: 0.5em;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1) {
	position: relative;
	display: inline-block;
	width: calc(27 / var(--breakpoint-pc) * 100vw);
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	vertical-align: middle;
	color: #222;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):before {
	position: absolute;
	display: block;
	top: calc(50% - calc(10 / var(--breakpoint-pc) * 100vw));
	left: calc(50% - calc(5 / var(--breakpoint-pc) * 100vw));
	width: calc(10 / var(--breakpoint-pc) * 100vw);
	height: calc(16 / var(--breakpoint-pc) * 100vw);
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	content: '';
	opacity: 0;
	transform: rotate(45deg);
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):after {
	content: '';
	display: block;
	width: calc(27 / var(--breakpoint-pc) * 100vw);
	height: calc(27 / var(--breakpoint-pc) * 100vw);
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #2244A9;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span.set2:nth-of-type(1):before {
	opacity: 1.0;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(2) {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box {
	margin-top: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box > div {
	text-align: center;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box > div label {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	max-width: 20px;
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	color:#222;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:hover:after {
	border-color: #0171bd;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:after {
	position: absolute;
	top: 50%;
	left: calc(4 / var(--breakpoint-pc) * 100vw);
	display: block;
	margin-top: calc(-10 / var(--breakpoint-pc) * 100vw);
	width: calc(16 / var(--breakpoint-pc) * 100vw);
	max-width: 16px;
	height: calc(16 / var(--breakpoint-pc) * 100vw);
	max-height: 16px;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #aaa;
	border-radius: calc(6 / var(--breakpoint-pc) * 100vw);
	content: '';
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:before {
	position: absolute;
	top: 50%;
	left: calc(10 / var(--breakpoint-pc) * 100vw);
	display: block;
	margin-top: calc(-7 / var(--breakpoint-pc) * 100vw);
	width: calc(5 / var(--breakpoint-pc) * 100vw);
	max-width: 5px;
	height: calc(9 / var(--breakpoint-pc) * 100vw);
	max-height: 9px;
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	content: '';
	opacity: 0;
	transform: rotate(45deg);
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:checked + label:before {
	opacity: 1;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:checked:disabled + label:before {
	opacity: 0.5;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:disabled + label {
	color:#999;
	cursor: default;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:disabled + label:after{
	border-color: #aaa;
}

.other_container_contents .btn_main {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(480 / var(--breakpoint-pc) * 100vw);
	max-width: 480px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: 0 auto calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .btn_cancel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(480 / var(--breakpoint-pc) * 100vw);
	max-width: 480px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: 0 auto calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	text-decoration: none;
	color: #fff;
	background-color: #B4B4B4;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .btn_main:hover,
.other_container_contents .btn_cancel:hover {
	opacity: 0.5;
}

.other_container .thanks_box {
	width: calc(920 / var(--breakpoint-pc) * 100vw);
	max-width: 920px;
	height: calc(346 / var(--breakpoint-pc) * 100vw);
	max-height: 346px;
	margin: calc(80 / var(--breakpoint-pc) * 100vw) auto calc(60 / var(--breakpoint-pc) * 100vw);
	background: url('../img/step/thanks_img_person01.png') center center no-repeat;
	background-size: calc(173 / var(--breakpoint-pc) * 100vw) calc(227 / var(--breakpoint-pc) * 100vw);
	background-position: calc(30 / var(--breakpoint-pc) * 100vw) center;
	border: 1px solid #0582E3;
	overflow: hidden;
}

.other_container .thanks_box .thanks_ttl {
	top: calc(75 / var(--breakpoint-pc) * 100vw);
	left: calc(230 / var(--breakpoint-pc) * 100vw);
	font-size: calc(30 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	color: #0582E3;
}

.other_container .thanks_box .thanks_msg {
	top: calc(115 / var(--breakpoint-pc) * 100vw);
	left: calc(230 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	color: #0582E3;
}

.other_container_contents .agreement_box,
.other_container_contents .privacy_box {
	margin-bottom: calc(50 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .agreement_box .agreement_box_ttl,
.other_container_contents .privacy_box .privacy_box_ttl {
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--medium);
	line-height: calc(40 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.other_container_contents .agreement_box .agreement_box_txt,
.other_container_contents .privacy_box .privacy_box_txt {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .guide_box {
	margin-bottom: calc(70 / var(--breakpoint-pc) * 100vw);
	line-height: 1.0;
}

.other_container_contents .guide_box .guide_box_ttl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .guide_box .guide_box_ttl .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(60 / var(--breakpoint-pc) * 100vw);
	max-width: 60px;
	height: calc(60 / var(--breakpoint-pc) * 100vw);
	max-height: 60px;
	font-size: calc(25 / var(--breakpoint-pc) * 100vw);
	font-family: "Roboto", Helvetica, sans-serif;
	font-weight: var(--medium);
	color: #fff;
	background-color: rgba(5, 130, 227, 0.24);

}

.other_container_contents .guide_box .guide_box_ttl .str {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - calc(60 / var(--breakpoint-pc) * 100vw));
	max-width: calc(100% - 60px);
	height: calc(60 / var(--breakpoint-pc) * 100vw);
	max-height: 60px;
	padding-left: calc(25 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--medium);
	color: #404040;
	background-color: rgba(5, 130, 227, 0.09);
}

.other_container_contents .guide_box .guide_box_txt {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}



@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	.other_container,
	.other_container_contents {
		margin: 0 100px 60px;
	}

	.other_container .ttl_area h1 {
		margin-top: 75px;
		margin-bottom: 60px;
		padding-bottom: 20px;
	}

	.other_container .ttl_area h1 > span {
		font-size: 48px;
	}

	.other_container .ttl_area h1 > p {
		margin-top: -24px;
	}

	.other_container .ttl_area h1 > p span {
		font-size: 40px;
	}

	.other_container .ttl_area h1 > p * {
		margin: 0 20px;
	}

	.other_container .msg_area {
		font-size: 18px;
	}

	.other_container_contents .form_box {
		margin-bottom: 40px;
	}

	.other_container_contents .form_box .msg_box {
		margin-bottom: 60px;
		font-size: 18px;
	}

	.other_container_contents .form_box .msg_box span {
		font-size: 16px;
	}

	.other_container_contents .form_box .forgot_box {
		margin: 0 auto 60px;
		font-size: 18px;
	}

	.other_container_contents .form_box .forgot_box p {
		margin-bottom: 10px;
	}

	.other_container_contents .form_box .forgot_box p > span {
		margin-left: 10px;
	}

	.other_container_contents dl dt {
		width: 320px;
		padding: 25px;
		font-size: 18px;
		line-height: 32px;
	}

	.other_container_contents dl dd {
		width: calc(100% - 300px);
		padding: 25px;
		font-size: 16px;
		line-height: 32px;
	}

	.other_container_contents dl dt span {
		font-size: 16px;
	}

	.other_container_contents dl.email dt > p:nth-of-type(2) span,
	.other_container_contents dl.customer_payment dt > p:nth-of-type(2) span {
		font-size: 16px;
	}

	.other_container_contents dl.email dd > div input {margin-bottom: 20px;}

	.other_container_contents dl.password dd > div input {margin-bottom: 20px;}

	.other_container_contents dl.address dd > div {margin-bottom: 20px;}

	.other_container_contents dl.customer_payment dd > div {margin-bottom: 20px;}

	.other_container_contents dl.contact dd > div {margin-bottom: 20px;}
	.other_container_contents dl.contact dd > p {
		font-size: 16px;
		line-height: 1.5;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1) {
		width: 27px;
		margin-right: 10px;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):before {
		top: calc(50% - 10px);
		left: calc(50% - 5px);
		width: 10px;
		height: 16px;
		border-right-width: 3px;
		border-bottom-width: 3px;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):after {
		width: 27px;
		height: 27px;
		border-width: 2px;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(2) {
		font-size: 16px;
	}

	.other_container_contents .entry_agreetment_box {
		margin-top: 40px;
	}

	.other_container_contents .entry_agreetment_box > div {
		margin-bottom: 40px;
	}

	.other_container_contents .entry_agreetment_box > div label {
		font-size: 18px;
	}

	.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label {
		margin-right: 10px;
	}

	.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:after {
		left: 4px;
		margin-top: -10px;
		border-width: 2px;
		border-radius: 6px;
	}

	.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:before {
		left: 10px;
		margin-top: -7px;
		border-right-width: 3px;
		border-bottom-width: 3px;
	}

	.other_container_contents .btn_main {
		margin: 0 auto 30px;
		font-size: 24px;
	}

	.other_container_contents .btn_cancel {
		margin: 0 auto 30px;
		font-size: 24px;
	}

	.other_container .thanks_box {
		margin: 80px auto 60px;
		background-size: 173px 227px;
		background-position: 30px center;
	}

	.other_container .thanks_box .thanks_ttl {
		top: 75px;
		left: 230px;
		font-size: 30px;
	}

	.other_container .thanks_box .thanks_msg {
		top: 115px;
		left: 230px;
		font-size: 18px;
	}

	.other_container_contents .agreement_box,
	.other_container_contents .privacy_box {
		margin-bottom: 50px;
	}

	.other_container_contents .agreement_box .agreement_box_ttl,
	.other_container_contents .privacy_box .privacy_box_ttl {
		margin-bottom: 15px;
		font-size: 20px;
		line-height: 40px;
	}

	.other_container_contents .agreement_box .agreement_box_txt,
	.other_container_contents .privacy_box .privacy_box_txt {
		font-size: 16px;
		line-height: 32px;
	}

	.other_container_contents #tradelaw_box dl dt {
		width: 300px;
	}

	.other_container_contents #tradelaw_box dl dd {
		width: calc(100% - 300px);
	}

	.other_container_contents .guide_box {
		margin-bottom: 70px;
	}

	.other_container_contents .guide_box .guide_box_ttl {
		margin-bottom: 40px;
	}

	.other_container_contents .guide_box .guide_box_ttl .num {
		font-size: 25px;

	}

	.other_container_contents .guide_box .guide_box_ttl .str {
		padding-left: 25px;
		font-size: 18px;
	}

	.other_container_contents .guide_box .guide_box_txt {
		font-size: 16px;
		line-height: 32px;
	}
}



/* ********************************************************************************* */
/* 共通 */
button.toback,
a.toback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(300 / var(--breakpoint-pc) * 100vw);
	max-width: 300px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #0582E3;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	border-radius: 42px;
}

button.toback:focus,
a.toback:focus {
	outline: none;
}

button.toback:hover,
a.toback:hover {
	color: #fff;
	background-color: #0582E3;
}


.step_container .toback,
.other_container_contents .toback {
	margin-top: calc(30 / var(--breakpoint-pc) * 100vw);
}

button.topayment,
a.topayment {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(300 / var(--breakpoint-pc) * 100vw);
	max-width: 300px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #FF9A34;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #FF9A34;
	border-radius: 42px;
}

button.topayment:focus,
a.topayment:focus {
	outline: none;
}

button.topayment:hover,
a.topayment:hover {
	color: #fff;
	background-color: #FF9A34;
}

.step_container .topayment,
.other_container_contents .topayment {
	margin-top: calc(60 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	button.toback,
	a.toback {
		font-size: 18px;
		border-width: 2px;
	}

	.step_container .toback,
	.other_container_contents .toback {
		margin-top: 30px;
	}

	button.payment,
	a.payment {
		font-size: 18px;
		border-width: 2px;
	}

	.step_container .topayment,
	.other_container_contents .payment {
		margin-top: 60px;
	}
}







@media (max-width: 768px) {
	#with_kotaro .with_logo {
		margin-bottom: 5vw;
		padding-bottom: 0.5em;
	}
	#with_kotaro .flex_box {
		flex-flow: column-reverse;
		margin-bottom: 10vw;
	}
	#with_kotaro .flex_box .flex_right {
		margin-bottom: 0;
	}
	#with_kotaro .bnr_area img {
		max-width: 100%;
	}
	#flow_step .step_line {
		max-width: 100%;
		width: 80%;
	}
	#with_kotaro .flex_box a .flex_right_img img {
		width: 100%;
		max-width: 100%;
	}
	#flow_step .step_line ul li .step_line_txt_step img {
		max-width: 100%;
	}
	#flow_step .step_line ul li .step_line_ttl > img {
		width: 20vw;
	}
	#flow_step .step_line ul li .step_line_txt_flow_icon {
		width: 20vw;
	}
	#flow_step .step_line ul li .step_line_txt_flow_icon img {
		width: 20vw;
	}
	#flow_step .step_line ul li .step_line_txt_step {
		margin-left: 1vw;
	}
	#flow_step .step_line ul li .step_line_txt > img {
		width: 20vw;
	}
}





#top_mente_notice {
	display: none;
	margin-top: calc(-30 / var(--breakpoint-pc) * 100vw);
	padding: 1em;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background-color: #f33;
}
#top_mente_notice.on {
	display: block;
}
.modal-dialog.modal-lg {
	width: 80%;
	max-width: 1140px;
	margin-top: 20vh;
}
.modal-header .modal-title {
	font-size: 2em;
}
.modal-header span {
	font-size: 1.5em;
}
.movie_box {
	display: none;
	width: 100%;
	height: 43.5vw;
	max-height: 630px;
}
.movie_box.show {
	display: block;
}

.ec-layoutRole .ec-layoutRole__contents {
	margin-top: 0;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual {
	position: relative;
    width: 100%;
    height: calc(440 / 1920 * 100vw);
    max-height: auto;
    margin-bottom: 0;
    background: url(/common/img/top_mainvisual00.png) center top repeat-x;
    background-size: contain;
	background-color: #F8F8F8;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual h1 {
	margin: 0 auto;
	padding-top: calc(43 / 1920 * 100vw);
	width: calc(926 / 1920 * 100vw);
}
.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual h1 img {
	display: block;
	width: 100%;
	height: auto;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual > p {
	top: calc(312 / 1920 * 100vw);
	line-height: 1.5;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual > p:before {
	display: none;
}
#delivery_area2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: calc(120 / 1920 * 100vw);
	background-color: #F8F8F8;
}
#delivery_area2:before {
	display: none;
}
#delivery_area2 .delivery_area_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(1000 / 1920 * 100vw);
	height: calc(430 / 1920 * 100vw);
	margin: 0 auto;
}
#delivery_area2 .area_panel {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	width: calc(350 / 1920 * 100vw);
}
#delivery_area2 .area_panel a:hover {
	opacity: 0.5;
}
#delivery_area2 .area_panel a img {
	width: calc(345 / 1920 * 100vw);
	height: auto;
}
#delivery_area2 .wrap {
	width: calc(650 / 1920 * 100vw);
	margin: 0;
}
#delivery_area2 .wrap .area_map .txt {
	position: absolute;
	top: 0;
	padding-left: calc(60 / 1920 * 100vw);
	width: calc(650 / 1920 * 100vw);
	margin: 0;
	text-align: left;
}
#delivery_area2 .wrap .area_map {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: auto;
}
#delivery_area2 .wrap .area_map .txt p:nth-of-type(1) {
	margin-bottom: 0.75em;
	font-size: calc(24 / 1920 * 100vw);
	text-align: left;
	border: none;
}
#delivery_area2 .wrap .area_map .txt p:nth-of-type(1):after {
	display: none;
}
#delivery_area2 .wrap .area_map img {
	display: block;
	left: calc(220 / 1920 * 100vw);
	width: calc(436 / 1920 * 100vw);
	height: calc(346 / 1920 * 100vw);
}
#delivery_area2 .wrap .area_map .txt p:nth-of-type(2) {
	font-size: calc(18 / 1920 * 100vw);
}
.bnr_area {
	width: calc(948 / 1920 *100vw);
	margin: 0 auto;
}
.bnr_area img {
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	#delivery_area2 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100vw;
		margin: 0 0 10vw;
		padding: 2.5vw 0 5vw;
		background-color: #F8F8F8;
	}
	#delivery_area2:before {
		display: none;
	}
	#delivery_area2 .delivery_area_box {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	#delivery_area2 .area_panel {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: row;
		width: 100%;
	}
	#delivery_area2 .area_panel a:hover {
		opacity: 0.5;
	}
	#delivery_area2 .area_panel a img {
		width: 100%;
		height: auto;
	}
	#delivery_area2 .wrap {
		width: 95%;
		margin: 2.5vw auto 0;
	}
	#delivery_area2 .wrap .area_map .txt {
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 0;
		width: 70vw;
		margin: 0;
		text-align: left;
	}
	#delivery_area2 .wrap .area_map {
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
		width: 100%;
	}
	#delivery_area2 .wrap .area_map .txt p:nth-of-type(1) {
		margin-bottom: 0.5em;
		font-size: 4vw;
		text-align: left;
		border: none;
	}
	#delivery_area2 .wrap .area_map .txt p:nth-of-type(1):after {
		display: none;
	}
	#delivery_area2 .wrap .area_map .txt p:nth-of-type(2) {
			font-size: 2.75vw;
	}
	#delivery_area2 .wrap .area_map img {
		display: block;
		left: auto;
		right: 0;
		width: 60%;
		height: auto;
	}
	.bnr_area {
		width: 100%;
		margin: 0 auto;
	}
	.bnr_area img {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 1920px) {
	#top_mente_notice {
		margin-top: -30px);
	}
	.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual {
	    height: 440px;
	}
	.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual h1 {
		width: 926px;
	}
	.ec-layoutRole .ec-layoutRole__mainWithColumn #mainvisual > p {
		top: 312px;
	}
	#delivery_area2 {
		margin-bottom: 120px;
	}
	#delivery_area2 .delivery_area_box {
		width: 1000px;
		height: 430px;
	}
	#delivery_area2 .area_panel {
		width: 350px;
	}
	#delivery_area2 .area_panel a img {
		width: 345px;
	}
	#delivery_area2 .wrap {
		width: 650px;
	}
	#delivery_area2 .wrap .area_map .txt {
		padding-left: 60px;
		width: 650px;
	}
	#delivery_area2 .wrap .area_map .txt p:nth-of-type(1) {
		font-size: 24px;
	}
	#delivery_area2 .wrap .area_map img {
		left: 220px;
		width: 436px;
		height: 346px;
	}
	#delivery_area2 .wrap .area_map .txt p:nth-of-type(2) {
		font-size: 18px;
	}
}