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

/***************************** reset css */
@import url("./coomon/css/reset.css");

/***************************** webフォントcss */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');


/***************************** カラー設定 */

/*キーカラー
#0061B3
*/

/*ベースカラー
#EDF4FA
*/

/*差し色
#E9787C
*/

/* ===============================================================
GLOBAL
================================================================== */

html,body{
	height: 100%;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1em;
	line-height: 1.8em;
 margin: 0;
 padding: 0;
 border: none;
	background-color: #F1EBDD;
}

#wrap {
	position: relative;
	min-height: 100%;
	height: 100%;
	max-width: 1000px;
	width: 100%;
	background: #fff;
	margin: auto;
}

*{
box-sizing: border-box;
margin: 0px;
padding: 0px; 
}

header{
text-align: center;
padding: 100px 0 50px 0;
}

footer{

text-align: center;
width: 100%;
font-size: 12px;
}

h1{
font-size:clamp(18px, 2.3vw, 30px);
width: 100%;
display: block;
}

p{
padding-bottom: 0.5em;
}

main{
width: 80%;
margin: auto;
}

aside{
text-align: center;
padding: 10px 10px;
}

aside img{
max-width: 96px;
}

ul{
list-style: none;
padding: 50px 10px;
}

ul li{
text-align: center;
margin-bottom: 1em;
}

.tel{
text-align: center;
margin-bottom: 1em;
}


@media screen and (max-width: 559px) {

html,body{
	background-color: #fff;
}

h1 span{
display: block;
}

p{
font-size: 90%;
}


ul li{
text-align: center;
font-size: 80%;
}


}


/***************************** a */

a:link , a:visited {
	color:#0E81D2;
}
a:hover {
	color: #D2540E;
}
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
} 
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
} 

/* ===============================================================
モジュール
================================================================== */

/***************************** ulリセット */

.ul-set{
list-style: none;
margin: 0px;
padding: 0px;
display: block;
}

/***************************** レイアウト */

/*FLEX*/
.column {
display: flex;
flex-wrap: wrap;
align-items: center;
}

/*テキスト画像置換*/
.replace {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}


/* ===============================================================
ヘッダー
================================================================== */





/* ===============================================================
フッター
================================================================== */




/* [-] レスポンシブ対応
=========================================================================================== */


/* for - 960px
=========================================================================================== */
@media screen and (max-width: 959px) {
}
/* for - 560px
=========================================================================================== */
@media screen and (max-width: 559px) {
}
/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
}