@charset "UTF-8";

.linetop{
margin:0px;
border-top:#11376B  5px solid;
}

/* article      /////////////////////////////////////////////// */

article{
text-align:center;
margin:20px 20px 60px 20px;
}

article h1{
text-shadow: 0px 1px 1px #CCCCCC; 
color:#000000;
font-size:20px;
font-style:normal;
font-weight:500;
}

article .box{
text-align:left;
margin:20px 60px;
}

.flow{
width:100%;
text-align:center;
}

.flow img{
width:80%;
}
	

@media screen and (max-width:600px){
article .box{
text-align:left;
margin: 20px 0px;
}

article h1{
font-size:18px;
}

.flow img{
width:100%;
}
}

@media screen and (min-width: 781px) {
article h1 br{
display:none;
}
}


/*TOP_feature  /////////////////////////////////////////////// */
.featurebox00{
align-items: center;
text-align:center;
padding:20px;
border-radius:10px;
border:#11376B 1px solid;
}

.featurebox00 h3{
text-shadow: 0px 1px 1px #CCCCCC; 
color:#000000;
font-size:20px;
font-style:normal;
font-weight:500;
}


.feature{
align-items: center;
text-align:center;
display:-webkit-flex; /* iOS Safari */
display:flex;
-webkit-flex-wrap:row; /* iOS Safari */
flex-direction:row;
}

.featurebox1{
width:100%;
margin-right:20px;
text-align:left;
-webkit-flex-grow:1;
flex-grow:1;
}

.featurebox1 p{
padding-top:20px;
}

.featurebox2{
width:100%;
margin-left:20px;
text-align:left;
-webkit-flex-grow:1;
flex-grow:1;
}

.featurebox2 h2{
text-shadow: 0px 1px 1px #CCCCCC; 
color:#000000;
font-size:20px;
font-style:normal;
font-weight:500;
}

.featurebox2 dt{
color:#11376B;
font-size:16px;
font-style:normal;
font-weight:500;
margin:10px 0px 10px 0px;
padding-bottom:2px;
border-bottom:#CCCCCC 1px dashed;
}

.featurebox2 dd{
margin-bottom:20px;
}

@media screen and (min-width: 601px) and (max-width: 780px) {
.feature{
-webkit-flex-direction: column;
flex-direction: column;
}

.featurebox1{
width:80%;
margin:0px 0px 20px 0px;
text-align:left;
}

.featurebox2{
margin:0px;
text-align:left;
}
}

@media screen and (max-width:600px){
.feature{
-webkit-flex-direction: column;
flex-direction: column;
}

.featurebox1{
margin:0px 0px 20px 0px;
text-align:left;
}

.featurebox2{
margin:0px;
text-align:left;
}
}


/*TOP_service  /////////////////////////////////////////////// */
.service{
color:#FFFFFF;
margin:20px 0px;
text-align:center;
display:-webkit-flex; /* iOS Safari */
display:flex;
-webkit-flex-wrap:row; /* iOS Safari */
flex-direction:row;
}

.servicebox01{
text-align:center;
padding:20px;
margin-right:10px;
border-radius:10px;
background:#2CAEDD;
-webkit-flex-grow:1; /* iOS Safari */
flex-grow:1;
width: 100%;
}

.servicebox02{
text-align:center;
padding:20px;
margin-right:10px;
border-radius:10px;
background:#EF821E;
-webkit-flex-grow:1; /* iOS Safari */
flex-grow:1;
width: 100%;
}

.servicebox03{
text-align:center;
padding:20px;
border-radius:10px;
background:#65B588;
-webkit-flex-grow:1;/* iOS Safari */
flex-grow:1;
width: 100%;
}

/* Product */

.service h2{
font-size:14px;
font-style:normal;
font-weight:500;
padding-bottom:3px;
border-bottom:#FFFFFF 1px solid;
}

.service h3{
margin-top:10px;
font-size:20px;
font-style:normal;
font-weight:500;
line-height:20px;
}

.service h3 span{
font-size:14px;
font-family: "futura-pt",sans-serif;
font-style: normal;
}

.service ul{
margin-top:20px;
display:-webkit-flex; /* iOS Safari */
display:flex;
-webkit-flex-wrap:row; /* iOS Safari */
flex-direction:row;
}

.service li{
text-align:center;
list-style:none;
-webkit-flex-grow:1;
flex-grow:1;
}

.service li span{
font-size:14px;
font-family: "futura-pt",sans-serif;
font-style: normal;
}


@media screen and (max-width:780px){
.service{
-webkit-flex-direction: column;
flex-direction: column;
}

.servicebox01{
margin:0px 0px 20px 0px;
}
.servicebox02{
margin:0px 0px 20px 0px;
}
.servicebox03{
margin:0px 0px 20px 0px;
}


}




/*　bt_detail */

.service_bt{
margin-top:20px;
margin-right: auto;
margin-left: auto;
}

.bt_detail{
font-size:14px;
}

a.bt_detail{
display:block;
text-align:center;
color:#000000;
text-decoration:none;
padding:5px 10px;
border-radius:20px;
background:#FFFFFF;
}

a.bt_detail:hover{
color:#FFFFFF;
text-decoration:none;
font-style:normal;
background:#11376B;
}