.main{position: relative;}
.main img{width: 100%;margin: 0 0 0 0;}

.main_ttl{display: flex;justify-content: space-between;}
.main_ttl img{width: 100%;}
.mt_left{width: 40%;text-align: center;}
.mtl_txt01{font-size: 1.8vw;padding: 18% 0;}
.mtl_txt02{width: 80%;margin: 33% auto 0;}
.mtl_txt03{width: 7%;margin: 5% auto;}
.mtl_txt04{margin: 2% auto;font-size: 3vw}
.mt_right{width: 60%;}

.mag_block01{text-align: center;margin: 200px auto;}
.mag_block01 h2{font-size: 40px;margin: 0 0 60px;}
.mag_block01 h3{font-size: 16px;margin: 0 0 60px;line-height: 3;}
.mag_block01 ul{display: flex;justify-content: space-between;}
.mag_block01 li{width: 32.5%;}

.mag_block02{display: flex;justify-content: space-between;}
.mb02_left{display: flex;width: 50%;justify-content: space-between;flex-wrap: wrap;}
.mb02_left li{width: 49%;position: relative;margin: 0 0 2%;}
.mb02_right{width: calc(50% - 50px);}
.mag_block02 h2{font-size: 32px;margin: 0 0 60px;border-bottom:1px solid #999;padding: 0 0 10px;}
.mag_block02 h3{font-size: 24px;margin: 0 0 20px;}
.mag_block02 h4{font-size: 16px;margin: 0 auto 20px 0;max-width: 600px;line-height: 3;}

.mg_caption{position: absolute;text-shadow: 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1);letter-spacing: 0em;font-size: 12px;right: 5px;bottom: 5px;color: #FFF;}

.mag_block03{padding: 0 0 200px;position: relative;height: 100%;}
.mb03_right{max-width: 1000px;margin: 120px 0 0 auto;text-align: center;}
.mag_block03 h2{font-size: 32px;margin: 0 0 40px;position: relative;}
.mag_block03 h2::before{position: absolute;content: "";display: block;background:#E9D1B4;width: 60px;height: 60px;border-radius: 50%;top:-250%;left:46%;}
.mag_block03 h2::after{position: absolute;content: "";display: block;background:#7A6A56;width: 60px;height: 60px;border-radius: 50%;top:-250%;left:54%;}
.mag_block03 h3{font-size: 16px;line-height: 3;}
.mag_block03 h3 .txt_small{font-size: 12px;line-height: 3;}
.mb03_left{position: relative;height: 100%;}
.mb03_ojb01{position: absolute;background-image: url("../imgs/mag_img03c.jpg");background-size: 100%;display: block;width: 300px;height: 300px;right: 0;top:-300px;mix-blend-mode: multiply;}
.mb03_ojb02{position: absolute;background-image: url("../imgs/mag_img03b.jpg");background-size: 100%;display: block;width: 200px;height: 240px;right: 840px;top:300px;mix-blend-mode: multiply;}
.mb03_ojb03{position: absolute;background-image: url("../imgs/mag_img03a.jpg");background-size: 100%;display: block;width: 600px;height: 540px;right: -240px;top:320px;mix-blend-mode: multiply;}

.mag_block04{display: flex;justify-content: space-between;}
.mb04_left{width: calc(50% - 50px);}
.mb04_right{width: 50%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mb04_right li{width: 49%;position: relative;}
.mag_block04 h2{font-size: 32px;margin: 0 0 60px;border-bottom:1px solid #999;padding: 0 0 10px;}
.mag_block04 h3{font-size: 16px;margin: 0 0 60px;line-height: 3;}
.mag_block04 .fit{max-width: 600px;margin-left:auto;}
.mb4_btn{max-width: 520px;margin:0 80px 0 auto;font-size: 14px;line-height: 2;text-align: center;}
.mb4_btn a{transition: opacity 0.3s ease-in-out;}
.mb4_btn a:hover{opacity: 0.8;}

.mag_block05{background-color: rgba(240,240,240,1.00);margin: -50px 0 0 0;padding: 150px 0;}
.wrap800{max-width: 840px;margin: 0 auto;}
.mag_block05 .wrap800{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.mb05_left{width: 40%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mb05_left li{width: 48.5%;position: relative;}
.mb05_left li:nth-child(3){margin-top: -48.5%;}
.mb05_right{width: 56%;}
.mag_block05 h2{font-size: 32px;margin: 0 0 15px;padding: 0 0 10px;}
.mag_block05 h3{font-size: 14px;margin: 0 0 20px;line-height: 2;}
.mag_block05 h4{font-size: 24px;width: 100%;text-align: center;line-height: 2.3;margin:0 0 60px;}
.mag_block05 h4 .txt_big{font-size: 50px;line-height: 1.8}

.mag_block06{background: #7A6A56;padding: 80px 0;color: #fff;}
.mag_block06 .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.mb06_left{width: calc(50% - 50px);}
.mb06_right{width: 50%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mb06_right li{width: 49%;position: relative;}
.mag_block06 h2{font-size: 32px;margin: 0 0 10px;padding: 0 0 10px;}
.mag_block06 h3{font-size: 14px;margin: 0 0 20px;line-height: 1.8;}
.mag_block06 h4{font-size: 14px;margin: 0 0 5px;line-height: 1.8;}
.mag_block06 h5{font-size: 14px;line-height: 1.8;}
.mag_block06 h6{font-size: 16px;margin: 0 0 5px;line-height: 1.8;}
.mag_block06 .fit{max-width: 600px;margin-left:auto;}

.mag_block07{padding: 150px 0;}
.mag_block07 h2{text-align: center;font-size: 36px;line-height: 1.4;}
.mag_block07 h2 .txt_s1{font-size: 24px;}
.mag_block07 h2 .txt_s2{font-size: 16px;}

.mag_block08{padding: 0 0 150px;text-align: center;}
.mag_block08 h2{text-align: center;background: #FFF;display:inline-block;padding: 60px 30px;margin: 0 auto 15px;}
.mag_block08 h2 .mb08_txt01{font-size: 20px;}
.mag_block08 h2 .mb08_txt02{font-size: 50px;margin: 15px 0 0 0;}
.mag_block08 h2 .mb08_txt03{font-size: 36px;}
.mb08{display: flex;align-items: center;margin: 0 0 30px;justify-content: space-between}
.mb08_left{width: 52%;mix-blend-mode: multiply;}
.mb08_right{width: 44%;}
.mb08_right_li{margin-bottom: 15px;position: relative;}
.mb08_right_li{margin-bottom: 15px;}
.mag_block08 h6{font-size: 10px;letter-spacing: 0;text-align: left;}
.mb08_btn a{margin: 60px auto 0 auto;}
.mb08_btn a{position: relative;display: block;transition: opacity 0.3s ease-in-out;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);max-width: 500px;}
.mb08_btn a:hover{opacity: 0.8;}
.mb08_btn_txt{position: absolute;text-align: center;width: 100%;color: #FFF;top:50%;left:50%;transform: translate(-50%, -50%);font-size: 20px;line-height: 1;}

@media (max-width: 768px) {

.main{position: relative;}
.main img{width: 100%;margin: 0 0 0 0;}

.main_ttl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main_ttl img{width: 100%;}
.mt_left{width: 100%;text-align: center;}
.mtl_txt01{font-size: 6vw;padding: 8% 0;}
.mtl_txt02{width: 80%;margin: 0 auto;}
.mtl_txt03{width: 7%;margin: 3% auto;}
.mtl_txt04{margin: 2% auto 10%;font-size: 10vw}
.mt_right{width: 100%;}

.mag_block01{text-align: center;margin: 50px auto;}
.mag_block01 h2{font-size: 20px;margin: 0 0 20px;}
.mag_block01 h3{font-size: 12px;margin: 0 0 30px;line-height: 2.2;}
.mag_block01 ul{display: flex;justify-content: space-between;width: 120%;margin:0 -10%;}
.mag_block01 li{width: 32.5%;}

.mag_block02{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mb02_left{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;order: 2}
.mb02_left li{width: 49%;position: relative;margin: 0 0 2%;}
.mb02_right{width: auto;order: 1;margin: 0 30px;}
.mag_block02 h2{font-size: 20px;margin: 0 0 20px;border-bottom:1px solid #999;padding: 0 0 10px;}
.mag_block02 h3{font-size: 18px;margin: 0 0 10px;}
.mag_block02 h4{font-size: 12px;margin: 0 auto 30px 0;max-width: auto;line-height: 2.2;}

.mg_caption{position: absolute;text-shadow: 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1);letter-spacing: 0em;font-size: 12px;right: 5px;bottom: 5px;color: #FFF;}

.mag_block03{padding: 0 0 160px;position: relative;height: 100%;}
.mb03_right{max-width: 1000px;margin: 120px 30px 0 30px;text-align: center;}
.mag_block03 h2{font-size: 20px;margin: 0 0 20px;position: relative;}
.mag_block03 h2::before{position: absolute;content: "";display: block;background:#E9D1B4;width: 40px;height: 40px;border-radius: 50%;top:-250%;left:calc(50% - 50px);}
.mag_block03 h2::after{position: absolute;content: "";display: block;background:#7A6A56;width: 40px;height: 40px;border-radius: 50%;top:-250%;left:calc(50% + 5px);}
.mag_block03 h3{font-size: 12px;line-height: 2.2;}
.mag_block03 h3 .txt_small{font-size: 10px;line-height: 0.8;}
.mb03_left{position: relative;height: 100%;}
.mb03_ojb01{position: absolute;background-image: url("../imgs/mag_img03c.jpg");background-size: 100%;display: block;width: 120px;height: 120px;right: 0;top:-120px;mix-blend-mode: multiply;}
.mb03_ojb02{position: absolute;background-image: url("../imgs/mag_img03b.jpg");background-size: 100%;display: block;width: 150px;height: 200px;right: auto;left:0;top:410px;mix-blend-mode: multiply;}
.mb03_ojb03{position: absolute;background-image: url("../imgs/mag_img03a.jpg");background-size: 100%;display: block;width: 240px;height: 300px;right: -80px;top:390px;;mix-blend-mode: multiply;}

.mag_block04{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mb04_left{width: auto;margin: 30px 30px 0;order: 2;}
.mb04_right{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;order: 1;}
.mb04_right li{width: 49%;position: relative;}
.mag_block04 h2{font-size: 20px;margin: 0 0 20px;border-bottom:1px solid #999;padding: 0 0 10px;}
.mag_block04 h3{font-size: 12px;margin: 0 0 20px;line-height: 2.2;}
.mag_block04 .fit{max-width: 600px;margin-left:auto;}
.mb4_btn{max-width: auto;margin:0 auto 0 auto;width: 80%;font-size: 10px;line-height: 2;text-align: center;}

.mag_block05{background-color: rgba(240,240,240,1.00);margin: -50px 0 0 0;padding: 100px 0 40px;}
.wrap800{max-width: 840px;margin: 0 30px;}
.mag_block05 .wrap800{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.mb05_left{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mb05_left li{width: 48.5%;position: relative;}
.mb05_left li:nth-child(3){margin-top: -48.5%;}
.mb05_right{width: 100%;margin: 30px 0 0 0;}
.mag_block05 h2{font-size: 20px;margin: 0 0 15px;padding: 0 0 10px;}
.mag_block05 h3{font-size: 12px;margin: 0 0 20px;line-height: 2;}
.mag_block05 h4{font-size: 18px;width: 100%;text-align: center;line-height: 1.6;margin:0 0 30px;}
.mag_block05 h4 .txt_big{font-size: 30px;line-height: 1.8}

.mag_block06{background: #7A6A56;padding: 40px 0;color: #fff;}
.mag_block06 .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.mb06_left{width: 100%;}
.mb06_right{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0 0 0;}
.mb06_right li{width: 49%;position: relative;}
.mag_block06 h2{font-size: 20px;margin: 0 0 10px;padding: 0 0 10px;}
.mag_block06 h3{font-size: 12px;margin: 0 0 20px;line-height: 1.8;}
.mag_block06 h4{font-size: 12px;margin: 0 0 5px;line-height: 1.8;}
.mag_block06 h5{font-size: 12px;line-height: 1.8;}
.mag_block06 h6{font-size: 14px;margin: 0 0 5px;line-height: 1.8;}
.mag_block06 .fit{max-width: 600px;margin-left:auto;}

.mag_block07{padding: 80px 0;}
.mag_block07 h2{text-align: center;font-size: 22px;}
.mag_block07 h2 .txt_s1{font-size: 16px;}
.mag_block07 h2 .txt_s2{font-size: 10px;}

.mag_block08{padding: 0 0 70px;text-align: center;}
.mag_block08 h2{text-align: center;background: #FFF;display:inline-block;padding: 35px 20px;margin: 0 auto 15px;}
.mag_block08 h2 .mb08_txt01{font-size: 14px;}
.mag_block08 h2 .mb08_txt02{font-size: 30px;margin: 10px 0 0 0;}
.mag_block08 h2 .mb08_txt03{font-size: 24px;margin: 5px 0 0 0;}
.mb08{display: flex;align-items: center;margin: 0 0 10px;}
.mb08_left{width: 52%;mix-blend-mode: multiply;}
.mb08_right{width: 42%;}
.mb08_right_li{margin-bottom: 15px;position: relative;}
.mb08_right_li{margin-bottom: 5px;}
.mag_block08 h6{font-size: 10px;letter-spacing: 0;text-align: left;}
.mb08_btn a{margin: 30px 10% 0 10%;}
.mb08_btn a{position: relative;display: block;transition: opacity 0.3s ease-in-out;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);max-width: 500px;}
.mb08_btn a:hover{opacity: 0.8;}
.mb08_btn_txt{position: absolute;text-align: center;width: 100%;color: #FFF;top:50%;left:50%;transform: translate(-50%, -50%);font-size: 16px;line-height: 1;}

}