@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');

/*--------------------------------MainTxt*/
#MainTxt{width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center;margin-bottom:40px}
#MainTxt .txt{font-size:18px}
#MainTxt .person{width:130px}

/*--------------------------------Case*/
#Case{width:800px;margin:0 auto;margin-bottom: 50px;}
#Case .Entry{margin:0 auto;display:flex;flex-wrap:wrap;position:relative;border-top:2px solid;border-bottom:2px solid;padding:25px 0}
#Case .Entry + .Entry{margin-top:60px}
#Case .Entry .icon{position:absolute;top:-32px;left:50%;display:flex;align-items:center;margin-left:-40px;background-color:#fff;padding:0 10px}
#Case .Entry .icon span{font-size:18px}
#Case .Entry .icon span + span{font-size:40px;padding-left:5px}
#Case .Entry .photo{width:290px}
#Case .Entry .photo .caption{font-size:11px}
#Case .Entry dl{flex:1;margin-left:20px;position:relative}
#Case .Entry dt{font-size:20px;padding-bottom:10px}
#Case .Entry dd{line-height:1.8}
#Case .Entry dd.btn{margin-top:10px}
#Case .Entry dd.btn a{display:inline-block;position:relative;text-decoration:none;color:#fff;padding:8px 50px;border-radius:3px}
#Case .Entry dd.btn a:hover{background-color:#666!important}
#Case .Entry dd.btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#Case .Entry:nth-of-type(1){border-color:#d94ca0}
#Case .Entry:nth-of-type(2){border-color:#58bcd3}
#Case .Entry:nth-of-type(3){border-color:#d9c24c}
#Case .Entry:nth-of-type(1) .icon,#Case .Entry:nth-of-type(1) dt{color:#d94ca0}
#Case .Entry:nth-of-type(2) .icon,#Case .Entry:nth-of-type(2) dt{color:#58bcd3}
#Case .Entry:nth-of-type(3) .icon,#Case .Entry:nth-of-type(3) dt{color:#d9c24c}
#Case .Entry:nth-of-type(1) dd.btn a{background-color:#d94ca0}
#Case .Entry:nth-of-type(2) dd.btn a{background-color:#58bcd3}
#Case .Entry:nth-of-type(3) dd.btn a{background-color:#d9c24c}
#Case .CommonBtmBtn{margin-top:20px;display:flex;justify-content:center}
#Case .CommonBtmBtn a{width:250px;margin:0 10px}
#Case .CommonBtmBtn a + a{}

/*-------------------------------------------Faq*/
#Faq{background-color:#f2f2f2;padding:40px;margin-bottom:40px}
#Faq h2{}
#Faq dl{width:800px;margin:0 auto}
#Faq dl + dl{margin-top:45px}
#Faq dt{color:#006F3B;font-size:18px;margin-bottom:8px;position:relative;padding-left:30px}
#Faq dd{position:relative;padding-left:30px}
#Faq dd .btn{}
#Faq dd .btn a{position:relative;display:inline-block;text-decoration:none;background-color:#006F3B;color:#fff;font-size:12px;padding:9px 30px;margin-top:6px}
#Faq dd .btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#Faq dd .btn a:hover{background-color:#08a95d}
#Faq .icon{position:relative;font-family:'Cabin',sans-serif;margin-bottom:12px;margin-right:5px;display:flex;padding:0 5px;width:25px;height:25px;text-align:center;color:#FFF;font-size:15px;font-weight:700;border-radius:50%;box-sizing:border-box;align-items:center;justify-content:center;position:absolute;left:0;top:-10px}
#Faq .icon:before{content:"";position:absolute;bottom:-3px;right:-5px;border:5px solid transparent;border-left:7px solid #a58eff;z-index:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#Faq dt .icon{content:"Q";background-color:#006F3B}
#Faq dd .icon{content:"A";background-color:#666}
#Faq dt .icon:before{border-left-color:#006F3B}
#Faq dd .icon:before{border-left-color:#666}


/*-------------------------------------------Contact*/
#Contact{margin-bottom:40px}
#Contact h2{}
#Contact .Inner{width:1000px;margin:0 auto;display:flex;justify-content:space-between}
#Contact dl{text-align:center;border:1px solid #ccc;width:31%;padding:20px;box-sizing:border-box}
#Contact dl.tel{padding-bottom:15px}
#Contact dt{color:#006F3B;padding-bottom:10px;font-size:18px;line-height:1}
#Contact dd{}
#Contact dt:before{content:"\f105";font-family:FontAwesome;padding-right:5px}
#Contact dd a{position:relative;display:block;text-decoration:none;background-color:#006F3B;color:#fff;font-size:12px;padding:14px;margin-top:6px}
#Contact dd a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#Contact dd a:hover{background-color:#08a95d}
#Contact .mail dt{}
#Contact .tel dt{}
#Contact .shop dt{}
#Contact .mail dt:before{content:"\f0e0"}
#Contact .tel dt:before{content:"\f095"}
#Contact .shop dt:before{content:"\f007"}
#Contact .tel dd{font-size:24px;padding-bottom:3px;color:#006F3B}
#Contact .tel dd + dd{font-size:14px;padding-bottom:0}