@charset "utf-8";

/*################ リセットcss #################*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1.5;
	position: relative;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
ol, ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    color: #000000;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

 
/* change colours to suit your needs */

 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}


img {
	display: block;
	width:100%;
	vertical-align:bottom;
}

img[src$=".svg"] {
    width: 100%;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


html{
	width:100%;
	font-size: 62.5%;
    overflow-x: hidden;
	background-color: #5f5f5f;
}

body, form{
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 14px;
	-webkit-text-size-adjust: 100%;
	color:#004098;
    max-width: 1920px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    background-color: #fff;
}


.fl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}

.img_sp {
	display: none;
}




@media screen and (max-width: 600px) {

.img_pc {
	display: none;
}

.img_sp {
	display: block;
}

	
}





