/*TOP画像*/
.web-top{
 width:100%;
}
.webworkflow{
 width:30%;
 margin:auto;
}
.web-text {
    margin-top: 20px;
}
.webflexbox0{
 display:flex;
 align-items:center;
 }
.webflexbox{
 display:flex;
 align-items:flex-start;
 justify-content:flex-start;
 }
 .web-arrow{
 font-size:60px;
 color:#aaa;
}
.web-item{
 margin:auto;
}
.web-item-flow{
 width:130px;
}
.web-item-flow-movie{
 width:125.5px;
}
.flex-item{
 padding:9px;
}
.flex-item p{
 line-height:28px;
}
.flex-img{
 width:150px;
}
.img-detail{
    max-width:100%;
}
.contentsBox{
    display:inline-block;
    width:30%;
}
.box41{
    padding: 0.5em 1em;
    margin: 1em auto 1em auto;
    border: solid 1px #000000;
    width:85%;
}
.mrTB15{
    margin-top:15px;
    margin-bottom:15px
}
.midashi_movie{
	line-height:1.5em
}
.mrTB20{
    margin-top:20px;
    margin-bottom:20px
}
.flex00{
    display: -webkit-flex;
    display: flex;
    margin: auto;
    width: 80%;
}
.item00{
    line-height: 32px;
    width: 50%;
}
/*左揃え*/
.leftwrite{
    text-align:left;
}
.outline-box1{
    height:230px;
}
.outline-box2{
    height:310px;
}
/*背景色*/
.bgColor-outline{
 background-color:#f5f8f7;
}
/*背景画像*/
.img-filter{
 background-image:url(../img/main_gnavi_back.png);
 width:100%;
 height:100%;
}
.bg-img{
 background: no-repeat center top;
 background-size:100% auto;
}
.bgColor-contact {
    background: #f1f4ea;
}

@media screen and (max-width: 899px) {
.item00{
    line-height: 32px;
    width: 100%;
}
.img-top{
    height:340px;
 }
 .sp-leftwrite {
	text-align: left;
}
.sp-br::before {
	content: "\A" ;
	white-space: pre ;
}
.web-text {
    margin-top: 15px;
}
.fontSize18{
    font-size: 16px;
    font-size: 1.0em;
}
.sp-leftwrite {
	text-align: left;
}
.sp-br::before {
	content: "\A" ;
	white-space: pre ;
}
.web-text {
    margin-top: 15px;
}
.contentsBox{
    display:inline-block;
    width:95%;
}
.flex-item{
    padding:5px;
}
.web-item{
    margin:auto;
}
.outline-box1{
    height:230px;
    margin-top:10px;
}
.outline-box1.sp1{
    height:300px;
    margin-top:10px;
}
.outline-box1.sp2{
    height:280px;
    margin-top:10px;
}
.outline-box1.sp3{
    height:290px;
    margin-top:10px;
}
.outline-box2.sp1{
    height:250px;
    margin-top:10px;
}
.outline-box2.sp2{
    height:270px;
    margin-top:10px;
}
.outline-box2.sp3{
    height:260px;
    margin-top:10px;
}
.mrTB20{
    margin-top:10px;
    margin-bottom:10px;
}
.flex00{
    flex-direction: column;
    width:100%; 
}
}
@media only screen and (max-width: 750px) {
.contentsBox{
    display:inline-block;
    width:95%;
}

.fontSize18{
    font-size: 16px;
    font-size: 1.0em;
}
.flex-item{
    padding:5px;
}
.web-item{
    margin:auto;
}
.outline-box1{
    height:230px;
    margin-top:10px;
}
.outline-box1.sp1{
    height:300px;
    margin-top:10px;
}
.outline-box1.sp2{
    height:270px;
    margin-top:10px;
}
.outline-box1.sp3{
    height:290px;
    margin-top:10px;
}
.outline-box2.sp1{
    height:250px;
    margin-top:10px;
}
.outline-box2.sp2{
    height:280px;
    margin-top:10px;
}
.outline-box2.sp3{
    height:260px;
    margin-top:10px;
}
.webflexbox0{
    display:flex;
    align-items:flex-start;
    padding-top:10px;
 }
}
@media screen and (max-width: 480px) {
.outline-box1.sp1{
    height:350px;
    margin-top:10px;
}
.outline-box1.sp2{
    height:230px;
    margin-top:10px;
}
.outline-box1.sp3{
    height:240px;
    margin-top:10px;
}
.outline-box2.sp1{
    height:300px;
    margin-top:10px;
}
.outline-box2.sp2{
    height:340px;
    margin-top:10px;
}
.outline-box2.sp3{
    height:300px;
    margin-top:10px;
}
}