@charset "UTF-8";

/*================================================
 *  共通
 ================================================*/

html{
  scroll-behavior: smooth;/* スムーススクロール */
}

body { margin: 0;}

.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 830px;
}

.center-block {
	display:block;
	margin-right:auto;
	margin-left:auto
}

.img-responsive {
	display:block;
	max-width:100%;
	height:auto;
}

a.overwhite:hover img {
    cursor:pointer;
    filter: alpha(opacity=85);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=85)";  /* ie 8 */
    -moz-opacity:0.85;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.85;              /* Safari 1.x */
    opacity:0.85;
    zoom:1;
}

.txt-red {
	color: #FF0004;
}

.txt-blue {
	color: #005bac;
}

table{border-spacing:0;border-collapse:collapse}

td,th{padding:0;
vertical-align: top;}

h2.midashi {
	background-color: #005bac;
	color: #fff;
	padding: 4px 4px 6px 12px;
	line-height: 1.3;
	font-size: 20px;
	font-family: "NotoSansJP-Bold01", "NotoSansJP-Bold02", "NotoSansJP-Bold03";
	margin: 0 0 20px 0;
}

h2 small{
	font-size: 16px;
}

p {
	font-size: 16px;
	line-height: 1.8;
}


@media screen and (max-width:767.98px) {
	
h2.midashi {
	font-size: 16px;
}

h2 small{
	font-size: 14px;
}
	
p {
	font-size: 14px;
}
	
td,th{font-size: 14px;}
	
}
 
/*================================================
 *  フェードイン
 ================================================*/

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*================================================
 *  フォント
 ================================================*/
/* 一般的な書き方（Android 4.4以降対応） */

@font-face {
  font-family: "NotoSansJP-Regular01";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/NotoSansJP-Regular01.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "NotoSansJP-Regular02";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/NotoSansJP-Regular02.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "NotoSansJP-SemiBold1";
  font-style: bold;
  font-weight: 600;
  src: url("../../fonts/NotoSansJP-SemiBold1.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "NotoSansJP-SemiBold2";
  font-style: bold;
  font-weight: 600;
  src: url("../../fonts/NotoSansJP-SemiBold2.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "NotoSansJP-SemiBold3";
  font-style: bold;
  font-weight: 600;
  src: url("../../fonts/NotoSansJP-SemiBold3.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "NotoSansJP-Bold01";
  font-style: bold;
  font-weight: 600;
  src: url("../../fonts/NotoSansJP-Bold01.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "NotoSansJP-Bold02";
  font-style: bold;
  font-weight: 600;
  src: url("../../fonts/NotoSansJP-Bold02.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "NotoSansJP-Bold03";
  font-style: bold;
  font-weight: 600;
  src: url("../../fonts/NotoSansJP-Bold03.woff") format('woff');
  font-display: swap;
}

body {
  font-family: "NotoSansJP-Regular01", "NotoSansJP-Regular02" ;
}



/*================================================
 *  title
 ================================================*/

#title {
	padding: 22px 0 26px 0;
	background-color: #d4e7f9;
	text-align: center;
}

#title h1 {
	margin: 0 0 0 0;
	font-family: "NotoSansJP-Bold01", "NotoSansJP-Bold02", "NotoSansJP-Bold03";
	font-size: 28px;
	line-height: 1.4;
	color: #005bac;
}

#title h1 small {
	font-size: 18px;
}

#title h2 {
	margin: 14px 0 0 0;
	font-size: 18px;
	line-height: 1.2;
	font-family: "NotoSansJP-Bold01", "NotoSansJP-Bold02", "NotoSansJP-Bold03";
}

@media screen and (max-width:767.98px) {
	
#title {
	padding: 14px 0 18px 0;
	}
	
#title h1 {
	font-size: 18px;
}
	
	#title h1 small{
	font-size: 14px;
}

#title h2 {
	font-size: 14px;
}
	
}


/*================================================
 *  summary
 ================================================*/

#summary {
	padding: 50px 0 20px 0 ;
}


@media screen and (max-width:767.98px) {
	
#summary img {
	padding-bottom: 40px;
}
	
	
}


/*================================================
 *  haikei
 ================================================*/

#haikei {
	padding: 20px 0 20px 0 ;
}

/*================================================
 *  mokuji
 ================================================*/

#mokuji {
	padding: 20px 0 10px 0 ;
}

#mokuji ul {
	margin-bottom: 0;
}

#mokuji ul li {
	font-size: 18px;
}

@media screen and (max-width:767.98px) {
	
#mokuji ul li {
	font-size: 14px;
}
	
}

/*================================================
 *  kifu
 ================================================*/

#kifu {
	padding: 20px 0 20px 0 ;
}

#kifu h3 {
	margin: 20px 0 4px 0;
	font-size: 18px;
	font-family: "NotoSansJP-Bold01", "NotoSansJP-Bold02", "NotoSansJP-Bold03";
	color: #005bac;
}

#kifu h4 {
	font-size: 16px;
	font-family: "NotoSansJP-Bold01", "NotoSansJP-Bold02", "NotoSansJP-Bold03";
	color: #666;
}

#kifu .kojinjyoho {
	background-color: #E9E9E9;
	padding: 20px 30px 20px 30px;
	margin-top: 30px;
}

#kifu .kojinjyoho p{
	font-size: 14px;
	margin-bottom: 0;
}

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

#kifu h3 {
	font-size: 16px;
}

#kifu h4 {
	font-size: 14px;
}
	
}

/*================================================
 *  toiawase
 ================================================*/

#toiawase {
	padding: 20px 0 60px 0 ;
}

#toiawase h3 {
	margin: 10px 0 4px 0;
	font-size: 16px;
	font-family: "NotoSansJP-Bold01", "NotoSansJP-Bold02", "NotoSansJP-Bold03";
	line-height: 1.8;
}

/*================================================
 *  footer
 ================================================*/
 
footer {
	padding: 24px 0;
	 background-color: #000;
	text-align: center;
	color:#FFFFFF;
	clear:both;
}
footer p.copyright {
	color:#FFFFFF;
	font-weight: normal;
	margin: 8px 0 0 0;
	font-size:10px;
	line-height: 1.2;
}

footer a {
	color: #eda84f;
	line-height: 1;
}

@media screen and (max-width:767.98px) {
	
footer {
	padding: 16px 0 ;
	}
	
footer p.copyright {
	font-size:8px;
}
	
footer img {
	width: 50px;
	}
	
}

 
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767.98px) {

img.pconly {
	display:none;
}
.pconly {
	display:none;
}

}

/*================================================
 *  スマートフォン以外向けデザイン
 ================================================*/
@media print, screen and (min-width: 768px) {
	
img.sponly {
	display:none;
}
.sponly {
	display:none;
}

}