/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&display=swap');

body {
	line-height : 1.5em;
	font-family: 'Noto Sans JP', 
	"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}


a{
	color:#000;
	text-decoration:none;
}

/*ボタンデザイン*/
/*
サイズはレスポンシブ
各ページごとに変えるかもしれないのでsubcssで設定
*/

.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  font-size:18px;
  letter-spacing:0.3em;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}



.button {
  background-color: #fff;
  line-height: 60px;
}


/*色2色*/
/*送信・警告ボタン*/
.bot1{
  border: 2px solid #0CF;
  color: #292770;
}
.bot1:hover{
  background-color: #0CF;
  border-color: #0CF;
  color: #FFF;
	
}
/*送信・警告ボタン*/
.bot2{
  border: 2px solid #888;
  color: #666;
	
}
.bot2:hover{
  background-color: #999;
  border-color: #888;
  color: #FFF;
	
}



/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                全ページ共通CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
	
/*改行等表示・非表示*/	
.spv{
	display:none;
}

/*全体文字サイズ*/
body {
	font-size:1.5em;
	line-height : 1.2em;
}


.top_menu{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	padding:20px 0 20px 20px;
	box-sizing:border-box;
	z-index:10;
}

.top_menu_l{
	float:left;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6))
}
.top_menu_l p{
	font-size:0.9em;
	margin-bottom:6px;
	color:#FFF;
}

.top_menu_r{
	float:right;
	overflow:hidden;

}
.top_menu_r1{
	float:left;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	padding-top:15px;
}
.top_menu_r1 a{
	text-decoration:none;
}
.top_menu_r1 img{
	height:48px;
	width:auto;
	margin:0 15px;
}

.top_menu_r2{
	float:right;
	background-color:#0080ff;
	padding:15px 25px;
}
.top_menu_r2 img{
	height:48px;
	width:auto;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}

footer{
	background-color:#44332F;
	padding:25px 55px;
	box-sizing:border-box;
	color:#FFF;
	width:100%;
	min-width:1000px;
	overflow:hidden;
	line-height:1.6em;
	font-size:0.8em;
}
footer a{
	color:#0CF;
	text-decoration:none;
}


.footer2_con{
	width:1000px;
	margin:0 auto;
	text-align:center;
}
.footer2_box1, .footer2_box5{
	margin-bottom:30px;
}
.footer2_box1 img{
	width:290px;
	height:auto;
	margin:6px 0;
}
.footer2_box2{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom:30px;
}
.footer2_cel1, .footer2_cel2{
	box-sizing:border-box;
	width: 450px;
	margin:10px;	
}
.footer2_cel1{
	text-align:right;
}
.footer2_cel2{
	text-align:left;
}
.footer2_box3{
	margin-bottom:30px;
}
.footer2_box4{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom:30px;
}
.footer4_cel1, .footer4_cel2{
	box-sizing:border-box;
	width: 450px;
	margin:10px;	
}
.footer4_cel1{
	text-align:right;
}
.footer4_cel2{
	text-align:left;
}



/*ここにcss*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
* {
    box-sizing: border-box;
}
/*改行等表示・非表示*/	
.pcv{
	display:none;
}	

/*全体文字サイズ*/
body {
	width:100%;
	max-width:100%;
	font-size:1.5em;
	line-height : 1.2em;
}

a{
	text-decoration:none;
}
img{
	max-width:100%;
}
/*-------------------------------------------*/
/*menu*/

.drawer_menu{
	overflow:hidden;
}



.menu {
	height: 20px;
	position:fixed;
	right: 20px;
	top: 20px;
	width: 30px;
	z-index: 99;
}
/*3本線の色*/
.menu__line {
	background: #aec9ff;
	display: block;
	height: 2px;
	position: absolute;
	transition: transform .3s;
	width: 100%;
}
.menu__line--center {
	top: 9px;
}
.menu__line--bottom {
	bottom: 0;
}
/*×になった時の色*/
.menu__line--top.active {
	top: 8px;
	transform: rotate(45deg);
	background-color:#aec9ff;
}
.menu__line--center.active {
	transform: scaleX(0);
	background-color:#aec9ff;
}
.menu__line--bottom.active {
	bottom: 10px;
	transform: rotate(135deg);
	background-color:#aec9ff;
}
/*gnav*/
/*背景色・文字色*/
.gnav {
	background: rgba(50,50,50,0.9);
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 98;
	color:#fff;
}
.gnav__wrap{
	/*
	align-items: center;
	display: flex;
	justify-content: center;
	*/
	position: absolute;
	height: 100%;
	width: 100%;
	text-align:center;
}
.gnav__name{
	width:100%;
	text-align:center;
	margin:60px auto 40px;
}
.gnav__name img{
	width:60%;
	height:auto;
}

.gnav__con{
	margin:0 auto 40px;
	display:inline-block;
	text-align:left;
}
.gnav__con_box{
	font-size:1.2em;
	text-decoration:none;
	border-bottom:1px dashed #4c47ff;
	padding-bottom:12px;
	margin-bottom:12px;
	
}
.gnav__con a{
	color:#FFF;
	text-decoration:none;
}
.gnav__tel_con, .gnav__tel_link, .gnav__mail_link{
	margin:0 auto 15px;
	text-align:center;
}
.gnav__tel_link img, .gnav__mail_link img{
	width:55%;
	height:auto;
}

/*
固定
*/
.sphead{
	width:100%;
	padding:10px 10% 0 15px;
	text-align:center;
	font-size:1.4em;
	box-shadow:
    0 1px 1.2px rgba(0, 0, 0, 0.057),
    0 2.5px 3px rgba(0, 0, 0, 0.076),
    0 5px 5.7px rgba(0, 0, 0, 0.086),
    0 8px 9px rgba(0, 0, 0, 0.092);
	position: fixed;
	top: 0px;
	z-index: 5;
	height:60px;
	background-color:#FFF;
}
.sphead img{
	height:40px;
	width:auto;
}

.sphead_space{
	height:60px;
}


/*
フッター
*/
footer{
	background-color:#000;
	padding:25px 2%;
	box-sizing:border-box;
	color:#FFF;
	width:100%;
	line-height:1.6em;
	font-size:0.8em;
}
footer a{
	color:#0CF;
	text-decoration:none;
}
.footer2_con{
	width:90%;
	margin:0 auto;
	text-align:center;
}
.footer2_box1{
	font-size:0.9em;
	margin-bottom:30px;
}
.footer2_box1 img{
	width:90%;
	height:auto;
	margin:6px 0;
}
.footer2_box2{
	display:none;
}
.footer2_box3{
	margin-bottom:30px;
}
.footer2_box3 img{
	width:90%;
	height:auto;
	margin:6px 0;
}
.footer2_box3{
	margin-bottom:20px;
}
.footer2_box4{
	margin-bottom:20px;
}
.footer2_box5{
	font-size:0.7em;
	margin-bottom:35px;
}


	
/*ここにcss*/
/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/