@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@media screen and (min-width:641px) {

/*==============================================================

	Adjustment

================================================================*/

input:not(#form_submit_button):not(#company):not(#name_1):not(#mail_address):not(#mail_address_confirm):not(#phone):not(#postal):not(#address_1):not(#mail_contents):not(.hope_type):not(#name_2):not(.Gender):not(#age):not(#address_2):not(#phone_1):not(#phone_2):not(#order):not(#name):not(#phone_number):not(#contact_with_you):not(#address):not(#maker):not(#model_number):not(#login_password):not(#pickup_date_1):not(#pickup_date_2):not(#pickup_time):not(#box_size):not(#return_time):not(.shipping_label) {
	display: none;
}

label:not(.hope_type):not(.Gender):not(.shipping_label) {
	display:none;
}

label:hover:not(.hope_type):not(.Gender):not(.shipping_label) {
	background: #0090aa;
}

form#mail_form ul li input.shipping_label {
	top: -2px;
	position: relative;
}

.lh {
	margin: 0 0 0 0;
}

input:checked + .panel {
	height: auto;
}

.phone, div.phone, img.phone, p.phone, .sp, #sp, #spbox {
	display:none !important;
}

div#d-menu {
	display:none !important;
}

.header_fd_text {
	display:none !important;
}

.clear {
	display: block;
	clear:both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}








/*==============================================================

	Decoration

================================================================*/



div#breadcrumb_bg {
	background: #f6f4f2;
	width:100%;
	min-width:1080px;
	height: 50px ;
	margin-top: 30px;
/*
	margin-top: 14px;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #ffffff );
	background: -webkit-linear-gradient(#dcdcdc, #ffffff );
	background: linear-gradient(#dcdcdc, #ffffff );
*/
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

.breadcrumb {
	width: 1080px;
	margin-right:auto;
	margin-left:auto;
	letter-spacing: 1px;
	padding: 10px 0 0 0;
/*
	margin-left:0;
	padding-left:0;
*/
}

.breadcrumb li{
	display:inline;/*横に並ぶように*/
	list-style: none;
	color: gray;
/*
	font-weight: bold;
*/
}

.breadcrumb li:after{/* >を表示*/
	content: '>';
	padding: 0 3px;
	color: #000000;
}

.breadcrumb li:last-child:after{
	content: '';
}

.breadcrumb li a {
	text-decoration: none;
	color: #000000;
	font-size: 18px;
}



.page-top {
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;
	font-size:18px;
	position: fixed ;
	right: 0px ;
	bottom: 0px ;
}

.move-page-top {
	display: block ;
	background: #000000;
/*
	border-radius: 50%;
*/
	width: 50px ;
	height: 50px ;
	opacity: 0.7;
	color: #ffffff;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.6s ;
	-moz-transition:all 0.6s ;
	transition:all 0.6s ;
}

.move-page-top:hover {
	opacity: 0.85 ;
}



.ggmap {
	position: relative;
	padding-bottom: 46%;
	padding-top: 60px;
	height: 0;
	overflow: hidden;
	margin:20px 0 0 0;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width:780px;
	height:382px;
	margin:0 0 0 0;
}



.ggmap_bring {
	position: relative;
	padding-bottom: 46%;
	padding-top: 60px;
	height: 0;
	overflow: hidden;
	margin:20px 0 90px 0;
}

.ggmap_bring iframe,
.ggmap_bring object,
.ggmap_bring embed {
	position: absolute;
	top: 0;
	left: 0;
	width:780px;
	height:382px;
	margin:0 0 0 0;
}






/*==================

	color

==================*/



span.white {
	color: #ffffff;
}

span.red {
	color: #f12f23;
/*
	color: #f12f23;
*/
}

span.red2 {
	color: #ff5151;
}

span.red3 {
	color: #e62c84;
}

span.redbold {
	font-weight: bold;
	color: #f12f23;
}

span.green {
	color: #4dbc5c;
}

span.greenbold {
	font-size: 14px;
	font-weight: bold;
	color: #228b22;
}

span.bblue {
	font-size: 18px;
	font-weight: bold;
	color: #0e32c9;
}

span.blue {
	color: #00adf2;
}

span.bluebold {
	color: #0047a3;
	font-weight: bold;
}

span.blue2 {
	color: #0047a3;
}

span.blue3 {
	color: #3c99e5;
}

span.bold {
	font-weight: bold;
}

span.yellow {
	color: #ffea00;
}

span.yellowbold {
	color: #ffea00;
	font-weight: 600;
}

span.orange {
	color: #f89121;
}






/*==================

	maker_link

==================*/

.paragraph {
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.maker_link {
	width: 780px;
	height: 600px;
	position:relative;
}


.maker1 {
	background: url("../img/maker1_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 0px;
}

.maker2 {
	background: url("../img/maker2_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 197px;
}

.maker3 {
	background: url("../img/maker3_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 394px;
}

.maker4 {
	background: url("../img/maker4_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 591px;
}

.maker5 {
	background: url("../img/maker5_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 68px;
	left: 0px;
}

.maker6 {
	background: url("../img/maker6_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 68px;
	left: 197px;
}

.maker7 {
	background: url("../img/maker7_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 68px;
	left: 394px;
}

.maker8 {
	background: url("../img/maker8_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 68px;
	left: 591px;
}

.maker9 {
	background: url("../img/maker9_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 136px;
	left: 0px;
}

.maker10 {
	background: url("../img/maker10_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 136px;
	left: 197px;
}

.maker11 {
	background: url("../img/maker11_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 136px;
	left: 394px;
}

.maker12 {
	background: url("../img/maker12_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 136px;
	left: 591px;
}

.maker13 {
	background: url("../img/maker13_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 204px;
	left: 0px;
}

.maker14 {
	background: url("../img/maker14_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 204px;
	left: 197px;
}

.maker15 {
	background: url("../img/maker15_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 204px;
	left: 394px;
}

/*
.maker16 {
	background: url("../img/maker16_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 204px;
	left: 591px;
}
*/

.maker17 {
	background: url("../img/maker17_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 204px;
	left: 591px;
}

.maker18 {
	background: url("../img/maker18_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 272px;
	left: 0px;
}

.maker19 {
	background: url("../img/maker19_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 272px;
	left: 197px;
}

.maker25 {
	background: url("../img/maker25_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 272px;
	left: 394px;
}

.maker26 {
	background: url("../img/maker26_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 272px;
	left: 591px;
}

.maker27 {
	background: url("../img/maker27_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 340px;
	left: 0px;
}

.maker28 {
	background: url("../img/maker28_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 340px;
	left: 197px;
}

.maker29 {
	background: url("../img/maker29_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 340px;
	left: 394px;
}

.maker30 {
	background: url("../img/maker30_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 340px;
	left: 591px;
}

.maker31 {
	background: url("../img/maker31_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 408px;
	left: 0px;
}

.maker32 {
	background: url("../img/maker32_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 408px;
	left: 197px;
}

.maker33 {
	background: url("../img/maker33_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 408px;
	left: 394px;
}

.maker34 {
	background: url("../img/maker34_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 408px;
	left: 591px;
}

.maker35 {
	background: url("../img/maker35_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 476px;
	left: 0px;
}

.maker36 {
	background: url("../img/maker36_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 476px;
	left: 197px;
}

.maker37 {
	background: url("../img/maker37_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 476px;
	left: 394px;
}

.maker20 {
	background: url("../img/maker20_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 408px;
	left: 591px;
}

.maker21 {
	background: url("../img/maker21_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 544px;
	left: 0px;
}

.maker22 {
	background: url("../img/maker22_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 544px;
	left: 197px;
}



.maker23 {
	background: url("../img/maker23_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 544px;
	left: 394px;
}

.maker24 {
	background: url("../img/maker24_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 544px;
	left: 591px;
}

.maker38 {
	background: url("../img/maker38_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 476px;
	left: 591px;
}

.maker39 {
	background: url("../img/maker39_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 544px;
	left: 0px;
}

.maker40 {
	background: url("../img/maker40_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 544px;
	left: 197px;
}

a.maker1, a.maker2, a.maker3, a.maker4, a.maker5, a.maker6, a.maker7, a.maker8, a.maker9, a.maker10, a.maker11, a.maker12, a.maker13, a.maker14, a.maker15, a.maker16, a.maker17, a.maker18, a.maker19, a.maker20, a.maker21, a.maker22, a.maker23, a.maker24, a.maker25, a.maker26, a.maker27, a.maker28, a.maker29, a.maker30, a.maker31, a.maker32, a.maker33, a.maker34, a.maker35, a.maker36, a.maker37, a.maker38, a.maker39, a.maker40 {
	display: inline-block;
/*
	margin-bottom: 5px;
*/
}

a.maker1:hover, a.maker2:hover, a.maker3:hover, a.maker4:hover, a.maker5:hover, a.maker6:hover, a.maker7:hover, a.maker8:hover, a.maker9:hover, a.maker10:hover, a.maker11:hover, a.maker12:hover, a.maker13:hover, a.maker14:hover, a.maker15:hover, a.maker16:hover, a.maker17:hover, a.maker18:hover, a.maker19:hover, a.maker20:hover, a.maker21:hover, a.maker22:hover, a.maker23:hover, a.maker24:hover, a.maker25:hover, a.maker26:hover, a.maker27:hover, a.maker28:hover, a.maker29:hover, a.maker30:hover, a.maker31:hover, a.maker32:hover, a.maker33:hover, a.maker34:hover, a.maker35:hover, a.maker36:hover, a.maker37:hover, a.maker38:hover, a.maker39:hover, a.maker40:hover {
	background-color: transparent; /* IE6対応 */
}

a.maker1:hover img, a.maker2:hover img, a.maker3:hover img, a.maker4:hover img, a.maker5:hover img, a.maker6:hover img, a.maker7:hover img, a.maker8:hover img, a.maker9:hover img, a.maker10:hover img, a.maker11:hover img, a.maker12:hover img, a.maker13:hover img, a.maker14:hover img, a.maker15:hover img, a.maker16:hover img, a.maker17:hover img, a.maker18:hover img, a.maker19:hover img, a.maker20:hover img, a.maker21:hover img, a.maker22:hover img, a.maker23:hover img, a.maker24:hover img, a.maker25:hover img, a.maker26:hover img, a.maker27:hover img, a.maker28:hover img, a.maker29:hover img, a.maker30:hover img, a.maker31:hover img, a.maker32:hover img, a.maker33:hover img, a.maker34:hover img, a.maker35:hover img, a.maker36:hover img, a.maker37:hover img, a.maker38:hover img, a.maker39:hover img, a.maker40:hover img {
	visibility: hidden;
}












/*==============================================================

	Body Header Nav Mainimage

================================================================*/

body {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	line-height: 1.5;
	color: #313131;
	background-image:url(../img/bg_main.png);
}



div#header_bg {
	height:150px;
/*
	background-color:#45b4eb;
	padding-top: 10px;
	width:1024px;
	background-image:url(../img/bg_h1.png);
*/
}

div#header {
	background-image:url(../img/header_bg.png);
/*
	background-color:#e7f5ee;
*/
	width:1080px;
	height:200px;
	margin-right:auto;
	margin-left:auto;
	position:relative;

}

h1 {
	background-color:#edf6f5;
	width: 1080px;
	height:40px;
	letter-spacing: -1px;
	font-size: 18px;
	font-weight: normal;
	padding: 4px 0 6px 0;

	border-radius: 0px 0px 10px 10px;
	box-sizing: border-box;
	text-align: center;
}

.logo {
/*
	background-color:#e7f5ee;
*/
	width: 425px;
	height: 93px;
	vertical-align: bottom;
	position: absolute;
	left: 0px;
	top: 40px;
}

a.logo {
	display: inline-block;
}

a.logo:hover {
	background-color: transparent; /* IE6対応 */
}

a.logo:hover img {
	visibility: hidden;
}



.header_fd {
	background: url("../img/header_fd_over.jpg") no-repeat;
	width: 402px;
	height: 77px;
	vertical-align: bottom;
	position: absolute;
	left: 432px;
	top: 64px;
}

a.header_fd {
	display: inline-block;
}

a.header_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.header_fd:hover img {
	visibility: hidden;
}

p.header_fd_t {
	position: absolute;
	left: 510px;
	top: 40px;
}






.header_mail {
  display: inline-block;
  position: relative;
  width: 216px;
  max-width: 350px; /* ボタン幅 */
	padding: 14px 0px;
	font-size: 18px;
  background-color: #F88400;
/*
  box-shadow: 0 3px 0 0 #995100;
*/
  border-radius: 10px;
  font-weight: bold; /* 文字の太さ */
  color: #fff; /* 文字の色 */
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.3s;

	position: absolute;
	left: 864px;
	top: 72px;

}
.header_mail::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  transition: 0.2s;
  animation: header_mail 5s ease-in-out infinite;
}

/* マウスオーバーした際のデザイン */
.header_mail:hover {
  text-decoration: none;
  color: #000;
  background-color: #ffeb3b; /* 背景色 */
/*
  box-shadow: none;
  -webkit-transform: translateY(3px);
*/
}

/* 光るアニメーション */
@-webkit-keyframes header_mail {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

p.header_mail_t {
	position: absolute;
	left: 865px;
	top: 45px;
}













div#nav {
	width:1080px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}



a.nav1 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 214px;
	padding: 14px 0px;
	font-size: 18px;
	font-weight: bold;
	border-right: 2px solid #fff;
	border-radius: 10px 0px 0px 10px;
	background: #00a0e9;
	color: #fff;
	float:left;
}
a.nav1:hover {
	color: #00a0e9;
	background: #e7f5ee;
}



a.nav2 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 214px;
	padding: 14px 0px;
	font-size: 18px;
	font-weight: bold;
	border-right: 2px solid #fff;
	background: #00a0e9;
	color: #fff;
	float:left;
}
a.nav2:hover {
	color: #00a0e9;
	background: #e7f5ee;
}



a.nav3 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 214px;
	padding: 14px 0px;
	font-size: 18px;
	font-weight: bold;
	border-right: 2px solid #fff;
	background: #00a0e9;
	color: #fff;
	float:left;
}
a.nav3:hover {
	color: #00a0e9;
	background: #e7f5ee;
}



a.nav4 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 214px;
	padding: 14px 0px;
	font-size: 18px;
	font-weight: bold;
	border-right: 2px solid #fff;
	background: #00a0e9;
	color: #fff;
	float:left;
}
a.nav4:hover {
	color: #00a0e9;
	background: #e7f5ee;
}



a.nav5 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 216px;
	padding: 14px 0px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 0px 10px 10px 0px;
	background: #00a0e9;
	color: #fff;
	float:left;
}
a.nav5:hover {
	color: #00a0e9;
	background: #e7f5ee;
}








div#mainimage {
	background-color:#e7f5ee;
	width: 1080px;
	margin-top: 20px;
	margin-right:auto;
	margin-left:auto;
	height: 551px;
	padding: 0 0 0px 0;
	position:relative;
}
/*
div#mainimage img.rc {
	z-index: 100;
	position: absolute;
	left: 0px;
	top: 0px;
}
*/
div#mainimage img {
	display: inline-block;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}



@keyframes zoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.15);
    }
}



.swiper-container {
    width: 100%;
    max-width: 1080px;
    height: 551px;

    .swiper-wrapper {

        .swiper-slide {
            overflow: hidden;
        }

.swiper-slide img {
	display: inline-block;
                width: 100%;
                height: auto;
            }

        .swiper-slide-prev,
        .swiper-slide-active,
        .swiper-slide-duplicate-active {

            img {
                animation-name: zoom;
                animation-duration: 20s;
                animation-fill-mode: forwards;
            }
        }
    }
}


/*
.swiper-container {
    width: 100%;
    max-width: 1080px;
    height: 551px;

    .swiper-wrapper {

        .swiper-slide {
            overflow: hidden;

            img {
                width: 100%;
                height: auto;
            }
        }
        
        //Prevスライド
        .swiper-slide-prev,
        //Activeスライド
        .swiper-slide-active,
        //ループ時に複製される正面のスライド
        .swiper-slide-duplicate-active {

            img {
                animation-name: zoom;
                animation-duration: 4s;
                animation-fill-mode: forwards;
            }
        }
    }
}
*/

.mainimage_s {
	z-index: 100;
	position: absolute;
	left: 45px;
	top: 420px;
}

.mainimage_t1 {
	z-index: 100;
	position: absolute;
	left: 65px;
	top: 82px;
}

.mainimage_t2 {
	z-index: 100;
	position: absolute;
	left: 65px;
	top: 152px;
}

.mainimage_t3 {
	z-index: 100;
	position: absolute;
	left: 65px;
	top: 220px;
}

















/*==============================================================

	contents

================================================================*/

div#contents {
/*
	background-color:#ffffff;
*/
	width: 1080px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 30px;
	position:relative;
	letter-spacing:1.5px;
	line-height:23px;
}



div.cc1_bg {
/*
	background-color:#f2f9ff;
*/
	margin-bottom: 0px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 80px 0 80px 0px;
}

div.cc1 {
/*
	background-color:#eff9ff;
*/
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}



.hd1 {
	color: #000;
	font-weight: bold;
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 50px;

	text-decoration: underline;
	text-underline-offset: 15px;
	text-decoration-thickness: 5px;
}

.hd1:before, .hd1:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.hd2 {
	color: #000;
	font-weight: bold;
	font-size: 44px;
	display: flex;
	align-items: center;
	margin-bottom: 66px;
}

.hd2:before, .hd2:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.hd3 {
	color: #000;
	font-weight: bold;
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

.hd3:before, .hd3:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.hd4 {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 70px;

	text-decoration: underline;
	text-underline-offset: 15px;
	text-decoration-thickness: 5px;
}

.hd4:before, .hd4:after {
	content: "";
	flex-grow: 1;
	display: block;
}

.l_yellow {
	background: linear-gradient(transparent 60%, #ffe631 0%);
}



.split1 {
	width: 1080px;
	margin-bottom: 1px;
	position:relative;
}

.split1_left {
	background-color:#eff9ff;
	border-radius: 10px;
	width: 280px;
	height: 172px;
	padding: 0px 30px 0px 30px;
	float:left;
}

img.cc1img_a {
	position: absolute;
	left: 235px;
	top: 40px;
}



.split1_middle {
	background-color:#eff9ff;
	border-radius: 10px;
	width: 280px;
	height: 172px;
	padding: 0px 30px 0px 30px;
	float:left;
	margin-left: 30px;
}

img.cc1img_b {
	position: absolute;
	left: 605px;
	top: 40px;
}



.split1_right {
	background-color:#eff9ff;
	border-radius: 10px;
	width: 280px;
	height: 172px;
	padding: 0px 30px 0px 30px;
	float:right;
	text-align:left;
	margin-left: 30px;
}

img.cc1img_c {
	position: absolute;
	left: 975px;
	top: 40px;
}



div.cc1title {
	display: flex;
	justify-content: center;
	margin: -15px 0px 30px 0px;
}

div.cc1title p {
	background-color: #0f68b2;
	display: inline-block;
	z-index: 50;
	color: #fff;
	padding: 5px 20px 5px 20px;
	border-radius: 20px;
	font-weight: bold;

}



.y_frame_bg {
	background-color: #ff0000;
	background: url("../img/y_frame_bg_c.jpg") no-repeat;
/*
	background: url("../img/y_frame_bg.jpg") no-repeat;
	display: flex;
	align-items: center;
	margin-left: -200px;
*/
}
.y_frame {
	width: 1080px;
	height: 304px;
/*
	border: 5px solid #ffeb3b;
*/
	padding-top: 20px;
	position:relative;
/*
	padding-left: 200px;
	margin-right: auto;
	margin-left: auto;
*/
}
img.y_frame_img_a {
	position: absolute;
	left: -150px;
	top: -60px;
}
img.y_frame_img_b {
	position: absolute;
	left: 900px;
	top: -20px;
}
.y_frame_c {
	text-align: center;
	display: flex;
	align-items: center;
	letter-spacing: 3px;
	line-height: 28px;
/*	font-size: 18px;
	font-weight: bold;
*/
}

.y_frame_c:before, .y_frame_c:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.y_frame_t {
	margin: 30px 0px;
}









div.cc2_bg {
	background-color:#3c8fd5;
	border-radius: 10px;
	margin-bottom: 0px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 90px;
	padding: 60px 0 60px 0px;
}

div.cc2 {
/*
	background-color:#eff9ff;
*/
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}


.split2 {
	width: 1080px;
	margin-bottom: 30px;
}

.split2_left {
	background-color:#ffffff;
	border-radius: 10px;
	width: 495px;
	height: 172px;
	float:left;
	margin-left: 30px;
	position:relative;

}

.split2_left p.p1 {
	background-color:#eff9ff;
	border-radius: 5px;
	padding: 5px;
	width: 298px;
	position: absolute;
	left: 172px;
	top: 15px;
	font-size: 14px;
	font-weight: 900;
}

.split2_left p.p2 {
	width: 281px;
	position: absolute;
	left: 189px;
	top: 63px;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}

.split2_left p.p3 {
	width: 281px;
	position: absolute;
	left: 189px;
	top: 110px;

}

.split2_right {
	background-color:#ffffff;
	border-radius: 10px;
	width: 495px;
	height: 172px;
	float:right;
	text-align:left;
	margin-left: 30px;
	margin-right: 30px;
	position:relative;
}

.split2_right p.p1 {
	background-color:#eff9ff;
	border-radius: 5px;
	padding: 5px;
	width: 298px;
	position: absolute;
	left: 172px;
	top: 15px;
	font-size: 14px;
	font-weight: 900;
}

.split2_right p.p2 {
	width: 281px;
	position: absolute;
	left: 189px;
	top: 63px;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}

.split2_right p.p3 {
	width: 281px;
	position: absolute;
	left: 189px;
	top: 110px;

}



.cc2img {
	border-radius: 10px;
	width: 142px;
	height: 142px;
	margin: 15px;
}

.cc2img img {
	border-radius: 10px;
}



.scroll {
  margin     : auto;
  width      : 1020px;
  line-height: 1.5em;
  text-align : center;
  color      : #000000;
  background : #fff;
  overflow   : hidden;
	padding: 9px 0px;
	border-radius: 5px;
}
.scroll span{
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 10s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}



div.cc3_bg {
	border-radius: 10px;
	margin-bottom: 0px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 90px;
}

div.cc3 {
	background-color:#369839;
	border-radius: 10px;
	padding: 15px 0 30px 0px;
/*
	background-color:#eff9ff;
*/
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}



p.cc3_t1 {
	font-size: 30px;
	font-weight: 900;
	color: #F88400;
	line-height: 1;
}

p.cc3_t2 {
	font-size: 46px;
	font-weight: 900;
	color: #F88400;
}



.hd5 {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 35px;

	text-decoration: underline;
	text-underline-offset: 15px;
	text-decoration-thickness: 5px;
}

.hd5:before, .hd5:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.split3 {
	width: 1080px;
}

.split3_left {
	background-color:#ffffff;
	border-radius: 10px;
	width: 495px;
	height: 172px;
	float:left;
	margin-left: 30px;
	position:relative;

}

.split3_right {
	background-color:#ffffff;
	border-radius: 10px;
	width: 495px;
	height: 172px;
	float:right;
	text-align:left;
	margin-left: 30px;
	margin-right: 30px;
	position:relative;
}



.cc3_fd {
	background: url("../img/header_fd_over.jpg") no-repeat;
	width: 402px;
	height: 77px;
	vertical-align: bottom;
	position: absolute;
	left: 40px;
	top: 60px;
}

a.cc3_fd {
	display: inline-block;
}

a.cc3_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.cc3_fd:hover img {
	visibility: hidden;
}

p.cc3_fd_t {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 50px;
	top: 25px;
}






.cc3_mail {
  display: inline-block;
  position: relative;
  width: 300px;
  max-width: 350px; /* ボタン幅 */
	padding: 30px 0px;
	font-size: 18px;
  background-color: #F88400;
/*
  box-shadow: 0 3px 0 0 #995100;
*/
  border-radius: 10px;
  font-weight: bold; /* 文字の太さ */
  color: #fff; /* 文字の色 */
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.3s;

	position: absolute;
	left: 95px;
	top: 55px;

}
.cc3_mail::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  transition: 0.2s;
  animation: cc3_mail 10s ease-in-out infinite;
}

/* マウスオーバーした際のデザイン */
.cc3_mail:hover {
  text-decoration: none;
  color: #000;
  background-color: #ffeb3b;
}

/* 光るアニメーション */
@-webkit-keyframes cc3_mail {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

p.cc3_mail_t {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 112px;
	top: 20px;
}




























/*==============================================================

	leftcontents

================================================================*/

div#leftcontents {
/*
	background-color:#ffeac5;
	border: solid 1px #dcdcdc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
*/

/*
	padding: 5px 15px 10px 15px;
	background-color:#ffeac5;
*/
	width: 780px;
	margin-right: 25px;
	float:left;
}

div#leftcontents p {
	line-height: 1.75;
}

.contents_img {
	border-radius: 10px;
	margin-bottom: 30px;
}

.maker_img {
	border-radius: 10px;
}

p.btmsp, .btmsp {
	margin-bottom: 90px;
}


h2 {
	font-size: 20px;
	font-weight: 900;
  background-color: #3c8fd5;
  color: #fff;
  padding: 15px 15px 15px 10px;
	margin-bottom: 30px;
  position: relative;
	border-radius: 10px 10px 0px 0px;
}
h2::after {
  content: '';
  background-color: #4c9ac0;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0;
}



h3 {
  padding: 15px 15px 15px 10px;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #edf6f5;/*背景色*/
  border-left: solid 10px #3c8fd5;/*左線（実線 太さ 色）*/
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 900d;
	border-radius: 10px;
}



h3.h3b {
  padding: 15px 15px 15px 10px;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #edf6f5;/*背景色*/
  border-left: solid 10px #3c8fd5;/*左線（実線 太さ 色）*/
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 900d;
	border-radius: 10px;
}



h4 {
	font-size: 20px;
	font-weight: 900d;
	margin-bottom: 10px;
}

h4.joboffer {
	font-size: 20px;
	font-weight: 900d;
	margin-bottom: 10px;
}









div.lc_fd_bg {
	margin-bottom: 0px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 90px;
}

div.lc_fd_c {
	background-color:#369839;
	border-radius: 10px;
	padding: 10px 0 30px 0px;
/*
	background-color:#eff9ff;
*/
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}



div#leftcontents p.lc_fd_t1 {
	font-size: 22px;
	font-weight: 900;
	color: #F88400;

	line-height: 1;

}

div#leftcontents p.lc_fd_t2 {
	font-size: 32px;
	font-weight: 900;
	color: #F88400;

}



.hd6 {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	display: flex;
	align-items: center;
	margin-bottom: 35px;

	text-decoration: underline;
	text-underline-offset: 15px;
	text-decoration-thickness: 5px;
}

.hd6:before, .hd6:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.split4 {
	width: 780px;
}

.split4_left {
	background-color:#ffffff;
	border-radius: 10px;
	width: 345px;
	height: 172px;
	float:left;
	margin-left: 30px;
	position:relative;

}

.split4_right {
	background-color:#ffffff;
	border-radius: 10px;
	width: 345px;
	height: 172px;
	float:right;
	text-align:left;
	margin-left: 30px;
	margin-right: 30px;
	position:relative;
}



.lc_fd {
	background: url("../img/lc_fd_over.jpg") no-repeat;
	width: 402px;
	height: 77px;
	vertical-align: bottom;
	position: absolute;
	left: 10px;
	top: 65px;
}

a.lc_fd {
	display: inline-block;
}

a.lc_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.lc_fd:hover img {
	visibility: hidden;
}

p.lc_fd_t {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 7px;
	top: 30px;
}






.lc_mail {
  display: inline-block;
  position: relative;
  width: 280px;
  max-width: 350px; /* ボタン幅 */
	padding: 30px 0px;
	font-size: 17px;
  background-color: #F88400;
/*
  box-shadow: 0 3px 0 0 #995100;
*/
  border-radius: 10px;
  font-weight: bold; /* 文字の太さ */
  color: #fff; /* 文字の色 */
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.3s;

	position: absolute;
	left: 30px;
	top: 55px;

}
.lc_mail::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  transition: 0.2s;
  animation: cc3_mail 10s ease-in-out infinite;
}

/* マウスオーバーした際のデザイン */
.lc_mail:hover {
  text-decoration: none;
  color: #000;
  background-color: #ffeb3b;
}

/* 光るアニメーション */
@-webkit-keyframes lc_mail {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

p.lc_mail_t {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 40px;
	top: 20px;
}



.lc_p_bg {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 20px 20px;
	margin: 30px 0px 90px 0px;
}



.lc_p_bg2 {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 20px 20px;
	margin: 60px 0px 60px 0px;
}



.lc_p_bg3 {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 20px 20px;
	margin: 30px 0px 30px 0px;
}



.lc_p_bg_of {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 20px 10px 20px 20px;
	margin: 30px 0px 90px 0px;

	height: 150px;
	overflow:auto;
	font-size: 14px;

}



.lc_p_bg_address {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 30px 30px;
	margin: 30px 0px 90px 0px;
}

.lc_p_bg_address_b {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 30px 30px;
	margin: 30px 0px 30px 0px;
}

.lc_p_bg_address p, .lc_p_bg_address_b p {
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 1px;
}



.expense {
	margin-bottom: 60px;
}

ul.lc {
	background-color: #f5f5f5;
	width: 700px;
	padding: 20px 20px 20px 30px;
	line-height: 26px;
}

ul.lc_decimal {
	list-style-type: decimal;
	background-color: #f5f5f5;
	width: 700px;
	padding: 20px 20px 20px 30px;
	line-height: 26px;
}

ul.lc_topsp {
	background-color: #f5f5f5;
	width: 700px;
	margin-top: 20px;
	padding: 20px 20px 20px 30px;
	line-height: 26px;
}



ul.dock, ul.dockb {
	margin:0 0 40px 0;
}

ul.dock li, ul.dockb li {
	display: inline-block;
	margin: 0;
	-webkit-transition:margin 0.15s linear;
	-moz-transition:margin 0.15s linear;
	-o-transition:margin 0.15s linear;
	transition:margin 0.15s linear;
	text-align: center;
	z-index: 100;
}
ul.dock li a, ul.dockb li a {
	display: block;
	-webkit-transition:all 0.15s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.15s linear;
	transition:all 0.15s linear;
/*
	-webkit-box-reflect: below 0  -webkit-gradient(linear, left top, left bottom, from(transparent),  color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
*/
	z-index: 100;
}
ul.dock li:hover a {
	position: relative;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	z-index: 200;
}
ul.dockb li:hover a {
	position: relative;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	z-index: 200;
}
ul.dock li a img {
	width:152px;
	z-index: 100;
}
ul.dockb li a img {
	width:107px;
	z-index: 100;
}

div#dockContainer {
/*
	margin:0 0 0 5px;
*/
	bottom: 0;
/*
	text-align: center;
*/
	width: 100%;
	z-index: 300;
}

img.access_bh {
	margin-top: 30px;
}

.businesshours_text {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 60px;
}

.areamap {
	margin-bottom: 90px;
}




.divide {
	width:780px;
	margin:20px 0 0 0;
}

.divide2 {
	width:780px;
	margin:20px 0 0 0;
	padding-top: 20px;
	border-top: 1px dashed #cccccc;
}

.divide3 {
	width:780px;
	margin:20px 0 90px 0;
	padding-top: 20px;
	border-top: 1px dashed #cccccc;
}

.divide_left {
	background-color:#f7f7f7;
	width:318px;
	height:165px;
	float:left;
	margin-right: 10px;
}

.divide_left p {
	margin:0 0 0 0;
	padding:10px;
	font-size: 14px;
}

.divide_center {
	background-color:#f7f7f7;
	width:220px;
	float:left;
	margin-right: 10px;
}

.divide_right {
	width:220px;
	float:left;
}



.step {
	margin-bottom: 90px;
}



table.rates {
	width:780px;
	margin:0 0 60px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
/*
	font-size:90%;
*/
}

table.rates tr td {
	width:700px;
	padding:10px;
	border:1px #cccccc solid;
}

table.rates tr td.left {
	width:500px;
	text-align:left;
	background-color:#f4f4f4;
}

table.rates tr td.right {
	width:200px;
	text-align:right;
}



table.area {
	width:780px;
	margin:0 0 40px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area2 {
	width:780px;
	margin:0 0 90px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area tr td, table.area2 tr td {
	width:62px;
	height:50px;
	border:1px #cccccc solid;
	text-align:center;
	vertical-align : middle;
}

table.area tr td, table.area2 tr td {
	background-color:#00a0e9;
}

table.area tr td.fill, table.area2 tr td.fill {
	background-color:#f4f4f4;
}

table.area tr td a, table.area2 tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area tr td a span.area_text, table.area2 tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area tr td a span.area_text_b, table.area2 tr td a span.area_text_b {
	position:relative;
	top:13px;
	line-height:100%;
}

table.area tr td a:hover, table.area2 tr td a:hover {
	background-color:#ffe631;
	color:#333333;
	font-weight:bold;
}



table.table_diagnosis {
	width:740px;
	border:1px #cccccc solid;
	margin:30px 0 40px 0;
	font-weight: 900;
	font-size: 18px;
}

table.table_diagnosis tr td.left {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:780px;
	height:150px;
	background-color:#f86300;
	border:1px #cccccc solid;
	color:#ffffff;
}

table.table_diagnosis tr td.right {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:780px;
	height:150px;
	background-color:#ffffff;
	border:1px #cccccc solid;
}



table.logicaldmg_table, table.physicaldmg_table {
	width:740px;
	border:1px #cccccc solid;
	margin:0 0 40px 0;
	font-weight: 900;
	font-size: 18px;
}

table.logicaldmg_table tr td.left, table.physicaldmg_table tr td.left {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:200px;
	height:200px;
	background-color:#f86300;
	border:1px #cccccc solid;
	color:#ffffff;
}

table.logicaldmg_table tr td.center, table.physicaldmg_table tr td.center {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:250px;
	height:200px;
	background-color:#f4f4f4;
	border:1px #cccccc solid;
}

table.logicaldmg_table tr td.right, table.physicaldmg_table tr td.right {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:250px;
	height:200px;
	background-color:#ffffff;
	border:1px #cccccc solid;
}



.inq_fd {
	background: url("../img/header_fd_over.png") no-repeat;
	width: 458px;
	height: 61px;
	vertical-align: bottom;
	margin-top: 20px;
}

a.inq_fd {
	display: inline-block;
/*
	margin-bottom: 5px;
*/
}

a.inq_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.inq_fd:hover img {
	visibility: hidden;
}



.contact_ac {
	background: url("../img/contact_ac_over_b.png") no-repeat;
	width: 384px;
	height: 48px;
	vertical-align: bottom;
}

a.contact_ac {
	display: inline-block;
/*
	margin-bottom: 5px;
*/
}

a.contact_ac:hover {
	background-color: transparent; /* IE6対応 */
}

a.contact_ac:hover img {
	visibility: hidden;
}



img.contact_address_b {
	width: 780px;
	margin-bottom: 90px;
}



.btn_lc {
	width: 780px;
/*
	height: 50px;
*/
	margin: 40px 50px 20px 0;
	text-align: right;
}


a.btn_lc {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
	background-color:#00a0e9;
  padding: 18px 30px;
/*
  border: 3px solid #333;
*/
  border-radius: 10px;
  position: relative;
  z-index: 1;
  transition: .3s;
text-decoration: none;
}
a.btn_lc::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ffeb3b;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
  border-radius: 10px;

}
a.btn_lc:hover {
  color: #000;
}
a.btn_lc:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}



.btn_recruit {
	width: 780px;
/*
	height: 50px;
*/
	margin: 40px 0 90px 0;
}


a.joboffer_btn {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
	background-color:#00a0e9;
  padding: 18px 30px;
/*
  border: 3px solid #333;
*/
  border-radius: 10px;
  position: relative;
  z-index: 1;
  transition: .3s;
}
a.joboffer_btn::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ffeb3b;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
  border-radius: 10px;
}
a.joboffer_btn:hover {
  color: #000;
}
a.joboffer_btn:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}



.recruit_img {
	margin-bottom: 30px;
}



.recruit_inquiry_bg {
/*
	background: url(../img/inquiry_bg.png) center;
*/
	background-position: center center;
	background-size: cover;
	height: 500px;
	padding: 50px 0px 50px 0px;
}

.recruit_inquiry {
	background: url(../img/inquiry_recruit.png) center;
	width: 1080px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}

.inquiry_recruit_ac {
	background: url("../img/inquiry_recruit_ac_over.png") no-repeat;
	position:absolute;
	top:223px;
	left:315px;
}

a.inquiry_recruit_ac {
	display: inline-block;
}

a.inquiry_recruit_ac:hover {
	background-color: transparent; /* IE6対応 */
}

a.inquiry_recruit_ac:hover img {
	visibility: hidden;
}

p.recruit_inquiry_address {
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 1px;
	position:absolute;
	top: 400px;
	left: 150px;
}



.agreement {
	margin-bottom: 90px;
}

.company {
	margin-bottom: 90px;
}



table.table_company {
	width:780px;
	margin:0 0 60px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
/*
	font-size:90%;
*/
}

table.table_company tr td.left {
	width:200px;
	text-align:left;
	background-color:#f4f4f4;
	padding:10px;
	border:1px #cccccc solid;
}

table.table_company tr td.right {
	width:500px;
	text-align:left;
	padding:10px;
	border:1px #cccccc solid;
}



.transaction {
	margin-bottom: 90px;
}



.lc_p_bg_dc {
	background-color:#f6f4f2;
	border:1px #cccccc solid;
	border-radius: 10px;
	padding: 20px 10px 20px 20px;
	margin: 30px 0px 90px 0px;

	height: 150px;
	overflow:auto;
	font-size: 14px;

}



table.table_transaction {
	width:780px;
	margin:0 0 60px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
/*
	font-size:90%;
*/
}

table.table_transaction tr td.left {
	width:330px;
	text-align:left;
	background-color:#f4f4f4;
	padding:10px;
	border:1px #cccccc solid;
}

table.table_transaction tr td.right {
	width:450px;
	text-align:left;
	padding:10px;
	border:1px #cccccc solid;
}



.split5 {
	width: 720px;
	margin-bottom: 30px;
}

.split5_left {
	background-color:#ffffff;
	border-radius: 10px;
	padding: 20px 10px 20px 20px;
	width: 315px;
	float:left;
	position:relative;

}

.split5_right {
	background-color:#ffffff;
	border-radius: 10px;
	padding: 20px 10px 20px 20px;
	width: 315px;
	float:left;
	text-align:left;
	margin-left: 30px;
	position:relative;
}



p.bold9 {
	font-size: 18px;
	font-weight: 900;
}










/*==================

	sitemap用

==================*/



div.sitemap_contents_bg {
	background-color:#ffffff;
	padding: 95px 0px;
}

div.sitemap_contents_bg_true {
	background-color:#ecf9ff;
	padding: 95px 0px;
}

div.sitemap_contents_bg_true2 {
	background-color:#f8f9f9;
	padding: 95px 0px;
}

div.sitemap_contents {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}



.sitemap_contents_bg p.sitemap_title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}

.sitemap_contents_bg p.sitemap_title span{
	position: relative;
	display: inline-block;
	padding-bottom:0.5em;
	border-bottom: 1px solid #3d3933;
}

.sitemap_contents_bg p.sitemap_title span::before,
.sitemap_contents_bg p.sitemap_title span::after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}

.sitemap_contents_bg p.sitemap_title span::before {
	border-top: 10px solid #3d3933;
}

.sitemap_contents_bg p.sitemap_title span::after {
	margin-top: -1px;
	border-top: 10px solid white;
}



.sitemap_contents_bg_true2 p.sitemap_title {
	text-align: center;
	color: #3d3933;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}

.sitemap_contents_bg_true2 p.sitemap_title span{
	position: relative;
	display: inline-block;
	padding-bottom:0.5em;
	border-bottom: 1px solid #3d3933;
}

.sitemap_contents_bg_true2 p.sitemap_title span::before,
.sitemap_contents_bg_true2 p.sitemap_title span::after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}

.sitemap_contents_bg_true2 p.sitemap_title span::before {
	border-top: 10px solid #3d3933;
}

.sitemap_contents_bg_true2 p.sitemap_title span::after {
	margin-top: -1px;
	border-top: 10px solid #f8f9f9;
}




ul.sitemap_w, ul.sitemap_b, ul.sitemap_c {
	text-align: center;
	list-style: none;
}

ul.sitemap_w li, ul.sitemap_b li, ul.sitemap_c li {
	margin-bottom: 10px;
}

ul.sitemap_w {
	color:#3d3933;
}

ul.sitemap_w a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_w a:visited {
	color:#3d3933;
}
ul.sitemap_w a:hover {
	color:#2ebcdc;
}
ul.sitemap_w a:active {
	color:#2ebcdc;
}

ul.sitemap_b {
	color:#3d3933;
}
ul.sitemap_b a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_b a:visited {
	color:#3d3933;
}
ul.sitemap_b a:hover {
	color:#2ebcdc;
}
ul.sitemap_b a:active {
	color:#2ebcdc;
}

ul.sitemap_c {
	color:#3d3933;
	margin-bottom: 60px;
}
ul.sitemap_c a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_c a:visited {
	color:#3d3933;
}
ul.sitemap_c a:hover {
	color:#2ebcdc;
}
ul.sitemap_c a:active {
	color:#2ebcdc;
}



table.area_sitemap {
	width:1080px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area_sitemap tr td {
	width:62px;
	height:50px;
	border:1px #cccccc solid;
	text-align:center;
	vertical-align : middle;
}

table.area_sitemap tr td {
	background-color:#00a0e9;
}

table.area_sitemap tr td.fill {
	background-color:#f4f4f4;
}

table.area_sitemap tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area_sitemap tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area_sitemap tr td a span.area_text_b {
	position:relative;
	top:13px;
	line-height:100%;
}

table.area_sitemap tr td a:hover {
	background-color:#ffd900;
	color:#333333;
	font-weight:bold;
}



table.area2 {
	width:1080px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	border-collapse:collapse;
	border:1px #d8d8d8 solid;
	font-size:98%;

/*
	width:700px;
	margin:30px 0 0 0;
	border-collapse:collapse;
	border:1px #d8d8d8 solid;
	font-size:98%;
*/
}

table.area2 tr td {
	width:62px;
	height:50px;
	border:1px #d8d8d8 solid;
	text-align:center;
	vertical-align : middle;
}

table.area2 tr td {
	background-color:#00a0e9;
}

table.area2 tr td.fill {
	background-color:#f7f7f7;
}

table.area2 tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area2 tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area2 tr td a span.area_text_b {
	position:relative;
	top:15px;
	font-size:80%;
}

table.area2 tr td a span.area_text_c {
	font-size:80%;
}

table.area2 tr td a:hover {
	background-color:#ffd800;
	color:#3d3933;
	font-weight:bold;
}










/*==============================================================

	rightcontents

================================================================*/

div#rightcontents {
/*
	background-color:#ffeac5;
*/
	width: 275px;
	float: right;
}



.sidebanner_a {

}

.sidebanner_b {

}

.sidebanner_c {

}



.sidebanner_a {
	background: url("../img/sidebanner_a_over.jpg") no-repeat;
	border-radius: 10px;
	width: 275px;
	height: 150px;
	vertical-align: bottom;
}

.sidebanner_b {
	background: url("../img/sidebanner_b_over.jpg") no-repeat;
	border-radius: 10px;
	width: 275px;
	height: 150px;
	vertical-align: bottom;
}

.sidebanner_c {
	background: url("../img/sidebanner_c_over.jpg") no-repeat;
	border-radius: 10px;
	width: 275px;
	height: 150px;
	vertical-align: bottom;
}

.sidebanner_d {
	background: url("../img/sbanner5_over.jpg") no-repeat;
	border-radius: 10px;
	width: 275px;
	height: 369px;
	vertical-align: bottom;
}

a.sidebanner_a, a.sidebanner_b {
	display: inline-block;
	margin-bottom: 10px;
}

a.sidebanner_c, a.sidebanner_d {
	display: inline-block;
	margin-bottom: 30px;
}

a.sidebanner_a:hover, a.sidebanner_b:hover, a.sidebanner_c:hover, a.sidebanner_d:hover {
	background-color: transparent;
}

a.sidebanner_a:hover img, a.sidebanner_b:hover img, a.sidebanner_c:hover img, a.sidebanner_d:hover img {
	visibility: hidden;
}



.sidebanner_img, .sidebanner_b_img {
	border-radius: 10px;
}

.sidebanner_c_img {
	border-radius: 10px;
	margin-bottom: 30px;
}



.side3types {
	background-color:#edf6f5;

	border: 2px solid #707070;
	border-radius: 10px;
	padding: 20px 0px;
	height: 280px;

	margin-bottom: 30px;
}

.side3types p {
	font-size: 22px;
	font-weight: bold;
}



.hd2r {
	color: #000;
	font-weight: bold;
	font-size: 44px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.hd2r:before, .hd2r:after {
	content: "";
	flex-grow: 1;
	display: block;
}

.hd2r2 {
	color: #000;
	font-weight: bold;
	font-size: 44px;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.hd2r2:before, .hd2r2:after {
	content: "";
	flex-grow: 1;
	display: block;
}





a.s3t {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 214px;
	padding: 14px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;
	background: #00a0e9;
	color: #fff;
}
a.s3t:hover {
	color: #00a0e9;
	background: #ffeb3b;
}



a.menu_a {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 275px;
	padding: 14px 0px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	border-right: 2px solid #fff;
	border-radius: 10px;
	background: #00a0e9;
	color: #fff;
	float:left;
}
a.menu_b {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 275px;
	padding: 14px 0px;
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: bold;
	border-right: 2px solid #fff;
	border-radius: 10px;
	background: #00a0e9;
	color: #fff;
	float:left;
}
a.menu_a:hover, a.menu_b:hover {
	color: #00a0e9;
	background: #e7f5ee;
}






.box_bg {
	position:relative;
	width:275px;
/*
	height:140px;
*/
}

p.box_title {
	background-color:#0f68b2;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}

.box_img {
	vertical-align: bottom;
	border-radius: 10px 10px 0px 0px;
}

.box {
	line-height: 2;
	width:268px;
	height:110px;
	overflow:auto;
	margin:0 0 20px 0;
	padding-left: 5px;
	border:solid 1px #959595;
	border-radius: 0px 0px 10px 10px;
	display: block;
/*
	position:absolute;
	top:30px;
	left:0px;
*/
}



.box_hd {
	font-weight: 900;
}



.recruit_banner {
	width: 275px;
	height: 154px;
	margin-bottom: 30px;
}

.recruit_banner_a {
	background: url("../img/recruit_over.jpg") no-repeat;
	width: 275px;
	height: 154px;
	vertical-align: bottom;
}

a.recruit_banner_a {
	display: inline-block;
}

a.recruit_banner_a:hover {
	background-color: transparent;
}

a.recruit_banner_a:hover img {
	visibility: hidden;
}




.x_banner {
	width: 275px;
	height: 100px;
	margin-bottom: 30px;
}

.x_banner_a {
	background: url("../img/x_over.jpg") no-repeat;
	width: 275px;
	height: 100px;
	vertical-align: bottom;
}

a.x_banner_a {
	display: inline-block;
}

a.x_banner_a:hover {
	background-color: transparent;
}

a.x_banner_a:hover img {
	visibility: hidden;
}







/*==============================================================

	inquiry

================================================================*/



.inquiry_title {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}

.ttl_balloon2 {
	display:inline-block;
	border-radius: 10px;
	font-size: 30px;
	font-weight: bold;
	color: #F88400;
  padding: 20px;
  border: 3px solid #F88400;
  box-shadow: 3px 3px 0 0 #F88400;
  position: relative;
}
.ttl_balloon2::before, .ttl_balloon2::after {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
}
.ttl_balloon2::before {
  border-color: transparent;
  border-top-color: #F88400;
  border-right-color: #F88400;
  border-width: 10px;
  top: 100%;
  left: 26px;
}
.ttl_balloon2::after {
  border-color: transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  border-width: 6.5px;
  top: 99%;
}


.inquiry_bg {
/*
	background: url(../img/inquiry.png) center;
	height: 500px;
*/
	background-position: center center;
	background-size: cover;
	padding: 20px 0px 95px 0px;
}

.inquiry {
	background: url(../img/inquiry.jpg) center;
	width: 1080px;
	height: 607px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
/*
	background-color:#ffeac5;
	border:solid 1px #000000;
*/
}



.center_contents_f4_bg_true {
	background-position: center center;
	background-size: cover;
	padding: 0px 0px 95px 0px;
}

.center_contents_f4 {
	background: url(../img/inquiry.png) center;
	width: 1080px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}



.inquiry_fd {
	background: url("../img/inquiry_fd_over.png") no-repeat;
	position:absolute;
	top:241px;
	left:538px;
}

a.inquiry_fd {
	display: inline-block;
}

a.inquiry_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.inquiry_fd:hover img {
	visibility: hidden;
}









.inquiry_mail {
  display: inline-block;
  position: relative;
  width: 545px;
  max-width: 545px; /* ボタン幅 */
	padding: 30px 0px;
	font-size: 18px;
  background-color: #F88400;
/*
  box-shadow: 0 3px 0 0 #995100;
*/
  border-radius: 10px;
  font-weight: bold; /* 文字の太さ */
  color: #fff; /* 文字の色 */
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.3s;

	position: absolute;
	left: 499px;
	top: 492px;

}
.inquiry_mail::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  transition: 0.2s;
  animation: inquiry_mail 10s ease-in-out infinite;
}

/* マウスオーバーした際のデザイン */
.inquiry_mail:hover {
  text-decoration: none;
  color: #000;
  background-color: #ffeb3b;
}

/* 光るアニメーション */
@-webkit-keyframes inquiry_mail {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}




.inquiry_recruit_ac {
	background: url("../img/inquiry_recruit_ac_over.png") no-repeat;
	position:absolute;
	top:124px;
	left:50px;
}

a.inquiry_recruit_ac {
	display: inline-block;
}

a.inquiry_recruit_ac:hover {
	background-color: transparent; /* IE6対応 */
}

a.inquiry_recruit_ac:hover img {
	visibility: hidden;
}




.center_contents_f3_bg_true {
	background: url(../img/center_contents_f_bg.png) center;
	background-position: center center;
	background-size: cover;
	padding: 95px 0px;
	margin-bottom: 95px;
}

.center_contents_f3 {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
/*
	background-color:#ffeac5;
*/
}



.inquiry_recruit_ac {
	background: url("../img/inquiry_recruit_ac_over.png") no-repeat;
	position:absolute;
	top:223px;
	left:315px;
}

a.inquiry_recruit_ac {
	display: inline-block;
}

a.inquiry_recruit_ac:hover {
	background-color: transparent; /* IE6対応 */
}

a.inquiry_recruit_ac:hover img {
	visibility: hidden;
}



.contents_mail, .contents_btn {/*ボタンの背景*/
	color: #0e32c9;/*文字・アイコン色*/
	display: inline-block;
	height: 50px;/*高さ*/
	width: 740px;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 16px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	vertical-align: middle;/*垂直中央寄せ*/
	background-color: rgba(0,0,0,0);
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
	border: 1px solid #000000;
	margin: 30px 0 0 0;
}

.contents_mail span, .contents_btn span {/*テキスト*/
	display:inline-block;
	transition: .5s}

.contents_mail span:before {
	font-family: FontAwesome;
	content: "\f0e0";
	margin-right: 5px;
}

.contents_mail:hover span, .contents_btn:hover span {/*ホバーで一周回転*/
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
}

p.inquiry_address {
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 1px;
	position:absolute;
	top: 405px;
	left: 500px;
}






table.links {
	width:740px;
	margin:20px 0 0 0;
	border-collapse:collapse;
	border:1px #3e84b5 solid;
	font-size:90%;
}

table.links tr td {
	width:740px;
	padding:10px;
	border:1px #3e84b5 solid;
}




.ggmaptop {
	width:1080px;
	height:382px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 30%;
	padding-top: 60px;
	height: 0;
	overflow: hidden;
}

.ggmaptop iframe,
.ggmaptop object,
.ggmaptop embed {
	position: absolute;
	top: 0;
	left: 0;
	width:1080px;
	height:382px;
	margin:0 0 0 0;
}








/*==============================================================

	footer

================================================================*/



#footer {
	width:100%;
	padding: 60px 0px;
	background-color:#3c8fd5;
}

#fcontents {
	width:1080px;
	margin-right:auto;
	margin-left:auto;
	font-size:16px;
	line-height:1.5;
}

ul.footer li {
	list-style-type:none;
	color:#1a1a1a;
}

ul.footer li.mark {
	margin-bottom: 12px;
}

ul.footer li.mark::before {
	content: ">";
	color: #1d83ff;
	display: inline-block;
	position: rerative;
	top: 0px;
	margin: 0 10px 0 2px;
}

#fcontents_a, #fcontents_b, #fcontents_c {
	width:240px;
	float:left;
	margin-right:40px;
}

#fcontents_d {
	width:240px;
	float:left;
}

div#footer div#fcontents div#fcontents_a ul.footer li.tabletitle_a {
	background-color:#fff;
	width:221px;
	list-style-type: none;
	font-size:18px;
	padding:10px 0px 10px 18px;
	border-radius: 10px;
}




div#footer div#fcontents div#fcontents_b ul.footer li.tabletitle_b {
	background-color:#fff;
	width:221px;
	list-style-type: none;
	font-size:18px;
	padding:10px 0px 10px 18px;
	border-radius: 10px;
}

div#footer div#fcontents div#fcontents_c ul.footer li.tabletitle_c {
	background-color:#fff;
	width:221px;
	list-style-type: none;
	font-size:18px;
	padding:10px 0px 10px 18px;
	border-radius: 10px;
}

div#footer div#fcontents div#fcontents_d ul.footer li.tabletitle_d {
	background-color:#fff;
	width:221px;
	list-style-type: none;
	font-size:18px;
	padding:10px 0px 10px 18px;
	border-radius: 10px;
}

li.none {
	list-style-type: none;
}

#fcontents_a p, #fcontents_b p, #fcontents_c p {
	font-size:10px;
/*
	margin:0 0 5px 20px;
*/
}

#fcontents_d p {
	font-size:10px;
/*
	margin:0 0 5px 20px;
*/
}

/*
#fcontents_a p img, #fcontents_b p img, #fcontents_c p img, #fcontents_d p img {
	vertical-align:3px;
	margin-right:5px;
}

#fcontents a:link {
	color:#ffffff;
	outline:none;
	text-decoration:none;
}
#fcontents a:visited {
	color:#ffffff;
}
#fcontents a:hover {
	color:#5ab9ff;
}
#fcontents a:active {
	color:#5ab9ff;
}
*/

#fcontents ul.footer li.alink {
/*
	margin-left: 12px;
*/
}

#fcontents_a a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_a a:visited {
	color:#fff;
}
#fcontents_a a:hover {
	color:#ffeb3b;
}
#fcontents_a a:active {
	color:#fff;
}

#fcontents_b a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_b a:visited {
	color:#fff;
}
#fcontents_b a:hover {
	color:#ffeb3b;
}
#fcontents_b a:active {
	color:#fff;
}

#fcontents_c a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_c a:visited {
	color:#fff;
}
#fcontents_c a:hover {
	color:#ffeb3b;
}
#fcontents_c a:active {
	color:#fff;
}

#fcontents_d a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_d a:visited {
	color:#fff;
}
#fcontents_d a:hover {
	color:#ffeb3b;
}
#fcontents_d a:active {
	color:#fff;
}




#copyright_bg {
	background-color:#efefef;
/*
	background-color:#001537;
	border-top: 1px dashed #ffffff;
*/
}

#copyright {
	width:980px;
	margin:auto;
	text-align:center;
	padding:10px 0px;
	font-size:16px;
/*
	border-top: 1px solid #999999;
*/
}









/*==================

	宅配ページリニューアル用

==================*/

/* ↓ tooltip */

p.tc_p {
	font-size: 14px;
}

.tooltip_cont1 {
	margin-top: 18px;
	position: relative;
}
.tooltip_cont2, .tooltip_cont3 {
	margin-top: 10px;
	position: relative;
}
.tooltip_cont4 {
	position: absolute;
	top: 140px;
	left: 0px;

	margin-top: 20px;
	position: relative;
}
.tooltip_cont1 p.tc_p, .tooltip_cont2 p.tc_p, .tooltip_cont3 p.tc_p {
	margin-left: 55px;
}
.tooltip_cont4 p.tc_p {
	margin-left: 0px;
}
.tooltip1 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tooltip2 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tooltip3 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tooltip4 {
	position: absolute;
	top: -45px;
	left: 233px;

	position: relative;
	cursor: pointer;
	display: inline-block;
}
.tooltip1 p, .tooltip2 p, .tooltip3 p {
	background-color:#0089d4;
	border-radius: 5px;
	margin:0;
	padding:2px 10px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
.tooltip4 p {
	background-color:#0089d4;
	border-radius: 5px;
	margin:0;
	padding:5px 10px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}
.description1, .description2, .description3 {
	z-index: 10;
	display: none;
	position: absolute;
	padding: 20px;
	font-size: 12px;
	line-height: 1.6em;
	color: #fff;
	border-radius: 5px;
	background: #000;
	width: 365px;
}
.description4 {
	z-index: 10;
	display: none;
	position: absolute;
	padding: 20px;
	font-size: 12px;
	line-height: 1.6em;
	color: #fff;
	border-radius: 5px;
	background: #000;
	width: 380px;
}
.description1:before {
	content: "";
	position: absolute;
	top: -24px;
	right: 88%;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	margin-left: -15px;
	transform: rotateZ(180deg);
}
.description2:before {
	content: "";
	position: absolute;
	top: -24px;
	right: 88%;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	margin-left: -15px;
	transform: rotateZ(180deg);
}
.description3:before {
	content: "";
	position: absolute;
	top: -24px;
	right: 88%;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	margin-left: -15px;
	transform: rotateZ(180deg);
}
.description4:before {
	content: "";
	position: absolute;
	top: -24px;
	right: 85%;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	margin-left: -15px;
	transform: rotateZ(180deg);
}
.tooltip1:hover .description1, .tooltip2:hover .description2, .tooltip3:hover .description3 {
	display: inline-block;
	top: 30px;
	left: 0px;
}
.tooltip4:hover .description4 {
	display: inline-block;
	top: 55px;
	left: 0px;
}

/* ↑ tooltip */



h3.t_h3 {
	padding: 0.5em;
	color: #010101;
	background: #ffffff;
	border-top: solid 3px #37beec;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	font-size: 20px;
	margin-bottom: 20px;
}



/* ↓ step1 */

.t_step1border {
	width: 780px;
	border: 1px solid #959595;
	box-sizing: border-box;
}

.t_step1 {
	width: 740px;
	padding: 20px;
}

p.step_h {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.t_step1a {
	width: 350px;
	margin-right: 20px;
	float: left;

}

.t_step1a_img {
	width: 350px;
	height: 230px;
	margin: 0 0 20px 0;
}

.fd_f {
	background: url("../img/freedial_img_over.jpg") no-repeat;
	width: 350px;
	height: 153px;
	vertical-align: bottom;
}

a.fd_f {
	display: inline-block;
/*
	margin-bottom: 1px;
*/
}
a.fd_f:hover {
	background-color: transparent; /* IE6対応 */
}

a.fd_f:hover img {
	visibility: hidden;
}

.t_step1b {
	width: 370px;
	float: left;
}

.t_step1b p.testp {
	font-size: 13px;
}

.letterpack {
	background: no-repeat url("../img/lpp_img.jpg");
	width: 740px;
	height: 120px;
	margin: 0px 0 20px 20px;
	position: relative;
}

.letterpack p {
	width: 367px;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 10px;
	left: 363px;
}


/* ↓ step1分岐 */

.t_step1c {
	width: 780px;
	margin: -5px 0 0 0;
}

p.step_h1c {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

p.step_h1cb {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.t_step1ca {
	border: 1px solid #959595;
	box-sizing: border-box;
	width: 375px;
	height: 370px;
	margin-right: 30px;
	float: left;
	padding: 20px;
	position: relative;
}

.t_step1ca p.mailimgp {
	font-size: 14px;
}

.t_step1cb{
	border: 1px solid #959595;
	box-sizing: border-box;
	width: 375px;
	height: 370px;
	float: left;
	padding: 20px;
	position: relative;
}

.dl_pdf {
	background: url("../img/dl_pdf_img_over.jpg") no-repeat;
	width: 335px;
	height: 120px;
	vertical-align: bottom;
	margin: 20px 0 0 0;
	position: absolute;
	top: 130px;
	left: 20px;
}

a.dl_pdf {
	display: inline-block;
}
a.dl_pdf:hover {
	background-color: transparent; /* IE6対応 */
}

a.dl_pdf:hover img {
	visibility: hidden;
}

.link_form {
	background: url("../img/link_form_img_over.jpg") no-repeat;
	width: 335px;
	height: 120px;
	vertical-align: bottom;
	margin: 20px 0 0 0;
	position: absolute;
	top: 130px;
	left: 20px;
}

a.link_form {
	display: inline-block;
}
a.link_form:hover {
	background-color: transparent; /* IE6対応 */
}

a.link_form:hover img {
	visibility: hidden;
}

p.lf_p {
	font-size: 14px;
	width: 335px;
	position: absolute;
	top: 295px;
	left: 20px;
}

/* ↑ step1 end */

/* ↓ step2 */

.t_step2border {
	width: 780px;
	border: 1px solid #959595;
	box-sizing: border-box;
}

.t_step2 {
	width: 740px;
	padding: 20px;
}

p.step_h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

p.step_h2b {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 20px;
}

.t_step2a {
	width: 350px;
	margin-right: 20px;
	float: left;
}

.t_step2a_img {
	width: 350px;
	height: 230px;
	margin: 0 0 20px 0;
}

.addressee {
	width: 350px;
	height: 135px;
}

.addressee_f {
	width: 740px;
	height: 135px;
	margin: 0 0 40px 20px;
	position: relative;
}



.lc_p_bg_address_c {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 20px 10px;
	margin: 30px 0px 30px 0px;
	z-index: 100;
}

.lc_p_bg_address_c p.f20 {
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 1px;
	margin: 0px 0px 15px 0px;
}

.lc_p_bg_address_c p {
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 1px;
}



.lc_p_bg_address_d {
	background-color:#f6f4f2;
	border-radius: 10px;
	padding: 10px 15px;
/*
	margin: 30px 0px 30px 0px;
*/
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}

.lc_p_bg_address_d p.f20 {
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 1px;
	margin: 0px 0px 15px 0px;
}

.lc_p_bg_address_d p {
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 1px;
}



.t_step2b {
	width: 370px;
	float: left;
}

.t_step2b p {
	font-size: 16px;
}

.pasotaku {
	background: url("../img/pasotaku_img_over.jpg") no-repeat;
	width: 320px;
	height: 74px;
	vertical-align: bottom;
	margin: 30px 0 0 15px;
}

a.pasotaku {
	display: inline-block;
}
a.pasotaku:hover {
	background-color: transparent; /* IE6対応 */
}

a.pasotaku:hover img {
	visibility: hidden;
}

.include {
	width: 740px;
	height: 300px;
	margin: 0 0 20px 20px;
}

.include_a, .include_b, .include_c, .include_d {
	width: 140px;
	height: 290px;
	border: 1px solid #959595;
	box-sizing: border-box;
	margin: 0 10px 0 0;
	float: left;
}

.include_e {
	width: 140px;
	height: 290px;
	border: 1px solid #959595;
	box-sizing: border-box;
	float: left;
}

.include_img {
	margin: 9px 0 9px 9px;
}

.include_ha, .include_hb, .include_hd {
	background-color:#10af9e;
	width: 120px;
	height: 34px;
	margin: 0 0 6px 9px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.include_hc, .include_he {
	background-color:#10af9e;
	width: 120px;
	height: 34px;
	margin: 0 0 6px 9px;
	letter-spacing: -2px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.include_ha p, .include_hb p, .include_hc p, .include_hd p, .include_he p {
	font-size: 14px;
	color: #ffffff;
}

p.supplement {
	width: 120px;
	margin: 0 0 0 9px;
	font-size: 11px;
	line-height: 18px;
}

/* ↑ step2 end */

/* ↓ step3 */

.t_step3border {
	width: 780px;
	border: 1px solid #959595;
	box-sizing: border-box;
}

.t_step3 {
	width: 740px;
	padding: 20px;
}

p.step_h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

p.t_step3b {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 20px;
}

.t_step3a {
	width: 350px;
	margin-right: 20px;
	float: left;

}

.t_step3a_img {
	width: 350px;
	height: 230px;
	margin: 0 0 20px 0;
}

.t_step3b {
	width: 370px;
	float: left;

}

.t_step3b p {
	font-size: 14px;
}



.t_step3c {
	width: 780px;
	font-size: 14px;
}

.t_step3ca {
	border: 1px solid #959595;
	box-sizing: border-box;
	width: 375px;
	margin-right: 30px;
	float: left;
	padding: 20px;
	position: relative;
}

.t_step3cb{
	border: 1px solid #959595;
	box-sizing: border-box;
	width: 375px;
	float: left;
	padding: 20px;
	position: relative;
}

.request {
	width: 335px;
	height: 120px;
	margin: 0 0 20px 0;
}

.cancel {
	width: 335px;
	height: 120px;
	margin: 0 0 20px 0;
}

/* ↑ step3 end */

/* ↓ step4 */

.t_step4border {
	width: 780px;
	border: 1px solid #959595;
	box-sizing: border-box;
}

.t_step4 {
	width: 740px;
	padding: 20px;
	font-size: 14px;
}

p.step_h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.t_step4a {
	width: 350px;
	margin-right: 20px;
	float: left;
}

.t_step4a_img {
	width: 350px;
	height: 230px;
	margin: 0 0 20px 0;
}

.t_step4b {
	width: 370px;
	float: left;

}

/* ↑ step4 end */

/* ↓ step5 */

.t_step5border {
	width: 780px;
	border: 1px solid #959595;
	box-sizing: border-box;
}

.t_step5 {
	width: 740px;
	padding: 20px;
	font-size: 14px;
}

p.step_h5 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.t_step5a {
	width: 350px;
	margin-right: 20px;
	float: left;
}

.t_step5a_img {
	width: 350px;
	height: 230px;
	margin: 0 0 20px 0;
}

.t_step5b {
	width: 370px;
	float: left;
}

/* ↑ step5 end */



.link_form_l {
	background: url("../img/link_form_l_over.jpg") no-repeat;
	width: 780px;
	height: 120px;
	vertical-align: bottom;
	margin: 60px 0 40px 0;
}

.link_form_lb {
	background: url("../img/link_form_l_over.jpg") no-repeat;
	width: 780px;
	height: 120px;
	vertical-align: bottom;
	margin: 0px 0 90px 0;
}

.link_form_t {
	background: url("../img/link_form_l_over.jpg") no-repeat;
	width: 780px;
	height: 120px;
	vertical-align: bottom;
	margin: 0px 0 40px 0;
}

a.link_form_l, a.link_form_lb, a.link_form_t {
	display: inline-block;
}
a.link_form_l:hover, a.link_form_lb:hover, a.link_form_t:hover {
	background-color: transparent; /* IE6対応 */
}

a.link_form_l:hover img, a.link_form_lb:hover img, a.link_form_t:hover img {
	visibility: hidden;
}

/*
div.t_arrow {
	position: relative;
}

div.t_arrow img {
	position: absolute;
	top: 0px;
	left: 0px;
}
*/

/*
div.t_link_form_l {
	position: relative;
}

div.t_link_form_l a {
	position: absolute;
	top: -88px;
	left: 0px;
}
*/

p.hp {
	font-size: 11px;
	margin-bottom: 20px;
	line-height: 14px;
}

p.mc {
	font-size: 11px;
	margin-bottom: 20px;
	line-height: 14px;
}

.red3 {
	color: #ff0000;
	font-size: 15px;
}

#formsp {
	margin: 90px 0px 90px 0px;
}



}

@media screen and (min-width:0px) and (max-width:640px) {

/*==============================================================

	Adjustment

================================================================*/

img, object, embed {
	max-width: 100%;
	height: auto;
}

img {
	-ms-interpolation-mode: bicubic;
}

img.clear {
	display:none !important;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.pc, #pc {
	display:none !important;
}

div#thumb-v {
	display: none !important;
}

#dockContainer, .dock {
	display: none !important;
}

#nav_bg, #nav {
	display: none !important;
}

#nav_bg, #nav {
	display: none !important;
}

div#footer, div#fcontents {
	display: none !important;
}

.pccontents {
	display: none !important;
}






/*==================

	color

==================*/



span.white {
	color: #ffffff;
}

span.red {
	color: #f12f23;
/*
	color: #f12f23;
*/
}

span.red2 {
	color: #ff5151;
}

span.red3 {
	color: #e62c84;
}

span.redbold {
	font-weight: bold;
	color: #f12f23;
}

span.green {
	color: #4dbc5c;
}

span.greenbold {
	font-size: 14px;
	font-weight: bold;
	color: #228b22;
}

span.bblue {
	font-size: 18px;
	font-weight: bold;
	color: #0e32c9;
}

span.blue {
	color: #00adf2;
}

span.bluebold {
	color: #0047a3;
	font-weight: bold;
}

span.blue2 {
	color: #0047a3;
}

span.blue3 {
	color: #3c99e5;
}

span.bold {
	font-weight: bold;
}

span.yellow {
	color: #ffea00;
}

span.yellowbold {
	color: #ffea00;
	font-weight: 600;
}

span.orange {
	color: #f89121;
}



/*==================

	パンくずリスト

==================*/

div#breadcrumb_bg {
	width:100%;
	margin: 20px 0px;;
	background: #f1f3f4;
/*
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #ffffff );
	background: -webkit-linear-gradient(#dcdcdc, #ffffff );
	background: linear-gradient(#dcdcdc, #ffffff );
*/
}

div#breadcrumb_b_bg {
	display: none !important;
}

.breadcrumb {
	margin-right:auto;
	margin-left:auto;
	padding: 5px;
	line-height: 50px;
/*
	margin-left:0;
	padding-left:0;
*/
}

.breadcrumb li{
	display:inline;/*横に並ぶように*/
	list-style: none;
	font-weight: bold;
	color: #000;
}

.breadcrumb li:after{/* >を表示*/
	content: '>';
	padding: 0 3px;
}

.breadcrumb li:last-child:after{
	content: '';
}

.breadcrumb li a {
	text-decoration: none;
	font-size: 18px;
	color: #000;
}

div#breadcrumb2_bg {
	width:100%;
	min-width:1080px;
	background: #ffffff;
}










/*==============================================================

	Decoration

================================================================*/

input:not(#form_submit_button):not(#company):not(#name_1):not(#mail_address):not(#mail_address_confirm):not(#phone):not(#postal):not(#address_1):not(#mail_contents):not(.hope_type):not(#name_2):not(.Gender):not(#age):not(#address_2):not(#phone_1):not(#phone_2):not(#order):not(#name):not(#phone_number):not(#contact_with_you):not(#address):not(#maker):not(#model_number):not(#login_password):not(#pickup_date_1):not(#pickup_date_2):not(#pickup_time):not(#box_size):not(#return_time):not(.shipping_label) {
	display: none;
}
label:not(.hope_type):not(.Gender):not(.check1) {
	cursor: pointer;
	display: inline-block;
/*
	padding: 10px 20px;
	padding: 20px 0 20px 0;
*/
	padding: 10px 20px;
	margin-bottom: 60px;
/*
	margin-bottom:30px;
	margin-top:10px;
	border-radius: 4px;
*/

	background: -moz-linear-gradient(left, #2c99ee, #3baaf2);
	background: -webkit-linear-gradient(left, #2c99ee, #3baaf2);
	background: linear-gradient(to right, #2c99ee, #3baaf2);

	color: #FFF;
	-webkit-transition: 0.1s;
	transition: 0.1s;
/*
	width:90%;
	margin-left: 5%;
*/
	line-height: 38px;
	border-radius: 5px;
	position: relative;
	height: 100px;
	font-size: 24px;
	font-weight: 900;
	box-sizing: border-box;

	display: flex;
	justify-content: center;
	align-items: center;


}
label.check1 {
	cursor: pointer;
	display: inline-block;
/*
	padding: 10px 20px;
	padding: 20px 0 20px 0;
*/
	padding: 10px 20px;
/*
	margin-top:10px;
	border-radius: 4px;
*/

	background: -moz-linear-gradient(left, #2c99ee, #3baaf2);
	background: -webkit-linear-gradient(left, #2c99ee, #3baaf2);
	background: linear-gradient(to right, #2c99ee, #3baaf2);

	color: #FFF;
	-webkit-transition: 0.1s;
	transition: 0.1s;
	position: relative;
	height: 60px;
	font-size: 18px;
	box-sizing: border-box;

	display: flex;
	justify-content: center;
	align-items: center;


}

/*
.ltext:before {
	font-family: FontAwesome;
	content: "\f055";
	position: absolute;
	font-size: 1em;
	left: 5px;
	top: 20px;
	color: #ffffff; 
}
.ltext {
	margin-left:24px;
}
*/
label:hover:not(.hope_type):not(.Gender) {
	background: #fbbe01;
	color: #000000;
}
div#spbox label {
	cursor: pointer;
	display: inline-block;
	background: #969fa4;
	color: #ffffff;
	-webkit-transition: 0.1s;
	transition: 0.1s;

	display: flex;
	justify-content: center;
	align-items: center;
}
div#spbox label:hover {
	background: #ffd633;
	color: #000000;
}
div#bg_blue4 label {
	cursor: pointer;
	display: inline-block;
	background: -moz-linear-gradient(#0d5672, #3ab4d3 );
	background: -webkit-linear-gradient(#0d5672, #3ab4d3 );
	background: linear-gradient(#0d5672, #3ab4d3 );
	color: #FFF;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
div#bg_blue4 label:hover {
	background: #f7e209;
	color: #000000;
}
.panel {
	-webkit-transition: .3s ease;
	transition: .3s ease;
	height: 0;
	overflow: hidden;
	background: #ffffff;
	margin-top: 10px;
	padding: 0;
	border-radius: 5px;
}
input:checked + .panel {
	height: auto;
	padding: 15px;
}



.panel2, .panel3, .panel4, .panel5, .panel6, .panel7, .panel8, .panel9, .panel10, .panel11, .panel12, .panel13, .panel14, .panel15, .panel16, .panel17, .panel18, .panel19, .panel20, .panel21, .panel22, .panel23, .panel24, .panel25, .panel26, .panel27, .panel28, .panel29, .panel30, .panel31, .panel32, .panel33, .panel34, .panel35, .panel36, .panel37, .panel38, .panel39, .panel40, .panel41,
.panel50, .panel100,
.panel300,
.panel400, .panel401, .panel402, .panel403, .panel404, .panel405, .panel406, .panel407, .panel408, .panel409, .panel410,
.panel500,
.panel1000, .panel1001, .panel1002, .panel1003, .panel1004, .panel1005, .panel1006, .panel1007, .panel1008, .panel1009, .panel1010, .panel1011, .panel1012, 
.panel1101, .panel1102, .panel1103 {
	-webkit-transition: .3s ease;
	transition: .3s ease;
	height: 0;
	overflow: hidden;
	background: #eeeeee;
/*
	margin-top: 10px;
*/
	padding: 0;
/*
	border-radius: 5px;
*/
	letter-spacing: 2.5px;
	line-height: 30px;
/*
	width:90%;
	margin-left: 5%;
*/
}
.panel1 {
	-webkit-transition: .3s ease;
	transition: .3s ease;
	height: 0;
	overflow: hidden;
	background: #cccccc;
/*
	margin-top: 10px;
*/
	padding: 0;
/*
	border-radius: 5px;
*/
	letter-spacing:1.5px;
	line-height:30px;
/*
	margin-bottom:20px;
*/
}

input#check2:checked + .panel2, input#check3:checked + .panel3, input#check4:checked + .panel4, input#check5:checked + .panel5, input#check6:checked + .panel6, input#check7:checked + .panel7, input#check8:checked + .panel8, input#check9:checked + .panel9, input#check10:checked + .panel10, input#check11:checked + .panel11, input#check12:checked + .panel12, input#check13:checked + .panel13, input#check14:checked + .panel14, input#check15:checked + .panel15, input#check16:checked + .panel16, input#check17:checked + .panel17, input#check18:checked + .panel18, input#check19:checked + .panel19, input#check20:checked + .panel20, input#check21:checked + .panel21, input#check22:checked + .panel22, input#check23:checked + .panel23, input#check24:checked + .panel24, input#check25:checked + .panel25, input#check26:checked + .panel26, input#check27:checked + .panel27, input#check28:checked + .panel28, input#check29:checked + .panel29, input#check30:checked + .panel30, input#check31:checked + .panel31, input#check32:checked + .panel32, input#check33:checked + .panel33, input#check34:checked + .panel34, input#check35:checked + .panel35, input#check36:checked + .panel36, input#check37:checked + .panel37, input#check38:checked + .panel38, input#check39:checked + .panel39, input#check40:checked + .panel40, input#check41:checked + .panel41, input#check50:checked + .panel50,
input#check100:checked + .panel100,
input#check300:checked + .panel300,
input#check400:checked + .panel400, input#check401:checked + .panel401, input#check402:checked + .panel402, input#check403:checked + .panel403, input#check404:checked + .panel404, input#check405:checked + .panel405, input#check406:checked + .panel406, input#check407:checked + .panel407, input#check408:checked + .panel408, input#check409:checked + .panel409, input#check410:checked + .panel410,
input#check500:checked + .panel500,
input#check1000:checked + .panel1000, input#check1001:checked + .panel1001, input#check1002:checked + .panel1002, input#check1003:checked + .panel1003, input#check1004:checked + .panel1004, input#check1005:checked + .panel1005, input#check1006:checked + .panel1006, input#check1007:checked + .panel1007, input#check1008:checked + .panel1008, input#check1009:checked + .panel1009, input#check1010:checked + .panel1010, input#check1011:checked + .panel1011, input#check1012:checked + .panel1012, 
input#check1101:checked + .panel1101, input#check1102:checked + .panel1102, input#check1103:checked + .panel1103 {
	height: auto;
	padding: 0px;
	margin-top: -65px;
	margin-bottom: 30px;
	border-radius: 0 0 5px 5px;

	line-height: 4;
}

input#check1:checked + .panel1 {
	height: 100px;
	padding: 30px;
	margin-top: -65px;

}

input#check1001:checked + .panel1001 {
}

div.pc_title1_bg, p#pc_title1, div.pc_title1b_bg {
	display:none;
}

div.lh p:not(.hd1) {
	padding: 50px 20px;
/*
	margin-bottom:30px;
*/
}



.page-top {
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;
	font-size:18px;
	position: fixed ;
	right: 0px ;
	bottom: 0px ;
}

.move-page-top {
	display: block ;
	background: #000000;
/*
	border-radius: 50%;
*/
	width: 50px ;
	height: 50px ;
	opacity: 0.7;
	color: #ffffff;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.6s ;
	-moz-transition:all 0.6s ;
	transition:all 0.6s ;
}

.move-page-top:hover {
	opacity: 0.85 ;
}



.btn_recruit {
	height: 50px;
	margin: 20px 10px 30px 10px;
}

.square_btn{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
	background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #5e7fca;
}

.square_btn:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}



.ggmaptop {
	margin: 0 0 30px 0;
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmaptop iframe,
.ggmaptop object,
.ggmaptop embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.ggmap {
	margin: 0 0 60px 0;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



#copyright_bg {
	background: -moz-linear-gradient(left, #2c99ee, #3baaf2 );
	background: -webkit-linear-gradient(left, #2c99ee, #3baaf2 );
	background: linear-gradient(to right, #2c99ee, #3baaf2 );
	margin:0 0 0 0;
	padding:50px 0px 50px 0px;
}

#copyright {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	display:table;
	letter-spacing:0px;
	clear:both;
}

#copyright p {
	line-height: 30px;
	color:#ffffff;
	display:table-cell;
	vertical-align:middle;
	font-weight: 900;
	font-size: 20px;
}











/*==============================================================

	Contents

================================================================*/

body {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	background-image:url(../img/bg_main.png);
}

#header_bg {
}

.logo {
	text-align: center;
	margin-top: -40px;
}

.logo img {
	width: 100%;
}

.header_fd img {
	width: 100%;
}

.headerfd {
	margin-bottom: 40px;
}

p.header_fd_t {
	text-align: center;
	font-weight: 900;
	font-size: 20px;
	margin: 0 0 10px 0;
}






.header_mail, .header_mail2 {
  display: inline-block;
  position: relative;
	width: 100%;
	padding: 30px 0px;
	font-size: 20px;
  background-color: #F88400;
/*
  box-shadow: 0 3px 0 0 #995100;
*/
  border-radius: 10px;
	font-size: 24px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.3s;

}
.header_mail2 {
	margin-bottom: 60px;
}
.header_mail::before, .header_mail2::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  transition: 0.2s;
  animation: header_mail 5s ease-in-out infinite;
}

/* マウスオーバーした際のデザイン */
.header_mail:hover, .header_mail2:hover {
  text-decoration: none;
  color: #000;
  background-color: #ffeb3b; /* 背景色 */
/*
  box-shadow: none;
  -webkit-transform: translateY(3px);
*/
}

/* 光るアニメーション */
@-webkit-keyframes header_mail {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes header_mail2 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

p.header_mail_t, p.header_mail_t2 {
	text-align: center;
	font-weight: 900;
	font-size: 20px;
	margin: 0 0 10px 0;
}







#mainimage_bg {
	margin: 50px 0 50px 0;
}

div#mainimage {
	margin-right:auto;
	margin-left:auto;
	padding: 0 0 0px 0;
	position:relative;
}



h2 {
	font-size: 32px;
	font-weight: 900;
	margin: 60px 0 60px 0;
	line-height: 40px;
}



h3 {
	border-radius: 10px;
	background: #45b4eb;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
	box-sizing: border-box;
	color: #fff;
	font-size: 20px;
	margin: 0 0 20px 0;
	padding: 10px 20px 10px 25px;
	position: relative;
	width: 100%;
	line-height: 30px;
}

h3:before {
	border-bottom: 10px solid transparent;
	border-left: 10px solid #eeeeee;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	content: " ";
	display: block;
	left: 0;
	margin: -10px 0 0 0;
	position: absolute;
	top: 50%;
}



h4 {
	border-radius: 10px;
	background: linear-gradient(#FEFEFE, #F3F5F5);
	background: -o-linear-gradient(#FEFEFE, #F3F5F5);
	background: -ms-linear-gradient(#FEFEFE, #F3F5F5);
	background: -moz-linear-gradient(#FEFEFE, #F3F5F5);
	background: -webkit-linear-gradient(#FEFEFE, #F3F5F5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F3F5F5), color-stop(0.00, #FEFEFE));
	border: 1px solid #cccccc;
	box-sizing: border-box;
	font-size: 20px;
/*
	margin: 0 0 20px;
*/
	padding: 20px 20px 20px 26px;
	position: relative;
	display: inline-block;
	line-height: 20px;
}

h4:before {
	background-color: #45b4eb;
	content: " ";
	display: inline-block;
	height: 60%;
	left: 10px;
	margin-right: 10px;
	position: absolute;
	top: 20%;
	width: 6px;
}



.contents_img {
	border-radius: 10px;
}






.hd1 {
	color: #000;
	font-weight: bold;
	display: flex;
	align-items: center;

	text-decoration: underline;
	text-underline-offset: 15px;
	text-decoration-thickness: 5px;
}

.hd1:before, .hd1:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.hd2 {
	color: #000;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.hd2:before, .hd2:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.hd3 {
	color: #000;
	font-weight: bold;
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

.hd3:before, .hd3:after {
	content: "";
	flex-grow: 1;
	display: block;
}



.hd4 {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 70px;

	text-decoration: underline;
	text-underline-offset: 15px;
	text-decoration-thickness: 5px;
}

.hd4:before, .hd4:after {
	content: "";
	flex-grow: 1;
	display: block;
}



div.cc1title {
	display: flex;
	justify-content: center;
	margin: -15px 0px 0px 0px;
}

div.cc1title p {
	background-color: #0f68b2;
	display: inline-block;
	z-index: 50;
	color: #fff;
	padding: 5px 20px 5px 20px;
	border-radius: 20px;
	font-weight: bold;

}

.split1 p {
	text-align: center;
}










.split2 {
	margin-bottom: 30px;
}

.split2_left {
	background-color:#ffffff;
	border-radius: 10px;
	position:relative;

}

.split2_left p.p1 {
	background-color:#eff9ff;
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	font-weight: 900;
}

.split2_left p.p2 {
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}

.split2_left p.p3 {

}

.split2_right {
	background-color:#ffffff;
	border-radius: 10px;
	text-align:left;
	position:relative;
}

.split2_right p.p1 {
	background-color:#eff9ff;
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	font-weight: 900;
}

.split2_right p.p2 {
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}

.split2_right p.p3 {

}



.cc2img {
	border-radius: 10px;
	width: 142px;
	height: 142px;
	margin: 15px;
}

.cc2img img {
	border-radius: 10px;
}



.scroll {
  margin     : auto;
  width      : 100%;
  line-height: 1.5em;
  text-align : center;
  color      : #000000;
  background : #fff;
  overflow   : hidden;
	padding: 9px 0px;
	border-radius: 5px;
}
.scroll span{
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 5s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}























.lc_p_bg {
	background-color:#fff;
	border-radius: 10px;
	padding: 20px 20px;
	margin: 30px 0px 90px 0px;
}



.lc_p_bg2 {
	background-color:#fff;
	border-radius: 10px;
	padding: 20px 20px;
	margin: 60px 0px 60px 0px;
}



.lc_p_bg3 {
	background-color:#fff;
	border-radius: 10px;
	padding: 20px 20px;
	margin: 30px 0px 30px 0px;
}



.lc_p_bg_of {
	background-color:#fff;
	border-radius: 10px;
	padding: 20px 10px 20px 20px;
	margin: 30px 0px 90px 0px;
}




.btn_recruit {
	width: 780px;
/*
	height: 50px;
*/
	margin: 40px 0 90px 0;
}


a.joboffer_btn {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
	background-color:#00a0e9;
  padding: 18px 30px;
/*
  border: 3px solid #333;
*/
  border-radius: 10px;
  position: relative;
  z-index: 1;
  transition: .3s;
}
a.joboffer_btn::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ffeb3b;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
  border-radius: 10px;
}
a.joboffer_btn:hover {
  color: #000;
}
a.joboffer_btn:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}



ul.lc {
	padding: 20px 20px 20px 30px;
	line-height: 26px;
}

















.recruit_banner {
	width: 100%;
	margin-bottom: 60px;
}

.recruit_banner_a img {
	width: 100%;
}




.x_banner {
	width: 100%;
	margin-bottom: 60px;
}

.x_banner_a img {
	width: 100%;
}









}