@charset "utf-8";
/* CSS Document */

/* コンテンツ */
body {
	margin:0 0;
	line-height:1.7em;
	font-family: 'Noto Serif JP', sans-serif;
	font-feature-settings : "palt";
    letter-spacing: 0.1em;
    color:#525252;
}
p {
    line-height: 180%;
}
#wrapper {
	width:100%;
	position:relative;
}
.content {
    max-width:800px;
    color:#fff;
    margin:60px auto 100px;
}
.small {
    font-size:80%;
}
.indent {
    margin-left:-1em;
    text-indent: 1em;
}
.caution {
    color:#A40002;
    font-size:80%;
}
@media screen and (max-width: 768px) {
.content {
    width:90%;
    color:#fff;
    margin:100px auto 100px;
}
}
.font-size60 {font-size:60px;}
.font-size50 {font-size:50px;}
.font-size42 {font-size:42px; color:#EBD8DF;}
.font-size40 {font-size:40px;}
.font-size25 {font-size:25px;}

@media screen and (max-width: 768px) {
.font-size60 {font-size:60px;}
.font-size50 {font-size:6vw;}
.font-size42 {font-size:5vw; color:#EBD8DF;}
.font-size40 {font-size:4vw;}
.font-size25 {font-size:3vw;}
}
.arrow {
    width:100%;
}
.arrow img{
    width:100%;
    height:auto;
    vertical-align: bottom;
}
.letter-space {
    letter-spacing: -0.6em;
}
.float-l {
    float:left;
}
.float-r {
    float:right;
}
header {
    text-align:center;
    width:100%;
    background-color: #8C0000;
}
header img {
    max-width: 1200px;
    height:auto;
    vertical-align: bottom;
}
@media screen and (max-width: 768px) {
header {
    text-align:center;
    width:100%;
    background-color: #8C0000;
}
header img {
    width:100%;
    height:auto;
    vertical-align: bottom;
}
}

.section01 {
	width:100%;
    padding:100px 0 0;
    text-align: center;
}
.section01 img {
    margin:40px 0;
}

@media screen and (max-width: 768px) {
.section01 {
	width:100%;
    padding:50px 0 50px;
    text-align: center;
}
.section01 img {
    margin:40px 0;
}
.section01 .txt {
    font-family: 'Noto Sans JP';
    line-height: 170%;
    margin-top:40px;
}
}
.section02 {
	width:100%;
    padding:40px 0 40px;
    text-align: center;
    color:#fff;
    background-color: #525252;
}
.section02 img {
    margin:40px 0;
}
.section02 .txt {
    line-height: 170%;
    margin-top:80px;
}
@media screen and (max-width: 768px) {
.section02 {
	width:100%;
    padding:40px 0 40px;
    text-align: center;
    color:#fff;
    background-color: #525252;
}
.section02 img {
    margin:40px 0;
}
.section02 .txt {
    line-height: 170%;
    margin-top:40px;
}
}
.section03 {
	width:100%;
    padding:40px 0 40px;
    text-align: center;
    color:#fff;
    background-color: #8C0000;
}

.section04 {
	width:100%;
    padding:80px 0 80px;
    text-align: center;
    color:#fff;
    background-color: #fff;
}
.section04 .container{
    display: flex;
    width: 1000px;
    margin:60px auto;

    /*並び順*/
    /*
    flex-start：左寄せ（デフォルト）
    flex-end：右寄せ
    center： 中央寄せ
    space-between：残り余白の均等割り 
    space-around：左右余白 ＋ 均等割り
    */
    justify-content: space-around;
}
.section04 .flex-item{
    width: 276px;
    text-align: left;
    color:#525252;
    line-height: 180%;
}
.section04 .flex-item img{
    margin-bottom:20px;
}
.section04 .flow-title {
    margin-bottom:40px;
    color:#525252;
}

@media screen and (max-width: 768px) {
.section04 {
	width:100%;
    padding:40px 0 40px;
    text-align: center;
    color:#fff;
    background-color: #fff;
}
.section04 .container{
    display: block;
    width: 90%;
    margin:30px 5%;
    justify-content: center;
}
.section04 .section04-title{
    width:90%;
    margin:20px 5%;
    text-align: center;
}
.section04 .section04-title img{
    width:60%;
    height:auto;
}
.section04 .flex-item{
    width: 100%;
    text-align: center;
    color:#525252;
    line-height: 180%;
    margin-bottom:40px;
    font-size:80%;
}
.section04 .flex-item img{
    margin-bottom:20px;
    width:80%;
    height:auto;
}
.section04 .flow-title {
    margin-bottom:40px;
    color:#525252;
}
.section04 .section04-flow{
    width:90%;
    margin:20px 5%;
    text-align: center;
}
.section04 .section04-flow img{
    width:100%;
    height:auto;
}
}

.section05 {
	width:100%;
    padding:0 0 40px;
    color:#fff;
    background-color: #8C0000;
}
.section05 .section05-wrapper{
    width:1000px;
    margin:0 auto;
    position: relative;
}
.section05 .section05-wrapper .txt {
    width:700px;
}
.section05 .section05-wrapper .image {
    width:300px;
    margin:0;
    position: absolute;
    bottom:-40px;
    right:0;
}
.section05 .section05-wrapper .image img {
    width:300px;
    vertical-align: bottom;
    height:auto;
}

@media screen and (max-width: 768px) {
.section05 {
	width:100%;
    padding:40px 0 0;
    color:#fff;
    background-color: #8C0000;
}
.section05 .section05-wrapper{
    width:100%;
    margin:0;
}
.section05 .section05-wrapper .txt {
    width:90%;
    margin:0 5%;
}
.section05 .section05-wrapper .image {
    width:100%;
    vertical-align: bottom;
    height:auto;
    text-align: center;
    position: relative;
    bottom:0px;
    margin-top:20px;
}
.section05 .section05-wrapper .image img {
    width:60%;
    height:auto;
}
}
.section06 {
	width:100%;
    padding:80px 0 80px;
}
.section06 .section06-wrapper{
    width:1000px;
    margin:0 auto;
}
.title {
    border-left:solid 3px #525252;
    padding:20px 0 20px 20px;
    fonr-size:20px;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    margin-bottom:40px;
}
.section06 .section06-wrapper .txt{
    width:700px;
    text-align: left;
}
@media screen and (max-width: 768px) {
.section06 {
	width:100%;
    padding:80px 0 80px;
}
.section06 .section06-wrapper{
    width:90%;
    margin:0 5%;
}
.title {
    border-left:solid 3px #525252;
    padding:20px 0 20px 20px;
    fonr-size:20px;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    margin-bottom:40px;
}
.section06 .section06-wrapper .txt{
    width:100%;
    text-align: left;
    font-size:80%;
}
.section06 .section06-wrapper .image{
    width:100%;
    text-align: center;
}
.section06 .section06-wrapper img{
    width:60%;
    height:auto;
}
}
footer {
    text-align: center;
    width:100%;
    margin-bottom:40px;
}