@charset "UTF-8";

/*=============== 基本設定 ===============*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body , html {
    font-family: "Noto Sans JP", sans-serif;
	padding:0; /*全体の隙間*/
	margin:0; /*　全体の隙間*/
	min-height: 100vh;/*フッターを最下部に吸着1*/
	display: flex;/*フッターを最下部に吸着2　Flexboxの親要素*/
	flex-direction: column;/*フッターを最下部に吸着3とカラム構成*/
	border: 0px solid blue;
    background-color: #FFFAF4;
	}

a{
	text-decoration: none;/*リンク下線非表示*/
    color: black;
}
li{
    list-style: none;
}

/*PCとSPの改行指示*/
@media screen and (min-width: 701px){	
  	.br-pc { display:block; }
  	.br-sp { display:none; }
	}
@media screen and (max-width: 700px){	
  	.br-pc { display:none; }
  	.br-sp { display:block; }
	}
/*=====================================*/


/*=============== header設定 ===============*/

/*=========================================*/



/*=============== main設定 ===============*/
.main-box{
	/*border:solid 1px red;*/
    background-color: #FFFFFF;/*背景色　白*/
	max-width:600px;
    margin : 0 auto;/*画像を左右のセンターに配置*/ 
		position:relative;
}
img{
    display: block;/*画像の隙間をなくす*/
}

.shadow{
    filter: drop-shadow(5px 5px 5px #aaa);
}

.shadow:hover{
    opacity: 0.7;
}
/*=========================================*/


/*---LINE 左上固定メニュー ----*/
.MENU_top{
    font-size: 18pt;
    font-weight: 500;
}
.left_menu{
	    /*border:solid 1px red;*/
		position:fixed;
		top:60px;
        left:200px;
		z-index:200;
		opacity:1;
}

@media all and (min-width: 0px)and (max-width: 1500px){
    .left_menu{
        display: none !important;
    }}

li{
      padding-top: 10px;
      padding-bottom: 10px;
    font-weight: 500;
    font-size: 13pt;
}
li a {
  /* 通常時の透明度（不透明） */
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

li:hover a {
  /* liにマウスを乗せるとaタグが半透明になる */
  color: #E94746;
}

ul, ol {
  color: #1e366a;
  border-top: solid #1e366a 1px;/*上のボーダー*/
  border-bottom: solid #1e366a 1px;/*下のボーダー*/
  padding: 20px 0 20px 20px;/*上　右　下　左*/
}


/*---LINE 左上固定コンテンツ ----*/
.left_ue{
	    /*border:solid 1px red;*/
		position:absolute;
		top:30px;
        left:30px;
		z-index:200;
		width:130px;
		opacity:1;
}

.LINE_moji{
    color: #fff;
    text-align: center;
    font-size: 13pt;
    padding-top: 5px;
}

@media all and (min-width: 0px)and (max-width: 600px){
    .left_ue{
		position:absolute;
		top:30px;
		left:30px;
		z-index:200;
		width:110px;
		opacity:1;
    }
.LINE_moji{
    font-size: 10pt;
    }}



/*=============== TOPに戻るボタン設定 ===============*/
	.back_btn{
		position:fixed;
		bottom:120px;
		right:10px;
		z-index:200;
		width:80px;
		opacity:1;
	}   
@media all and (min-width: 761px){
    	.back_btn{
		position:fixed;
		bottom:130px;
		right:600px;
		z-index:100;
		width:80px;
		opacity:1;
	}
}
.font_center{
	text-align:center;
}
.img_100 img{
	width:100%;
}
/*=========================================*/

/*=============== footer設定 ===============*/
footer{
	/*border:solid 1px red;*/
    background-color: #FFFFFF;/*背景色　白*/
	max-width:600px;
    margin : 0 auto;/*画像を左右のセンターに配置*/ 
    text-align: center;
}
.f-box{
    background:#E94746; /*背景色の指定*/
    color:#ffffff;
    padding:3px 0px;/*上下　左右*/
    margin: 0 auto;
    width: 75%;
    font-size: 12pt;
    letter-spacing: 0.5px;
}
.tel-size{
    /*border:solid 1px red;*/
    font-size: 32pt;
    padding:5px 0 0 0;/*上　右　下　左*/
    font-weight: 600;/*フォントの太さ*/
}
.tel-kasen{
    border-bottom: solid 1px #E94746;
}

.footer-moji01{
    /*border:solid 1px red;*/
    padding: 3px 0;/*上下 左右*/
    font-size: 14pt;
    font-weight: 500;/*フォントの太さ*/
}
.footer-moji02{
    /*border:solid 1px red;*/
    padding: 3px 0;/*上下 左右*/
    font-size: 11pt;
    font-weight: 300;/*フォントの太さ*/
}
.yohaku{
    /*border:solid 1px red;*/
    padding: 0 0 20px 0;/*上　右　下　左*/
}

/*=========================================*/

/*フッターの下部吸着*/
.no_box {
	flex:1;/*下部に/*フッターを下部に吸着させる為に必要*/
}