@charset "UTF-8";
/* CSS Document */

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

　   webフォント

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

/*Outfit*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/*Roboto*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


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

　   全体

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

html {
	margin:			0!important;
	padding:		0!important;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
	-moz-text-size-adjust:		none;
	-webkit-text-size-adjust:	100%;
	}
	
body{
	color: #555;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Helvetica, sans-serif;
	font-family: "Poppins";
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	line-height:	180%;
	width:			100%;
	padding:		0;
	}
	@media only screen and (max-width: 640px) {
		body{
			line-height:	170%;
			font-size: 15px;
			}
		}
	@media only screen and (max-width: 540px) {
		body{
			font-size: 14.5px;
			}
		}
	@media only screen and (max-width: 480px) {
		body{
			font-size: 13.5px;
			}
		}
	@media only screen and (max-width: 360px) {
		body{
			font-size: 13px;
			}
		}

	img {
		border:			0;
		vertical-align:	middle;
		}
	a img {
		text-align:center;
		border-style:none;
		}




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

　   共通パーツ

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

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

　テキスト

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


/* リンク 装飾なし　*/
a{
	text-decoration: none;
    transition: .3s;
	}
a:hover{
    opacity: .7;
}

/*フォント指定*/
.tiny{
    font-size: 0.7em;
    }

/*フォント色指定*/
.ft_blue{
    color: #35aacd!important;
    }

.ft_white{
	color: #ffffff!important;
	}


.tx_shadow__white{
	text-shadow: 
		0px 0px 10px rgba(255, 255, 255, 1),
		0px 0px 10px rgba(255, 255, 255, 1),
		0px 0px 10px rgba(255, 255, 255, 1);
	}

.tx_shadow__blue{
	text-shadow: 
		0px 0px 10px rgba(5, 170, 205, 1),
		0px 0px 10px rgba(5, 170, 205, 1),
		0px 0px 10px rgba(5, 170, 205, 1);
	}

.tx_shadow__gray{
	text-shadow: 
		0px 0px 5px rgba(100, 100, 100, 1),
		0px 0px 8px rgba(100, 100, 100, 1);
	}





span.smoothText {
	overflow: hidden;
	display: block;
}

/* アニメーションで傾斜がついている文字列を水平に戻す*/
span.smoothTextTrigger{
	transition: .8s ease-in-out;
	transform: translate3d(0,100%,0) skewY(12deg);
	transform-origin: left;
	display: block;
}
span.smoothTextTrigger.smoothTextAppear{
    transform: translate3d(0,0,0) skewY(0);
}





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

　フォントサイズ

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

.ft_8{font-size:60%}
.ft_9{font-size:65%}
.ft_10{font-size:70%}
.ft_11{font-size:75%}
.ft_12{font-size:80%}
.ft_13{font-size:85%}
.ft_14{font-size:90%}
.ft_15{font-size:95%}
.ft_16{font-size:100%}
.ft_17{font-size:105%}
.ft_18{font-size:110%}
.ft_19{font-size:115%}
.ft_20{font-size:120%}
.ft_21{font-size:125%}
.ft_22{font-size:130%}
.ft_23{font-size:135%}
.ft_24{font-size:140%;}
.ft_25{font-size:145%;}
.ft_26{font-size:150%;}
.ft_27{font-size:155%;}
.ft_28{font-size:160%;}
.ft_29{font-size:165%;}
.ft_30{font-size:170%;}
.ft_31{font-size:175%;}
.ft_32{font-size:180%;}
.ft_33{font-size:185%;}
.ft_34{font-size:190%;}
.ft_35{font-size:195%;}
.ft_36{font-size:200%;}

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

　デバイスで表示切り替え

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

/*　PCで非表示、スマホで表示　*/
.pc_hidden{
	display: none;
	}
	@media only screen and (max-width: 767px) {
		.pc_hidden{
			display:block !important;
			}
		}
/*　スマホで非表示、PCで表示　*/
.sp_hidden{
	display: block;
	}
	@media only screen and (max-width: 767px) {
		.sp_hidden{
			display:none!important;
			}
		}


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

　罫線

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

hr.line_solid{
	border: none;
	border-bottom: solid 1px #ddd;
	margin: 1.2rem 0;
	}




/*　回りこみ解除　*/
.clear{
	clear:both;
	float: none;
	}
.clear::after {
	content: " "; 
	display: block;
	clear: both;
	}

/*PCでのtel:無効に*/
[href^="tel"] {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
	}
@media screen and (max-width: 767px) {
    [href^="tel"] {
        pointer-events: auto;
    	}
	}




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

　画像

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

img {
	border:			0;
	vertical-align:	middle;/*画像 縦配置時の隙間なくす*/
	}
a img {
	text-align:center;
    border-style:none;
	}

/* 画像 正方形トリミング object-fit　IE・Edge用
.object-fit-img{
	object-fit: contain;
	font-family: 'object-fit: contain;'
	}　*/
	

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

　ボタン

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

/*== ボタン共通設定 */
.btn{
    position: relative;
	overflow: hidden;
	display: inline-block;
	background:#35aacd;
   	border: 1px solid #35aacd;
    padding: 1.2rem 1.5rem;
	min-width: 280px;
    text-align: center;
    outline: none; 
    transition: ease .2s;
	z-index: 100;
	}
.btn a{
	text-decoration: none!important;
	}
.btn span {
	position: relative;
	z-index: 3;
	color:#fff;
	font-size: 125%;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.1rem;
	}
.btn:hover span{
	color:#35aacd;
	}

.bgskew::before {
	content: '';
	position: absolute;
	top: 0;
	left: -130%;
	background:#fff;
	width:120%;
	height: 100%;
	transform: skewX(-25deg);
	}
.bgskew:hover::before {
	animation: skewanime .5s forwards;
	}
@keyframes skewanime {
	100% {
		left:-10%;
		}
	}





/*白枠＋hover青文字*/
.btn.cl_white_blue{
	background:none;
   	border: 1px solid #fff;
	}
.btn.cl_white_blue span {
	color:#fff;
	}
.btn.cl_white_blue:hover span{
	color:#35aacd;
	}





/*白枠＋hoverグレー文字*/
.btn.cl_white_gray{
	background:none;
   	border: 1px solid #fff;
	}
.btn.cl_white_gray span {
	color:#fff;
	}
.btn.cl_white_gray:hover span{
	color:#b3b3b3;
	}


/*黒背景字*/
.btn.cl_black{
	width: 100%;
	background:#000;
   	border: 1px solid #000;
	}
.btn.cl_black span {
	color:#fff;
	}
.btn.cl_black:hover span{
	color:#000;
	}


.js-parallax .btn{
	overflow: hidden!important;
	}






	@media only screen and (max-width: 900px) {
		}
	@media only screen and (max-width: 767px) {
		/*== ボタン共通設定 */
		.btn{
			padding: 1rem;
			}
        }
	@media only screen and (max-width: 540px) {
		/*== ボタン共通設定 */
		.btn{
			padding: 0.75rem 1rem;
			min-width: 200px;
			}
        }
	@media only screen and (max-width: 480px) {
		}
	@media only screen and (max-width: 360px) {
		}
	@media only screen and (max-width: 260px) {
		}








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

　   wrapper

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

.wrapper{
	overflow: hidden;
	}







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

　   header

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

/*-- サイトタイトル --*/
.site_ttl{
    position:fixed;
    top: 20px;
    left: 4%;
	z-index: 99;
	}
.site_ttl img.s_t_p{
	width:100%;
	max-width:315px;
	height:auto;
	max-height:52px;
	}
.site_ttl img.s_t_s{
	width:100%;
	max-width:315px;
	height:auto;
	max-height:52px;
	}

/*-- スクロール後.fixed付与 --*/
.s_t_p{/*ロゴ大表示*/
	display: block;
	}
.s_t_p.fixed{
	display: none;
	}
.s_t_s{/*ロゴ小表示*/
	display: none;
	}
.s_t_s.fixed{
	display: block;
	}
.s_t_s.fixed{
	position:fixed;
    top: 19px!important;
	}
	@media only screen and ( max-width : 540px ) {
        .site_ttl{
            top: 18px;
            left: 3%;
            }
		.site_ttl img.s_t_s.fixed{
            top: 10px!important;
			width:50%;
			}
        .site_ttl img.s_t_p{
			width:80%;
			}
		}
	@media only screen and ( max-width : 480px ) {}
	@media only screen and ( max-width : 400px ) {
		
        .site_ttl img.s_t_p{
			width:70%;
			}
		}
	@media only screen and ( max-width : 360px ) {}





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

　   main

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

main#main{}



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

共通

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

section{
	padding-top: 4em;
	padding-bottom: 4em;
	}

.container{
    max-width: 1020px;
    width: 92%;
    margin: 0 auto;
	}

.container2{
    max-width: 760px;
    width: 92%;
    margin: 0 auto;
	}









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

タイトル

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

/*-----見出し（大）-----*/
.title_main__heading{
	margin-bottom: 2.5rem;
	}
/*英字*/
.title_main__heading .en{
	color: #35aacd;
	font-size:540%;
	font-weight: bold;
	line-height: 105%;
	font-style: italic;
	}
/*日本語*/
.title_main__heading .jp{
	font-size:125%;
	font-weight: bold;
	line-height: 150%;
	}

	@media only screen and (max-width: 900px) {
		/*英字*/
		.title_main__heading .en{
			font-size:500%;
			}
		}
	@media only screen and (max-width: 767px) {
		.title_main__heading{
			margin-bottom: 0;
			}
		/*英字*/
		.title_main__heading .en{
			font-size:450%;
			line-height: 105%;
			}
		/*日本語*/
		.title_main__heading .jp{
			line-height: 130%;
			}
		}
	@media only screen and (max-width: 540px) {
		/*英字*/
		.title_main__heading .en{
			font-size:320%;
			line-height: 105%;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}






/*-----見出し（小）-----*/
.title_sec__heading{
	font-weight: bold;
	}

/*英字*/
.title_sec__heading .en{
	color: #35aacd;
	font-size:320%;
	font-style: italic;
	line-height: 120%;
	}
/*日本語*/
.title_sec__heading h2{
	font-size:125%;
	}

	@media only screen and (max-width: 900px) {}
	@media only screen and (max-width: 767px) {
		.title_sec__heading .en{
			font-size:300%;
			}
		.title_sec__heading h2{
			font-size:120%;
			}
		}
	@media only screen and (max-width: 540px) {
		.title_sec__heading .en{
			font-size:260%;
			line-height: 110%;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}






.main_cont__wrap{}




/*キャッチコピー*/
.sec_message .catch,
.sec_service .catch,
.sec_products .catch{
	margin-top: 3rem;
	}

.sec_message .catch p,
.sec_service .catch p,
.sec_products .catch p{
	font-size: 190%;
	font-weight: bold;
	line-height: 170%;
	}

/*概要文*/
.sec_message .note,
.sec_service .note,
.sec_products .note{
	margin: 2rem 0 2rem 0;
	}
.sec_message .note p,
.sec_service .note p,
.sec_products .note p{
	font-size: 110%;
	font-weight: bold;
	line-height: 200%;
	}

/*ボタン*/
.btn_wrap__left{
	text-align: left!important;
	}
.sec_message .btn,
.sec_service .btn,
.sec_products .btn{
	}



	@media only screen and (max-width: 900px) {}
	@media only screen and (max-width: 767px) {
		/*キャッチコピー*/
		.sec_message .catch,
		.sec_service .catch,
		.sec_products .catch{
			margin-top: 2rem;
			}
		.sec_message .catch p,
		.sec_service .catch p,
		.sec_products .catch p{
			font-size: 150%;
			line-height: 160%;
			}
		}
	@media only screen and (max-width: 620px) {
		.sec_message .note br,
		.sec_service .note br,
		.sec_products .note br{
			display: none;
			}
		}
	@media only screen and (max-width: 540px) {
		/*概要文*/
		.sec_message .note,
		.sec_service .note,
		.sec_products .note{
			margin: 1.5rem 0 1.5rem 0;
			}
		.sec_message .note p,
		.sec_service .note p,
		.sec_products .note p{
			font-size: 100%;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {
		/*キャッチコピー*/
		.sec_message .catch,
		.sec_service .catch,
		.sec_products .catch{
			margin-top: 1.5rem;
			}
		.sec_message .catch p,
		.sec_service .catch p,
		.sec_products .catch p{
			font-size: 140%;
			}
		/*概要文*/
		.sec_message .note,
		.sec_service .note,
		.sec_products .note{
			margin: 1rem 0 1rem 0;
			}
		.sec_message .note p,
		.sec_service .note p,
		.sec_products .note p{
			line-height: 150%;
			}
		}
	@media only screen and (max-width: 260px) {}










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

　メッセージ

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

/*全体*/
.sec_message{
	background: url("../img/sec_message__bg.png") no-repeat top center;
	background-size:cover;
	height: 700px;
	padding-top: 100px;
	}
.sec_message__wrap{
	position: relative;
	max-width: 1020px;
    width: 92%;
    margin: 0 auto;
	}

/*-----メッセージ 囲み-----*/
.sec_message__cont{
	position: absolute;
	right: 0;
	}

/*キャッチコピー*/
.sec_message .catch p,
.sec_message .note p{
	text-shadow: 
		0px 0px 10px rgba(255, 255, 255, 1),
		0px 0px 10px rgba(255, 255, 255, 1),
		0px 0px 10px rgba(255, 255, 255, 1);
	}

	@media only screen and (max-width: 900px) {}
	@media only screen and (max-width: 767px) {
		/*全体*/
		.sec_message{
			background: url("../img/sec_message__bg.png") no-repeat top left;
			background-size:cover;
			height: 800px;
			padding-top: 280px;
			}
		/*-----メッセージ 囲み-----*/
		.sec_message__cont{
			position: inherit;
			right: inherit;
			}
		}
	@media only screen and (max-width: 540px) {
		/*全体*/
		.sec_message{
			background: url("../img/sec_message__bg.png") no-repeat top left;
			background-size:cover;
			height: 700px;
			padding-top: 260px;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {
		/*全体*/
		.sec_message{
			height: 600px;
			padding-top: 230px;
			}
		}
	@media only screen and (max-width: 260px) {}






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

　事業案内

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

/*全体*/
.sec_service{
	/*background: url("../img/sec_service__bg.png") no-repeat top left;
	background-size:100%;*/
	height: 800px;
	padding: 150px 0 0 0;
	}
.sec_service__wrap{
	position: relative;
	max-width: 1020px;
    width: 92%;
    margin: 0 auto;
	}

/*-----メッセージ 囲み-----*/
.sec_service__cont{
	position: absolute;
	}

/*英字*/
.sec_service .title_main__heading .en{
	text-shadow: 
	0px 0px 10px rgba(5, 170, 205, 1),
	0px 0px 10px rgba(5, 170, 205, 1),
	0px 0px 10px rgba(5, 170, 205, 1);
	}
	@media only screen and (max-width: 1200px) {}
	@media only screen and (max-width: 900px) {
		/*全体*/
		.sec_service{
			height: 600px;
			padding: 80px 0 0 0;
			}
		}
	@media only screen and (max-width: 767px) {
		}
	@media only screen and (max-width: 540px) {
		/*全体*/
		.sec_service{
			height: 500px;
			padding: 70px 0 0 0;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {
		/*全体*/
		.sec_service{
			height: 400px;
			padding: 50px 0 0 0;
			}
		}
	@media only screen and (max-width: 260px) {}



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

　製品紹介

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

/*全体*/
.sec_products{
	/*background: url("../img/sec_product__bg.png") no-repeat bottom right;
	background-size:contain;*/
	height: 1000px;
	padding: 300px 0 0 0;
	}
.sec_products__wrap{
	position: relative;
	max-width: 1020px;
    width: 92%;
    margin: 0 auto;
	}

/*-----メッセージ 囲み-----*/
.sec_products__cont{
	position: absolute;
	right: 0;
	}
	@media only screen and (max-width: 1500px) {
		}
	@media only screen and (max-width: 900px) {
		}
	@media only screen and (max-width: 767px) {
		/*全体*/
		.sec_products{
			height: 900px;
			padding: 300px 0 0 0;
			}
		/*キャッチコピー*/
		.sec_products .catch p,
		.sec_products .note p{
			text-shadow: 
				0px 0px 10px rgba(255, 255, 255, 1),
				0px 0px 10px rgba(255, 255, 255, 1),
				0px 0px 10px rgba(255, 255, 255, 1);
			}
		}
	@media only screen and (max-width: 540px) {}
	@media only screen and (max-width: 480px) {
		/*全体*/
		.sec_products{
			height: 640px;
			padding: 200px 0 0 0;
			}
		}
	@media only screen and (max-width: 360px) {
		/*全体*/
		.sec_products{
			height: 600px;
			padding: 180px 0 0 0;
			}
		}
	@media only screen and (max-width: 260px) {}





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

　背景

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

.bg__ser_pro{
	background: url("../img/sec_product__bg.jpg") no-repeat top left;
	background-size:cover;
	}
	@media only screen and (max-width: 767px) {
		.bg__ser_pro{
			background: url("../img/sec_product__bg.jpg") no-repeat top left;
			background-size:180%;
			}
		}
	@media only screen and (max-width: 540px) {}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}









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

　スライダー

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

/*全体*/
.sec_slider{
	padding: 0!important;
	}

/*スライダー*/
.slider{}
.slider li{
	width: 33.334%;
	}
.slider li img{
	width: 100%;
    height: auto;
    object-fit: cover;
	}
	@media only screen and (max-width: 1500px) {
		}
	@media only screen and (max-width: 1020px) {}
	@media only screen and (max-width: 900px) {
		}
	@media only screen and (max-width: 767px) {
		}
	@media only screen and (max-width: 540px) {}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}











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

　新着情報

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

/*全体*/
.sec_info{
	margin: 4rem auto;
	}

.sec_info .title_sec__heading{
	text-align: center;
	}

/*-----記事 囲み-----*/
.post__wrap{
	margin: 3em 0 4.5em 0;
	}

/*記事 個別*/
.post__wrap .post{
	display: flex;
	justify-content: flex-start;
	border-bottom: solid 1px #ddd;
	padding: 1.9em 0;
	}
.post__wrap .post:first-child{
	border-top: solid 1px #ddd;
	}

/*日付*/
.post__wrap .date{
	width: 18%;
	}

/*タイトル*/
.post__wrap .ttl{}



.btn_wrap{
	text-align: center;
	}
.sec_info .btn{}

	@media only screen and (max-width: 767px) {
		/*全体*/
		.sec_info{
			margin: 0 auto 1rem auto;
			}
		}
	@media only screen and (max-width: 540px) {
		/*-----記事 囲み-----*/
		.post__wrap{
			margin: 2em 0 3em 0;
			}
		/*記事 個別*/
		.post__wrap .post{
			padding: 1.2em 0;
			}
		}
	@media only screen and (max-width: 480px) {
		/*日付*/
		.post__wrap .date{
			width: 24%;
			}
		}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}









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

　TSPEC

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

/*全体*/
.sec_tspec{
	background: url("../img/sec_tspec__bg2.jpg") no-repeat center center;
	background-size: cover;
	color: #fff;
	text-align: center;
	/*padding: 5rem 3rem 4rem 3rem;*/
	height: 550px;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.sec_tspec__wrap{}

/*斬新なメタル…*/
.sec_tspec .catch{
	font-size: 140%;
	font-weight: bold;
	line-height: 180%;
	margin-bottom: 2rem;
	}

/*METALWORK…*/
.sec_tspec .label{
	font-size: 140%;
	font-weight: 300;
	letter-spacing: 0.3rem;
	line-height: 150%;
	}

/*T.SPEC*/
.sec_tspec .ttl{
	font-size: 500%;
	font-weight: 300;
	letter-spacing: 1.2rem;
	line-height: 140%;
	}
.sec_tspec .ttl span{
	position: relative;
	top: -2rem;
	}

/*ボタン*/
.sec_tspec .btn{
	margin: 1rem 0 0 0;
	}


	@media only screen and (max-width: 900px) {
		/*全体*/
		.sec_tspec{
			background: url("../img/sec_tspec__bg.jpg") no-repeat center right;
			background-size: cover;
			}
		.sec_tspec{
			height: 500px;
			}
		}
	@media only screen and (max-width: 767px) {
		.sec_tspec{
			height: 450px;
			}
		/*斬新なメタル…*/
		.sec_tspec .catch{
			margin-bottom: 0.5rem;
			}
		/*T.SPEC*/
		.sec_tspec .ttl{
			line-height: 100%;
			}
		.sec_tspec .ttl span{
			top: -1.5rem;
			}
		}
	@media only screen and (max-width: 540px) {
		.sec_tspec{
			height: 400px;
			}
		/*斬新なメタル…*/
		.sec_tspec .catch{
			font-size: 110%;
			line-height: 160%;
			}
		/*METALWORK…*/
		.sec_tspec .label{
			font-size: 130%;
			letter-spacing: 0.2rem;
			line-height: 160%;
			}
		/*T.SPEC*/
		.sec_tspec .ttl{
			font-size: 380%;
			letter-spacing: 0.8rem;
			}
		.sec_tspec .ttl span{
			top: -1.2rem;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}




















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

　採用情報

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

.sec_recruit{
	background: url("../img/sec_recruit__bg_.jpg") no-repeat center center;
	background-size: cover;
    max-width: 1020px;
    width: 92%;
    margin: 5rem auto 0 auto;
	padding: 3rem 3rem 3rem 4rem;
	}
.sec_recruit__wrap{
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse;
	}

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

左側

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

.sec_recruit__left{}

.sec_recruit__left .title_sec__heading{
	margin-bottom: 1.5rem;
	}
.sec_recruit__left .catch{
	margin-bottom: 5rem;
	}
.sec_recruit__left .catch p{
	font-size: 150%;
	font-weight: bold;
	line-height: 170%;
	}

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

右側

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

.sec_recruit__right{
	position: relative;
	}

.sec_recruit__img01,
.sec_recruit__img02{
	position: absolute;
	width: 250px;
	height: 250px;
	}

.sec_recruit__img01{
	top: 0;
	right: 0;
	}
.sec_recruit__img02{
	bottom: 0;
	right: 200px;
	}

.sec_recruit__img01 img,
.sec_recruit__img02 img{
	width: 100%;
	height: auto;
	}
.sec_recruit__img01 img{}
.sec_recruit__img02 img{}

	@media only screen and (max-width: 1020px) {
		.sec_recruit__img01,
		.sec_recruit__img02{
			width: 200px;
			height: 200px;
			}
		.sec_recruit__img02{
			right: 120px;
			}
		}
	@media only screen and (max-width: 900px) {
		.sec_recruit{
			padding: 2rem 2rem 2rem 3rem;
			}
		.sec_recruit__left .catch{
			margin-bottom: 3rem;
			}
		.sec_recruit__left .catch p{
			font-size: 130%;
			}
		.sec_recruit__img01{
			width: 200px;
			height: 200px;
			}
		.sec_recruit__img02{
			width: 160px;
			height: 160px;
			right: 130px;
			}
		}
	@media only screen and (max-width: 767px) {
		.sec_recruit{
			padding: 1.5rem 1.5rem 1.5rem 2rem;
			}
		.sec_recruit__wrap{
			display: block;
			justify-content:center;
			}
		.sec_recruit__left{}
		.sec_recruit__right{
			height: 130px;
			}
		.sec_recruit__img01{
			width: 240px;
			height: 240px;
			top: 0;
			right: 60px;
			}
		.sec_recruit__img02{
			width: 190px;
			height: 190px;
			bottom: -260px;
			right: 0;
			}
		}
	@media only screen and (max-width: 600px) {
		.sec_recruit{
			padding: 0.75rem;
			}
		.sec_recruit__left{}
		.sec_recruit__right{
			height: 130px;
			}
		.sec_recruit__left .catch{
			margin-bottom: 1.5rem;
			}
		.sec_recruit__left .catch p{
			font-size: 110%;
			}
		.sec_recruit__img01{
			width: 200px;
			height: 200px;
			top: 0;
			right: 40px;
			}
		.sec_recruit__img02{
			width: 150px;
			height: 150px;
			bottom: -200px;
			right: 0;
			}
		}
	@media only screen and (max-width: 540px) {
		.sec_recruit{
			padding: 1rem;
			}
		.sec_recruit__left{}
		.sec_recruit__right{
			height: 150px;
			}
		.sec_recruit__left .catch p{
			font-size: 100%;
			}
		.sec_recruit__img01{
			width: 190px;
			height: 190px;
			top: -50px;
			right: 20px;
			}
		.sec_recruit__img02{
			width: 120px;
			height: 120px;
			bottom: -100px;
			right: 0;
			}
}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}



















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

　お問い合わせ

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

.sec_contact{
	text-align: center;
	}


.sec_contact .title_sec__heading{}

.sec_contact .note{
	font-size: 120%;
	}

.sec_contact__wrap{
	display: flex;
	justify-content:space-between;
	margin-top: 3rem;
	}
.sec_contact__left,
.sec_contact__right{
	width: 50%;
	}


/*-----左側（ボタン）-----*/
.sec_contact__left{
	border-right: solid 1px #000;
	padding-right: 4rem;
	}

/*ボタン*/
.sec_contact__left .btn{}


/*-----右側（電話番号）-----*/
.sec_contact__right{
	position: relative;
	top: 0.6rem;
	}

/*電話番号*/
.sec_contact .tel{
	font-size: 140%;
	font-weight: bold;
	}
.sec_contact .tel span{
	font-size: 200%;
	letter-spacing: 0.1rem
	}

	@media only screen and (max-width: 900px) {
		.sec_contact__left{
			padding-right: 2rem;
			}
		.sec_contact__right{
			top: 0.4rem;
			}
		.sec_contact .tel span{
			font-size: 140%;
			}
		}
	@media only screen and (max-width: 760px) {
		.sec_contact .note{
			font-size: 110%;
			}
		.sec_contact__wrap{
			display: block;
			margin-top: 1rem;
			}
		.sec_contact__left,
		.sec_contact__right{
			width: 100%;
			}
		.sec_contact__left{
			border-right: none;
			padding-right: 0;
			}
		}
	@media only screen and (max-width: 540px) {
		.sec_contact__wrap{
			margin-top: 0;
			}
		.sec_contact .note{
			margin-top: 0.5rem;
			font-size: 100%;
			}
		.sec_contact__left .btn{
			width: 70%;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}




















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

　   footer

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

footer#footer{
	background:#35aacd;
	color: #fff;
	}

.footer_upper{}

.footer_middle{
	padding: 4rem 0 0 0;
	}
	@media only screen and (max-width: 767px) {
		.footer_middle{
			padding: 2rem 0 0 0;
			}
		}
.footer_lower{}



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

footer 上段

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

.footer_upper{}



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

footer 中段

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

.footer_middle{
	display:flex;
	justify-content: space-between;
	}

/*-----左側 連絡先-----*/
.footer_middle__left{}

/*サイト名*/
.footer_middle .ttl{
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 1rem;
	}
/*住所*/
.footer_middle .add{
	line-height: 150%;
	margin-bottom: 1.2rem;
	}
/*電話番号*/
.footer_middle .tel{
	font-size: 140%;
	font-weight: bold;
	}
.footer_middle .tel span{
	font-size: 200%;
	letter-spacing: 0.1rem
	}


/*ISO*/
.iso_wrap{
	margin: 1rem 0;
	}
.iso_img{
	display: inline-block;
	background: #fff;
	padding: 0.3rem;
	margin-right: 0.1rem;
	}
.iso_wrap img{
	width: 80px;
	height: auto;
	}
.iso_wrap p{
	font-size: 80%;
	line-height: 125%;
	margin: 0.5rem 0;
	}


/*-----右側 メニュー-----*/
.footer_middle__right{
	display:flex;
	justify-content: space-between;
	gap:3rem;
	}

.footer_middle__right .footer_menu{}
.footer_middle__right .footer_menu li{}
.footer_middle__right .footer_menu li a{
	font-weight: bold;
	line-height: 200%;
	}

	@media only screen and (max-width: 900px) {
		.footer_middle__right{
			display:none;
			}
		}
	@media only screen and (max-width: 767px) {
		.footer_middle .ttl{
			/*display: none;*/
			font-size: 150%;
			margin-top: 1rem;
			}
		/*住所*/
		.footer_middle .add{
			margin-bottom: 1rem;
			}
		}
	@media only screen and (max-width: 540px) {
		/*住所*/
		.footer_middle .add{
			margin-bottom: 0.75rem;
			}
		/*電話番号*/
		.footer_middle .tel span{
			font-size: 170%;
			letter-spacing: 0;
			}
		/*ISO*/
		.iso_wrap{
			margin: 0.5rem 0;
			}
		.iso_wrap img{
			width: 60px;
			}
		}
	@media only screen and (max-width: 480px) {
		.footer_middle .ttl{
			font-size: 140%;
			margin-top: 0;
			}
		}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}







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

footer 下段

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

.footer_lower{
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse;
	padding: 5rem 0 4rem 0;
	}

/*-----コピーライト-----*/
.cpright{
    font-size:100%;
    }

/*-----リンク-----*/
.footer_lower__link{}
.footer_lower__link p{}
.footer_lower__link a{
	font-weight: bold;
	}

	@media only screen and (max-width: 900px) {}
	@media only screen and (max-width: 767px) {
		.footer_lower{
			display: block;
			flex-direction:row;
			padding: 4rem 0 2rem 0;
			}
		.cpright{
			margin-top: 1rem;
			}
		}
	@media only screen and (max-width: 540px) {
		.footer_lower{
			display: block;
			flex-direction:row;
			padding: 0.5rem 0 1rem 0;
			}
		.cpright{
			margin-top: 2.5rem;
			}
		}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 260px) {}









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

　   parallax

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

.js-parallax * {
	transform: scale(0.85)!important;
	}

img.js-parallax {
	width: 100%;
	}

.parallax-wrap *{
	overflow: visible!important;
	}