@charset "UTF-8";
	@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese');

/*基本構造*/

section.back_w{
background:#fff;
margin-top:135px;
}

section.back_b{
background-color:#1a1a1a;
}

section .box{
width:70%;
margin:0 auto;
padding:50px 20px;
}

/*---------------responsive - products01---------------*/
@media screen and ( max-width:479px )
{
 section.back_w{
 margin-top:100px;
 }

 section .box{
 width:92%;
 padding:0;
 }

}
/*-----ここまで----------------------------------------*/

h1{
font-size:38px;
text-align:center;
line-height:140%;
font-family:serif;
font-weight:bold;
letter-spacing:1px;
background:url("../../img/underline.jpg") no-repeat bottom;
padding-bottom:26px;
}

h1 span{
color:#555;
font-size:14px;
font-weight:normal;
letter-spacing:0.5px;
border:1px solid #333;
padding:4px 14px;
}

.cont-text p{
font-size:16px;
line-height:170%;
letter-spacing:1px;
margin:20px 0;
}

.cont-text p.linkbox{
border:1px solid #333;
text-align:center;
width:70%;
margin:0 auto;
}

.cont-text p.linkbox a{
display:block;
padding:10px 0;
font-size:14px;
}

.about-box{
width:80%;
margin:0 auto;
padding:20px;
}

.about-box img{
width:80%;
}

/*---------------responsive - TopContents05---------------*/
@media screen and ( max-width:479px )
{
 .about-box{
 width:92%;
 }

 .about-box img{
 width:100%;
 }
}
/*-----ここまで----------------------------------------*/

h2{
text-align:center;
margin-bottom:40px;
font-size:38px;
line-height:140%;
font-family:serif;
font-weight:bold;
letter-spacing:-1px;
background:url("../../img/underline.jpg") no-repeat bottom;
padding-bottom:26px;
}

section.back_b h2{
color:#fff;
}

/*---------------responsive - TopContents02---------------*/
@media screen and ( max-width:479px )
{
 h2{
 line-height:120%;
 padding-bottom:16px;
 font-family:'Noto Serif JP',serif;
 }
}
/*-----ここまで----------------------------------------*/

.f3-container{
display:flex;
flex-wrap:wrap;
justify-content: center;
}

.f3-container p{
color:#fff;
line-height:180%;
}

.f3-item01{order:1;padding:0 15px;margin-bottom:60px;flex-basis:40%;}
.f3-item02{order:2;padding:0 15px;margin-bottom:60px;flex-basis:40%;align-self:center;}
.f3-item03{order:3;padding:0 15px;margin-bottom:60px;flex-basis:40%;align-self:center;}
.f3-item04{order:4;padding:0 15px;margin-bottom:60px;flex-basis:40%;}
.f3-item05{order:5;padding:0 15px;margin-bottom:60px;flex-basis:40%;}
.f3-item06{order:6;padding:0 15px;margin-bottom:60px;flex-basis:40%;align-self:center;}

.f3-item01 img{
width:100%;
}

.f3-item04 img{
width:100%;
}

.f3-item05 img{
width:100%;
}

/*---------------responsive - TopContents03---------------*/
@media screen and ( max-width:479px )
{
 .f3-item01{order:1;padding:0;margin-bottom:0;flex-basis:100%;}
 .f3-item02{order:2;padding:0;margin-bottom:0;flex-basis:92%;align-self:center;}
 .f3-item03{order:4;padding:0;margin-bottom:0;flex-basis:92%;align-self:center;}
 .f3-item04{order:3;padding:0;margin-bottom:0;flex-basis:100%;}
 .f3-item05{order:5;padding:0;margin-bottom:0;flex-basis:100%;}
 .f3-item06{order:6;padding:0;margin-bottom:0;flex-basis:92%;align-self:center;}

 .f3-item01 img{
 width:100%;;
 height:auto;
 }

 .f3-item04 img{
 width:100%;;
 height:auto;
 }

 .f3-item05 img{
 width:100%;;
 height:auto;
 }
}
/*-----ここまで----------------------------------------*/