
/* ----------------------------------------------------------------
	Global 
-----------------------------------------------------------------*/

/* title */

.el_ttl_gl {
	font-size: 32px;
}
.el_ttl_gl span {
	display: inline-block;
	padding-bottom: .25em;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
.el_ttl_gl__ylw span { border-color: #dead25;}
.el_ttl_gl__wht span { border-color: #fff;}
.el_ttl_gl__blu span { border-color: #093682;}
.el_ttl_gl__red span { border-color: #e8382f;}

.el_ttl_l2 {
	font-size: 24px;
}

@media screen and (max-width :767px) {
	.el_ttl_gl {
		font-size: 26px;
	}
	.el_ttl_l2 {
		font-size: 21px;
	}
}

/* list */

.el_list_dot1 li,
.el_list_dot1_single {
	padding-left: 1em;
}
.el_list_dot1 li::before,
.el_list_dot1_single::before {
	width: 3px;
	height: 3px;
	background: #1a1a1a;
	border-radius: 50%;
	left: .4em;
	top: .8em;
}

.el_list_dot2 li {
	padding-left: 1em;
}
.el_list_dot2 li::before {
	width: .8em;
	height: .8em;
	background: #1a1a1a;
	border-radius: 50%;
	left: 0;
	top: .45em;
}


/* iframe */

.el_umekomi_wrap iframe {
	max-width: 100%;
}



/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

.gl_h {
	position: fixed;
	width: 100%;
	background: #fff;
	top: 0;
	z-index: 100;
}
.gl_h_in {
	display: flex;
	align-items: flex-end;
	min-height: 102px;
	border-bottom: 1px solid #1a1a1a;
}
.gl_h_inlogo {
	width: 325px;
	padding: 5px 20px 10px;
}
.gl_hin_nav {
	width: calc( 100% - 325px);
	padding: 5px 20px 10px;
	text-align: right;
}

.navbar-nav li { 
	display: inline-block;
	padding: 0 1em;
	margin: .25em 0;
	vertical-align: bottom;
}
.navbar-nav li:last-child {
	padding: 0 0 0 .5em;
}
.navbar-nav li::after { 
	width: 1px;
	height: 1em;
	background: #dead25;
	right: 0;
	top: 0;
	bottom: 0;
}
.navbar-nav li:nth-last-child(-n+2)::after,
.navbar-nav li:last-child::after { 
	display: none;
}
ul.navbar-nav li a { 
	color: #1a1a1a;
	text-decoration: none;
}
ul.navbar-nav li:last-child a {
	display: inline-block;
	color: #fff;
	background: #093682;
	padding: 5px 1em;
}

@media (max-width: 1024px) {
	.gl_h_in {
		align-items: center;
	}
	.gl_h_inlogo {
		width: 280px;
	}
	.gl_hin_nav {
		width: calc( 100% - 280px);
	}
	ul.navbar-nav li a { 
		font-size: .9em;
	}
}
@media screen and (max-width :767px) {
	#top-head { 
		position: fixed !important;
		z-index: 999;
	}
	.gl_h_in {
		min-height: 65px;
	}
	.gl_h_inlogo {
		width: 160px;
		padding: 0 0 0 10px;
	}
	
	/* sp nav */
	
	.gl_h_spmenu {
		position: fixed;
		top: 65px;
		right: -280px;
		width: 280px;
		height: 100%;
		background: #f8efd3;
		z-index: 999;
		transition: right 0.3s ease-in-out;
	}
	.gl_h_spmenu li {
		text-align: center;
	}
	.gl_h_spmenu a {
		display: block;
		color: #1a1a1a;
		text-decoration: none;
		padding: .8em 1.5em;
		border-bottom: 1px solid #1a1a1a;
	}
	.gl_h_spmenu li:last-child {
		padding-top: 2.5em;
	}
	.gl_h_spmenu li:last-child a {
		display: inline-block;
		color: #fff;
		background: #093682;
		padding: 5px 1em;
	}
	
	/* Toggle Button */
	#nav-toggle {
		position: absolute;
		width: 65px;
		height: 65px;
		right: 0;
		top: 0;
		padding: 0 15px;
/* 		margin-right: 10px; */
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div { position: relative; }
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 3px;
		width: 35px;
		background: #dead25;
		right: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		color: #00c2d6;
		text-align: center !important;
	}
	#nav-toggle span:nth-child(1) { top: 20px; }
	#nav-toggle span:nth-child(2) { top: 31px; }
	#nav-toggle span:nth-child(3) { top: 42px; }
	body #nav-toggle, body .container h1 {
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-o-transition: 0.4s;
		-ms-transition: 0.4s;
		transition: 0.4s;
	}
	
	/* open */
	.open .nav_overlay {
		position: fixed;
		display: block;
		background: rgba(256, 256, 256, 0.77) none repeat scroll 0 0;
		height: 100vh;
		width: 100%;

		top: 65px;
		left: 0;
		z-index: 998;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 30px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.open #nav-toggle span:nth-child(2) { 
		display: none;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 30px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}






/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

a.f_gl_topback {
	position: fixed;
	width: 82px;
	height: 82px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	background: #dead25;
	border-radius: 50%;
	right: 5%;
	bottom: 40px;
}
a.f_gl_topback span {
	display: inline-block;
	padding-top: 15px;
	top: 22px;
}
a.f_gl_topback span::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
	border-bottom: 13px solid #fff;
	border-top: 0;
	border-radius: 3px;
	top: 0;
	left: 0;
	right: 0;
}
@media screen and (max-width :767px) {
	a.f_gl_topback {
		position: fixed;
		width: 60px;
		height: 60px;
		font-size: 13px;
		right: 14px;
		bottom: 18px;
	}
	a.f_gl_topback span {
		padding-top: 13px;
		top: 15px;
	}
	a.f_gl_topback span::before {
		border-right: 11px solid transparent;
		border-left: 11px solid transparent;
		border-bottom: 11px solid #fff;
	}
}

.f_gl {
	color: #fff;
	background: #000;
	padding: 40px 0 20px;
}
.f_gl a {
	color: #fff;
}
.f_bg_nav li {
	display: inline-block;
	padding: 0 1em;
}
.f_gl small {
	font-size: 13px;
}





/* ----------------------------------------------------------------
	contents
-----------------------------------------------------------------*/

/* mainvl */
.lp_mainvl {
	margin-top: 102px;
	border-bottom: 1px solid #1a1a1a;
}
.lp_mainvl img {
	width: 100%;
}
@media screen and (max-width :860px) {
	.lp_mainvl {
		margin-top: 65px;
	}
}

/* news */
.lp_news {
	width: 86%;
	margin: auto;
	border-top: 1px solid #d2d2d2;
}
.lp_news li {
	border-bottom: 1px solid #d2d2d2;
}
.lp_news_day {
	width: 200px;
	color: #767676;
	padding: 17px 20px 17px 30px;
}
.lp_news_cont {
	width: calc( 100% - 200px);
	padding: 15px 30px 7px 20px;	
}
@media screen and (max-width :860px) {
	.lp_news {
		width: 100%;
	}
	.lp_news_day {
		width: 100%;
		color: #767676;
		padding: 17px 15px 7px 15px;
	}
	.lp_news_cont {
		width: 100%;
		padding: 0 15px 7px 15px;	
	}
	.lp_news_cont p {
		line-height: 1.5;	
	}
}

/* kikan */
.lp_kikan_wrap {
	background: #dead25 url(../img/back01@2x.png) repeat center center / 20px;
	background-size: 20px;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	padding: 70px 0 100px;
}
.lp_kikan {
	background: #fff;
	border-radius: 30px;
	padding: 20px 70px;
}
.lp_kikan_box {
	align-items: flex-start;
	border-bottom: 1px solid #d2d2d2;
	padding: 20px 0;
}
.lp_kikan .lp_kikan_box:last-child {
	border-bottom: none;
}
.lp_kikan_ttl {
	font-size: 24px;
	color: #fff;
	padding: 5px 1em;
}
.lp_kikan_day {
	flex: 1;
	font-size: 32px;
	line-height: 1.3;
	margin-left: 1em;
	margin-bottom: 0;
}
@media screen and (max-width :767px) {
	.lp_kikan_wrap {
		padding: 50px 0 50px;
	}
	.lp_kikan {
		border-radius: 24px;
		padding: 10px 30px;
	}
	.lp_kikan_box {
		flex-direction: column;
		align-items: flex-start;
		border-bottom: 1px solid #d2d2d2;
		padding: 20px 0;
	}
	.lp_kikan_ttl {
		font-size: 18px;
		color: #fff;
		padding: 5px 1em;
		margin-bottom: 10px;
	}
	.lp_kikan_day {
		width: 100%;
		flex: 1;
		font-size: 20px;
		margin: 0;
		line-height: 1.5;
	}
}


/* toriatsukai gaiyou */
.lp_about_wrap {
	border-bottom: 1px solid #dead25;
	padding: 70px 0 100px;
}
@media screen and (max-width :767px) {
	.lp_about_wrap {
		border-bottom: 1px solid #dead25;
		padding: 60px 0 70px;
	}
	.lp_about table th,
	.lp_about table td {
		border-left: 1px solid #d2d2d2;
		border-right: 1px solid #d2d2d2;
	}
}


/* toriatsukai tenpo */
.lp_tori_wrap {
	background: #dead25 url(../img/back01@2x.png) repeat center center / 20px;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	padding: 60px 0 60px;
}
.lp_tori {
	background: #fff;
	border-radius: 30px;
	padding: 50px 30px 65px;
}
a.lp_tori_btn {
	display: inline-block;
	min-width: 70%;
	font-size: 32px;
	color: #fff;
	line-height: 1.5;
	text-decoration: none;
	background: #093682;
	border-radius: 3em;
	padding: .15em 2em;
}
a.lp_tori_btn span {
	display: inline-block;
	background: url(../img/i_pdf@2x.png) no-repeat left center / 47px;
	padding: .5em .5em .5em 60px;
}
.lp_tori_posimg {
	display: inline-block;
	padding: 10px 25px;
}
.lp_tori_posimg img {
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width :767px) {
	.lp_tori_wrap {
		padding: 40px 0 40px;
	}
	.lp_tori {
		border-radius: 25px;
		padding: 40px 25px 40px;
	}
	a.lp_tori_btn {
		min-width: inherit;
		width: 100%;
		font-size: 22px;
	}
	a.lp_tori_btn span {
		background-size: 30px;
		padding: .5em .5em .5em 45px;
	}
	.lp_tori_posimg {
		width: 49%;
		padding: 5px 5px;
	}
	.lp_tori_posimg img {
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	}
}


/* toriatsukai QA */
.lp_qa_wrap {
	background: #f8efd3 url(../img/back02@2x.png) repeat center center / 20px;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	padding: 70px 0 100px;
}
.lp_qabox {
	background: #fff;
	border-top: 1px solid #d2d2d2;
}
.lp_qabox details {
	border-bottom: 1px solid #d2d2d2;
	transition: all 0.3s ease-in-out;
}
.lp_qabox summary {
	padding: 33px 80px 33px 30px;
	line-height: 1.5;
	cursor: pointer;
}
.lp_qabox summary::before,
.lp_qabox summary::after {
	width: 40px;
	height: 3px;
	background: #dead25;
	right: 32px;
	top: 0;
	bottom: 0;
	transition: transform 0.3s ease;
}
.lp_qabox summary::after {
	transform: rotate(-90deg);
}
.lp_qabox details .lp_qabox_a {
	padding: 0 30px 33px;
	margin-top: -12px;
}
.lp_qabox__jumin .lp_qabox_a { color: #e8382f;}
.lp_qabox__tenpo .lp_qabox_a { color: #093682;}

.lp_qabox details[open] summary::after {
	transform: rotate(0deg);
}

a.lp_qa_toribtn {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	line-height: 1.5;
	text-decoration: none;
	background: #093682;
	border-radius: 3em;
	padding: 1em 2.5em 1em 2em;
}
a.lp_qa_toribtn::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
	border-right: 0;
	top: 0;
	bottom: 0;
	right: 1.25em;
}

@media screen and (max-width :767px) {
	.lp_qa_wrap {
		padding: 60px 0 70px;
	}
	.lp_qabox summary {
		padding: 20px 55px 20px 20px;
		line-height: 1.4;
	}
	.lp_qabox summary::before,
	.lp_qabox summary::after {
		width: 26px;
		right: 18px;
	}
	.lp_qabox details .lp_qabox_a {
		font-size: 0.944em;
		padding: 15px 30px 20px 20px;
	}
	a.lp_qa_toribtn {
		font-size: 17px;
	}
}


/* toriatsukai contact */

.lp_contact_wrap {
	background: #eee6da url(../img/back03@2x.png) repeat center center / 20px;
	padding: 70px 0 100px;
}
.lp_contact {
	background: #fff;
	padding: 40px 0;
}
.lp_contact::before {
	width: 1px;
	height: calc( 100% - 80px);
	background: #d2d2d2;
	top: 40px;
	left: 0;
	right: 0;
}
.lp_contact_box {
	width: 50%;
	padding: 0 40px;
}
.lp_contact_boxttl {
	font-size: 24px;
	margin-bottom: .5em;
}
.lp_contact_boxname {
	font-size: 32px;
	line-height: 1.3;
}
.lp_contact_boxtel {
	font-size: 34px;
	line-height: 1.3;
}
@media screen and (max-width :1060px) {
	.lp_contact_boxttl {
		font-size: 2.26vw;
	}
	.lp_contact_boxname {
		font-size: 3.02vw;
	}
	.lp_contact_boxtel {
		font-size: 3.21vw;
	}
}
@media screen and (max-width :680px) {
	.lp_contact_wrap {
		padding: 50px 0 70px;
	}
	.lp_contact {
		padding: 10px 0;
	}
	.lp_contact::before {
		display: none;
	}
	.lp_contact_box {
		width: 90%;
		padding: 20px 0 20px;
		margin: 0 10%
	}
	.lp_contact .lp_contact_box:first-child {
		border-bottom: 1px solid #d2d2d2;
	}
	.lp_contact_boxttl {
		font-size: 19px;
	}
	.lp_contact_boxname {
		font-size: 21px;
	}
	.lp_contact_boxtel {
		font-size: 23px;
	}
}









