@charset "UTF-8";

#main_img{width:100%;height:500px;position:relative;margin-bottom:120px; overflow: hidden;}
#main_img .main_pic{background:url("images/main_img.jpg") no-repeat center center;background-size:cover; width: 100%; height: 100%;}
#main_img .main_pic .cg_title{display:block;width:100%;box-sizing:border-box;padding:0 20px;position:absolute;top:0px;left:50%;transform:translateX(-50%);height:165px;}
#main_img .main_pic .cg_title img{height:100%;width:auto;}
@media screen and (max-width:960px) {
#main_img{height:580px;margin-bottom:60px;}
}
@media screen and (max-width:767px) {
#main_img{ height:auto; margin-bottom:20px;}
#main_img .main_pic{ height: 300px;}
#main_img .main_pic .cg_title{height:110px;}
}
@media screen and (max-width:428px) {
#main_img .main_pic{ height: 200px;}
#main_img .main_pic .cg_title{height:80px;}
}
/*-------------------------利便ここから-------------------------*/
/*#convenience{ background-image: url(images/watercolor.jpg); background-repeat: no-repeat; background-position: center top; background-size: auto;}*/
#convenience .cg_com{max-width:980px;margin:0 auto 120px;padding:0 10px;}
#convenience .cg_com .cg_text{font-size:1.6em;line-height:2.2em;position:relative;}
#convenience .cg_com .cg_text::before{content:"";display:block;width:199px;height:107px;background:url("images/con_ico1@2x.png")no-repeat;background-size:contain;position:absolute;top:-100px;left:-50px;}
#convenience .cg_com .cg_text::after{content:"";display:block;width:118px;height:89px;background:url("images/con_ico2@2x.png")no-repeat;background-size:contain;position:absolute;right:-10px;bottom:-50px;}
#convenience .cg_com .cg_text p:nth-of-type(n+2){padding-top:20px;}
#convenience .cg_com .cg_text span{ display:block;}
#convenience .photo_list{max-width:980px;margin:0 auto 60px;padding:0 0px;overflow: hidden; }
#convenience .photo_list ul{ margin: 0; display: flex;flex-wrap:wrap;justify-content:center;}
#convenience .photo_list ul li{width:39%;height:auto; box-sizing:border-box; vertical-align: top; letter-spacing: normal; overflow: hidden;}
#convenience .photo_list ul li:first-child{width:80%;margin-bottom:2%;}
#convenience .photo_list ul li:nth-of-type(3){margin-left:2%;}
#convenience .photo_list ul li .pl_photo{width:100%;}
#convenience .photo_list ul li .pl_photo img{width:100%;height:auto;object-fit:cover;}
#convenience .photo_list ul li .pl_com{text-align:left;color:#020202;padding:15px 0;}
#convenience .photo_list ul li .pl_com h3{ text-align: center; font-size:1.7em;line-height:1.4;padding-bottom:15px; font-weight: 700;}
#convenience .photo_list ul li .pl_com h3 span{ display: block;}
#convenience .photo_list ul li .pl_com .co_text{font-size:1.4em;line-height:1.6em;}
#convenience .last_com h4{ font-size:2em; line-height:1.8; margin-bottom: 120px}
#convenience .last_com h4 span{ display: block;}

@media screen and (max-width:960px) {
#convenience{ margin:0 20px; /*background-size: contain;*/}
#convenience .cg_com{ margin:0 auto 60px; padding:0;}
#convenience .cg_com .cg_text{font-size:1.5em; line-height:2em;}
#convenience .cg_com .cg_text::before{width:150px;top:-100px;left:0px;}
#convenience .cg_com .cg_text::after{width:80px;right:20px;bottom:-50px;}
#convenience .photo_list{margin:0 auto 40px; padding:0;}
#convenience .photo_list ul li .pl_com h3{ font-size:1.5em; padding-bottom:10px; font-weight: 700;}
#convenience .last_com h4{ font-size:1.8em; line-height:1.6; margin-bottom: 100px}
}

@media screen and (max-width:767px) {
#convenience{margin:0 10px;}
#convenience .cg_com{margin:0 auto 20px;}
#convenience .cg_com h2{font-size:1.8em; line-height: 1.5em; margin-bottom:5px;}
#convenience .cg_com .cg_text{font-size:1.3em;line-height:1.8em; text-align: left;}
#convenience .cg_com .cg_text span{ display:inline;}	
#convenience .cg_com .cg_text::before{width:80px;top:-55px;left:0;}
#convenience .cg_com .cg_text::after{width:60px;right:10px;bottom:auto;top:-50px;}		
#convenience .photo_list{ padding:0;}
#convenience .photo_list ul{}
#convenience .photo_list ul li{display:block;width:49%;height:auto;box-sizing:border-box;float:none;}
#convenience .photo_list ul li:first-child{width:100%;}
#convenience .photo_list{margin:0 auto 10px;}
#convenience .photo_list ul li .pl_com h3{font-size:1.4em;line-height:1.5em;padding-bottom:5px;}
#convenience .photo_list ul li .pl_com h3 span{ display: inline;}
#convenience .photo_list ul li .pl_com .co_text{font-size:1.3em;line-height:1.6em;}
#convenience .last_com h4{ font-size:1.5em; line-height:1.6; margin-bottom:120px; font-weight: 700;}
}

@media screen and (min-width: 768px) {
.pc_none{ display:none;}
}

@media screen and (max-width: 767px) {
.sph_none{ display:none;}
}