@charset "utf-8";
/*-----------------------------------------------------------------------
font-size:  65%  70%  75%  83%  90%  95%  100%  108%  115%  120%  125%
あいうえお  10pt 11pt 12pt 13pt 14pt 15pt  16pt  17pt  18pt  19pt  20pt
-----------------------------------------------------------------------*/
a{text-decoration: none;}
a:hover{text-decoration: underline;}
html{
	color: #333333;
	background: white;
	overflow-y: scroll;	/*ここでスクロールバーを常に表示*/
	scroll-behavior: smooth;
}
body{
	text-align: left;
	font-size: 17px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/*font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	background-color: white;
}



/*	●●●●●●●●●●	*/

/* PC ここから-------------------------------- */
@media (min-width: 768px) {
	.smp , .sp{display:none;}

	.main{
		width: 1080px;
		margin : 0 auto;
	}

	.head{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		height : 110px;
	}
	.head .mainlogo{
		margin:30px 55px 0 50px;
	}
	.head .mainlogo img{
		width:360px;
	}
	.head .menu{
		margin:30px 0 0 0;
	}
	.head .menu .business{
		margin : 0 15px 0 10px;
	}
	.head .menu .recruit{
		margin : 0 25px 0 20px;
	}
	.head .snsicon{
		margin : 40px 0 0 0;
	}
	.head .snsicon .instagram{
		margin : 0 20px 0 15px;
	}

	.head .menu .m1{width : 80px;}
	.head .menu .m2{width : 80px;}
	.head .menu .m3{width : 80px;}
	.head .menu .m4{width : 80px;}



	.box{
		width: 864px;
		margin : 140px auto;
	}

	h1{
		height : 34px;
		text-align : center;
		background: url(./image/h1_bg_line.png) 0 50% no-repeat;
		margin-bottom: 50px;
	}
	.box p{
		margin-top:50px;
		line-height: 1.8;
	}
	.ceoname{
		text-align: right;
	}

	.box .business , .box .recruit{
		margin : 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;	
	}
	.box .business{
		width:664px;
	}

	.box .business img{
		width : 100%;
	}

	.box .recruit{
		width:100%;
	}
	.box .recruit div{
		height:201px;
	}
	.box .recruit div:first-child {
		width: 412px;
	}

	.box .recruit div:nth-child(2){
		background: url(./image/img-recruit-2.png) 0 100% no-repeat;


	}
	.box .business div{
		width: 310px;
	}
	.box .business img{
		margin-bottom: 10px;
	}


	.box .company div{
		border-bottom: 1px solid #b0e6f9;
		padding : 15px;
	}
	.box .company div:first-child {
		border-top: 1px solid #b0e6f9;
	}
	.box .company div .left , .box .company div .right {
		display: inline-block;
	}
	.box .company div .left{
		width : 12em;
	}
	
	.bosyu{
		width: 128px;
		margin : 50px auto -20px auto;
	}

	.bosyuBt-wrap{
		background:#edf8fb;
		padding : 35px 0;

	}
	.bosyuBt-wrap .inner{
		width: 500px;
		margin : 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;	
	}
	.bosyuBt-wrap div{
		width : 220px;
		height : 40px;
	}
	.bosyuBt-wrap .pdf1{
		width: 220px;
		height: 40px;
		background: url("./image/bt-pdf-1-2.png") no-repeat;
		display: block;
		text-indent: -9999px;
	}
	.bosyuBt-wrap .pdf2{
		width: 220px;
		height: 40px;
		background: url("./image/bt-pdf-2-2.png") no-repeat;
		display: block;
		text-indent: -9999px;
	}
	
	.bosyuBt-wrap .pdf1:hover  , .bosyuBt-wrap .pdf2:hover {
		background-position: 0 -40px;
	}

	.submit-bt{
		width: 251px;
		height: 46px;
		background: url("./image/bt_submit-2.png") no-repeat;
		display: block;
		text-indent: -9999px;
	}
	.submit-bt:hover {
		background-position: 0 -46px;
	}

	.box .mailform .inner:first-child{
		border-top: 1px solid #b0e6f9;
	}

	.box .mailform .inner{
		border-bottom: 1px solid #b0e6f9;
		padding : 25px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;	
	}

	.box .mailform .left , .box .mailform .right , .box .mailform .hissu{
		display: inline-block;
	}

	.box .mailform .left{
		width : 9em;
		margin-left : 15px;
		padding :10px 0;
	}

	.box .mailform .hissu{
		width : 3.5em;
		background:#ff0000;
		color : #ffffff;
		text-align: center;
		font-size: 80%;
	}

	.box .mailform .right{
		width : 600px;		
	}
	.check .right{
		padding :10px 0;
	}
	.check .hissu{
		display: none !important;
	}
	.check .ck{
		font-weight: bold;
	}

	.box .mailform .right input[type="radio"]{
		margin-top : 15px;
	}

	input:focus {outline: none;}
	textarea:focus {outline: none;}


	.box .mailform .right input[type="phone"] , .box .mailform .right input[type="text"] , .box .mailform .right textarea{
		padding :10px 3%;
		font-size : 110%;
		border : 1px solid #aaaaaa;
		border-radius: 6px;
		}

	.box .mailform .right input[type="phone"]{
		width : 5em;
		text-align: center;
	}

	.box .mailform .right input[type="text"] , .box .mailform .right textarea{
		width : 94%;
	}

	.box .mailform .right textarea{
		height: 120px;
	}


	.footer{
		padding-bottom: 50px;
		margin-top: 250px;
		border-bottom: 20px solid #0099cc;
		text-align: center;
	}
	.footer a{
		color : #333333;
	}
	.footer img{
		width:360px;
	}

	.formbt{
		margin: 30px 0;
		text-align: center;
	}

	.sendok{text-align: center;}

	.submitBt{
		width:251px;
		height:92px;
		margin : 0 auto;
	}



	 
	.submitBt{
	 background:url('./image/bt_submit-on.png') no-repeat 0 0;
	}

	.submitBt input:hover {
	 opacity: 0.0;
	 /* IE */
	 filter: alpha(opacity=0);
	}


}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}

	.box{
		margin : 100px auto;
	}
	.mainimage , .greetingimg , .box .business img , .box .recruit img , .mainlogo img , .footer img{
		width: 100%;
	}

	.mainlogo img{
		text-align: center;
		padding-bottom: 10px;
		border-bottom: #0099cc 1px solid;
	}

	.menu , .snsicon{
		text-align: center;
	}
	.menu img{
		margin : 0;
		height : 30px;
	} 


	.head .menu .m1{}
	.head .menu .m2{}
	.head .menu .m3{margin:0 10px 0 10px;}
	.head .menu .m4{margin-right:12px;}



	.snsicon img{
		margin : 5px 10px 10px 10px;
	}

	.mailformBt{
		background:#0099cc;
		text-align: center;
		padding : 3px 0 0 0;
		text-align: center;
	}

	h1{
		height : 50px;
		text-align : center;
		background: url(./image/h1_bg_line.png) 0 50% no-repeat;
		margin-bottom: 10px;
	}
	h1 img{
		width : 50%;
	}
	.box p{
		line-height: 1.8;
		padding:0 15px;
	}
	.ceoname{
		text-align: right;
		padding-right:15px;
	}
	.ceoname img{
		width : 60%;
	}


	.box .business span{
		display: block;
		padding : 2px 4px 20px 4px;
	}


	.box .company div{
		border-bottom: 1px solid #b0e6f9;
		padding : 15px 10px;
	}
	.box .company div:first-child {
		border-top: 1px solid #b0e6f9;
	}
	.box .company div .left , .box .company div .right {
		display: inline-block;
	}
	.box .company div .left{
		width : 100%;
	}
	.box .company div .right{
		margin-left: 5px;
	}


	.box .recruit .txt{
		margin : 0 0 5px 0;
		padding : 0 5px;

	}

	.box .bosyu{
		margin : 15px 0 -15px 0;
		text-align: center;
	}

	.bosyuBt-wrap{
		background:#edf8fb;
		padding : 20px 0 10px 0;
		text-align: center;
		height : 120px;
	}
	.bosyuBt-wrap div{
		width : 220px;
		height : 40px;
		margin : 10px auto;
	}
	.bosyuBt-wrap .pdf1{
		width: 220px;
		height: 40px;
		background: url("./image/bt-pdf-1-2.png") no-repeat;
		display: block;
		text-indent: -9999px;
	}
	.bosyuBt-wrap .pdf2{
		width: 220px;
		height: 40px;
		background: url("./image/bt-pdf-2-2.png") no-repeat;
		display: block;
		text-indent: -9999px;
	}
	
	.bosyuBt-wrap .pdf1:hover  , .bosyuBt-wrap .pdf2:hover {
		background-position: 0 -40px;
	}


	.box .mailform .inner:first-child{
		margin-top : 25px;
		border-top: 1px solid #b0e6f9;
	}

	.box .mailform .inner{
		border-bottom: 1px solid #b0e6f9;
		padding : 25px 0;

	}

	
	.box .mailform .left , .box .mailform .hissu{
		display: inline-block;
	}

	.box .mailform .left{
		margin-left : 15px;
	}

	.box .mailform .hissu{
		width : 3.5em;
		background:#ff0000;
		color : #ffffff;
		text-align: center;
		font-size: 80%;
	}

	.box .mailform .right{
		margin : 5px 0 0 15px;
		display: block;
	}


	.box .mailform .right input[type="text"] , .box .mailform .right textarea{
		width : 94%;
	}

	.box .mailform .right input[type="phone"] , .box .mailform .right input[type="text"] , .box .mailform .right textarea{
		padding :10px 3%;
		font-size : 110%;
		border : 1px solid #aaaaaa;
		border-radius: 6px;
		}
	.box .mailform .right input[type="phone"]{
		width : 2.5em;
		text-align: center;
	}


	.footer{
		padding-bottom: 50px;
		margin-top: 250px;
		border-bottom: 20px solid #0099cc;
		text-align: center;
	}

	
	.formbt{
		margin-top:30px;	
		text-align: center;
	}
	.sendok{
		margin : 0 15px;
	}

}
/* スマホ ここまで-------------------------------- */

/* ●●●●●●●●●●  ここまで */










/*Go to top*/
.crunchify-top:hover {
	background:#b3e7f8;
	text-decoration: none;
	}
	 
	.crunchify-top {
	display: none;
	position: fixed;
	bottom: 2.5rem;
	right: 1rem;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #0099cc;
	border:1px solid #0099cc;
	background-color: #ffffff;
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
	transform:rotate(-90deg); 
	}