@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}



.NotoSerif { font-family: 'Noto Serif JP', serif;}

body { font-family: 'Noto Serif JP', serif; font-weight: 600; letter-spacing: 0.05rem;}


/*PC*/
@media print, screen and (min-width: 769px) {



/*------------------------*/
.cont01 { margin: 0 0 0; padding: 50px 0; }

.cont01 img { width: 25%; height: auto; margin-bottom: 20px; }

.cont01 .box { margin-bottom: 50px; }
.cont01 .box:last-child { margin-bottom: 0; }
.cont01 .box h4 { font-weight: bold; font-size: 2.2rem; margin: 0 0 10px; color: #005BAC; }
.cont01 .box p a { color: #448BB9; border-bottom: 1px solid #448BB9; }



}











/*sp*/
@media only screen and (max-width: 768px) {



/*------------------------*/
.cont01 { margin: 0 0 0; padding: 50px 0; }

.cont01 img { width: 60%; height: auto; margin-bottom: 20px; }

.cont01 .box { margin-bottom: 30px; }
.cont01 .box:last-child { margin-bottom: 0; }
.cont01 .box h4 { font-weight: bold; font-size: 1.8rem; margin: 0 0 5px; color: #005BAC; }
.cont01 .box p a { color: #448BB9; border-bottom: 1px solid #448BB9; }



}