﻿@charset "UTF-8";

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: container */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color:#333;
}
.body_common .body_inner,
.lower .body_inner{
	background-color:#FFFFFF;
}
article {
	width: 100%;
	margin: 0 auto;
}
article {
	max-width: 1080px;/* 共通コンテンツ幅 */
	padding-left: 12px;
	padding-right: 12px;
}
@media screen and (min-width: 1080px) {
	article {
		padding-left:0;
		padding-right:0;
	}
}
figure{
	margin: 0;
	padding: 0;
}
.breadCrumb ul {
	max-width: 940px;
}
a {
	position: relative;
	text-decoration:none;
	color: #222;
}
a:hover {
	text-decoration:none;
	color: #222;
}
a:hover img{
	opacity: 0.9;
}
a::before {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #222;
	bottom: 1px;
	transform: scale(0, 1);
	transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
	transition: transform 0.3s;  /*変形の時間*/
}
a:hover::before {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	transform-origin: left top; /*左から右に向かう*/
}
a:has(img)::before{
	display:none;
}
a[href^="http"]:after{
	display:inline-block;
	margin: 0 0 0 2px;
	background-image:url('./img/125_arr_hoso.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:1em;
	height:0.8em;
	content: '';
}
a[href^="https://www.unideev3.com/"]:after,
a[href^="https://www.nikuni.co.jp/maintenance/"]:after {
	display:none;
}
/*--------------------------------------- header */

/*--------------------------------------- header */
header {
	position: relative;
	z-index: 10;
	border-bottom: 3px solid #c3c3c3;
}
header:before {
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	content: '';
	position: absolute;
	background: #F4F4F4;
	z-index: -1;
}
header #header_inner {
	padding: 0 0 0 0;
	max-width:1080px;
	margin:0 auto;
	background:url(./img/bg_header.jpg) bottom left no-repeat;
}
header a {
	color: #333;
	text-decoration: none;
	/*display: block;*/
}

header a:hover {
	text-decoration: underline;
}
header #header_logo_box,
header #header_logo,
header #header_logo_after,
.header_info {
	display: inline-block;
}
header #header_logo_box{
	width:100%;
	line-height:1;
}
header #header_logo {
	width:500px;
	font-size: 1em;
	height:100%;
	vertical-align:middle;
	margin:5px 0 0 0;
	padding:0;
	font-weight:bold;
}
header #header_logo img{
	vertical-align: middle;
}
@media screen and (max-width: 779px){
	header #header_logo {
		width:100%;
		font-size:80%;
	}
	header #header_logo img{
		width:40%;
	}
}
/*header #header_logo_after{
	width:60px;
	height:80px;
	background:url('./img/bg_header_logo_after.png') center center;
}*/
header .header_info {
	display:block;
	text-align:right;
}
/*@media screen and (max-width: 1200px){
	header .header_info {
		width:calc(100vw - 290px);
	}
	header .header_info{
		background:none;
		height:auto;
	}
	header #header_inner{
		background:url('./img/bg_header_1020.png') left top no-repeat;
	}
	header #header_logo_after{
		display:none;
	}
}*/
header div {
	position: relative;
}
/* global navigation */
nav.gNavi {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-size:0.70em;
}
nav.gNavi ul{
	border-left: 2px solid #c3c3c3;
	padding: 0;
	margin:0;
}

nav.gNavi li {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	border-right: 2px solid #c3c3c3;
}
nav.gNavi li a {
	/*width: 140px;*/
	color: #333;
	display: table-cell;
	padding:0 20px;
	height:25px;
	line-height:25px;
	vertical-align: middle;
	text-align:center;
	text-decoration: none;
}
/*@media screen and (min-width: 1050px) and (max-width: 1200px), print{
	nav.gNavi li{
		display:table-cell;
	}
	nav.gNavi li a {
		width: calc(100vw * 0.115);
		height:auto;
	}
}
@media screen and (min-width: 900px) and (max-width: 1049px){
	nav.gNavi li{
		display:table-cell;
	}
	nav.gNavi li a {
		width: calc(100vw * 0.105);
		height:auto;
	}
}
@media screen and (max-width: 899px){
	nav.gNavi li{
		display:table-cell;
	}
	nav.gNavi li a {
		width: calc(100vw * 0.095);
		height:auto;
	}
}
*/
nav.gNavi li {
	font-size: 1.1em;
}
nav.gNavi li a:hover, 
nav.gNavi li a:active{
	background:rgba(200,200,200,0.4);
}
nav.gNavi li.active a {
	color:#FFFFFF;
	background:#0D2B6F;
}
nav.gNavi li.gNavi_1 a,
nav.gNavi li.gNavi_2 a,
nav.gNavi li.gNavi_3 a{
	cursor:pointer;
}

.header_dropdown1,
.header_dropdown2,
.header_dropdown3,
.header_dropdown4 {
	width: 100%;
	display: none;
	position: absolute;
	left: 0;
	background: linear-gradient(to bottom, #f4f4f4, #dbf0ff);
	z-index: 500;
	border-bottom:3px solid #0D2B6F;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.header_sub_nav{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 10px 20px;
	position: relative;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
}
.header_sub_nav a{
	display:flex;
	align-items: center;
	width:100%;
	height:100%;
	text-decoration:none;
}
.header_sub_nav a:hover{
	color:#1F88AD;
}
.header_sub_nav h4{
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
.header_sub_nav td:nth-child(2n+1){
	width:92px !important;
}
.header_sub_nav td:nth-child(2n){
	width:25%;
}
.header_sub_nav h4{
	margin-bottom:10px;
}
.header_sub_nav h4 a{
	display:inline-block;
	padding-top:8px;
	padding-bottom:5px;
	width:100%;
	text-indent:0.5em;
}
.header_sub_nav h4 a:hover,
.header_sub_nav h4 a:active{
	background-color:rgba(250,255,255,0.5);
	color:#314F93;
}
/* glsub navigation */
.sub_Navi {
	/*height:55px;*/
	vertical-align: middle;
	text-align:right;
	float:right;
	display: inline-block;
	margin-top:10px;
}
.sub_Navi ul,
.sub_Navi ul li,
.btn_login,
.box_search,
.box_contact {
	display: inline-block;
	vertical-align: middle;
}
.sub_Navi ul {
	padding: 0;
	margin-top:10px;
	font-size:0.85em;
}
.sub_Navi ul li{
	margin-right:10px;
}
.sub_Navi ul li a{
	display:inline-block;
	padding-left:15px;
	background:url('./img/icon_arrow_black_s_right.png') 2px 0.6em no-repeat;
	line-height: 2;
}
.sub_Navi .btn_login{
	padding: 0;
	margin-top:10px;
	font-size:0.85em;
}
.sub_Navi .btn_login a{
	display:inline-block;
	border:1px solid #000000;
	padding:5px 10px;
	text-decoration:none;
}
.sub_Navi .btn_login a:hover,
.sub_Navi .btn_login a:active{
	color:#000000;
	background:rgba(200,200,200,0.4);
}
.sub_Navi .box_search{
	margin-top:10px;
	margin-left:5px;
	margin-right:10px;
	font-size:0.85em;
}
.sp_sub_Navi .box_search{
	position:relative;
}
.sub_Navi .box_search .search_text,
.sp_sub_Navi .box_search .search_text{
	width:200px;
	padding-left:10px;
	border-radius:20px;
	border-color:#000000;
	/*background:url('./img/icon_search.png') right center no-repeat;*/
}
.sub_Navi .box_search .search_icon,
.sp_sub_Navi .box_search .search_icon{
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 0;
	overflow: hidden;
	display: block;
	width: 24px;
	height: 18px;
	padding: 0px;
	border: medium none;
	background-color: transparent;
}
.sp_sub_Navi .box_search .search_icon{
	top: 5px;
}
.sub_Navi .box_contact{
	margin-top: 10px;
}
.box_contact_fix{
	position: fixed;
	width:133px;
	height:34px;
	background:url('./img/btn_contact_fix.png') no-repeat;
	top: 5px;
	right: 60px;
	z-index: 500;
	margin-top: 10px;
}
.box_contact_fix a{
	display:block;
	width:133px;
	height:34px;
	text-indent:-9800px;
}
.sub_Navi .box_contact a:hover,
.box_contact_fix a:hover{
	opacity:0.9;
}

@media screen and (min-width: 901px)and (max-width: 999px) {
	.sub_Navi ul li{
		margin-right:1px;
	}
	.sub_Navi .box_search .search_text{
		width:150px;
	}
}
@media screen and (max-width: 900px) {
	.sub_Navi ul li{
		margin-right:1px;
	}
	.sub_Navi .box_search{
		margin-right:0;
	}
	.sub_Navi .box_search .search_text{
		width:150px;
	}
	/*.sub_Navi .box_contact{
		display:none;
	}*/
}
@media screen and (min-width: 780px), print {
	.sp_menu,
	.sp_menu_btn,
	.box_contact_fix {
		display: none;
	}
}
@media screen and (max-width:779px) {
	header #header_inner{
		background:#FFFFFF url('./img/bg_header_1020.png') 50px top no-repeat;
	}
	header .header_info,
	nav.gNavi,
	nav.sub_Navi {
		display: none;
	}
	header #header_inner {
		padding: 0px 60px 0px 10px;
	}
	header #header_logo {

	}
	header #header_logo a {
		display: inline-block;
		padding: 5px;
	}
	/*.box_contact_fix{
		position: fixed;
		width:55px;
		height:40px;
		background:url('./img/btn_contact_fix_sp.png') no-repeat;
		top: 0;
		right: 60px;
		z-index: 500;
		margin-top: 10px;
		box-shadow: 0 1px 5px 0 rgba(12, 48, 118, 0.2);
	}*/
	.box_contact_fix a{
		display:block;
		width:55px;
		height:40px;
	}
}
.sp_menu_bg {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	display: none;
}
.sp_menu_bg.bg_fixed {
	display: block;
}
.sp_menu_btn {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	/*border: 1px solid #5F6060;*/
	z-index: 500;
	background-color: rgba(255, 255, 255, 0.7);
	background-image: url(./img/icon_menu_btn_open.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
}
.sp_menu_btn.close {
	background-color: #f7f7f7;
	background-image: url(./img/icon_menu_btn_close.png);
}
.sp_menu {
	position: fixed;
	z-index: 60;
	right: -100%;
	top: 0;
	width: 100%;
	max-width: 280px;
	height: 100%;
	padding: 60px 20px;
	background-color: #ffffff;
	box-shadow: -3px 0 10px rgba(95, 96, 96, 0.3);
	overflow-y: auto;
	opacity:0;
	transition: right 0.3s;
}
.sp_menu.menu_fixed {
	right: 0;
	background-color:#F4F4F4;
	border-left:3px solid #C3C3C3;
	opacity: 1;
}
.sp_gNavi ul{
	padding:0;
}
.sp_sub_Navi ul{
	margin-top:20px;
	padding:0;
}
.sp_gNavi ul li{
	list-style:none;
	border-left:2px solid #c3c3c3;
	/*border-right:2px solid #c3c3c3;*/
	margin-bottom:10px;
}
.sp_gNavi ul li a{
	display:inline-block;
	width:100%;
	padding-left:1em;
	color:#222222;
	text-decoration:none;
}
.sp_gNavi ul li a:hover{
	cursor:pointer;
}
.sp_gNavi_li ul{
	margin-top:12px;
	margin-left:1.5em;
	border-bottom:1px solid #C3C3C3;
}
.sp_gNavi_li ul li{
	margin-bottom:0;
	padding:5px 0;
	border-left:none;
	border-top:1px solid #C3C3C3;
}
.sp_gNavi_li ul li a{
	padding-left:0;
}
.sp_sub_Navi ul li{
	list-style:none;
}
.sp_sub_Navi ul li a{
	display:inline-block;
	padding-left:15px;
	background:url('./img/icon_arrow_black_s_right.png') 2px 0.6em no-repeat;
	color:#222222;
	text-decoration:none;
}
.sp_sub_Navi .btn_login{
	padding: 0;
	margin-top:10px;
	margin-bottom:10px;
	font-size:0.85em;
}
.sp_sub_Navi .btn_login a{
	display:inline-block;
	border:1px solid #000000;
	padding:5px 10px;
	text-decoration:none;
	color:#222222;
}
.sp_sub_Navi .btn_login a:hover,
.sp_sub_Navi .btn_login a:active{
	color:#000000;
	background:rgba(200,200,200,0.4);
}
@media screen and (max-width:479px) {
	header #header_inner {
		padding: 10px 60px 10px 10px;
	}
}


/*--------------------------------------- footer */
footer {
	background-color: #FFFFFF;
	max-width: 100%;/* フッタ幅100% */
}
footer article{
	width:100%;
}
footer article#footer1{
	width:100%;
	max-width:100%;
	padding:20px 20px;
	background:#606061;
	color:#FFFFFF;
}
footer article#footer1 a::before{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #FFF;
	bottom: -2px;
	transform: scale(1, 1);
	transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
	transition: transform 0.3s;  /*変形の時間*/
}
footer article#footer1 a:hover::before {
	transform: scale(0, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	transform-origin: left top; /*左から右に向かう*/
}
footer article#footer1 a:hover{
	/*text-decoration:underline 1px;*/
}
footer article#footer1 a[href^="http"]:after{
	filter: brightness(0) invert(1);
}
footer article#footer1 a:hover{
	opacity:1;
}
/* お問い合わせドロワー部分 aタグ */
#contact_menu_detail a{
	color:#FFFFFF;
	text-decoration:none;
}
#contact_menu_detail a::before{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #FFF;
	bottom: -2px;
	transform: scale(1, 1);
	transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
	transition: transform 0.3s;  /*変形の時間*/
}
#contact_menu_detail a:hover::before {
	transform: scale(0, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	transform-origin: left top; /*左から右に向かう*/
}
#contact_menu_detail a:hover{
	/*text-decoration:underline 2px;*/
}
#contact_menu_detail a[href^="http"]:after{
	filter: brightness(0) invert(1);
}
#contact_menu_detail a:hover{
	opacity:1;
}
@media screen and (min-width:720px) {
	footer article#footer1 a[href^="tel"],
	#contact_menu_detail a[href^="tel"]{
		cursor:default;
	}
	footer article#footer1 a[href^="tel"]:before,
	#contact_menu_detail a[href^="tel"]:before{
		display:none
	}
	footer article#footer1 a[href^="tel"]:hover,
	#contact_menu_detail a[href^="tel"]:hover{
		text-decoration:none;
		opacity:1;
	}
}
#footer_contact,
#footer_company{
	max-width:1080px;
	margin:0 auto;
}
#footer_contact a:link,
#footer_contact a:visited{
	color:#FFFFFF;
}
#footer_contact p{
	max-width:700px;
	margin:0 auto;
}
#footer_contact_detail{
	display:flex;
	max-width:800px;
	margin:0 auto;
	font-weight:bold;
}
#footer_contact #footer_contact1{
	width:50%;
	padding-left:2%
}
#footer_contact h3{
	font-size:1.2em;
}
#footer_contact #footer_contact1 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer_contact #footer_contact2{
	width:50%;
	padding-left:3%
}
#footer_contact #footer_contact2 dd{
	margin-left:1em;
}
@media screen and (max-width:719px) {
	#footer_contact_detail{
		display:block;
	}
	#footer_contact #footer_contact1,
	#footer_contact #footer_contact2{
		width:100%;
		padding-left:2%
	}
}
footer article#footer2{
	font-size:90%;
}
#footer_company{
	margin:20px 20px;
}
#footer_company p{
	padding:0;
	margin:0;
}
#footer_company p#footer_company_name{
	font-size:1.4em;
	font-weight:bold;
}
#footer_company h4{
	font-size:1.1em;
	margin:1em 0 0.5em;
	padding:0;
}
#footer_company h5{
	margin:0.8em 0 0.5em;
	padding:0;
}
#footer_company h5::before{
	display:none;
}
#footer_info{
	display:flex;
	margin-top:20px;
}
#footer_info1{
	width:37%;
}
#footer_info2{
	width:38%;
}
#footer_info3{
	width:25%;
}
#footer_info3 h4{
	display:inline-block;
}
#footer_info3 p{
	display:inline-block;
}
#footer_info3 a{
	font-size:80%;
}
.footer_copyright{
	font-weight:bold;
	margin:20px auto;
	text-align:center;
	font-size:1.0em;
}
@media screen and (max-width:719px) {
	footer article#footer2{
		padding:20px 1%;
	}
	#footer_info{
		display:block;
		margin-top:20px;
	}
	#footer_info1,
	#footer_info2,
	#footer_info3{
		width:100%;
	}
}

/*--------------------------------------- sp_menu */

.sp_menu{
	overflow-y: scroll;
	max-height: 100%;
}
@media screen and (min-width: 780px), print {
	.sp_menu_btn,
	.sp_menu {
		display: none;
		/*display: inline-block;
		box-sizing: border-box;*/
	}
}
@media screen and (max-width:779px) {
	.sp_menu_btn,
	.sp_menu_btn span {
		display: inline-block;
		box-sizing: border-box;
	}
}
.sp_menu_logo{
	font-weight:bold;
	padding:10px 3% 10px;
    margin: 0 6%;
    background: #fff;
}
.sp_menu_logo img{
	display:block;
	width:60%;
}
.sp_menu_btn {
	position: relative;
	width: 40px;
	height: 34px;
	padding:2px;
	z-index: 10000;
}
.sp_menu_btn.close{
	background-color:transparent;
	z-index: 1000;
}
.sp_menu_btn span {
	position: absolute;
	width: 90%;
	height: 4px;
	background-color: #1E2188;
	border-radius: 4px;
	transition: transform 0.1s;
}
.sp_menu_btn span:nth-of-type(1) {
	top: 2px;
}
.sp_menu_btn span:nth-of-type(2) {
	top: 50%;
	margin-top: -2px;
}
.sp_menu_btn span:nth-of-type(3) {
	bottom: 2px;
}
.sp_menu_btn.close span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
.sp_menu_btn.close span:nth-of-type(2) {
	opacity: 0;
}
.sp_menu_btn.close span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}
.sp_menu_btn {
	position: fixed;
	top: 5px;
	right: 10px;
}
.sp_menu {
	position: fixed;
	z-index: 135;
	right: -100%;
	top: 0;
	width: 100%;
	max-width: 280px;
	height: 100%;
	padding: 50px 0px;
	background-color: #EEEEEE;
	box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
	opacity:0;
	transition: right 0.4s ease-out;
}
.sp_menu.menu_fixed {
	right: 0;
	opacity: 10;
}
.sp_menu_bg {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: none;
}
.sp_menu_bg.bg_fixed {
	display: block;
	background-color: transparent;
}
.sp_menu_navi {
	padding: 0 20px;
}
.sp_menu_navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sp_menu_navi ul li {
	border-bottom: 1px solid #8e8fc3;
}
.sp_menu_navi ul li:first-child {
	border-top: 1px solid #8e8fc3;
}
.sp_menu_navi ul li a {
	padding: 10px 0;
	display: block;
}

.contact_menu {
	position: fixed;
	z-index: 1001;
	top: -100%;
	width: 100%;
	max-width: 100%;
	padding: 50px 0px;
	background-color:#606061;
	color:#FFFFFF;
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
	overflow-y: auto;
	opacity:0;
	transition: top 0.8s ease-out;
}
.contact_menu.menu_fixed {
	top: 0;
	left: 0;
	opacity: 10;
}
.contact_menu_bg {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: none;
}
.contact_menu_bg.bg_fixed {
	display: block;
	background-color: transparent;
}
@media screen and (min-width: 720px), print {
	.contact_menu_btn,
	.contact_menu {
		display: inline-block;
		box-sizing: border-box;
	}
}
@media screen and (max-width:719px) {
	.contact_menu_btn,
	.contact_menu_btn span {
		display: inline-block;
		box-sizing: border-box;
	}
}
.contact_menu_btn {
	position: relative;
	width: 40px;
	height: 34px;
	padding:2px;
	cursor:pointer;
	display:none;
}
#contact_menu_btn img{
	vertical-align:super;
	cursor:pointer;
}
.contact_menu_btn.close{
	background-color:transparent;
}
.contact_menu_btn span {
	position: absolute;
	width: 90%;
	height: 4px;
	background-color: #FFFFFF;
	border-radius: 4px;
	transition: transform 0.1s;
}
.contact_menu_btn span:nth-of-type(1) {
	top: 2px;
}
.contact_menu_btn span:nth-of-type(2) {
	top: 50%;
	margin-top: -2px;
}
.contact_menu_btn span:nth-of-type(3) {
	bottom: 2px;
}
.contact_menu_btn span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
.contact_menu_btn span:nth-of-type(2) {
	opacity: 0;
}
.contact_menu_btn span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}
.contact_menu_btn {
	position: fixed;
	top: 5px;
	right: 10px;
	z-index: 1002;
}
.contact_menu_navi {
	padding: 0 20px;
}
.contact_menu_navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contact_menu_navi ul li {
	border-bottom: 1px solid #8e8fc3;
}
.contact_menu_navi ul li:first-child {
	border-top: 1px solid #8e8fc3;
}
.contact_menu_navi ul li a {
	padding: 10px 0;
	display: block;
}
/*#contact_menu_detail{
	max-width:1080px;
	margin:0 auto;
}*/
#contact_menu_detail{
	display:flex;
	max-width:800px;
	margin:0 auto;
	font-weight:bold;
}
#contact_menu_detail #footer_contact1{
	width:50%;
	padding-left:2%
}
#contact_menu_detail h3{
	font-size:1.2em;
}
#contact_menu_detail #footer_contact1 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#contact_menu_detail #footer_contact2{
	width:50%;
	padding-left:3%
}
#contact_menu_detail #footer_contact2 dd{
	margin-left:1em;
}
@media screen and (max-width:719px) {
	#contact_menu_detail{
		display:block;
	}
	#contact_menu_detail #footer_contact1,
	#contact_menu_detail #footer_contact2{
		width:100%;
		padding-left:2%
	}
}
#footer_contact h2{
	text-align:center;
}
#footer_contact h2::before{
	display:none;
}

/*--------------------------------------- columnBox */

.columnBox .column {
	padding:1em 20px;
}
@media screen and (min-width: 720px), print {
	.columnBox {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.columnBox .column {
		display: table-cell;
		vertical-align: top;
	}
}

/*--------------------------------------- sideContaints */

#side {
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
#side .menu_title {
	background-color: #E8E8F3;
	font-size: 1.1em;
	padding: 1em 20px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;
}
#side ul {
	list-style: none;
	padding: 10px 0 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
#side ul li {
	border-top: 1px solid #dddddd;
	position: relative;
}
#side ul li:first-child {
	border-top: none;

}
#side li a {
	color: #333;
	font-size: 0.95em;
	text-decoration: none;
	display: block;
	padding: 0.5em 0.5em 0.5em 2em;
	transition: color linear 0.2s;
	background-image:url(img/icon_right_arrow.png);
	background-repeat:no-repeat;
	background-position:0.5em 0.8em;
}
#side li a:hover {
	color: #777;
	background-image:url(img/icon_right_arrow.png);
	background-position:0.8em 0.8em;
}
#side li.current a {
	background-color: #EFEFEF;
}
@media screen and (min-width:720px) {
	.columnBox .column_side {
		width:280px;
	}
}
@media screen and (max-width: 719px) {
	.columnBox .column_side {
		padding: 1em 0 0;
	}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common_setting */

img {
	max-width: 100%;
	height: auto !important;
	width /***/: auto;
}
table td img{
	max-width: 100%;
	height:auto !important;
}
iframe{
	max-width:100%;
}
hr {
	border: none;
	border: 1px solid #E8E8F3;
}
@media screen and (min-width:720px) {
	.only_pc{
		display:block;
	}
	.only_sp{
		display:none;
	}
}
@media screen and (max-width:719px) {
	.only_pc{
		display:none;
	}
	.only_sp{
		display:block;
	}
}

/*--------------------------------------- font */

html {
	font-size: 62.5%;
}
body {
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	/*color: #1D2088;*/
	font-size: 1.5em;
	line-height: 2;
	letter-spacing: 0.05rem;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width:719px) {
	html,body {
		-webkit-text-size-adjust: 100%;
		-webkit-overflow-scrolling: touch;
	}
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	position: relative;
	line-height: 1.4;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}
.lower h1{
	font-weight: bold;
	padding: 2px 5px;
	margin: 0.5em auto 0.5em;
	text-align: left;
}
h2 {
	font-weight: bold;
	padding: 2px 0;
	margin: 1.5em auto 0.5em;
	text-align: left;
}
h2:before {
	content: '■';
	margin-right: 4px;
}
/* h:変更した場合はstyle_editor.cssにも反映すること */
h3 {
	font-weight: bold;
	padding: 0.5em 0;
	margin-bottom:0.5em;
}
h4{
	margin: 1.5em 0 1em;
	padding: 0 10px 0 30px;
}
h4:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	border: 6px solid #1D2088;
	position: absolute;
	left: 0;
	top: 4px;
}
h5 {
	margin: 1.5em 0 1em;
	padding: 0 10px 5px 20px;
	border-bottom:1px solid #666;
}
h6 {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#0288C2;
	margin: 1em 0;
	padding:0.5em 2em;
}
@media screen and (min-width: 720px), print {
	h1{
		font-size: 1.0em;
	}
	.lower h1{
		font-size: 2.0em;
	}
	h2 {
		font-size: 1.6em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.3em;
	}
	h6 {
		font-size: 1.3em;
	}
}
@media screen and (max-width: 719px) {
	h1{
		font-size: 1.0em;
	}
	.lower h1{
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.3em;
	}
	h4 {
		font-size: 1.3em;
	}
	h5,h6 {
		font-size: 1.3em;
	}
}
.bold {
	font-weight: bold;
}
#footer_info h4:before {
	display:none;
}
#footer_info h5 {
	font-size:1.1em;
	margin: 0.8em 0 0.5em;
	padding: 0;
	border:none;
}

/*--------------------------------------- color */

.white{color:#FFFFFF;}
.black{color:#000000;}
.red{color:#d2202f;}
.blue{color:#40559F;}
.bg_white{background-color:#FFFFFF;}
.bg_black{background-color:#000000;}
.bg_lightgrey{background-color:#F9F9F9;}
.bg_grey{background-color:#EFEFEF;}
.bg_blue{background-color:#40559F;color:#FFFFFF;}
.bg_lightblue{background-color:#F0FCFF;}
.bg_red{background-color:#d2202f;color:#FFFFFF;}
.bg_lightred{background-color:#FFD9DE;}
.bg_pink{background-color:#f7d8ea;}
.bg_yellow{background-color:#FFF599;}
.bg_green{background-color:#60D795;color:#FFFFFF;}
.bg_lightgreen{background-color:#C5FFDF;}
.bg_cream{background-color:#FFFFFA;}

/*--------------------------------------- font-size */
.font_size_m {
	font-size: clamp(16px, 1.2vw, 18px);
}

/*--------------------------------------- btn */

.btn {
	text-align: center;
	display: block;
	padding: 0.5em 20px;
}
.btn a {
	border-radius: 5px;
	padding: 0.8em 2em;
	line-height: 1.5;
	background-color: #414D99;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}
.btn a:hover {
	background-color: #1d2088;
}

/* CMSエディター：ボタン */
.editor-style-btn1 {
	display: block;
	border-radius: 5px;
	padding-top:1em!important;
	padding-bottom:1em!important;
}
.editor-style-btn1 a {
	display:block !important;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
	width:600px;
	max-width:80%;
	margin: 0.5em auto;
  padding: 18px 30px;
  border: 3px solid #333;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  transition: .3s;
	text-align:center;
}
.editor-style-btn1 a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #333;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
.editor-style-btn1 a:hover {
  color: #fff;
}
.editor-style-btn1 a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.editor-style-btn1 a:hover::after {
	filter: brightness(0) invert(1);
}
.editor-style-text1 {
	color: #ffffff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3),-1px -1px 5px rgba(0, 0, 0, 0.3);
}

/*--------------------------------------- table */

table {
	border-collapse: collapse;
}
table th,
table td {
	border: 1px solid #CCCCCC;
}
table th {
	color: #ffffff;
	background-color: #1E2188;
}
table[border="0"],
table[border="0"] th,
table[border="0"] td {
	border: none;
}
table[border="1"],
table[border="1"] th,
table[border="1"] td {
	border: 1px solid #CCCCCC;
}
table[border="1"] th table[border="0"] td,
table[border="1"] td table[border="0"] td {
	border: none;
}
@media screen and (max-width:719px) {
	table th {
		width: auto !important;
	}
	.sp_table td,
	.sp_table th,
	.sp_table tr{
		display: block;
		width: 100%!important;
	}
	.scroll_box {
		max-width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		position: relative;
		/*border-right: 1px solid #eaeaea;
		box-shadow: 0px 0px 0px 1px #eaeaea inset;*/
	}
}

@media screen and (min-width:481px) and (max-width:750px) {
	.sp_table_2 tr td {
		width: 49%!important;
		display: inline-block;
	}
}
@media screen and (max-width:480px) {
	.sp_table_2 td,
	.sp_table_2 th,
	.sp_table_2 tr{
		display: block;
		width: 100%!important;
	}
}
table.responsive,
table.responsive2c {
	border-collapse: collapse;
	font-size: 0.95em;
}
table.responsive[border="0"],
table.responsive[border="0"] th,
table.responsive[border="0"] td,
table.responsive2c[border="0"],
table.responsive2c[border="0"] th,
table.responsive2c[border="0"] td {
	border: none;
}
@media screen and (max-width: 719px) {
	table.responsive,
	table.responsive2c {
		max-width:100%;
	}
	table.responsive td,
	table.responsive th{
		display: block;
		width: 100% !important;
	}
	table.responsive2c td,
	table.responsive2c th{
		float:left;
		width: 50% !important;
	}
	table.responsive td img,
	table.responsive2c td img {
		max-width:100%;
		height:auto;
	}

}
table.responsive[border="0"] td table:not([border="0"]) th,
table.responsive[border="0"] td table:not([border="0"]) td,
table.responsive2c[border="0"] td table:not([border="0"]) th,
table.responsive2c[border="0"] td table:not([border="0"]) td{
	border: 1px solid #dddddd;
}
@media screen and (max-width: 480px) {
	.sp_table[border="0"] td table:not([border="0"]) th,
	.sp_table[border="0"] td table:not([border="0"]) td{
		display: table-cell;
		width: auto !important;
		border-left:none;
		border-top:none;
	}
	table.responsive2c td,
	table.responsive2c th{
		width: 100% !important;
	}
}

/*--------------------------------------- list_text */

.list_text,
.list_text li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}
.list_text {
	padding: 1em 0;
}

.list_text li a {
	text-decoration:none;
	display: block;
	color: #777;
}
.list_text li .listBox {
	width: 100%;
}
.list_text li .date {
	font-size: 0.9em;
	width: 8em;
}
.list_text li .new {
	font-size: 0.9em;
	margin: 5px;
	color: #D2202F;
	padding: 0.01em 0.5em;
	border: 1px solid;
	border-radius: 100em;
	margin: 5px;
	display: inline-block;
	vertical-align: middle;
}
@media screen and (min-width: 481px), print {
	.list_text li .listBox {
		display: table;
	}
	.list_text li .listBox .date,
	.list_text li .listBox .text {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 20px;
	}
}
@media screen and (max-width: 480px) {
	.list_text li .listBox {
		padding: 10px 20px;
		display: block;
	}
	.list_text li .listBox .date,
	.list_text li .listBox .text {
		padding: 5px 0;
		display: block;
	}
}

/*--------------------------------------- list_thumbnail */

.list_thumbnail {
	width:100%;
	padding: 1em 0;
	margin: 0;
}
.list_thumbnail li{
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.list_thumbnail li a {
	display: block;
	text-decoration: none;
}
.list_thumbnail .listBox {
	display: block;
	padding: 0 10px 1em;
	position: relative;
}
.list_thumbnail .thumbnail {
	display: block;
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.list_thumbnail .thumbnail span{
	padding: 30% 0;
	display: block;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.5s ease-out;
}
.list_thumbnail li a:hover .thumbnail span{
	transform: scale(1.1);
	box-shadow: none;
}
.list_thumbnail .dateBox {
	display: block;
	padding: 0 10px;
	background-color: #fff9eb;
	font-size: 0.9em;
}
.list_thumbnail .date,
.list_thumbnail .new {
	margin: 5px;
	display: inline-block;
	vertical-align: middle;
}
.list_thumbnail .date {
	padding: 0.1em 0;
}
.list_thumbnail .new {
	color: #414D99;
	padding: 0.01em 0.5em;
	border: 1px solid;
	border-radius: 100em;
}
.list_thumbnail .title {
	display: block;
	padding: 0.5em 10px 1em;
}
.list_thumbnail .text {
	display: block;
	padding: 0.5em 10px 1em;
	border-top: 1px dashed #ddd;
	color: #999;
	font-size: 0.9em;
}
@media screen and (min-width: 1200px) {
	.list_thumbnailC5 li{
		width: 20%;
	}
	.list_thumbnailC6 li{
		width: 16%;
	}
}
@media screen and (min-width: 720px) {
	.list_thumbnailC1 li{
		width: 100%;
		display:block;
	}
	.list_thumbnailC2 li{
		width: 49.5%;
	}
	.list_thumbnailC3 li{
		width: 32.5%;
	}
	.list_thumbnailC4 li{
		width: 24.5%;
	}
	.list_thumbnailC5 li{
		width: 19.5%;
	}
	.list_thumbnailC6 li{
		width: 15.5%;
	}
}
@media screen and (max-width: 719px) {
	.list_thumbnailC2 .listBox {
		padding: 0 0 2em;
	}
	.column_thumbnail {
		width: 35.2%;
	}
	.list_thumbnail li{
		width: 50%;
	}
	.list_thumbnailC1 li{
		width: 100%;
		display:block;
	}
	.list_thumbnailC4 li{
		width: 50%;
	}
	.list_thumbnailC5 li{
		width: 50%;
	}
	.list_thumbnailC6 li{
		width: 50%;
	}
}
@media screen and (min-width: 480px) {
	.list_thumbnailC2 li .listBox {
		padding: 1em;
	}
}
@media screen and (max-width: 479px) {
	.list_thumbnailC2 li,
	.list_thumbnailC3 li {
		width: 100%;
	}
}
.body_common .list_thumbnail{
	text-align:center;
}
.body_common .list_thumbnail .thumbnail span{
	padding: 22.5% 0;
}
.body_common .list_thumbnail .title{
	font-size: 1.2em;
	font-weight: bold;
}

/*--------------------------------------- breadCrumb */

.BreadcrumbList {
	max-width:1080px;
	font-size: 0.9em;
	background-color: #ffffff;
	color: #333;
	margin:0 auto;
}
.BreadcrumbList ol {
	padding: 0.5em 0;
	margin:0 5%;
	border-top: 1px solid #666;
	list-style:none;
}
.BreadcrumbList li {
	display: inline;
}
.BreadcrumbList li a {
	color: #333;
	background: transparent url(img/breadcrumb_black.png) no-repeat scroll right center;
	margin-right: 2px;
	padding-right: 16px;
	text-decoration: none;
}

/*--------------------------------------- pagetop link */

#pgtp {
	border-bottom: solid 1px #b5c3df;
}

#pgtp p {
	text-align: right;
	padding: 20px 0 16px;
}
/*--------------------------------------- pageprev/next link */

.page_link {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px 0;
	text-align: center;
}

.page_link a.page_link_left {
	margin: 0 10px 0 0;
	padding: 0 0 0 12px;
	background: url(img/icon_page_link_left.gif) no-repeat left center;
}

.page_link a.page_link_right {
	margin: 0 0 0 10px;
	padding: 0 12px 0 0;
	background: url(img/icon_page_link_right.gif) no-repeat right center;
}

/*--------------------------------------- pager */

.pager_box{
	clear:both;
	text-align:center;
	margin-top:15px;
}
.pager_box .pager{
	width:2.5em;
	display:inline-block;
	border:1px solid #BFBFBE;
	border-radius:3px;
}
.pager_box .pager a{
	display:block;
	width:100%;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.pager_box .pager a:link,
.pager_box .pager a:visited{
	color:#333333;
	text-decoration:none;
}
.pager_box .pager a:hover,
.pager_box .pager a:active{
	background:#F1F1F1;
	text-decoration:none;
}
.pager_box .pager_current{
	background:#F1F1F1;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.pager_box .pager_dot{
	width:1.5em;
	display:inline-block;
}
.pager_box .pager_space{
	width:1em;
	display:inline-block;
	padding-left:0.2em;
	padding-right:0.2em;
}
.pager_box .pager_first{
	display:inline-block;
}
.pager_box .pager_last{
	display:inline-block;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: cms common */

.invisible {
	display: none;
}
a.tooltiplink {
	display: inline-block;
	margin: 1px 3px 0;
	padding: 1px 3px 0;
	border: 2px solid #C7C7C7;
	background-color: #075698;
	border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
}
#input-table a.tooltiplink:link,
#input-table a.tooltiplink:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#input-table a.tooltiplink:hover,
#input-table a.tooltiplink:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
}
a.tooltiplink:link,
a.tooltiplink:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.tooltiplink:hover,
a.tooltiplink:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
}
p.tooltipbox {
	position: absolute;
	top: 100px;
	left: 20px;
	font-size: 1.0em;
	margin: 0;
	padding: 10px;
	min-width: 100px;
	min-height: 30px;
	color: #FFFFFF;
	background: #075698;
	border: 2px solid #075698;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#input-table p.tooltipbox a:link,
#input-table p.tooltipbox a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#input-table p.tooltipbox a:hover,
#input-table p.tooltipbox a:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: underline;
}
p.tooltipbox a:link,
p.tooltipbox a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
p.tooltipbox a:hover,
p.tooltipbox a:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: underline;
}

/* comment form */
.comment_box {
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
	border-collapse: collapse;
	border: solid 1px #cccccc;
	background: #E8E8F3;
}
.comment_box th,
.comment_box td {
	padding: 10px;
}
.comment_id {
	width: 10%;
	text-align: left;
	white-space: nowrap;
}
.comment_name {
	width: 70%;
	text-align: left;
}
.comment_regist {
	width: 20%;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	font-size: 0.8em;
	color: #aaaaaa;
}
.comment_box td {
	padding-top: 0;
}
.comment_text {
	padding: 15px;
	background: #ffffff;
}
.icon_comment {
	text-align: right;
}
.icon_comment a {
	padding-left: 30px;
	background: url(./icon_comment.gif) no-repeat left center;
}
/* twitter widget */
#twtr-hd h3,
#twtr-hd h4,
.twtr-widget h3,
.twtr-widget h4,
.twtr-widget p,
.twtr-widget-profile h3,
.twtr-widget-profile h4 {
	clear: none;
	margin: auto;
	padding: auto;
	font-size: auto;
	color: auto;
	border: none;
	background-image: none;
}
/* twitter tweet button */
iframe.twitter-share-button {
	width: 115px!important;
}

/*--------------------------------------- cms form */

.form_flow {
	width: 100%;
	margin: 20px auto 0;
	padding: 0;
	display: table;
	table-layout: fixed;
}

.form_flow li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-left: 10px solid #ffffff;
	padding: 0 5px;
	width: 34%;
	background-color: #adadad;
}

.form_flow li:first-child {
	border-left: none;
}


.form_flow li span {
	color: #ffffff;
	font-size: 0.9em;
	padding: 10px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.form_flow li.current {
	background-color: #1D2088;
}

.contact_msg {
	font-size: 0.9em;
	margin: 0 auto;
}

.contact_msg_complete {
	padding: 40px;
	box-shadow: inset 0 0 0 2px #f0f0f0;
}

.contact_msg .editor-style-btn1 {
	float: right;
}

.contact_msg .editor-style-btn1:after {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}

.error_box {
	font-size: 0.95em;
	margin: 0 auto;
	background-color: #fff7f6;
	box-shadow: 1px 0px #e5e5e5,-1px 0px #e5e5e5;
	padding: 20px 5%;
}

.error_box .error {
	color: #e72719;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #e72719;
}

.error_box .error_msg {
	margin-top: 20px;
}

.contact form {
	text-align: center;
}

#input-table {
	display: block;
	width: 100%;
	max-width: 100%;
}

#input-table table {
	width: 100%;
	padding: 5px;
	margin: 0 auto 20px;
	border: none;
	box-shadow: inset 0 0 0 2px #f0f0f0;
	background-color: #ffffff;
}

#input-table table li {
	margin-left: 0;
}

#input-table table th {
	width: 35%;
	padding: 20px 60px 20px 30px;
	color: #3f4242;
	background: rgba(0, 0, 0, 0);
	text-align: left;
	border: none;
	position: relative;
	vertical-align: top;
}

#input-table table td {
	padding-left: 10px;
}

#input-table table tr {
	transition: background-color linear 0.2s;
	border-top: 1px solid #ccc;
}

#input-table table tr:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

#input-table table tr:first-child {
	border-top: 5px solid #f0f0f0;
}

#input-table table tr:last-child {
	border-top: 2px solid #f0f0f0;
}

.input_required,
.input_not_required:before {
	font-size: 0.9em;
	padding: 2px 6px;
	display: inline-block;
	color: #fff;
	background-color: #1D2088;
	position: absolute;
	right: 10px;
	top: 20px;
}
.input_not_required:before {
	color: #ffffff;
}
.input_not_required:before {
	content: "任意";
	background-color: #adadad;
	text-align: center;
}
#input-table .error_msg,
#input-table .error_msg_js {
	padding : 5px 5px 5px 20px;
	background: url(./img/form_error.gif) left 10px no-repeat;
}

#input-table table td {
	padding: 20px 30px;
	border: none;
	text-align: left;
}

#input-table table tr:last-child td {
	text-align: center;
}

#input-table div.formcomment {
	clear: both;
	margin-left: 7px;
	margin-top: 3px;
}

#input-table table td ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

input[type="text"],
input[type="password"] {
	border: 0;
	padding: 4px;
	border: solid 1px #ccc;
	max-width: 100% !important;
	resize: none;
	border-radius: 5px;
}

.body_textbook_form input[type="text"] {
	margin-bottom: 10px;
}

#input-table table .form_input_addnumber {
	width: 40% !important;
}

#input-table table textarea {
	padding: 10px;
	width: 96% !important;
	border: solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input:focus,
input:textarea {
	border: solid 1px #414D99;
}

.input_button {
	font-size: 0.9em;
	font-weight: bold;
	-webkit-appearance: none;
	padding: 4px 10px;
	color: #fff;
	background-color: #414D99;
	border: none;
	cursor: pointer;
}

#input-table .input_button {
	padding: 10px 50px;
}

#input-table .submit_button {
	text-align: center;
	padding-top: 20px;
}

#input-table .privacy {
	font-size: 0.9em;
	height: 200px;
	overflow: auto;
	border: 1px solid #ddd;
	padding: 10px;
	background: #ffffff;
}

/* セパレーター */
#input-table table tr.input-formgroup-blank th{
	background:#F0F0F0;
	border:none;
}
#input-table table tr.input-formgroup{
	padding-top:20px;
}
#input-table table tr.input-formgroup th{
	text-align:left;
	border:none;
	padding:10px 0 5px 50px;
	background-image:url(./img/icon_arrow_down.png);
	background-repeat:no-repeat;
	background-position: 5px 10px;
	background-color:#074D93;/* セパレーターth背景色 */
	border-top:2px solid #E8E8F3;
	border-left:2px solid #E8E8F3;
	border-right:2px solid #E8E8F3;
	border-bottom:1px solid #E8E8F3;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
#input-table table tr.input-formgroup th.formgroup-closed{
	background-image:url(./img/icon_arrow_down.png);
	background-repeat:no-repeat;
	background-position: 5px 10px;
	border-bottom:2px solid #E8E8F3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#input-table table tr.input-formgroup th:hover{
	cursor:pointer;
	filter: alpha(opacity=90);
	opacity:0.90;
	-moz-opacity:0.90;
	-ms-filter: "alpha(opacity=90)";
}
#input-table table tr.input-formgroup span.input-formgroup-title{
	display:block;
	color:#FFFFFF;/* セパレータータイトル文字色 */
	font-size:1.3em;/* セパレータータイトル文字サイズ */
	padding-bottom:5px;
}
#input-table table tr.input-formgroup span.input-formgroup-text{
	position: relative;
	display:block;
	color:#FFFFFF;/* セパレーター説明文文字色 */
	padding:0 5px 0 1em;
	margin:5px 10px 10px 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#input-table table tr.input-formgroup span.input-formgroup-text:before{
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 0.5em;
	height: 0.5em;
	background: #FFFFFF;
	content:"";
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}
#input-table table tr.input-formgroup span.input-formgroup-text a:visited,
#input-table table tr.input-formgroup span.input-formgroup-text a:link{
	color:#FFFFFF;/* セパレーター説明文内リンク色1 */
	text-decoration:underline;
}
#input-table table tr.input-formgroup span.input-formgroup-text a:hover,
#input-table table tr.input-formgroup span.input-formgroup-text a:active{
	color:#66FFFF;/* セパレーター説明文内リンク色2 */
	text-decoration:underline;
}
@media screen and (max-width:719px) {
	#input-table table {
		width: 100%;
		border-collapse: collapse;
		border-bottom: 1px solid #CCCCCC;
	}

	#input-table table th ,
		#input-table table td {
		width: 100%;
		display: block;
		border-top: none;
		text-align: left;
	}

	#input-table table th {
		padding: 6px 45px 6px 12px;
		background: #E8E8F3 none repeat scroll 0 0;
		font-weight: normal;
	}
	#input-table table td {
		padding-bottom: 20px;
	}
	#input-table table td:after {
		content:"";
		display:block;
		clear:both;
	}
	input[type="text"], input[type="password"] {
		width: 100%!important;
	}
	#input-table table textarea {
		width: 96%;
		max-height: 24vw;
		font-size: 110%;
	}
	.input_required,
	.input_not_required:before {
		position: absolute;
		right: 10px;
		font-size: 0.8em;
		top: 6px;
	}
}
@media screen and (max-width:480px) {
	.form_flow li {
		display: block;
		width: 100%;
		border-left: 10px solid #cccccc;
		border-top: 1px dotted #ccc;
		text-align: left;
	}
	.form_flow li:first-child {
		border-top: none;
	}
}

/* scroll */
.scroll_box {
	max-width: 100%;
	margin-bottom:30px;
	white-space: nowrap;
	overflow-x: auto;
	position: relative;
	line-height:1.5;
}
@media screen and (max-width:719px) {
	.scroll_box {
		overflow-x: scroll;
		border-right: 1px solid #eaeaea;*/
		box-shadow: 0px 0px 0px 1px #eaeaea inset;*/
	}
}
@media screen and (max-width:480px) {
	.scroll_box:before {
		content: "";
		padding: clamp(40px, 3vw, 60px);
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-image: url('./img/img_scroll.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: rgb(30 33 136 / 70%);
		border-radius: 10px;
		transition: opacity 0.5s;
		opacity: 1;
		z-index:1;
	}
}
.scroll_box.touch:before {
	opacity: 0;
}*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: pages */

.msg{
	margin:20px auto;
}

ul.ul_flow{
	list-style:none;
	padding:0;
	margin-bottom:10px;
}
ul.ul_flow li{
	display:inline-block;
	padding:0.6em 0.9em 0.6em 0.7em;
	border:1px solid #616161;
	margin-right:22px;
	margin-bottom:15px;
	position: relative;
}
ul.ul_flow li::after{
	position: absolute;
	display:inline-block;
	vertical-align: middle;
	color: #616161;
	line-height: 1;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0.5em 0.8em;
	border-left-color: currentColor;
	border-right: 0;
	top:1.1em;
	right:-21px;
}
ul.ul_flow li:last-child::after{
	display:none;
}
@media screen and (max-width:480px) {
	ul.ul_flow li{
		font-size:90%;
		padding:0.6em 0.5em 0.6em 0.3em;
		margin-right:11px;
	}
	ul.ul_flow li::after{
		right:-14px;
	}
}
/*ul.ul_flow li::before{
	position: absolute;
	display:inline-block;
	vertical-align: middle;
	color: #616161;
	line-height: 1;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0.5em 0.8em;
	border-left-color: currentColor;
	border-right: 0;
	top:1.1em;
	left:-21px;
}
ul.ul_flow li:first-child{
	margin-left:0;
}
ul.ul_flow li:first-child::before{
	display:none;
}
@media screen and (max-width:480px) {
	ul.ul_flow li{
		font-size:90%;
		padding:0.6em 0.5em 0.6em 0.3em;
		margin-left:11px;
	}
	ul.ul_flow li::before{
		left:-14px;
	}
}*/
.title_red {
	font-size: clamp(18px, 2vw, 32px);
	line-height: 1.6;
}
.title_red span {
	display: inline-block;
	font-weight: bold;
	color: #fff;
	background-color: #E50012;
	padding: 2px 10px;
	margin: 2px 0;
}
.bg_gradient_1 {
	color: #ffffff;
	background: #1d2088;
	background: -moz-linear-gradient(-45deg,  #1d2088 0%, #1987c2 36%, #65acc3 88%);
	background: -webkit-linear-gradient(-45deg,  #1d2088 0%,#1987c2 36%,#65acc3 88%);
	background: linear-gradient(135deg,  #1d2088 0%,#1987c2 36%,#65acc3 88%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2088', endColorstr='#65acc3',GradientType=1 );
}
.bg_gradient_2 {
	color: #ffffff;
	background: #3e81b9;
	background: -moz-linear-gradient(-45deg,  #3e81b9 0%, #1d2088 100%);
	background: -webkit-linear-gradient(-45deg,  #3e81b9 0%,#1d2088 100%);
	background: linear-gradient(135deg,  #3e81b9 0%,#1d2088 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e81b9', endColorstr='#1d2088',GradientType=1 );
}
.bg_gradient_3 {
	color: #ffffff;
	background: #00aeeb;
	background: -moz-linear-gradient(-45deg,  #00aeeb 0%, #75509d 60%, #774c9a 80%, #4d4397 100%);
	background: -webkit-linear-gradient(-45deg,  #00aeeb 0%,#75509d 60%,#774c9a 80%,#4d4397 100%);
	background: linear-gradient(135deg,  #00aeeb 0%,#75509d 60%,#774c9a 80%,#4d4397 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeeb', endColorstr='#4d4397',GradientType=1 );
}
.bg_gradient_4 {
	background: #90b954;
	background: -moz-linear-gradient(-45deg,  #90b954 32%, #32a259 100%);
	background: -webkit-linear-gradient(-45deg,  #90b954 32%,#32a259 100%);
	background: linear-gradient(135deg,  #90b954 32%,#32a259 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90b954', endColorstr='#32a259',GradientType=1 );
}
.bg_gradient_5 {
	background: #e0c14b;
	background: -moz-linear-gradient(-45deg,  #e0c14b 22%, #cf8a33 100%);
	background: -webkit-linear-gradient(-45deg,  #e0c14b 22%,#cf8a33 100%);
	background: linear-gradient(135deg,  #e0c14b 22%,#cf8a33 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0c14b', endColorstr='#cf8a33',GradientType=1 );
}
/*--------------------------------------- top */
.body_common article{
	max-width:1080px;
	padding:20px 40px;
	background-color:#FFFFFF;
}
.lower article{
	background-color:#FFFFFF;
	padding:20px 5%;
}
.body_common h2:before {
	display:none;
}
.body_common .top_image{
	/*max-width:1200px;*/
	margin:0 auto 0;
	padding-bottom:50px;
	background-color:#FFFFFF;
	position:relative;
}
.body_common .top_image .slide{
	margin-left:0px;
	margin-right:0px;
}
.body_common .top_image .slider img{
	border-radius:0;
}
.body_common .top_image .slider .slick-prev,
.body_common .top_image .slider .slick-next{
	background-repeat:no-repeat;
	background-position:center;
	width:40px !important;
	height:40px !important;
}
.body_common .top_image .slider .slick-dots{
	bottom: -35px !important;
}
.body_common .top_image .slider .slick-dots li {
	width:70px !important;
}
.body_common .top_image .slider .slick-dots li button{
}
.body_common .top_image .slider .slick-dots li button::before{
	content: '' !important;
	width:60px !important;
	height:12px !important;
	background-color:#606061;
	border:1px solid #606061;
	opacity:1;
}
.body_common .top_image .slider .slick-dots li.slick-active button::before{
	background-color:#040E1C;
	border:1px solid #040E1C;
}
.body_common .top_image .slider_sp{
	display:none;
}
@media screen and (max-width:719px) {
	.body_common .top_image .slider{
		display:none;
	}
	.body_common .top_image .slider_sp{
		display:block;
		margin-left:3px;
		margin-right:3px;
	}
	.body_common .top_image .slider_sp img{
		border-radius:10px;
	}
	.body_common .top_image .slider_sp .slick-prev,
	.body_common .top_image .slider_sp .slick-next{
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		width:24px !important;
		height:24px !important;
	}
	.body_common .top_image .slider_sp .slick-dots li {
		width:30px !important;
	}
	.body_common .top_image .slider_sp .slick-dots li button{
	}
	.body_common .top_image .slider_sp .slick-dots li button::before{
		content: '' !important;
		width:60px !important;
		height:12px !important;
		background-color:#606061;
		border:1px solid #606061;
		opacity:1;
	}
	.body_common .top_image .slider_sp .slick-dots li.slick-active button::before{
		background-color:#040E1C;
		border:1px solid #040E1C;
	}
	.body_common .top_image .slider_sp img{
		border-radius:0;
	}
	.body_common .top_image .slider_sp .slick-prev,
	.body_common .top_image .slider_sp .slick-next{
		background-repeat:no-repeat;
		background-position:center;
		width:40px !important;
		height:40px !important;
	}
	.body_common .top_image .slider_sp .slick-dots{
		bottom: -35px !important;
	}
	.body_common .top_image .slider_sp .slick-dots li {
		width:70px !important;
	}
	.body_common .top_image .slider_sp .slick-dots li button{
	}
	.body_common .top_image .slider_sp .slick-dots li button::before{
		content: '' !important;
		width:60px !important;
		height:20px !important;
		background-color:#FFFFFF;
		border:1px solid #000055;
		opacity:1;
	}
	.body_common .top_image .slider_sp .slick-dots li.slick-active button::before{
		background-color:#000055;
		border:1px solid #000055;
	}
}
.top_image{
	max-width:1080px;
	background:#FFFFFF;
}
.top_image .slider{
	max-width:1080px;
	margin:0 auto;
	background-color:#FFFFFF;
	/*background-color:#385D96;*/
}
.add-animation {
	animation: spinzoom 5s 0s forwards ;
}
@keyframes spinzoom {
  0% {
	transform: scale(1.1);
	clip-path:ellipse(0 100% at 0% 50%);
  }
  20% {
	clip-path:ellipse(100% 150% at 0% 50%);
  }
  100% {
	transform: scale(1);
	clip-path:ellipse(250% 250% at 0% 50%);
  }
}
.top_contents {
	background-repeat: no-repeat;
	background-size: cover;
}
.top_msg {
	color: #ffffff;
	font-size: clamp(17px, 2vw, 32px);
	line-height: 1.6;
	background-color: #000B1D;
	padding: 5vw 0 2vw;
}
.top_contents_1 {
	color: #ffffff;
	text-shadow: 0 0 5px rgb(0 0 0 / 60%), 0 0 40px rgb(0 0 0 / 100%);
	background-color: #000B1D;
	background-position: center top;
}
.top_contents_1 article {
	padding: 2vw 12px 15vw;
}
.top_contents_2 {
	color: #E50012;
	font-weight: 800;
	font-size: clamp(48px, 6vw, 98px);
	line-height: 1.2;
	padding: 6vw 0 20vw;
	background-position: center;
}
.top_contents_3 {
	padding: 0;
}
@media screen and (max-width:719px) {
	.top_contents_1 article {
		background-color: rgb(0 11 29 / 30%);
	}
}
.top_news ul{
	max-width:800px;
	margin:10px auto 30px;
}
.top_news ul li{
	border-bottom:2px solid #6B6B6C;
}
.top_news ul li a{
	display:inline;
}
/*--------------------------------------- inner */
.containerInner_default {
	/*padding: clamp(20px, 2vw, 40px) 0 clamp(30px, 3vw, 50px);*/
	padding: 0;
}
.containerInner_default article {
	padding-bottom: clamp(30px, 3vw, 50px);
}
.inner_main_img {
	position: relative;
	width:100%;
	max-width:1080px;
	margin:0 auto;

}
.inner_main_img img {
	vertical-align: middle;
	width:100%;
}
/*.inner_main_img:before {
	content: "";
	position: absolute;
	background-repeat:no-repeat;
	background-size: contain;
	width: 45%;
	height: 45%;
}
.container article:nth-child(2n+1) .inner_main_img:before {
	background-image:url(./img/frame_left_top.png);
}
.container article:nth-child(2n) .inner_main_img:before {
	background-image:url(./img/frame_right_bottom.png);
	background-position: right bottom;
	right: 0;
	bottom: 0;
}
.container_green article:nth-child(2n+1) .inner_main_img:before {
	background-image:url(./img/frame_left_top_green.png);
}
.container_green article:nth-child(2n) .inner_main_img:before {
	background-image:url(./img/frame_right_bottom_green.png);
}
.inner_title_img {
	text-align: center;
}
.inner_title_img img {
	vertical-align: middle;
}*/
.inner_main_img_2 {
	color: #ffffff;
	padding: clamp(20px, 2vw, 30px) clamp(12px, 2vw, 40px);
	background: #011e32;
	background: -moz-linear-gradient(45deg,  #011e32 0%, #0098db 80%);
	background: -webkit-linear-gradient(45deg,  #011e32 0%,#0098db 80%);
	background: linear-gradient(45deg,  #011e32 0%,#0098db 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011e32', endColorstr='#0098db',GradientType=1 );
}
/*--------------------------------------- repair */
.dl_repair{
}
.dl_repair .dl_box{
	width:300px;
	margin-bottom:10px;
	display:inline-block;
	padding:1%;
	/*border:1px solid #616161;*/
	margin-right:1%;
	margin-bottom:15px;
	position: relative;
}
.dl_repair .dl_box:last-child::after{
	display:none;
}
.dl_repair dt,
.dl_repair dd{
	margin:0;
	width:300px;
}
.dl_repair dt img{
	width:100%;
}
@media screen and (max-width: 719px) {
	.dl_repair .dl_box{
		width:220px;
	}
	.dl_repair dt,
	.dl_repair dd{
		margin:0;
		width:200px;
	}
	.dl_repair .dl_box::after{
		right:-7px;
	}
}
/*--------------------------------------- return */
.dl_return{
}
.dl_return .dl_box{
	width:350px;
	margin-bottom:10px;
	display:inline-block;
	padding:1%;
	/*border:1px solid #616161;*/
	margin-right:1%;
	margin-bottom:15px;
	position: relative;
	vertical-align: top;
}
.dl_return .dl_box:last-child::after{
	display:none;
}
.dl_return dt,
.dl_return dd{
	margin:0;
	width:350px;
}
.dl_return dt{
	word-break: break-all;
	white-space: initial;
}
.dl_return dt img{
	width:100%;
}
@media screen and (max-width: 719px) {
	.dl_return .dl_box{
		width:220px;
	}
	.dl_return dt,
	.dl_return dd{
		margin:0;
		width:200px;
	}
	.dl_return .dl_box::after{
		right:-7px;
	}
}



/*--------------------------------------- overhaul */
.dl_overhaul{
}
.dl_overhaul .dl_box{
	width:320px;
	margin-bottom:10px;
	display:inline-block;
	padding:1%;
	/*border:1px solid #616161;*/
	margin-right:1%;
	margin-bottom:15px;
	position: relative;
}
.dl_overhaul .dl_box::after{
	position: absolute;
	display:inline-block;
	vertical-align: middle;
	color: #616161;
	line-height: 1;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0.5em 0.8em;
	border-left-color: currentColor;
	border-right: 0;
	top:33%;
	right:-14px;
}
.dl_overhaul .dl_box:last-child::after{
	display:none;
}
.dl_overhaul dt,
.dl_overhaul dd{
	margin:0;
	width:300px;
}
.dl_overhaul dt img{
	width:100%;
}
@media screen and (max-width: 719px) {
	.dl_overhaul .dl_box{
		width:220px;
	}
	.dl_overhaul dt,
	.dl_overhaul dd{
		margin:0;
		width:200px;
	}
	.dl_overhaul .dl_box::after{
		right:-7px;
	}
}

/*--------------------------------------- training */
.dl_training{
}
.dl_training .dl_box{
	width:31%;
	margin-bottom:10px;
	display:inline-block;
	padding:1%;
	/*border:1px solid #616161;*/
	margin-right:1%;
	margin-bottom:15px;
	position: relative;
	vertical-align: top;
}
.dl_training .dl_box:last-child::after{
	display:none;
}
.dl_training dt,
.dl_training dd{
	margin:0;
	width:100%;
}
.dl_training dt,
.dl_training dd{
	word-break: break-all;
	white-space: initial;
}
.dl_training dt{
	font-weight:bold;
}
.dl_training dt img{
	width:100%;
}
.dl_training dd{
	position:relative;
}
.dl_training dd .dl_training_icon{
	position:absolute;
	top:3%;
	left:3%;
	background:#1E2188;
	color:#FFFFFF;
	font-weight:bold;
	padding:1% 3%;
	line-height:2;
}
@media screen and (max-width: 719px) {
	.dl_training .dl_box{
		width:220px;
	}
	.dl_training dt,
	.dl_training dd{
		margin:0;
		width:200px;
	}
	.dl_training .dl_box::after{
		right:-7px;
	}
}
table#trainning_table h2{
	margin-top:0;
	margin-bottom:5px;
}
table#trainning_table h2::before{
	display:none;
}
table#trainning_table h3{
	margin-top:0px;
	margin-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
}
table#trainning_table h3::before{
	content: '■';
	margin-right: 4px;
}
table#trainning_table p{
	margin-top:0px;
	margin-bottom:5px;
}
@media screen and (max-width: 719px) {
	table#trainning_table td{
		display:block;
		width:100% !important;
	}
}

/*--------------------------------------- case */
.dl_case{
}
.dl_case .dl_box{
	width:300px;
	margin-bottom:10px;
	display:inline-block;
	padding:1%;
	/*border:1px solid #616161;*/
	margin-right:1%;
	margin-bottom:15px;
	position: relative;
	vertical-align: top;
}
.dl_case .dl_box:last-child::after{
	display:none;
}
.dl_case dt,
.dl_case dd{
	margin:0;
	width:300px;
}
.dl_case dt img{
	width:100%;
}
.dl_case dt{
	word-break: break-all;
	white-space: initial;
}
@media screen and (max-width: 719px) {
	.dl_case .dl_box{
		width:220px;
	}
	.dl_case dt,
	.dl_case dd{
		margin:0;
		width:200px;
	}
	.dl_case .dl_box::after{
		right:-7px;
	}
}
ul#case_link {
	list-style:none;
	font-weight:bold;
	margin:15px 0 0;
	padding:15px 0 0;
}
ul#case_link li{
	display:inline-block;
	border-right:1px solid #222;
}
ul#case_link li a{
	display:inline-block;
	padding:0 1em;
}
ul#case_link li:last-child{
	border-right:none;
}
/*--------------------------------------- pack */
.pack_service_box{
	display:inline-block;
	padding: 0.5em 0 0.5em 1em;
	color:#FFFFFF;
	background-color:#1E2188;
	width:15em;
	margin-right:1em;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}
.pack_service_title{
	color:#FFEB56;
}
@media screen and (max-width: 719px) {
	.pack_service_box{
		display:block;
	}
}
.pack_detail dl{
	display:flex;
	padding-bottom:10px;
	border-bottom:1px solid #2A2A2A;
	font-size:90%;
}
.pack_detail dt{
	width:20%;
	word-break: break-all;
	white-space: initial;
	font-weight:bold;
}
.pack_detail dd{
	width:80%;
	word-break: break-all;
	white-space: initial;
}
@media screen and (max-width: 719px) {
	.pack_detail dl{
		display:block;
	}
	.pack_detail dt,
	.pack_detail dd{
		width:90%;
	}

}
@media screen and (max-width: 719px) {
	figure.scroll_box img{
		max-width:initial !important;
	}
}

/*--------------------------------------- selfcheck */
ul#selfcheck_link {
	list-style:none;
	font-weight:bold;
	margin:15px 0 0;
	padding:15px 0 0;
}
ul#selfcheck_link li{
	display:inline-block;
	border-right:1px solid #222;
}
ul#selfcheck_link li a{
	display:inline-block;
	padding:0 1em;
}
ul#selfcheck_link li:last-child{
	border-right:none;
}