@charset "utf-8";

/*--------------------------------------------------------------
ステップアップサイト：レスポンシブ用

>>> 目次:
----------------------------------------------------------------
# reset
# general
	## general classes
# 共通部分のレイアウト
	## header
	## main nav
	## contents
	## cta
	## footer
	## back to top button

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# reset
--------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* IE11でmainがblock要素として認識されないため、mainも追加 (fukui*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--------------------------------------------------------------
# general
--------------------------------------------------------------*/

html {
	font-size: 62.5%;
	box-sizing: border-box;
    /*ページ内スクロールの時ヘッダーメニューより下に来るよう位置を調整*/
    scroll-padding-top: 100px;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
body,
button,
input,
select,
optgroup,
textarea {
	color: #333;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	font-weight: 500;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-feature-settings: "palt";
}
p {
	margin-bottom: 1em;
}
em {
	font-style: normal;
	font-weight: bold;
}
strong {
	font-weight: bold;
}
small {
	font-size: 80%;
}
big {
	font-size: 120%;
}

img {
	border-style: none;
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}
a {
    transition: all 0.3s ease;
}
nav a {
	text-decoration: none;
}
figure img,
a img {
	display: block;
}
figcaption {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	margin: .7em 0;
	font-weight: bold;
}
input, label, select {
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    html {
        scroll-padding-top: 10px;
    }
	
} /* end media query */

/*--------------------------------------------------------------
## general classes
--------------------------------------------------------------*/

/*---- typography */

.no_break {
	white-space: nowrap;
}
.text_bigger {
    font-size: 120%;
}
.text_center {
    text-align: center;
}
.note {
	margin-left: 2%;
	margin-right: 2%;
	font-size: 90%;
	padding-left: 1em;
	text-indent: -1em;
}

/*---- responsive */
.pc_only {
	display: block;
}
.pc_only600 {
    display: block;
}
.tiny_sp_above {
    display: block;
}
.sp_only {
	display: none;
}
.sp_only600{
    display: none;
}
.tiny_sp_only {
	display: none;
}
.sp_link {
	pointer-events: none;
}



@media screen and (max-width: 768px) {
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
	.sp_link {
	pointer-events: auto;
	}
}
@media screen and (max-width: 600px) {
	.pc_only600{
        display: none;
    }
    .sp_only600{
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .tiny_sp_above {
        display: none;
    }
	.tiny_sp_only {
		display: block;
	}
}


/*--- float for block elements */
.floatleft {
	float: left;
	margin-right: 3%;
}
.floatright {
	float: right;
	margin-left: 3%;
}

/*--- float none for responsive */

@media screen and (max-width: 480px) {
	.floatleft.tiny_sp,
	.floatright.tiny_sp {
		float: none;
		width: 100%;
	}
}

/*--- clearings */

.clearfix::after,
.site_header::after,
.main_menu::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

/*--- buttons */

.link_btn {
    margin: 0;
    padding: 0;
	text-align: center;
}

.link_btn a:link,
.link_btn a:visited,
.link_btn button {
    text-decoration: none;
    color: white;
    font-weight: bold;
    line-height: 1.5;
    background: #2f99a2;
	border-radius: 8px;
    display: inline-block;
    padding: 15px 30px;
    position: relative;
	margin: 0 8px 1em;
    border: none;
}
.link_btn a:hover,
.link_btn a:active,
.link_btn a:focus,
.link_btn button:hover,
.link_btn button:active,
.link_btn button:focus {
	background: #21c1d3;
    border: none;
    outline: none;
}

/*--- shadows */

.object_shadow {
    filter: drop-shadow(2px 1px 2px rgba(0,0,0,0.2));
}

/*--- breakline */
/* 要素のトップに配置される。*/

.breakline::before {
    content: '';
    border-top: 1px dotted gray;
    border-bottom: 1px dotted gray;
    width: 94%;
    height: 4px;
    display: block;
    margin: 0 auto 2.5em;
}

/*--- margins */
.mt_0 {
    margin-top: 0!important;
}
.mt_1 {
    margin-top: 1em!important;
}
.mt_2 {
    margin-top: 2em!important;
}

.mb_0 {
    margin-bottom: 0!important;
}
.mb_05 {
     margin-bottom: .5em!important;
}
.mb_1 {
    margin-bottom: 1em!important;
}
.mb_2 {
    margin-bottom: 2em!important;
}
.mb_3 {
    margin-bottom: 3em!important;
}

.ml_0 {
    margin-left: 0!important;
}
.ml_05 {
    margin-left: .5em!important;
}
.ml_1 {
    margin-left: 1em!important;
}
.ml_2 {
    margin-left: 2em!important;
}
.ml_3 {
    margin-left: 3em!important;
}

/* ----- bannerをaで囲む場合 */
.banner_link {
	display: block;
}

/*--- cards */
.card {
    border-radius: 10px;
    border: 1px dotted #999;
    background: #fff;
    overflow: hidden;
    height: 100%;
}
.card_media {
    display: block;
}
.card_text {
    padding: 1em;
}
.card_text p:last-of-type {
    margin-bottom: 0;
}





/*--------------------------------------------------------------
# 共通部分のレイアウト
--------------------------------------------------------------*/
.contents_section,
.nav_section,
.article_header h1,
.sub_content .article_header {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}

.sub_section {
    margin-bottom: 2em;
}

/*--------------------------------------------------------------
	## header
--------------------------------------------------------------*/

.site_header {
	position: relative;

}
.slogan {
	background: #1eb2c3;
	margin-bottom: 25px;
}
.slogan .site_title {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	margin-bottom:0;
	line-height: 30px;
}
.site_header .logo {
	width: 200px;
	margin-bottom: 1em;
}
.site_header .logo a {
	display: block;
}


@media screen and (max-width: 768px) {
	
	.site_header {
		height: 75px;
	}
	.site-branding {
		height: 75px;
	}
	.slogan {
		background: none;
		margin-bottom: 0;
		padding: 10px 20px 0;
	}	
	.slogan .site_title {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 1.5;
		padding: 0;
		color: #666;
	
	}
	.site_header .logo {
		margin-bottom: 0;
	}
	
} /* end media query */



/*--------------------------------------------------------------
	## main nav
--------------------------------------------------------------*/

.primary_navigation,
.nav_container {
	background: #1eb2c3;	
}

/*---- sticky menu */
.sticky {
	position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}


.main_menu {
	padding: 25px 20px 0;
	background: #c7e4e6;
	text-align: left;
	/*font-size: 13px;
	font-size: 1.3rem;*/
	font-weight: bold;
	font-feature-settings: "palt";
}
.main_menu li {
	display: inline-block;
	margin-right: 1em;
}
.main_menu a {
	color: #333;
}
.main_menu a:hover,
.main_menu a:active {
	color: #f3a730;
}
.main_menu li.home {
	float: left;
	line-height: 1.4;
	margin: -10px 2em 10px 0;
}
.main_menu li.home em {
	display: block;
	font-size: 140%;

}

/*------------ sub menu --------------*/
.sub_menu,
.contact_tel {
	position: absolute;
}
.sub_menu {
	top: 0;
	right: 10px;
	font-size: 12px;
	font-size: 1.2rem;
}
.sub_menu li {
	display: inline;
	
	line-height: 30px;
}
.sub_menu a {
	color: white;
	margin-left: 1em;
}
.sub_menu a:hover,
.sub_menu a:active {
	color: yellow;
}

.contact_tel {
	top: 40px;
	right: calc(50% - 500px);
	line-height: 1.1;
	font-feature-settings: "palt";
	font-size: 12px;
	text-align: right;
	padding: 10px 0;
}
.contact_tel strong {
	display: block;
	font-size: 34px;
	letter-spacing: -0.05em;
}
.contact_tel strong a {
	color: red;
}
.contact_tel strong a:hover,
.contact_tel strong a:active {
	color: #F34B4E;
}
.contact_tel strong a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f098";
	margin-right: 0.2em;
	font-weight: 900;
	color: #1eb2c3;
}


/*------------ toggle button --------------*/

.nav_toggle,
.nav_toggle_label {
	display: none;
}



@media screen and (max-width: 1000px) {
	.main_menu {
		padding: 15px 20px 0;
	}
	.main_menu li.home {
		margin-top: 5px;
	}
	.contact_tel {
		right: 20px;
	}
}


@media screen and (max-width: 768px) {
	
	.sticky {
		position: static;
	}
	
	.primary_navigation {
		padding-bottom: 1em;
		transform: scale(1,0);
		transform-origin: top;
		transition: transform 400ms ease-in-out;
		margin-top: -1px;
		z-index: 100;
		position: relative;
	}
	.primary_navigation a {
		display: block;
		opacity: 0;
		transition: opacity 150ms ease-in-out;
	}
	
	.main_menu {
		padding: 15px 0 5px;
		margin-bottom: 1em;
	}
	.main_menu li {
		display: block;
		margin-right: 0;
		line-height: 2.5;
		padding: 5px 20px 0;
		border-bottom: 1px dotted #1eb2c3;
	}
	.main_menu li:last-child {
		border-bottom: none;
	}
	.main_menu li.home {
    	float: none;
		margin: 0;
	}
	.main_menu li.home span {
		margin-right: 0.3em;
	}
	.main_menu li.home em {
		display: inline;
		white-space: nowrap;
	}

	
	.sub_menu,
	.contact_tel {
		position: static;
	}
	.sub_menu {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 20px;
	}
	.sub_menu li {
		display: block;
	}
	.contact_tel,
	.sub_menu li.contact_form {
		
		text-align: center;
		margin-bottom: .5em;
	}
	.contact_tel {
		color: white;
		background: #10646f;
		padding: 15px;		
		margin: 0 20px .8em;

	}
	.contact_tel strong a {
		color: white;
	}
	.contact_tel strong a:hover,
	.contact_tel strong a:active {
		color: yellow;
	}
	.sub_menu li.contact_form a {
		display: block;
		background: #10646f;
		margin-left: 0;
		font-size: 25px;
		font-size: 2.5rem;
		line-height: 70px;
	}
	.sub_menu li.contact_form a::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0e0";
		/*display: block;*/
		line-height: 1.4;
		font-weight: 900;
		margin-right: .3em;
	}
	
	
	/*------------ toggle button --------------*/

	.nav_toggle {
		display: none;
	}
	.nav_toggle_label {
		display: flex;
		align-items: center;
		font-size: 4rem;
		color: white;
		position: absolute;
		background: #1eb2c3;
		padding: 0 .5em;
		right: 0;
		bottom: 0;
		height: 75px;
	}

	.nav_toggle:checked ~ nav.primary_navigation {
		transform: scale(1,1);
		
	}
	.nav_toggle:checked ~ nav.primary_navigation a {
		opacity: 1;
		transition: opacity 250ms ease-in-out 250ms;
	}
	
	
} /* end media query */


@media screen and (max-width: 479px) {
	
	.contact_tel strong {
    	font-size: 9vw;
	}
	
} /* end media query */


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

article .contents_section {
	margin-bottom: 50px;
}

.main_section {
	margin-bottom: 6em;
}

.article_header {
	
	margin-bottom: 4em;
}
.title_kv {
	background: #c7e4e6;
}

.title_kv h1 img {
	display: block;
}
.sub_content .article_header {
	padding-top: 4em;
}
.text_section {
	padding: 0 30px;
	margin-bottom: 3em;
}
.sub_section {
	margin-bottom: 3em;
}

.lead {
    max-width: 900px;
    margin: 0 auto 3em;
    text-align: center;
    
}

.close {
	max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.lead p,
.close p {
	font-weight: bold;
	font-size: 110%;
}

.main_content h2,
.sub_content h1 {
	font-size: 36px;
	font-size: 3.6rem;
    color: #5088ab;
    padding: 0 10px;
    line-height: 1.4;
    font-weight: normal;
	border-bottom: 1px dotted #999;
	margin-bottom: 40px;
}
.main_content h2 em,
.sub_content h1 em {
	color: #2f99a2;
	font-weight: normal;
}

.main_content h2 small,
.sub_content h1 small {
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 0.5em;
}
.main_content h2 .smaller {
	font-size: 70%;
}

.main_content h3,
.sub_content h2 {
	font-size: 28px;
	font-size: 2.8rem;
    color: #2f99a2;
    font-weight: normal;
    border-bottom: 1px dotted gray;
    line-height: 1.4;
    margin-bottom: 1em;
}
.main_content h3 em,
.sub_content h2 em {
	color: #5088ab;
	font-weight: normal;
}

.main_content h4,
.sub_content h3 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #5088ab;
	margin-top: 1.5em;
	
}
.page_content strong {
	color: #2f99a2;
}
.page_content em {
	color: #5088ab;
}
.page_content a {
	color: #2f99a2;
	text-decoration: underline;
}
.page_content a:hover,
.page_content a:active {
	text-decoration: none;
}
.page_content a:hover img,
.page_content a:active img {
	opacity: 0.8;
}
.page_content b {
	font-weight: bold;
}

.list_ul, .list_ol {
    margin: 0 1em 1em 2em;
}
.list_ul li,
.list_ul dt,
.list_ol li {
	padding-left: 10px;
	position: relative;
	margin-bottom: 0.2em;
}
.list_ul li::before,
.list_ul dt::before {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	font-size: 60%;
	display: block;
	position: absolute;
	left: -5px;
	top: 0.3em;
	color: #5088ab;
}
.list_ul dt {
	font-weight: bold;
	width: 6em;
	float: left;
	clear: left;
}
.list_ul dd {
	margin-bottom: .2em;
    padding-left: 6em;
}

.list_ol {
    counter-reset: my-counter;
}
.list_ol li::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    color: #2f99a2;
    font-weight: bold;
    font-size: .8em;
    display: block;
    position: absolute;
    left: -5px;
    top: 1px;
}

.list_ul.list_voice {
    font-weight: bold;
}
.list_ul.list_voice li::before,
.list_ul.list_voice dt::before {
	content: "\f4ad";
	font-size: 120%;
	left: -11px;
	top: -3px;
	color: #2f99a2;
}

@media screen and (max-width: 768px) {
	
	.main_section {
    	border-top: 2px solid #1eb2c3;;
	}
	
	.text_section {
		padding: 0;
	}

} /* end media query */


@media screen and (max-width: 479px) {
	
	.main_section {
		margin-bottom: 2em;
	}
	
	.article_header {
    	margin-bottom: 2em;
	}
	
	.main_content h2,
	.sub_content h1 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.main_content h3,
	.sub_content h2 {
		font-size: 18px;
		font-size: 2.4rem;
	}
	.list_ul {
    	margin: 0 0 1em 1em;
	}
	
} /* end media query */



/*----------- dlの2段組み表（会社情報、求人募集） */

.table_style_su {
    display: table;
    border-spacing: 0 20px;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
    margin: 0;	
}
.table_style_su > dl {
    position: relative;
    display: table-row;
	line-height: 1.5;
	
}
.table_style_su > dl > dt {
    width: 30%;
    background: #00a9c9;
    color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 15px;
	position: relative;
	
}
.table_style_su > dl > dd {
	display: table-cell;
	width: 70%;
	background: #e5e5e5;
	padding: 15px 20px 15px 30px;
	vertical-align: middle;
}
.table_style_su dt:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #00a9c9;
    border-width: 10px;
    margin-top: -10px;
}

@media screen and (max-width: 600px) {
	
	.table_style_su {
		margin-top: -30px;
	}
	
	.table_style_su > dl > dt,
	.table_style_su > dl > dd {
		display: block;
		width: 100%;
		padding: 10px 20px;
	}
	.table_style_su > dl > dt {
		text-align: left;
	}
	.table_style_su dt:after {
		display: none;
	}
} /* end media query */



/*----------- dlの2段組み表（フロート式） */

.table_style_fl dt {
	float: left;
	clear: both;
	font-weight: bold;
	color: #5088ab;
}
.table_style_fl dd {
	
}

@media screen and (max-width: 600px) {
	
	.table_style_fl dt {
		float: none;

	}
	.table_style_fl dd {
		
	}
	
}/* end media query */






/*-------------------- コラム形式 ---------------------*/

.page_content .col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.page_content .col2 > * {
	width: 49%;
}

@media screen and (max-width: 480px) {
	.page_content .col2 {
		display: block;
	}
	.page_content .col2 > * {
		width: 100%;
	}
	
} /* end media query */



/*-------------------- インタビュー記事 ---------------------*/

/*.interview_article .article_title {
    padding-left: 60px;
    background: url("../img/mdl_interview_icon_pass.png") no-repeat left center;
    background-size: 50px;
}
.interview_article .article_title small {
    font-size: 65%;
    font-weight: bold;
    display: block;
    line-height: 1.4;
    margin-bottom: 5px;
}
.interview_article .lead p {
    font-size: 110%;
    text-align: center;
    font-weight: bold;
}
.interview_article .mv img {
    border-radius: 15px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.15);
}
.interview_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
}
.interview_question {
    border-top: 1px dotted gray;
    padding-top: 2em;
}
.interview_answer {
    flex-direction: row-reverse;
}
.interview_icon {
    width: 130px;
    display: flex;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #2f99a2;
}
.interview_icon img {
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.interview_contents {
    width: calc(100% - 160px);
}
.interviewer::before {
    content: 'Q';
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: gray;
    margin-right: .5em;
}
.interviewer::before {
    content: 'Q';
    display: block;
    font-size: 40px;
    color: #9dc6e0;
    font-weight: bold;
    margin-right: .5em;
    line-height: 1;
    margin-top: .5em;
}
.interviewee::after {
    content: 'A';
    display: block;
    font-size: 40px;
    color: #fcd66f;
    font-weight: bold;
    margin-left: .5em;
    line-height: 1;
    margin-top: .5em;
}
.interview_question > dd {
    font-size: 115%;
    font-weight: bold;
    color: #2f99a2;
    padding-right: 3em;
}
.interview_answer > dd {
    padding-left: 4em;
}

.interview_comments {
    background: #e3f7f7;
    padding: 4em 3em 2em;
    border-radius: 15px;
    position: relative;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.15);
}
.interview_comments .title {
    margin-top: 0;
    margin-bottom: .5em;
    font-weight: bold;
    display: inline-block;
    background: #1eb2c3;
    color: #fff;
    font-size: 1.6rem;
    padding: 10px 15px 5px;
    position: absolute;
    top: -5px;
    border-radius: 0 0 5px 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.interview_comments figure {
    width: 150px;
}
.interview_comments img {
    border-radius: 10px;
}*/

@media screen and (max-width: 479px) {
    /*.interview_icon {
        width: 110px;
    }
    .interviewer::before {
        margin-right: 0.2em;
    }
    .interviewee::after {
        margin-left: 0.2em;
    }
    .interview_contents {
        width: calc(100% - 125px);
    }
    .interview_question > dd {
        padding-right: 0em;
        font-size: 110%;
    }
    .interview_answer {
        display: block;
    }
    .interviewee {
        float: right;  
        margin-top: -0.6em;
        margin-left: 1em;
    }
    .interview_answer > dd {
        padding-left: 0;
        width: 100%;
    }
    .interview_comments {
        padding: 4em 1em 1em;
    }

    .interview_comments .title {
        font-size: 1.5rem;
        left: 1.5em;
    }
    .interview_comments figure {
        width: 120px;
    }*/
    
	
} /* end media query */


/*--------------------------------------------------------------
	## cta
--------------------------------------------------------------*/

.cta {
	margin-bottom: 50px;
}
.inquiry {
	position:relative;
	border: 2px solid #666;
	border-radius: 10px;
	color: #666;
	/*padding: 30px 30px 0 220px;*/
    padding: 30px 30px 0;
	margin-top: 40px;
}
.inquiry .image {
	/*position: absolute;
	left: 20px;
	bottom: 0;*/
    display: none;
}
.inquiry .image img {
	display: block;
}
.inquiry h3 {
	font-size: 30px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 10px;
    text-align: center;
}
.inquiry .phone {
	width: 50%;
	float: left;
	line-height: 1.2;
    text-align: center;
}
.inquiry .phone-number a {
	text-decoration: none;
	display: block;
	color: red;
	font-weight: bold;
	font-size: 40px;
	line-height: 1.1;
}

.inquiry .phone-number a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f098";
    margin-right: 0.2em;
    font-weight: 900;
}

.inquiry .btn {
	float: left;
    margin-top: 10px;
    width: 50%
}
.iniry .btn a {
	opacity: 1;
}
.inquiry .btn a:hover, 
.inquiry .btn a:active {
	opacity: 0.8;
}
.inquiry .btn img {
    margin: 0 auto;
}

@media screen and (max-width: 900px) {
	
	/*.inquiry .phone {
		width: 100%;
	}
	*/
} /* end media query */


@media screen and (max-width: 768px) {
	
	.inquiry {
		padding: 20px 20px 0;
		text-align: center;
	}
	.inquiry h3 {
		font-size: 4.5vw;
	}
	.inquiry .image {
		display: none;
	}
	.inquiry .phone {
        width: 100%;
		margin-bottom: 0.3em;
	}
	.inquiry .phone li {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.inquiry .phone-number a {
    	font-size: 8vw;
	}
	.inquiry .btn {
		max-width: 300px;
		float: none;
		margin: 0 auto;
        width: 100%;
	}
	
	
} /* end media query */


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

.site_footer {
	background: #10646f;
	padding-top: 2em;
}
.site_footer .logo {
	width: 200px;
	margin: 0 auto 1em;
}
.site_footer .footer_menu {
	text-align: center;
	margin-bottom: 2em;
}
.site_footer .footer_menu li {
	display: inline;
	padding: 0 0.7em 0 0.3em;
	border-right: 1px solid #fff;
	font-size: 12px;
	font-size: 1.2rem;
	white-space: nowrap;
    line-height: 3;
}
.site_footer .footer_menu li:last-child {
	border-right: none;
}
.site_footer .footer_menu a {
	color: #fff;
}
.site_footer .footer_menu a:hover,
.site_footer .footer_menu a:active {
	color: yellow;
}
.site_footer .copyright {
	background: #333;
	color: #fff;
	text-align: center;
}
.site_footer .copyright p {
	line-height: 3;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
	## back to top button
--------------------------------------------------------------*/

#back-top {
    position: fixed;
    bottom: 2%;
    right: 1%;
}
#back-top a {
	display: block;
	width: 80px;
}

@media screen and (max-width: 768px) {
	
	
	#back-top a {
		width: 12vw;
	}
	
} /* end media query */

@media screen and (max-width: 479px) {
	#back-top {
		right: 3%;
	}
}