*, ::after, ::before { box-sizing: border-box; }
body{margin:0;padding: 0; font-family: 'Poppins', sans-serif; overflow-x: hidden;}
html{overflow-x: hidden;}

img{ max-width: 100%; }
ul li{list-style: none;}
a{text-decoration:none;}

p{margin-bottom: 0; font-weight: normal; font-size: 14px;}

/*font*/
@font-face {
    font-family: 'Edwardian';
    src: url('../font/EdwardianScriptITC.woff2') format('woff2'),
        url('../font/EdwardianScriptITC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.container { max-width: 957px; width: 100%; margin: auto; padding: 0 15px; }
.mainarea{ background-color: #fef5e6; display: block; border-top: 7px solid #ffffff; background: url(../img/sp.png) no-repeat; background-size: contain;}
.mainarea h1 { color: #000; display: block; margin: 0; text-align: center; position: relative;    font-weight: 400; z-index: 9;}
.profile-area{ max-width: 230px; max-height: 230px;margin:15px auto;position: relative; }
.profile-area span{ width: 100%; max-height: 230px; border:2px solid #000; display: block; border-radius: 50%; margin:auto;position: relative; z-index: 9; }
.s-share{ display: flex;flex-flow: wrap; align-items: center; justify-content: center;padding: 0; margin:15x 0 30px 0; }
.s-share li{ list-style: none; margin:0 10px; }
.s-share li a{ display: inline-block; }
.profile-area:after {width: 540px;height: 560px; position: absolute; top: -51px; bottom: 0; content: ''; left: -30px; z-index: 1; }
div#owl-demo1 { margin: 4px 0; }
ul.list-text {margin:15px 0px 5px 0px; display: flex;flex-flow: wrap; justify-content: left; font-size: 14px; padding: 0;}
ul.list-text li{border-right: 1px solid #000; padding-right: 10px;  margin-right: 10px; font-size: 15px; line-height: 12px;margin-bottom: 10px;}
ul.list-text li:last-child{border-right: 0;}
.slider-area { margin: 25px 0; padding: 21px 0;}
.box-line { width: 100%; height: 27px; display: block; background: url(../img/itm.png) no-repeat; background-size: 40px; background-repeat: repeat-x; }
.text-dtl7 p{margin:0; font-size: 12px;}
.is-add{position: relative;}

.slider-area .owl-carousel .owl-nav[class*="owl-"] { position: absolute; width: 100%; right: 0; left: 0; top: 50%; transform: translateY(-50%); }
.slider-area .owl-carousel .owl-nav[class*="owl-"] div { width: 35px; height: 40px; }

.slider-area .owl-carousel .owl-nav[class*="owl-"] .owl-prev { float: left; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background:rgb(0 0 0 / 29%) url(../img/next.png) no-repeat;    background-position: center;}
.slider-area .owl-carousel .owl-nav[class*="owl-"] .owl-next { float: right; border-top-left-radius: 50%; border-bottom-left-radius: 50%;background: rgb(0 0 0 / 29%)url(../img/prev.png) no-repeat;    background-position: center;}

@media (min-width: 1049px){
	.is-add:after{position: absolute;left:-54px; top: 0; content: ''; width: 50px; height: 50px; /*background: url(../img/is.png) no-repeat;*/}
}

/*footer*/
.footer{ background: #333333; padding: 15px 0; margin-top: 25px;}
.footer p{text-align: center; display: block; color: #fff;margin:0;}


@media (max-width: 768px){
	.box-line { height: 17px; background-size: 28px; }
	.slider-area { margin: 19px 0; padding: 11px 0; }
	.mainarea h1{font-size: 50px}
	.s-share li img { height: 50px; }
	.profile-area span { max-width: 269px; height: 269px; }
	.profile-area:after { width: 320px; height: 340px; top: -51px; bottom: 0; content: ''; left: 50%; margin: auto; background-size: 100% 100%; transform: translateX(-50%); }
	.s-share{    margin: 34px 0 0 0;}
	ul.list-text li{line-height: 18px;}
}
@media (max-width: 500px){
	.mainarea h1{font-size: 40px}
	.s-share li img { height: 40px; }
	.s-share li{margin:0 5px;}
	}