@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

#content{width:auto;margin:0;background-color:#e6f5ff;}
#content .content_inner{width:1100px;margin:0 auto;}
#content img{vertical-align:top;}

#main h1.main_title{max-width:1100px;font-size:31px;line-height:1;font-weight:700;text-align:left;margin:0 auto 30px;padding:0 160px 20px 0;box-sizing:border-box;color:#004D9E;border-bottom:solid 5px #004D9E;position:relative;}
#main h1.main_title::after{content:"";width:140px;height:76px;background-image: url("/images/shop/character_01@2x.png");-webkit-background-size: contain;background-size:contain;background-repeat:no-repeat;position:absolute;bottom:-2px;right:18px;}

/*.main_ttl*/
#main .main_ttl{height:360px;background-color:#38a4e7;}
#main .main_ttl .main_ttl_inner{max-width:1070px;margin:auto;padding:108px 0;position:relative;}
#main .main_ttl .main_ttl_inner .main_ttl_txt{font-size:30px;font-weight:700;text-align:left;color:#FFF;}
#main .main_ttl .main_ttl_inner .main_ttl_txt span{display:inline-block;}
#main .main_ttl .main_ttl_inner .main_ttl_txt .s01{font-size:40px;}
#main .main_ttl .main_ttl_inner .main_ttl_txt .s02{font-size:74px;margin:20px 10px 0 0;text-shadow:5px 5px 0px #1c71bb;}
#main .main_ttl .main_ttl_inner img{position:absolute;right:-20px;bottom:-100px;}

/*.pagelink_btn*/
#main .pagelink_btn{max-width:945px;margin:120px auto 0;}
#main .pagelink_btn ul{letter-spacing:-0.4em;}
#main .pagelink_btn ul li{display:inline-block;width:calc((100% - 60px) / 3);vertical-align:top;letter-spacing:normal;}
#main .pagelink_btn ul li + li{margin-left:30px;}
#main .pagelink_btn ul li a{display:block;text-align:left;text-decoration:none;letter-spacing:-0.4em;padding:5px 10px;border-radius:6px;box-sizing:border-box;background-color:#FFF;box-shadow: 5px 5px 0px 0px #73a8cf;transition:all .3s;}
#main .pagelink_btn ul li a .point{display:inline-block;width:60px;height:60px;font-size:11px;font-weight:700;letter-spacing:normal;text-align:center;vertical-align:middle;padding:8px 0 0;border-radius:6px;box-sizing:border-box;color:#FFF;}
#main .pagelink_btn ul li a .point span{display:block;font-size:34px;margin:4px 0 0;}
#main .pagelink_btn ul li a .point_ttl{display:inline-block;font-size:25px;font-weight:700;letter-spacing:normal;vertical-align:middle;margin:0 0 0 10px;color:#004d9e;}
#main .pagelink_btn ul li a .point_ttl span{display:inline-block;font-size:16px;vertical-align:top;margin:0 0 8px;padding:2px 10px 0;border-radius:15px;background-color:#FFF;border:2px solid #004d9e;position:relative;}
#main .pagelink_btn ul li a .point_ttl span::before,
#main .pagelink_btn ul li a .point_ttl span::after{content:"";position:absolute;left:50%;}
#main .pagelink_btn ul li a .point_ttl span::before{bottom:-9px;margin-left:-5px;border:5px solid transparent;border-top:5px solid #FFF;z-index:2;}
#main .pagelink_btn ul li a .point_ttl span::after{bottom:-14px;margin-left:-7px;border:7px solid transparent;border-top:7px solid #004d9e;z-index:1;}
#main .pagelink_btn ul li.box01 a{background:#FFF url(images/btn_icon01@2x.png)no-repeat right center / contain;}
#main .pagelink_btn ul li.box02 a{background:#FFF url(images/btn_icon02@2x.png)no-repeat right center / contain;}
#main .pagelink_btn ul li.box03 a{background:#FFF url(images/btn_icon03@2x.png)no-repeat right center / contain;}
#main .pagelink_btn ul li.box01 a .point{background-color:#f789a3;}
#main .pagelink_btn ul li.box02 a .point{background-color:#b3db5a;}
#main .pagelink_btn ul li.box03 a .point{background-color:#33b5dd;}
#main .pagelink_btn ul li a:hover{box-shadow:none;transform:translateY(5px);}

/*.lead*/
#main .lead{font-size:20px;font-weight:700;line-height:2;margin:50px 0 0;padding:0 0 100px;color:#004d9e;position:relative;}
#main .lead::before,
#main .lead::after{content:"";position:absolute;left:50%;}
#main .lead::before{bottom:34px;border:20px solid transparent;border-top:20px solid #e6f5ff;z-index:2;}
#main .lead::after{bottom:29px;border:20px solid transparent;border-top:20px solid #004d9e;z-index:1;}
#main .lead span{display:inline-block;margin-right:1em;color:#ff820f;position:relative;}
#main .lead span::before,
#main .lead span::after{content:"";display:inline-block;width:100%;height:2px;background-color:#ff820f;position:absolute;right:0;bottom:2px;left:0;}
#main .lead span::before{bottom:6px;}

/*.point_list*/
#main .point_list{padding:0 0 100px;}
#main .point_list .box{padding:30px 50px 40px;border-radius:10px;background-color:#FFF;box-shadow:5px 5px 0px 0px #73a8cf;}
#main .point_list .box + .box{margin:60px 0 0;}
#main .point_list .box .box_top{text-align:left;position:relative;}
#main .point_list .box .box_top .point{display:inline-block;width:80px;height:80px;font-size:14px;font-weight:700;letter-spacing:normal;text-align:center;vertical-align:middle;padding:10px 0 0;border-radius:6px;box-sizing:border-box;color:#FFF;}
#main .point_list .box#box01 .box_top .point{background-color:#f789a3;}
#main .point_list .box#box02 .box_top .point{background-color:#b3db5a;}
#main .point_list .box#box03 .box_top .point{background-color:#33b5dd;}
#main .point_list .box .box_top .point span{display:block;font-size:45px;margin:5px 0 0;}
#main .point_list .box .box_top .point_icon{display:inline-block;vertical-align:middle;margin:0 20px;}
#main .point_list .box .box_top .point_ttl{display:inline-block;font-size:45px;font-weight:700;vertical-align:middle;color:#004d9e;}
#main .point_list .box .box_top .point_ttl span{display:inline-block;font-size:25px;vertical-align:top;margin:0 20px 0 0;padding:7px 15px 4px;border-radius:30px;background-color:#FFF;border:2px solid #004d9e;position:relative;}
#main .point_list .box .box_top .point_ttl span::before,
#main .point_list .box .box_top .point_ttl span::after{content:"";position:absolute;top:50%;}
#main .point_list .box .box_top .point_ttl span::before{right:-8px;width:0;height:0;margin-top:-5px;border-style:solid;border-width:5px 0 5px 12px;border-color:transparent transparent transparent #FFF;z-index:2;}
#main .point_list .box .box_top .point_ttl span::after{right:-13px;width:0;height:0;margin-top:-5px;border-style:solid;border-width:5px 0 5px 12px;border-color:transparent transparent transparent #004d9e;z-index:1;}
#main .point_list .box .box_top .point_illust{position:absolute;right:0;bottom:0;}
#main .point_list .box .box_bottom{margin:30px 0 0;overflow:hidden;}
#main .point_list .box .box_bottom .sub_ttl{text-align:left;margin:0 0 30px;padding:10px 20px;border-radius:6px;background-color:#38a4e7;}
#main .point_list .box .box_bottom .sub_ttl .sub_ttl_txt{display:inline-block;font-size:25px;line-height:33px;font-weight:700;color:#FFF;}
#main .point_list .box .box_bottom .sub_ttl a{display:inline-block;float:right;margin:-5px 0 0;text-decoration:none;position:relative;transition:all .3s;}
#main .point_list .box .box_bottom .sub_ttl a::before{content:"";border-radius:4px;background-color:#e4e4e4;position:absolute;top:0;right:0;bottom:-5px;left:0;transition:all .3s;}
#main .point_list .box .box_bottom .sub_ttl a span{display:block;font-size:18px;font-weight:700;padding:10px 30px 10px 15px;border-radius:4px;color:#004d9e;background-color:#FFF;position:relative;}
#main .point_list .box .box_bottom .sub_ttl a span::after{content:"";display:inline-block;width:8px;height:8px;vertical-align:middle;margin:auto;border-top:solid 3px #004d9e;border-right:solid 3px #004d9e;position:absolute;top:0;right:15px;bottom:0;transform:rotate(45deg);transition:all .3s;}
#main .point_list .box .box_bottom .box_img{}
#main .point_list .box .box_bottom .caption_list{}
#main .point_list .box .box_bottom.row .box_img{width:calc((100% - 30px)/2);float:right;}
#main .point_list .box .box_bottom.row .caption_list{width:calc((100% - 30px)/2);float:left;padding:0 5px 0 0;box-sizing:border-box;}
#main .point_list .box .box_bottom .caption_list li{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left;margin:0 0 30px;color:#505050;}
#main .point_list .box .box_bottom .caption_list.row03,
#main .point_list .box .box_bottom .caption_list.row02{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px;}
#main .point_list .box .box_bottom .caption_list.row03 li{width:calc((100% - 50px)/3);margin:0 25px 15px 0;}
#main .point_list .box .box_bottom .caption_list.row03 li:nth-child(3n){margin-right:0;}
#main .point_list .box .box_bottom .caption_list.row02 li{width:calc((100% - 30px)/2);margin:0 30px 15px 0;}
#main .point_list .box .box_bottom .caption_list.row02 li:nth-child(2n){margin-right:0;}
#main .point_list .box .box_bottom .caption_list li.end{margin-bottom:0;}
#main .point_list .box .box_bottom .caption_list li .caption{display:flex;width:100%;height:100%;min-height:50px;font-size:14px;line-height:1.2;font-weight:700;overflow:hidden;border-radius:6px;box-sizing:border-box;border:1px solid #50be87;}
#main .point_list .box .box_bottom .caption_list li .caption span{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#main .point_list .box .box_bottom .caption_list li .caption span.c_img{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;min-width:50px;margin:0 10px 0 0;background-color:#ecf7e8;}
#main .point_list .box .box_bottom .caption_list li .caption span.c_img img{width:auto;max-width:50px;height:auto;max-height:50px;}
#main .point_list .box .box_bottom .caption_list li .caption span.c_txt{}
#main .point_list .box .box_bottom .caption_list li .txt{font-size:14px;line-height:1.8;margin:20px 0 0;}
#main .point_list .box .box_bottom .caption_list li .txt span{font-weight:700;color:#ff820f;}
#main .point_list .box .box_bottom .caption_list li .link_txt{width:100%;text-align:right;margin:30px 0 0;}
#main .point_list .box .box_bottom .caption_list li .link_txt a{font-size:14px;font-weight:700;text-decoration:none;padding:5px 12px 5px 0;color:#004d9e;border-bottom:1px solid #004d9e;position:relative;transition:all .3s;}
#main .point_list .box .box_bottom .caption_list li .link_txt a::after{content:"";display:inline-block;width:7px;height:7px;vertical-align:middle;border-top:solid 3px #004d9e;border-right:solid 3px #004d9e;position:absolute;top:9px;right:0;transform:rotate(45deg);transition:all .3s;}
@media all and (-ms-high-contrast: none) {
	#main .point_list .box .box_bottom .caption_list.row03 li{width:calc((99% - 50px)/3);}
}

#main .point_list .box .box_bottom .sub_ttl a:hover{transform:translateY(5px);}
#main .point_list .box .box_bottom .sub_ttl a:hover::before{bottom:0;}
#main .point_list .box .box_bottom .sub_ttl a:hover span::after{right:12px;}
#main .point_list .box .box_bottom .caption_list li .link_txt a:hover{opacity:0.5;}
#main .point_list .box .box_bottom .caption_list li .link_txt a:hover::after{right:-3px;}