@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

nav li, footer #footer li{ list-style:none; }
ul,ol{ margin-left:1.5em; line-height:1.8em; } 
.maincontent li{ margin-left:1.5em; }
.maincontent h3{ background-color:#eee; padding:0.8em; border-radius:5px; margin-bottom:1em; font-size:1.2em;}
.maincontent p{ margin-left:1em; }
table.tbl1  { border-top: 2px solid #333; margin:0 auto;}
@media(max-width:600px){ table.tbl1 th , table.tbl1 td { display: block; border-right: none !important; } }
table.tbl1 th  { border-right: 1px solid #333; padding: 1em 2em 1em 1.5em; border-bottom: 2px solid #333; }
table.tbl1 td  { padding:1em 2em; border-bottom: 2px solid #333; }
html,body {
margin:0 auto;
padding:0;
font-family: 
"Helvetica Neue",
    Helvetica,
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Yu Gothic",
    "YuGothic",
    Meiryo,
    sans-serif; 'メイリオ','Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', serif;
font-size:16px;
text-align:left;
color:#333;
min-width:1080px;
}
@media screen and (max-width:768px){
html,body{ font-size:4vw; min-width:240px; max-width:768px;}
}

/*img*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}
figure.img img{ padding:8px; background:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
@media screen and (max-width:768px){
figure.img img{ padding: 1.25vw;}
}

/*youtube*/
.youtube{ position:relative; width:100%; padding-top:56.25% !important;}
.youtube iframe{ position: absolute; top:0; right:0; width:100% !important; height:100% !important;}

/*txt*/
p{ line-height:1.75em; margin:0 0 1em; padding:0;}
p:last-child{ margin:0;}
strong{ font-weight:bold;}
.bold { font-weight:bold;}
.normal{ font-weight:normal;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}

.gothic{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;}
.mincho{ font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
.italic{ font-family: 'Times New Roman',serif; font-style: italic; letter-spacing:0.05em;}
.white{ color:#fff;}
.black{ color:#333;}
.gy{ color:#aaa;}
.red{ color:#c83232;}
.blue{ color:#326496;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*link*/
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: opacity 0.3s;}
.opa:hover{ opacity: 0.7;}



/*ヘッダー*/
#header{ position: relative; z-index: 20; background: #fff; color: #0033cc; border-bottom: 1px solid #0033cc; width: 100%; min-width: 1080px; margin: auto; display: flex; align-items: center; justify-content: space-between; box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 1px; transition: 0.3s;}
#header figure.logo{ margin: 0; padding: 5px 20px;}
#header figure.logo a{ display: flex; align-items: flex-end;}
#header figure.logo a strong img{ height: 60px;}
#header figure.logo a span{ /* font-size: 0.8rem; */ margin-left: 1em; margin-bottom: 0.5em;}
#header #h_cv{ display: flex; justify-content: flex-end;}
#header #h_cv .tel a{ display: block; width: 280px; /*position: relative; z-index: 3; box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 1px;*/}
#header #h_cv .tel a dl{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
#header #h_cv .tel a dl dt{ display: flex; align-items: center; justify-content: center; width: 100%; height: 20px; background: #f0b4b4; color: #fff; font-size: 0.6rem; line-height: 1em; padding-bottom: 0.25em;}
#header #h_cv .tel a dl dd{ display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background: #fae6e6; color: #0033cc;}
#header #h_cv .tel a dl dd i{ font-size: 1.5rem; margin-right: 0.25em;}
#header #h_cv .tel a dl dd span{ font-size: 1.5rem; line-height: 1em; padding-bottom: 0.25em;}
#header #h_cv .mail a{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 160px; height: 80px; background: #0033cc; color: #fff; position: relative; z-index: 5; box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 1px;}
#header #h_cv .mail a i{ font-size: 1.5rem;}
#header #h_cv .mail a span{ font-size: 0.8rem;}
header nav{ position: relative; z-index: 10; margin: 0 0 0 auto; /*background: #fae6e6;*/ background: #fff; border-bottom: 1px solid #0033cc; box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 1px;}
header nav ul{ display: flex; align-items: center; justify-content: space-between; margin: 0 auto; /*max-width: 1080px;*/}
header nav ul li{ border-left: 1px solid #0033cc; font-size: 0.9rem; width: 25%;}
header nav ul li:last-child{ border-right: 1px solid #0033cc;}
header nav ul li a{ display: block; text-align: center; padding: 1em; background: #fff; color: #0033cc; transition: 0.3s;}
header nav ul li a:hover{ background: #0033cc; color: #fff;}
@media screen and (max-width:768px){
#header{ display: none;}
header nav{ display: none;}
}

/*固定ヘッダー*/
#fix_head{ top: -61px; opacity: 0; transition: 0.3s;}
body.active #fix_head{ top: 0; opacity: 1.0;}
#fix_head{ position: fixed; z-index: 99; left: 0; right: 0; /*top: 0;*/ width: 100%; min-width: 1080px; height: 61px; display: flex; justify-content: space-between; background: #fff; border-bottom: 1px solid #0033cc; box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 1px;}
#fix_head figure.logo{ display: flex; align-items: center; justify-content: center; margin: 0; width: 400px;}
#fix_head figure.logo a{ display: flex; flex-direction: column;}
#fix_head figure.logo a strong img{ height: 30px;}
#fix_head figure.logo a span{ font-size: 0.8rem; margin-top: 0.25em; color: #0033cc;}
#fix_head nav{ width: calc(100% - 320px);}
#fix_head nav ul{ display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 auto;}
#fix_head nav ul li{ border-left: 1px solid #0033cc; font-size: 0.9rem; width: 25%;}
#fix_head nav ul li:last-child{ border-right: 1px solid #0033cc;}
#fix_head nav ul li a{ display: flex; align-items: center; justify-content: center; padding: 0 0.5em; height: 60px; background: #fff; color: #0033cc; transition: 0.3s;}
#fix_head nav ul li a:hover{ background: #0033cc; color: #fff;}
#fix_head #fix_h_cv{ display: flex; justify-content: flex-end;}
#fix_head #fix_h_cv a{ display: flex; flex-direction: column;  align-items: center; justify-content: center; background: #0033cc; color: #fff; width: 170px; height: 60px;}
#fix_head #fix_h_cv a i{ font-size: 1rem;}
#fix_head #fix_h_cv a span{ font-size: 0.8rem; margin-top: 0.25em;}
#fix_head #fix_h_cv .tel a{ background: #fae6e6; color: #0033cc;}
@media screen and (max-width:1400px){
#fix_head figure.logo{ width: calc((400/1400)*100vw);}
#fix_head figure.logo a span{ font-size: calc((16/1400)*100vw);}
#fix_head nav{ width: calc(100% - ((320/1400)*100vw));}
#fix_head nav ul li{ font-size: calc((18/1400)*100vw);}
#fix_head #fix_h_cv a{ width: calc((170/1400)*100vw);}
#fix_head #fix_h_cv a span{ font-size: calc((16/1400)*100vw);}
}
@media screen and (max-width:1080px){
#fix_head figure.logo{ width: calc((400/1400)*1080px);}
#fix_head figure.logo a span{ font-size: calc((14/1400)*1080px);}
#fix_head nav{ width: calc(100% - ((520/1400)*1080px));}
#fix_head nav ul li{ font-size: calc((18/1400)*1080px);}
#fix_head #fix_h_cv a{ width: calc((170/1400)*1080px);}
#fix_head #fix_h_cv a span{ font-size: calc((16/1400)*1080px);}
}

@media print, screen and (min-width:769px){
#fix_head nav{ display: block !important; opacity: 1.0 !important; height: auto !important;}
#nav_btn{ display: none !important;}
}
@media screen and (max-width:768px){
body{ padding-top: 10vw; padding-bottom: 10vw;}
#fix_head{ top: 0; opacity: 1.0; transition: 0.3s;}
body.active #fix_head{ top: 0; opacity: 1.0;}

#nav_btn{ display: flex; align-items: flex-end; justify-content: center; background: #0033cc; padding: 0; width: 18vw; height: 18vw; position: fixed; right: 0; top:0; z-index:9999; transition:0.3s; cursor:pointer;}
#nav_btn span{ display:block; height:2px; width:6.25vw; background:#fff; position:absolute; left:0; right:0; top: 50%; transform: translateY(-50%); margin:auto; transition:0.3s;}
#nav_btn span:before{ content: ""; display:block; height:2px; width:6.25vw; background:#fff; position:absolute; bottom:2vw; transition:0.3s;}
#nav_btn span:after{ content: ""; display:block; height:2px; width:6.25vw; background:#fff; position:absolute; top:2vw; transition:0.3s;}
#nav_btn.active span{ background:rgba(255,255,255,0);}
#nav_btn.active span:before{ bottom:0; transform: rotate(45deg);}
#nav_btn.active span:after{ top:0; transform: rotate(-45deg);}

#fix_head{ min-width: 100%; height: 18vw;}
#fix_head figure.logo{ align-items: flex-end; justify-content: flex-start; width: 66.66%;}
#fix_head figure.logo a{ display: flex; flex-direction: row; align-items: flex-end; padding: 1.25vw;}
#fix_head figure.logo a strong img{ height: 7.5vw;}
#fix_head figure.logo a span{ font-size: 0.8rem; margin: 0 0 0.25em 0.75em; color: #0033cc;}
#fix_head nav{ display: none; /*display: flex;*/ align-items: center; justify-content: center; position: fixed; left: 0; top: 0; padding-top: 10vw; width: 100%; height: 100vh; min-height: 100dvh; background: #0033cc; z-index: 999;}
#fix_head nav ul{ display: block; width: 90%; margin: 0 auto;}
#fix_head nav ul li{ border-left: none; border-top: 1px solid #fff; font-size: 1.2rem; width:100%;}
#fix_head nav ul li:last-child{ border-right: none; border-bottom: 1px solid #fff;}
#fix_head nav ul li a{ display: flex; align-items: center; justify-content: center; padding: 1em; height: auto; background: none; color: #fff;}
#fix_head nav ul li a:hover{ background: none; color: #fff;}

#fix_head #fix_h_cv{ position: fixed; left: 0; bottom: 0; z-index: 99; display: flex; justify-content: flex-end; width: 100%; height: 10vw;}
#fix_head #fix_h_cv .tel,
#fix_head #fix_h_cv .mail{ width: 50%;}
#fix_head #fix_h_cv a{ width: 100%; height: 10vw; flex-direction: row;}
#fix_head #fix_h_cv a i{ font-size: 1.2rem;}
#fix_head #fix_h_cv a span{ font-size: 1rem; letter-spacing: 0.1em; margin: 0 0 0.25em 0.5em;}
}
img.sp_space{ max-width:100%; }


/*フッター*/
footer #f_cv{ background: #c89664; color: #fff; padding: 40px 0;}
footer #f_cv .f_cv_cont{ overflow: hidden; width: 1080px; margin: auto;}
footer #f_cv h2{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 40px;}
footer #f_cv h2 span{ font-size: 1.2rem; line-height: 1.25em; margin-bottom: 0.25em; position: relative;}
footer #f_cv h2 span:before{ content: ""; width: 640px; height: 1px; background: #fff; position: absolute; left: -660px; top: 50%;}
footer #f_cv h2 span:after{ content: ""; width: 640px; height: 1px; background: #fff; position: absolute; right: -660px; top: 50%;}
footer #f_cv h2 strong{ font-size: 3rem; line-height: 1.25em; border-bottom: 2px solid #fff;}
footer #f_cv p{ text-align: center; margin: 20px auto 0;}
footer #f_cv ul{ margin: 20px auto; display: flex; align-items: center; justify-content: center; width: 100%;}
footer #f_cv ul li{ width: calc(50% - 40px); margin: 0 20px;}
footer #f_cv ul li a{ border: 2px solid #fff; color: #fff; display: flex; align-items: center; width: 100%; height: 100px; padding: 20px 20px 20px 40px; font-size: 1.8rem; letter-spacing: 0.1em; border-radius: 60px;}
footer #f_cv ul li:nth-child(2) a{ font-size: 2.4rem;}
footer #f_cv ul li a span{ display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-right: 0;}
footer #f_cv ul li a span img{ height: 60px;}
footer #f_cv ul li a span i{ font-size: 2rem;}
footer #f_cv ul li a strong{ width: calc(100% - 60px); text-align: center;}
@media screen and (max-width:767px){
footer #f_cv{ padding: 10% 0;}
footer #f_cv .f_cv_cont{ width: 90%;}
footer #f_cv h2{ margin-bottom: 5%;}
footer #f_cv h2 span{ font-size: 1rem;}
footer #f_cv h2 span:before{ width: 50vw; left: -52.5vw;}
footer #f_cv h2 span:after{ width: 50vw; right: -52.5vw;}
footer #f_cv h2 strong{ font-size: 2.4rem;}
footer #f_cv p{ margin: 5% auto 0;}
footer #f_cv ul{ margin: 5% auto; display: block;}
footer #f_cv ul li{ width: 100%; margin: 5% auto;}
footer #f_cv ul li a{ height: 17.5vw; padding: 2.5% 2.5% 2.5% 2.5%; font-size: 1.5rem;}
footer #f_cv ul li:nth-child(2) a{ font-size: 2.0rem;}
footer #f_cv ul li a span{ width: 20vw; height: 10vw; padding-left:0.3em;}
footer #f_cv ul li a span img{ height: 10vw;}
footer #f_cv ul li a span i{ font-size: 1.75rem;}
footer #f_cv ul li a strong{ width: calc(100% - 20vw);}
}

footer #footer{ background: #0033cc; color: #fff;}
footer #footer dl{ display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 1080px; margin: auto; padding: 10px 20px;}
footer #footer dl dt img{ height: 60px;}
footer #footer dl dd ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
footer #footer dl dd ul li{ font-size: 0.8rem; margin: 0.25em 0;}
footer #footer dl dd ul li a:hover{ text-decoration: underline;}
footer #footer dl dd ul li:first-child:before{ content: "｜"; margin: 0 1em;}
footer #footer dl dd ul li:after{ content: "｜"; margin: 0 1em;}
footer p.copyright{ background: #fff; color: #0033cc; padding:1em; font-size:0.6rem; line-height: 1em; letter-spacing:0.1em; text-align: center;}
@media screen and (max-width:768px){
footer #footer dl{ display: block; min-width: 100%; padding: 5%;}
footer #footer dl dt{ text-align: center; margin-bottom: 3.75%;}
footer #footer dl dt img{ height: 10vw;}
footer #footer dl dd ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
footer #footer dl dd ul li{ width: 33.33%; font-size: 0.9rem; line-height: 1em; text-align: center; margin: 0.5em 0; border-left: 1px solid #fff;}
footer #footer dl dd ul li:nth-child(3n){ border-right: 1px solid #fff;}
footer #footer dl dd ul li:before,
footer #footer dl dd ul li:after{ display: none;}
}

/*fixed_ban*/
#fixed_ban img{ width: 250px; position: fixed; right: 0; bottom: 0; margin: 0; z-index: 99; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px; transition: 0.3s}
#fixed_ban.negative img{ opacity: 0 !important; pointer-events: none;}
@media screen and (max-width:768px){
#fixed_ban img{ width: 100%;}
}


/*メイン*/
#content{ overflow:hidden;}
section{ width:100%; margin:0 auto; padding: 80px 0;}
.maincontent{ padding:0; margin:0 auto; width:85%;}
@media screen and (max-width:768px){
section{ padding: 10% 0;}
.maincontent{ padding:0; margin:0 auto; width:90%;}
}

/*tit*/
h1,h2,h3,h4,h5,h6{ line-height: 1.25em; letter-spacing: 0.1em;}





/*home*/
/*fv*/
#fv{ padding: 20px;}
#fv img{ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
@media screen and (max-width:768px){
#fv{ padding: 2.5vw;}
}





/*pages*/
/*fv2*/
#fv2{ 
background: url("../images/fv2.png") center center no-repeat #0033cc;background-size: 100%; color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 240px; position: relative; z-index: 1;}
#fv2:after{ content: ""; width: 100%; height: 100%; background: rgba(120, 184, 240, 0.75); position: absolute; left: 0; top: 0; z-index: -1;}
#fv2 h1{ font-size: 3rem; position: relative; z-index: 3;}
@media screen and (max-width:768px){
#fv2{ height: 33.33vw;}
#fv2 h1{ font-size: 2rem; margin-top:35px;}
}

/*lead*/
.pages .lead{ text-align: center; border: 4px double #333; padding: 1em; margin-bottom: 40px;}
@media screen and (max-width:768px){
.pages .lead{ margin-bottom: 7.5%;}
}

/*review*/
#review{ padding-bottom: 80px;}
#review .review_list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: 10px 0 10px -10px;}
#review .review_list ul.center{ align-items: flex-start; justify-content: center;}
#review .review_list ul li{ display: flex; align-items: center; justify-content: center; background: #fff; width: calc(50% - 20px); margin: 10px; padding:8px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
#review .review_list ul li a{ transition: 0.3s;}
#review .review_list ul li a:hover{ opacity: 0.7;}
@media screen and (max-width:768px){
#review .review_list ul{ width: 100%; margin: 2.5% 0;}
#review .review_list ul li{ width: 100%; margin: 2.5% auto; padding: 1.25vw;}
}

/*greeting*/
#greeting .maincontent{ position: relative;}
#greeting figure.ill{ position: absolute; right: 0; bottom: 60px; width: 120px;}
#greeting p.sign{ text-align: right; margin-top: 2em;}
@media screen and (max-width:768px){
#greeting figure.ill{ position: absolute; right: auto; left: 12.5vw; bottom: -5vw; width: 15vw; transform: rotate(-90deg);}
#greeting p.sign{ text-align: right; margin-top: 4em;}
}

/*company*/
@media screen and (max-width:768px){
#company{ padding: 10% 0;}
#company .maincontent{ width: 92.5%;}
}

/*price*/
#price .price_att{ margin-bottom: 80px; padding: 20px; border: 4px double #333;}
#price .price_att ul li{ border-bottom: 2px dotted #333; padding: 0.5em 0.5em 0.5em 1.75em; font-size: 0.9rem; letter-spacing: 0.1em; line-height: 1.5em; position: relative;}
#price .price_att ul li:first-child{ border-top: 2px dotted #333;}
#price .price_att ul li i{ position: absolute; left: 0.5em; top: 0.5em; line-height: 1.5em; color: #0033cc;}
@media screen and (max-width:768px){
#price .price_att{ margin-bottom: 10%; padding: 3.75% 2.5%;}
#price .price_att ul li{ font-size: 0.75rem; letter-spacing: 0;}
#price .price_att ul li i{ position: absolute; left: 0.5em; top: 0.5em; line-height: 1.5em; color: #0033cc;}
}

#price .price_list ul{ margin-top: 40px;}
#price .price_list ul li{ border-bottom: 2px dotted #333; padding: 0.5em 0.5em 0.5em 1.75em; font-size: 0.8rem; line-height: 1.5em; position: relative;}
#price .price_list ul li:first-child{ border-top: 2px dotted #333;}
#price .price_list ul li:before{ content: "※"; position: absolute; left: 0.5em; top: 0.5em; line-height: 1.5em;}
@media screen and (max-width:768px){
#price .price_list ul{ margin-top: 7.5%;}
#price .price_list ul li{ font-size: 0.6rem;}
}

#price .price_list table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
#price .price_list table thead th{ background: #0033cc; color: #fff; text-align: center; font-size: 1rem;}
#price .price_list table thead td{ background: #0033cc; color: #fff; text-align: center; font-size: 1rem;}
#price .price_list table th{ border: 1px solid #333; padding: 0.5em 1em; vertical-align: middle; background: #efefef; font-size: 1rem; font-weight: bold; line-height: 1.5em;}
#price .price_list table td{ border: 1px solid #333; padding: 0.5em; vertical-align: middle; font-size: 0.9rem; font-weight: bold; line-height: 1.5em; text-align: center;}
#price .price_list table tbody td{ background: #fafafa;}
#price .price_list table tbody td:last-child{ background: #fff;}
#price .price_list table td strong.red{ font-size: 1.2rem;}
@media screen and (max-width:768px){
#price .price_list table{ table-layout: fixed; margin-bottom: 5%;}
#price .price_list table thead th{ padding: 0.5em; font-size: 0.9rem; width: 47.5%;}
#price .price_list table thead td{ padding: 0.5em; font-size: 0.9rem;}
#price .price_list table th{ padding: 0.75em 0.5em; font-size: 0.7rem; text-align: center;}
#price .price_list table td{ padding: 0.75em 0.5em; font-size: 0.6rem; background: #fff; text-align: center;}
#price .price_list table td strong.tit{ display: block; border-bottom: 1px dotted #333; padding-bottom: 0.33em; margin-bottom: 0.33em;}
#price .price_list table td strong.red{ font-size: 1.0rem;}
}
/* メールアイコン非表示 2025-03-21　*/
.fa-regular{ display:none; }



@media print, screen and (min-width:769px){
.smp{ display:none !important;}
}
@media screen and (max-width:768px){
.pc{ display:none !important;}
}
div.waku{ line-height:2em; border:1px solid #999; padding:1.5em; border-radius:8px;}
@media screen and (max-width: 768px) {
footer #footer dl dd ul li:last-child{
  border-right: 1px solid #fff;}
}
div.column_link{ text-align:center; }
.column_link a{
  border: 2px solid #fff;
  color: #fff;
  display: block;
  max-width: 600px;
  height: 100px;
  padding: 20px 20px 15px 20px;
  font-size: 2.0rem;
  letter-spacing: 0.1em;
  border-radius: 60px;
  text-align:center;
  margin: 50px auto 0px;;
}