@charset "UTF-8";
/* CSS Document */
/*==========================================================
												汎用class等
==========================================================*/
h1,h2,h3,h4,h5,h6,p,td,th,ul,li,dt,dd {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
    font-family: "Noto Sans JP", "Verdana", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3";
    color: #4d4d4d;
    vertical-align:middle;
    list-style: none;
}
img { vertical-align: bottom;}
img.imgW{
    width: 100%;
    height: auto;
}
a img:hover{
    filter:alpha(opacity=80);
    opacity:0.7;
}
h3.c-title {
    position: relative;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.color--01 h3.c-title {
    color: #006fa5;
    border-bottom: solid 5px #006fa5;
    letter-spacing: -0.1rem;
}
.color--02 h3.c-title{
    color: #FFFFFF;
    border-bottom: solid 5px #FFFFFF;
    letter-spacing: -0.1rem;
}

h3.c-title:after {
    position: absolute;
    content: " ";
    display: block;
    bottom: -5px;
    width: 30%;
}

h3.c-title:after {
    border-bottom: solid 5px #ffed43;    
}
.c-comment{
	max-width: 956px;
	padding: 0 5%;
	margin: 0 auto;
    margin-bottom: 60px;
}

h5 {
    color: #FFFFFF;
    font-size: 20px;
    border-bottom: solid 2px #FFFFFF;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
p {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.03em;
}

.wrap {
    overflow: hidden;
}
.c-section {
    padding-top: 80px;
    padding-bottom: 80px; 
}
.color--01{ 
    background-color: #FFFFFF;
}
.color--02{ 
    background-color: #006fa5;
}
.c-inner {
    width: 90%;
    max-width: 956px;
    margin: 0 auto;
}

/*---- pcsp切り替え ----*/
.c-pc { display: block;}
.c-tab { display: block;}
.c-sp { display: none;}
.c-mb { display: none;}


@media screen and (max-width: 767px) {
    h3.c-title {
        font-size: 20px;
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 10px;
        line-height: 1.5;
    }
    h5 {
        font-size: 16px;
    }
    .c-section {
        padding-top: 60px;
        padding-bottom: 60px; 
    }
    .c-inner {
        max-width: 100%;
    }
    /*---- pcsp切り替え ----*/
    .c-pc { display: none;}
    .c-sp { display: block;}
}
@media screen and (max-width: 400px) {
    h3.c-title {
        font-size: 18px;
    }
    h5 {
        font-size: 15px;
    }
    /*---- pcsp切り替え ----*/
	.c-tab { display: none;}
	.c-mb { display: block;}
}

/* ============== header ============== */
.header {
    position: relative;
}
.header .header__logo {
    position: absolute;
    top: 0;
    left: 0;
}

/* ============== footer ============== */
.footer {
    background-color: #FFFFFF;
    border-bottom:solid 20px #F38E00;
    text-align:right;
}
.footer .c-inner{
    max-width: 960px;
}
.footer p{
    font-size:10px;
    margin-bottom: 5px;
}
@media screen and (max-width: 400px) {
    .footer {
        text-align: center;
    }
    .footer .f-logo img{
        max-width: 200px;
    }
    .footer p{
        font-size: 8px;
        letter-spacing: 0;
    }
}


/* ============== main ============== */
.mainVisual {
    width: 1280px;
    margin: auto;
    text-align: center;
}
.mainVisual__pic img{
    width: 100%;
    height: auto;
}

.mainVisual {
    width: 100%;
    /*position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    max-height: 900px;*/
    background: white url("../img/top/mainvisual_bg.jpg") no-repeat center;
    background-size: cover;
}
.mainVisual__logo {
    /*position: absolute;
    top: 0;
    left: 4%;*/
    padding: 10px 0 30px 4%;
}
.mainVisual__logo h1 {
    max-width: 280px;
}




/* ============== report ============== */
.report {}
.report h3 {
    max-width: 712px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.report ul{
    width: 100%;
    max-width: 712px;
    margin: 0 auto;
}
.report li {
    margin-bottom: 30px;
}
.report li:last-child {
    margin-bottom: 0; 
}
.report li img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .report h3 {
        margin-bottom: 40px;
    }
}

/* ============== links ============== */
.links {}
.links .c-inner {
    max-width: 712px;
}
.links ul {}
.links li {
    margin-bottom: 30px;
}
.links li:last-child {
    margin-bottom: 0;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
}
.links li a {
    display: inline-block;
}
.links li img{
    width: 100%;
    height: auto;
}