@charset "utf-8";
/*
****************************************
----------------------------------------
-------common
----------------------------------------
****************************************
*/

.dn {
	display: none !important;
}

.button > a{
	transition: background 0.7s,color 0.7s;
}

.button > a:before {
	transition: border 0.7s;
}

.button > a:hover {
	color: #fff;
	background: #318cc4;
	opacity: 1;
}

.button > a:hover:before {
	border-color: #fff;
}

.tel-link > a {
	border-bottom: 1px solid;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
button
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.button {
	border: 1px solid #318cc4;
}
.button a {
	color: #318cc4;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
arrow
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.arrow a:before {
	border-top: 1px solid #318cc4;
	border-right: 1px solid #318cc4;
}
/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
d_arrow
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.d_arrow a:before,
.d_arrow a:after {
	border-top: 1px solid #ea6285;
	border-right: 1px solid #ea6285;
}

/*
****************************************
----------------------------------------
------- h2
----------------------------------------
****************************************
*/
h2 {
	color: #318cc4;
}
/*
****************************************
----------------------------------------
-------header
----------------------------------------
****************************************
*/

header {
	background: #fff;
}

header h1 a {
	display: inline-block;
	color: #318cc4;
	font-weight: 700;
	font-size: 2.5rem;
}

header nav a {
	color: #318cc4;
}

header .slicknav_menu .slicknav_icon-bar {
	background: #318cc4;
}

header nav a {
	background-image:-webkit-linear-gradient(left,#318cc4, #318cc4 1px, transparent 1px, transparent 2px);
	background-image: linear-gradient(to left, #318cc4, #318cc4 1px, transparent 1px, transparent 2px);
	background-size: 3px 1px;
	background-position: center bottom;
	background-repeat: repeat-x;
}

/*
****************************************
----------------------------------------
------- mv_wrap
----------------------------------------
****************************************
*/

#mv_wrap {
	background: url(../images/mvbg.png) center center repeat;
	border-bottom: 4px solid #9bc2db;
}

/*
****************************************
----------------------------------------
------- service
----------------------------------------
****************************************
*/

#service {
	background: url(../images/service_bg.png) center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/*
****************************************
----------------------------------------
------- corporate
----------------------------------------
****************************************
*/

#corporate {
	background: url(../images/corporate_bg.png) center top no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

#corporate th {
	background: rgba(255,255,255,0.3);
}

#corporate td {
	background: rgba(255,255,255,0.6);
}

#corporate th,
#corporate td {
	border: 1px solid #318cc4;
	border-collapse: collapse;
}
#corporate .dot li:before {
	background: #318cc4;
}

#corporate .corporate_hosoku {
	text-align: center;
	margin: 1.5em auto 0;
	background: #fff;
	padding: 0.8em;
	max-width: 740px;
}

#corporate .corporate_hosoku a {
	text-decoration: underline;
}


/*
****************************************
----------------------------------------
------- access
----------------------------------------
****************************************
*/
#access {
	background: #fef7f9;
}

#access .dot li:before {
	background: #ea6285;
}

/*
****************************************
----------------------------------------
------- top_button
----------------------------------------
****************************************
*/
#top_button {
	transition: 0.5s;
}

#top_button:hover {
	opacity: 0.7;
}

#top_button {
	background: #d6e8f3;
}

#top_button a {
	color: #318cc4;
}

#top_button a:before {
	border-top: 1px solid #318cc4;
	border-left: 1px solid #318cc4;
}

/*
****************************************
----------------------------------------
------- footer
----------------------------------------
****************************************
*/


footer .f_bottom {
	text-align: center;
	color: #fff;
	background: #318cc4;
}