@charset "utf-8";

/*========================================
 +CLASS
========================================*/

/*
html {
	font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body {
	font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
*/

/* Page */
.login-image-bg {
	background-image: url(../img/bg/bg-home-header.png);
	background-position: 80% 50%;
	background-size: cover;
	background-attachment: local;
	width: 100%;
}
.service-txt {
	min-height: 110px;
	font-size: 14px;
}

#applyModalConfirm th, #applyModalConfirm td {
	font-size: 0.85em;
	font-weight: 100;
	color: #000;;
}
#applyModalConfirm .bgblack {
	color: #FFF;
	font-size: 1.00em;
	font-weight: 600;
}

/* Apply Status Page */
#services-apply-status .services-main .services-content {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#services-apply-status h3 {
	font-size: 1.00em;
	padding-left: 5px;
}
#services-apply-status .badge {
	font-size: 1em;
	padding: 3px 10px;
	margin-left: 10px;
}

#services-apply-status2 .services-main .services-content {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#services-apply-status2 h3 {
	font-size: 1.00em;
	padding-left: 5px;
}
#services-apply-status2 .badge {
	font-size: 1em;
	padding: 3px 10px;
	margin-left: 10px;
}

.branch_info .row {
	margin-left: 0;
	margin-right: 0;
}
.branch_info .form-group {
    margin-bottom: 0.5rem;
}
.branch_info .row label {
	font-size: 0.85em;

}
.branch_info .row div {
	font-size: 0.85em;
}

.badge-service-1 {
    color: #fff;
    background-color: #007bff;
}
.badge-service-2 {
    color: #212529;
    background-color: #ffc107;
}
.badge-service-3 {
    color: #fff;
    background-color: #28a745;
}
.badge-service-4 {
    color: #fff;
    background-color: #17a2b8;
}

#services-apply-status table th {
	font-size: 0.75em;
	color: #000;
	background-color: #F5F5F5;
}

#services-apply-status table td {
	font-size: 0.75em;
	color: #000;;
}

#services-apply-status2 table th {
	font-size: 0.75em;
	color: #000;
	background-color: #F5F5F5;
}

#services-apply-status2 table td {
	font-size: 0.75em;
	color: #000;;
}

/* service contents */
.row.equal-shadow-team{
    justify-content: space-between;
}
.row.equal-shadow-team > div {
    width: 19%;
}
.service-content {
    padding: 2rem 0.5rem;
    background: #fff;
    text-align: center;
    /*height: 460px;*/
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.service-content .badge {
    display: inline-block;
    padding: .25em .8em;
    font-size: 1.0em;
}

.equal-shadow-team .service-content {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
}

.service-content::before {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
	background-size: 200% auto;
	background-image: -webkit-gradient(linear, left top, right top, from(#5192e1), color-stop(51%, #23ced5), to(#5192e1));
	background-image: -webkit-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
	background-image: -moz-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
	background-image: -o-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
	background-image: linear-gradient(to right, #5192e1 0%, #23ced5 51%, #5192e1 100%);
/*
    background-image: -webkit-gradient(linear, left top, right top, from(#ab0214), color-stop(51%, #ea5f6e), to(#ab0214));
    background-image: -webkit-linear-gradient(left, #ab0214 0%, #ea5f6e 51%, #ab0214 100%);
    background-image: -moz-linear-gradient(left, #ab0214 0%, #ea5f6e 51%, #ab0214 100%);
    background-image: -o-linear-gradient(left, #ab0214 0%, #ea5f6e 51%, #ab0214 100%);
	background-image: linear-gradient(to right, #ab0214 0%, #ea5f6e 51%, #ab0214 100%);
	*/
}

.service-content p {
    margin-bottom: 0;
}

.service-box:hover .service-content * {
    color: #fff;
}

.service-box:hover .service-content h4 {
    margin-top: -15px;
}

.service-box:hover .service-content::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.service-content ul {
    -webkit-transform: translateY(150%);
    -moz-transform: translateY(150%);
    -ms-transform: translateY(150%);
    -o-transform: translateY(150%);
    transform: translateY(150%);
}

.service-box:hover .service-content ul {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    margin-top: 5px;
}

.service-box .image img {
	width: 83%;
	margin: auto;
	padding: 0.5em 0px 1.25em;
}
.service-box:hover .image img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* modal */
.front-modal .modal-title img {
	height: 20px;
	float: left;
	margin-top: 6px;
	margin-right: 20px;
}
.front-modal .modal-title span {
	font-weight: 600;
	color: #333;
	font-size: 1.25em;
	float: left;
}
.front-modal .modal-body section {
	padding: 5px 15px;
}
.front-modal .modal-footer {
	justify-content: center;
}


/*　color　*/
.f_red { color:#900;}
.f_black { color:#000;}
.f_white { color: #fff;}


/*　width　*/
.w1 {width:1px !important;}
.w5 {width:5px !important;}
.w10 {width:10px !important;}
.w15 {width:15px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w55 {width:55px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w100{width:100px !important;}
.w105{width:105px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w135{width:135px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w165{width:165px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w185{width:185px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w280{width:280px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w700{width:700px !important;}
.w800{width:800px !important;}
.w850{width:850px !important;}
.w900{width:900px !important;}
.w1000{width:1000px !important;}
.w1200{width:1200px !important;}
.w1300{width:1300px !important;}
.w1500{width:1500px !important;}
.w2000{width:2000px !important;}
.w2P {width:2%;}
.w5P {width:5%;}
.w6P {width:6%;}
.w7P {width:7%;}
.w8P {width:8%;}
.w9P {width:9%;}
.w10P {width:10%;}
.w12P {width:12%;}
.w15P {width:15%;}
.w19P {width:19%;}
.w20P {width:20%;}
.w25P {width:25%;}
.w30P {width:30%;}
.w35P {width:35%;}
.w40P {width:40%;}
.w45P {width:45%;}
.w48P {width:48%;}
.w50P {width:50%;}
.w50Pi {width:50% !important;}
.w53P {width:53%;}
.w55P {width:55%;}
.w60P {width:60%;}
.w65P {width:65%;}
.w70P {width:70%;}
.w75P {width:75%;}
.w80P {width:80%;}
.w90P {width:90%;}
.w93P {width:93%;}
.w96P {width:96%;}
.w100P {width:100%;}
.w_auto {width:auto !important;}
.m-w-10p {min-width: 10%;}
.m-w-15p {min-width: 15%;}
.m-w-20p {min-width: 20%;}
.m-w-25p {min-width: 25%;}
.m-w-30p {min-width: 30%;}
.m-w-60p {min-width: 60%;}
.m-w-70p {min-width: 70%;}
.m-w-850 {min-width:850px;}
.m-w-900 {min-width:900px;}
.m-w-1050 {min-width:1050px;}
.m-w-1300 {min-width:1300px;}
.m-w-1100 {min-width:1100px;}
.m-w-1200 {min-width:1200px;}

/* height */
.h10 { height: 10px !important; }
.h20 { height: 20px !important;}
.h25 { height: 25px !important;}
.h30 { height: 30px !important;}
.h50 { height: 50px !important;}
.h70 { height: 70px !important;}
.h80 { height: 80px !important;}
.h90 { height: 90px !important;}
.h200 { height: 200px !important;}
.h300 { height: 300px !important;}
.h350 { height: 350px !important;}
.h400 { height: 400px !important;}
.h450 { height: 450px !important;}
.h500 { height: 500px !important;}
.h550 { height: 550px !important;}
.h600 { height: 600px !important;}
.h650 { height: 650px !important;}
.h700 { height: 700px !important;}
.h1000 { height: 1000px !important;}
.max-h670 { max-height: 670px !important;}

/* margin */
.m0T {margin-top:0 !important;}
.m2T {margin-top:2px !important;}
.m3T {margin-top:3px !important;}
.m5T{margin-top:5px !important;}
.m7T{margin-top:7px !important;}
.m8T{margin-top:8px !important;}
.m9T{margin-top:9px !important;}
.m10T{margin-top:10px !important;}
.m15T{margin-top:15px !important;}
.m20T{margin-top:20px !important;}
.m30T{margin-top:30px !important;}
.m50T{margin-top:50px !important;}
.m8L { margin-left:8px !important;}
.m0L { margin-left:0 !important;}
.m10L { margin-left:10px !important;}
.m20L { margin-left:20px !important;}
.m5L { margin-left:5px !important;}
.m10b {margin-bottom:10px !important;}
.m5BM {margin-bottom:5px !important;}
.m15b {margin-bottom:15px !important;}
.m0{margin:0 !important;}
.m0i{margin:0 !important;}
.m5{margin:5px;}
.m10{margin:10px;}
.m5R{margin-right:5px;}
.m10R { margin-right:10px;}
.m20R { margin-right:20px;}
.m30R { margin-right:30px;}
.m0BM{margin-bottom:0px !important;}
.m10BM{margin-bottom:10px !important;}
.m15BM{margin-bottom:15px !important;}
.m20BM{margin-bottom:20px !important;}
.m30BM{margin-bottom:30px !important;}
.m-1T {margin-top:-1px !important}
.m-2T {margin-top:-2px !important}
.m-5T {margin-top:-5px !important}
.m-7T { margin-top: -7px !important;}
.m-90T { margin-top: -90px !important;}
.m-a { margin: auto;}
.mTB0 { margin-top: 0; margin-bottom: 0;}
.mTB5 { margin-top: 5px; margin-bottom: 5px;}
.mTB10 { margin-top: 10px; margin-bottom: 10px;}
/* padding */
.pd5{ padding:5px; }
.pd10{ padding:10px; }
.pd8 { padding: 8px; }
.pd12 { padding: 12px; }
.pd18 { padding: 18px; }
.pd20 { padding: 20px; }
.pd0L{padding:5px;}
.p10L{padding-left:10px !important;}
.pd15L{padding-left:15px;}
.pd20L{padding-left:20px !important;}
.pd0R{padding-right:0px !important;}
.p5R{padding-right:5px;}
.p10R{padding-right:10px !important;}
.p15R{padding-right:15px;}
.pd0{padding:0px !important;}
.pd0L{padding-left:0 !important;}
.pd5L{padding-left:5px !important;}
.pd0BM{padding-bottom:0px !important;}
.pd5BM{padding-bottom:5px !important;}
.pd10BM{padding-bottom:10px !important;}
.pd20BM{padding-bottom:20px !important;}
.p56BM{padding-bottom:56px !important;}
.pd0T{padding-top:0 !important;}
.pd3T{padding-top:3px !important;}
.pd8T{padding-top:8px;}
.pdTB12 { padding: 12px 0; }
.pdTB30 { padding: 30px 0; }

.bd0T {
	border-top: 0px !important;
}
.bdbg0 {
	border: 0px !important;
	background: none !important;
	padding: 5px;
}
.bd0A {
	border: 0px !important;
}
.ipt_price {
	text-align:right;
}
.info_pd {
	padding: 5px 0 15px !important;
}
/* float */
.fl {float:left;}
.fr {float:right;}
.fn { float: none;}
.new_reg_btn {
	position: absolute;
	right: 0;
}

/* position */
.p_r { position: relative; }
.p_a { position: absolute; }
.p_s { position: sticky; }
.top0 { top: 0;}
.bottom0 { bottom: 0; }
.bottom12 { bottom: 12px; }
.right0 { right: 0; }
.left0 { left: 0; }

/* scroll */
.o_h { overflow: hidden !important; }
.o_x_h { overflow-x: hidden !important; }
.o_y_h { overflow-y: hidden !important; }
.o_x { overflow-x: auto !important; }
.o_y { overflow-y: auto !important; }

/* フォント設定 */
.f9 {font-size: 9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f30{font-size:30px;}
.f35{font-size:35px;}
.f80{font-size:80px;}
.f100{font-size:100px;}
.f-2-0{font-size:2.0em;}
.f-1-1{font-size:1.1em;}
.f-1-25{font-size:1.25em;}
.f-1-75{font-size:1.75em;}
.f-0-75{font-size:0.75em;}
.f-0-85{font-size:0.85em;}


.weight_nor{font-weight:normal;}
.weight_b{font-weight:bold;}
/* 書式設定 */
.t_r{text-align:right;}
.t_l{text-align:left !important;}
.t_c{text-align:center;}
.t_c_i{text-align:center !important;}
.a_i_c { align-items: center; }
.j_c { justify-content: center; }
/* 入力設定 */
.ime_a{ime-mode:active;}
.ime_d{ime-mode:disabled;}
.ime_i{ime-mode:inactive;}
/* その他 */
.c_p { cursor:pointer;}
.c_m { cursor: move;}

/* display */
.d_n{display:none;}
.d_b{display:block;}
.d_ib { display: inline-block; }
.v_a_m { vertical-align: middle !important; }
.d_fl { display: flex; flex-wrap: wrap; }
.d_i { display: inline !important; }

.m_h_450px {
	max-height: 450px;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
}
.m_h_600px {
	max-height: 610px;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
}

.modal-75p {
    width: 75%;
}
.modal-50p {
    width: 50%;
}

/* Calendar */
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;    /* 日付はセンタリングの方が好き */
}
/* 2011/4/25 削除 （土日の背景色はGClendar Holidaysが付けてくれる）
.ui-datepicker-week-end .ui-state-default {    / * 土日の背景を変える * /
    background-image: none;
    background-color: #b4ebfa;
}*/
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
    width: auto;    /* そのままだと改行してしまう */
}
.ui-datepicker select.ui-datepicker-year {
	float:left;
	width: 100px;
	height: 25px;
	font-size: 12px;
}
.ui-datepicker select.ui-datepicker-month {
    float:right;
	font-size: 12px;
	height: 25px;
}

.test_display { display:none !important; }

.c { height:0; line-height:0; clear:both; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.service-box-lite{
	width:1021px;
	height:721px;
	background-image: url(../img/lite_back.png);
	background-repeat:  no-repeat;
	background-size:cover;
	position: relative;
}
.service-content-01{
	position: absolute;
	top:210px;
	left:145px;
}
.service-content-02{
	position: absolute;
	top:210px;
	left:345px;
}
.service-content-03{
	position: absolute;
	top:210px;
	left:545px;
}
.service-content-04{
	position: absolute;
	top:210px;
	left:745px;
}



.reset_p{margin: 3rem 0 0;font-size: 14px;}
.reset_p a{text-decoration: underline;color:#004EA2;font-size: 15px;margin: 0 3px;}



@media (max-width: 992px){
	.row.equal-shadow-team{
		justify-content: center;
	}
	.row.equal-shadow-team > div {
		width: 31%;
		margin: 0 1% 30px;
	}





}
@media (max-width:576px){
	.row.equal-shadow-team{
		justify-content:space-between;
		padding: 5px;
	}
	.row.equal-shadow-team > div {
		width: 150px;
		margin: 0 0 30px;
	}
	.service-content p{
		font-size: 13px;
	}
	.service-content p br{
		display: none;
	}
	.service-txt {
		min-height: 110px;
	}




}