@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');


/*全体の設定*/
body{
    font-family: 'Noto Serif JP', sans-serif;
}


@media screen and (min-width: 920px){
    .header{
        width: 100%;
    }
    #header_info{
        display: inline;
        font-weight: bold;
        float:right;
        font-size: 1em;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    #header_icon_sma{
        display: none;
    }

    #header_tel_sma{
        display: none;
    }
    #header_title_sma{
        display: none;
    }

    #header_tel{
        float: right;
    }
 
    .hamburger_menu
    {
        display:none;
    }
    /*メニューのCSS*/
    
    .menu_bar ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background-color: #1b2538;
    }
    .menu_bar li {
        font-size: 1em;
        list-style-type: none;
        float: left;
        border-left: 0.1rem solid #bbbbbb;
    }
    #menu_bar_menu{
		display: block;
		color:black;	
		text-align: center;
		padding: 0.5rem 0.75rem;
		font-weight: bold;
	}
    .menu_bar li:first-child {
        border-left: none;
    }
    .menu_bar li a {
        display: block;
        color:black;	
        text-align: center;
        padding: 0.5rem 0.75rem;
        font-weight: bold;
    }
    .menu_bar li a:hover:not(.active) {
        background-color: rgba(106, 168, 240, 0.877);
    }
    .active {
        background-color: rgba(106, 168, 240, 0.877);
    } 
    .top_pic{
        width:100%;
      } 
      .qa_intro h2{
        display: block;
        margin-top:3.0em;
        padding: 0.5em 2em;
        text-align: center;
        border-top: solid 3px #02b3b7;/*上線*/
        border-bottom: solid 3px #02b3b7;/*下線*/
    }

    #ininzyou_download{
        width:10%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    }
    #tyuusyazyou_download{
        width:10%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    } 

	#ininzyou_download2{
        width:10%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    }
    #tyuusyazyou_download2{
        width:10%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    }

    .smadisplay{
        display:none;
    }
}

/* アイコン */
 
/* ーーーーーーーーーーーーーーーーーーーーーースマホ対応ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* ーーーーーーーーーーーーーーーーーーーーーースマホ対応ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* ーーーーーーーーーーーーーーーーーーーーーースマホ対応ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


@media screen and (max-width: 919px){
    .header{
		width: 100%;
	}
	#header_info{
		display: none;
	}
	#header_info p{
		display: none;
	}
	#header_title{
		display: none;
	}
	#header_tel_sma{
		width:100%;
		text-align: center;
	}
	#header_tel{
		display: none;
	}
	#header_title_sma{
		width: 80%;
	}
	#header_icon_sma{
		text-align: center;
	}
	#header_info{
		display: inline;
		float:left;
		font-size: 1em;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
	}
	#header_tel{
		width: 80%;
		float: left;
	}
	@media screen and (max-width:550px){
		#header_title_sma{
			width: 80%;
			float: left;
		}
	}

/* hamburgerここから */
    .menu_bar{
	    display: none;
    }
    .menu_bar_nav{
	    display:none;
    }
	/* input非表示 */
	.input-hidden{
		display: none;
	}
		/* label */
	.hamburger_switch{
		cursor: pointer;
		position: absolute;
		right: 1%;
		top: 0;
		z-index: 9999;
		width: 4em;
		height: 4em;
	}
	/* メニュー展開時にハンバーガーアイコンを固定 */
	#hamburger1:checked ~ .hamburger_switch{
		position: fixed;
	}
	/* 円を用いたハンバーガーデザイン */
		/* 外側の円 */
	.hamburger_switch:before{
        content: "MENU";
		color:#02b3b7;
		text-align: center;
		position: absolute;
		width: 3.5em;
		height:1.5em;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 2px dotted #02b3b7; /* 外側の円（枠線）の色 */
	}
		/* 真ん中の円 */
		/* 上下の線 */
	.hamburger_switch_circle:before, .hamburger_switch_circle:after{
		content: "";
		position: absolute;
		width: 20px;
		top: 50%;
		left: 50%;
		transition: .3s;
	}
	/* アイコン･アニメーション */
	#hamburger1:checked ~ .hamburger_switch .hamburger_switch_circle{
		height: 25px;
		border-radius: 50%;
	}
	#hamburger1:checked ~ .hamburger_switch .hamburger_switch_circle:before{
		width: 0;
	}
	#hamburger1:checked ~ .hamburger_switch .hamburger_switch_circle:after{
		width: 0;
	}
		/* 真ん中の×印 */
	.hamburger_switch:after{
		content: "";
		font-size: 0px;
		position: absolute;
		color: #fff; /* ハンバーガーの"×"マークの色 */
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		transition: .2s;
	}
	#hamburger1:checked ~ .hamburger_switch:after{
		font-size: 25px;
	}
	/* メニューエリア */
	.hamburger_menuwrap{
		position: fixed;
		height: 100%;
		background: #fafafa; /* メニューエリアの背景色 */
		padding: 5em 3% 2em;
		z-index: 9998;
		transition: .3s;
		overflow-y: scroll; /* メニュー内容が多い場合に縦スクロール */
		top: 0;
		left: 100%;
		width: 70%;
	}
	/* メニューリスト */
	.hamburger_menulist{
		margin-right: 3%;
		padding-left: 5% !important; /* !important不要な場合あり */
		list-style: none;
	}
	.hamburger_menulist li{
		list-style: none;
	}

	.hamburger_menulist li a{
		text-decoration: none;
		color: #333; /* メニューエリアの文字色 */
		display: block;
	}
		/* 円を用いたメニューリスト */
	.hamburger_menulist_circle li{
		border: 1px solid;
		margin-bottom: 5px;
		border-radius: 2em;
	}
	.hamburger_menulist_circle li a{
		padding: .5em 2.5em .5em 1em;
		position: relative;
	}
	.hamburger_menulist_circle a:before{
		content: "";
		position: absolute;
		width: 1.5em;
		height: 1.5em;
		background: #02b3b7; /* メニューリスト矢印背景（円）の色 */
		border-radius: 50%;
		top: 50%;
		right: 2.0em;
		transform: translate(0, -50%);
	}
	.hamburger_menulist_circle a:after{
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		border: 2.5px solid;
		border-color: #fff #fff transparent transparent; /* メニューリスト矢印の色（#fffのみ変更） */
		top: 50%;
		right: 2.0em;
		transform: translate(-80%, -50%) rotate(45deg);
	}
	/* メニューエリア･アニメーション */
		/* 右から */
	#hamburger1:checked ~ .hamburger_menuwrap{
		left: 30%;
	}
		/* コンテンツカバー */
	#hamburger1:checked ~ .hamburger_cover{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 9997;
		background: rgba(3,3,3,.5);
		display: block;
    	}


    #ininzyou_download{
        width:50%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    }
    #tyuusyazyou_download{
        width:50%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    }
	
    #ininzyou_download2{
        width:50%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    }
    #tyuusyazyou_download2{
        width:50%;
        border-bottom:solid 2px#962329 ;
        text-align: center;
    }

    .pcdisplay{
        display:none;
    }

}
	/* ハンバーガーメニューここまで */
	/* アイコン */
	.top_pic{
		width:100%;
	  }
｝

 
/* ーーーーーーーーーーーーーーーーーーーーーー共通の事項ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* ーーーーーーーーーーーーーーーーーーーーーー共通の事項ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* ーーーーーーーーーーーーーーーーーーーーーー共通の事項ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

.title{
    text-align: center;
    margin-top:3.0em;
    padding: 0.5em 2em;
    border-bottom: solid 3px #962329;/*下線*/
}

.qa_houzin_intro h2{
    margin-top:5.0em;
    padding: 0.5em 2em;
    border-top: solid 3px #02b3b7;/*上線*/
    border-bottom: solid 3px #02b3b7;/*下線*/
    text-align: center;
}
.qa_houzin_intro p{
    text-align: center;
    margin-top:1.5em;
    padding: 0.5em 2em;
    border-bottom: solid 3px #02b3b7;/*下線*/
}

.best{
    text-align: center;
}
.best h2{
    margin-top:3.0em;
    padding: 0.5em 2em;
    text-align: center;
    border-bottom: solid 3px #962329;/*下線*/
}

#questionList{
    text-align:center;
    padding: 0.5em 2em;
    margin:2em 0;
    border-top: solid 3px #02b3b7;/*上線*/
    border-bottom: solid 3px #02b3b7;/*下線*/
}

/*大タイトル 質問と回答 */
#questionAndAnserList{
    display: block;
    height:36px;
    width:97%;
    text-align: center;
    padding: 0.5em 1em;
    margin: 2em 0;
    border-top: solid 3px #02b3b7;/*上線*/
    border-bottom: solid 3px #02b3b7;/*下線*/
}

/* Q＆A（大タイトル）*/
.question_and_answer > h2 { 
    text-align: center;
    padding: 0.5em 2em;
    margin:2em 0;
    border-top: solid 3px #02b3b7;
    border-bottom: solid 3px #02b3b7;
}
.daikoumoku_zenpan h2{
    text-align:center;
    margin: 2em 0;
    padding: 0 2em;
    border-bottom: solid 3px #962329;
}

.daikoumoku_syorui h2{
    text-align: center;
    padding: 0.5em 2em;
    margin:2em,0;
    border-bottom: solid 3px #962329;
} 

/*小項目のタイトル*/
.syokoumoku_title{ 
    /* display: inline; */
    text-align: center;
    margin: 2em 0;
    padding: 0 2em;
    border-bottom: solid 3px #962329;
}

@media only screen and (max-width: 640px) {
    /*小項目のタイトルスマホ対応*/
    .syokoumoku_title{ 
        display: inherit;
        margin: 2em 0;
        border-bottom: solid 3px #962329;
    }
   }
/*質問の線*/
.question_corporation{
    display: inline;
    background: linear-gradient(transparent 80%,#ffe8ff 70%);
}
/*答えの枠*/
.answer_corporation{
    display: block;
    width:50%;
    padding: 0.5em 1em;
    margin: 2em 0;
    color:#2c2c2f;
    background: white;
    border-bottom: solid 5px #e0f0ff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
/*答えスマホ対応*/
@media only screen and (max-width: 640px) {
    .answer_corporation{/*答えの枠*/
        display: block;
        width:80%;
        padding: 0.5em 1em;
        margin: 2em 0;
        color:#2c2c2f;
        background: white;
        border-bottom: solid 5px #e0f0ff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
   }
 /*スマホでのQ＆A欄、padding除去*/
@media only screen and (max-width: 640px) {
ol {
    padding-inline-start:0;
}
ul {
    padding-inline-start:0;
}
}

/*大項目/ダウンロード一覧*/
.documents_download h2{
    text-align: center;
    padding: 0.5em 2em;
    margin:2em,0;
    border-top: solid 3px #02b3b7;;
    border-bottom: solid 3px #02b3b7;
}

/*ダウンロード一覧内のスマホ対応*/
@media only screen and (max-width:640px){
    .documents_download ol{
        margin-left: 2em;
    }
    .documents_download li{
        margin-left: 2em;
    }
}

/*ページトップ*/
#page_top{
    width: 100px;
    height: 40px;
    position: fixed;
    right: 0;
    bottom: 10px;
    background: #007ab5;
    opacity: 0.6;
    }
#page_top a{
    position: relative;
    display: block;
    width: 100px;
    height: 40px;
    text-decoration: none;
}
    
#page_top a::after{
    content: '↑ PAGE TOP';
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

#page_top{
    width: 100px;
    height: 40px;
    position: fixed;
    right: 0;
    bottom: 10px;
    background: #007ab5;
    opacity: 0.6;
}
#page_top a{
    position: relative;
    display: block;
    width: 100px;
    height: 40px;
    text-decoration: none;
}
        
#page_top a::after{
    content: '↑ PAGE TOP';
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.btn-border {
    display:inline-block;
    max-width: 180px;
    text-align: left;
    border: 2px solid #02b3b7;
    font-size: 16px;
    color: #02b3b7;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 4px;
    transition: .4s;
  }
  
  .btn-border:hover {
    background-color: #02b3b7;
    border-color: #02b3b7;
    color: #FFF;
  }


/* フッター */
.footer{
	margin-top:3em;
	display: block;
}
.footer p{
	text-align: center;
	font-weight: bold;
	border-top: solid 2px black;
}