@charset "UTF-8";
/*-----------------------------------------------------------------------------
 * スタイル差分シート (style2.css)
 *---------------------------------------------------------------------------*/

/* パソコン用   (min-width:769px) d_style.css */
@media screen and (min-width:769px){
    body {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    }
	textarea {
		font-size:small;
	}
	.wrapper {
		width: 720px;
		margin: 0 auto;
		border: solid 1px #cccccc;
		background-color: #ffffff;
		text-align: left; 
	}
}
/* タブレット用 (max-width:769px) t_style.css */
@media screen and (min-width:641px) and (max-width:768px){
    body {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    }
	textarea {
		font-size:small;
	}
	.wrapper {
		width: 98%;
		margin: 0 auto;
		border: solid 1px #cccccc;
		background-color: #ffffff;
		text-align: left; 
	}
}
/* スマホ用     (max-width:640px) s_style.css */
@media screen and (max-width:640px){
    body {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	}
	textarea {
		font-size:small;
	}
	.inputwrapper th {
		padding: 0px;
		word-break:break-all;
		width: 30%;
		max-width: 8em;
	}
	.inputwrapper td {
		word-break:break-all;
	}
	.wrapper {
		width: 98%;
		margin: 0 auto;
		border: solid 1px #cccccc;
		background-color: #ffffff;
		text-align: left; 
	}
}

/*-----------------------------------------------*
 * 入力フォーム table共通設定
 *-----------------------------------------------*/
.inputwrapper table {
	table-layout: fixed;
}
.inputwrapper td {
	overflow-x: auto;
}

/*-----------------------------------------------*
 * 入力フォーム背景色の背景・枠 （共通設定）
 *-----------------------------------------------*/
.inputwrapper input {
	overflow: auto;
	background-color: #fafafa;
	outline: 1px #c8c8c8 solid;
}
.inputwrapper textarea {
	overflow: auto;
	background-color: #fafafa;
	outline: 1px #c8c8c8 solid;
}
.inputwrapper select {
	overflow: auto;
	background-color: #fafafa;
	outline: 1px #c8c8c8 solid;
}
/*-----------------------------------------------*
 * 入力フォームフォーカス時の背景・枠 （共通設定）
 *-----------------------------------------------*/
.inputwrapper input:focus {
	background-color: #ffffee;
	outline: 1px #b1b1b1 solid;
}
.inputwrapper textarea:focus {
	background-color: #ffffee;
	outline: 2px #b1b1b1 solid;
}
.inputwrapper select:focus {
	background-color: #ffffee;
	outline: 1px #b1b1b1 solid;
}

/*-----------------------------------------------*
 * 画面ロック用クラス定義
 *-----------------------------------------------*/
.hiddenLock {
    display: none;
}
.overlayLock {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.4);    
    z-index: 5;                 /* z-indexの数字を0と10の間の数字にし、bodyとmodalの真ん中に位置させる */
    /* backdrop-filter: blur(3px); */  /* 一番下のbody領域をぼやかす */
}
/*-----------------------------------------*/
.modalLock {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -0%);
    padding: 0.5em;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);   /* modalに影を作る */
    z-index: 9;                /* z-indexでmodalAlertの下に位置させる */
	width: 75%;
}
.modalLock p {
    font-size: medium;
    text-align: left;
    margin: 5px 10px 5px 10px;
}

/*-----------------------------------------------*
 * システムメンテナンス画面デザイン
 *-----------------------------------------------*/
div.telInfo {
	margin: auto;
    padding: 2em 1em 2em 1em;
    width:90%;
}
div.telInfo p{
    font-size: smaller;
}
div.telInfo hr{
    display: block;
}
span.telNumNote {
    font-weight: bold;
    font-size: small;
    color: red;
}
span.telNum {
    font-weight: bold;
    font-size: small;
}