@charset "UTF-8";
/*リセット
--------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*フォント
---------------------------------------------*/
/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/* コンテンツ
---------------------------------------------*/

html {
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
font-size: 62.5%; /* font-sizeは16pxの62.5%の10px */
}

@media screen and (min-width: 769px) {
body {
width: 100%;
height: auto;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 14px; 
letter-spacing: 0.1rem;
line-height: 2.6;
text-align: center;
color: #114b5f;
background-color: #eae9d7;
}
}
@media screen and (max-width: 768px) {
body {
width: 100%;
height: auto;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 500;
font-style: normal;
color: #114b5f;
background: #eae9d7;
}
}

img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
}
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
}
}
@media screen and (min-width: 769px) {
  .spNone {
    display: block;
}
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
}
}
/*リンクのアクション*/
a {
text-decoration:none;
}

/* clearfix */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}

/*非表示にしているもの*/
h1 {
display: none;
}


/* header
---------------------------------------------*/
@media screen and (max-width: 768px) {
 ul.loop_main {
 width: 100%;
height: 100vh;
background:#454;
}

 ul.loop_main li img {
width: 100%;
height: 100vh;
 object-fit: cover;
}
}


header {
  width: 100%;
padding: 100px 0 150px 0 ;
text-align: center;	
}


h2 img {
width: 350px;
height: auto;
margin:0 auto 40px auto;
padding:0;
}

@media screen and (max-width: 768px) {
header {
width: 82%;
padding: 70px 0 100px 0;
margin:0 auto;
font-weight: 400;
font-style: normal;
font-size: 12px; 
letter-spacing: 0.1rem;
line-height: 2.2;
text-align: left;
color: #114b5f;
}


h2 img {
width: 85%;
height: auto;
margin:0 auto 50px auto;
padding:0;
}
}

/* ①ANYTIME ②ANYWHERE ③PRESENT
---------------------------------------------*/
#content {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width: 768px) {
#content {
width: 100%;
overflow: hidden;
}
}


/* 共通
--------------------------------------*/
#sec_01, #sec_02, #sec_03 {
width: 100%;
height: auto;
padding: 110px 0 ;
border-top: 1px solid #114b5f;
}

@media screen and (max-width: 768px) {
#sec_01, #sec_02, #sec_03 {
width: 100%;
height: auto;
padding: 100px 0 ;
border-top: 1px solid #114b5f;
}
}


.sec_wrap {
max-width:1000px;
height: auto;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width: 768px) {
.sec_wrap {
width:100%;
height: auto;
margin: 0 auto;
padding: 0;
}
}


#sec_01 .sec_title {
width: 19%;
margin:0 auto;
margin-bottom:20px;
}
#sec_02 .sec_title {
width: 23%;
margin:0 auto;
margin-bottom:20px;
}

#sec_03 .sec_title {
width: 19%;
margin:0 auto;
margin-bottom:20px;
}


@media screen and (max-width: 768px) {
#sec_01 .sec_title {
width: 45%;
margin:0 auto;
margin-bottom:20px;
}
#sec_02 .sec_title {
width: 45%;
margin:0 auto;
margin-bottom:20px;
}

#sec_03 .sec_title {
width: 45%;
margin:0 auto;
margin-bottom:20px;
}
}

.sec_maintxt {
line-height: 2.2;
margin-bottom: 80px;
}

	
@media screen and (max-width: 768px) {
.sec_maintxt {
width: 82%;
margin:30px auto 0 auto;
font-weight: 400;
font-style: normal;
font-size: 12px; 
letter-spacing: 0.1rem;
line-height: 2.2;
text-align: left;
color: #114b5f;
}
}

.reco_title {
font-family: 'Lilita One', cursive;
font-size: 30px;
}

@media screen and (max-width: 768px) {
.reco_title {
font-family: 'Lilita One', cursive;
font-size: 28px;
text-align: center;
		margin-top: 100px;
margin-bottom:10px;
}
}

/*---- sc01_1 ----*/
#sc01_1 .img01_1 {
width: 50%;
margin-left: 6%;
margin-right: 10%;
margin-bottom:6.5%;
}

#sc01_1 .img01_2 {
width: 34%;
}

span.fuki_work {
display:block;
width: 33%;
margin-left:3%;
margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
#sc01_1{
width: 100%;
margin-top:7%;
padding: 0;
}

#sc01_1 .img01_1 {
width: 100%;
margin:0;
padding: 0;
}

#sc01_1 .img01_2 {
width: 80%;
padding: 0;
}

span.fuki_work {
display:block;
width: 23%;
margin-top: 25px;
margin-bottom: 6px;
margin-left:-10px;
}
}

/*---- sc01_2 ----*/

#sc01_2 {
position:relative;
margin-top: 110px;
margin-bottom: 110px;
}

#sc01_2 .img01_3 {
width: 44%;
margin-right:10%;
margin-bottom:14%; 
}

#sc01_2 .img01_4 {
width: 36%;
margin-right: -11.5%;
z-index:2;
}

span.cap01_1 {
position: absolute;
width: 8.7%;
top:-60px;
right:7.8%;
z-index:99;
}

@media screen and (max-width: 768px) {
#sc01_2 {
width: 100%;
margin:0;
padding: 0;
}

#sc01_2 .img01_3 {
width: 85%;
margin: 70px auto 0 auto;
padding: 0;
}

#sc01_2 .img01_4 {
width: 66%;
margin:30px auto 0 auto;
padding: 0;
}

span.cap01_1 {
position: absolute;
width: 18%;
top:4.5%;
right:3%;
}
}

/*---- sc01_3 ----*/
#sc01_3 {
width: 100%;
height: auto;
}

.deco_box {
position:relative;
top:0;
left:0;
width: 80%;
height: auto;
margin: 0 auto;
}

.deco_box span.deco01 img {
max-width: 25%;
position:absolute;
right: 10%;
bottom: -100px;
}

@media screen and (max-width: 768px) {
#sc01_3 {
width: 100%;
height: auto;
margin-top:75px;
}

.deco_box {
position:relative;
top:0;
left:0;
width: 80%;
height: auto;
}

.deco_box span.deco01 img {
max-width: 55%;
position:absolute;
right: -10%;
bottom: -90px;
}
}
/*---- sc01_4 ----*/

#sc01_4 {
position:relative;
margin-top: 110px;
margin-bottom: 110px;
}

#sc01_4 .img01_6 {
width: 48%;
margin-right:20px;
margin-top:11.5%;
}

#sc01_4 .img01_7 {
width: 33%;
margin-right:10%;

}

span.cap01_2 {
position: absolute;
width: 8.7%;
top:11.5%;
right:4%;
z-index: 99;
}


@media screen and (max-width: 768px) {
#sc01_4 {
width: 100%;
margin:0;
padding: 0;
}

#sc01_4 .img01_6 {
width: 85%;
margin: 130px auto 0 auto;
padding: 0;
}

#sc01_4 .img01_7{
width: 66%;
margin:30px auto 0 auto;
padding: 0;
}

span.cap01_2 {
position: absolute;
width: 18%;
top:10%;
right:20px;
}
}

/*---- sc02_1 ----*/
#sc02_1 {
position:relative;
margin-top: 0px;
margin-bottom: 110px;
}

#sc02_1 .img02_1 {
width: 49%;
margin:0 auto;
}

span.cap02_1 {
position: absolute;
width: 8.7%;
top:-33px;
right:21%;
z-index: 99;
}

span.fuki_on {
position: absolute;
width: 6.5%;
top:-75px;
right:17.5%
}

@media screen and (max-width: 768px) {
#sc02_1 {
width: 100%;
margin:0;
padding: 0;
}

#sc02_1 .img02_1 {
width: 100%;
margin-top:50px;
padding: 0;
}

.img02_1 span.cap02_1 {
position: absolute;
width: 18.5%;
top:-25px;
right:25px;
}

.img02_1 span.fuki_on {
position: absolute;
width: 13%;
top:-7%;
right:20%;
}
}

/*---- sc02_2 ----*/
#sc02_2 {
width: 100%;
height: auto;;
}

#sc02_2 ul.credit {
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 20px;
}

#sc02_2 ul.credit li {
margin: 0 auto;
text-align: center;
}

@media screen and (max-width: 768px) {
#sc02_2 {
width: 100%;
height: auto;
margin-top:70px;
margin-bottom:130px;
}

#sc02_2 ul.credit {
width: 70%;
margin-left:30%;
margin-top: 20px;
}

#sc02_2 ul.credit li {
text-align: left;
margin: 0;
}
}

/*---- sc02_3 ----*/
#sc02_3 {
position:relative;
margin-top: 110px;
margin-bottom: 110px;
}

#sc02_3 .img02_3 {
width: 48.5%;
margin-right:8.5%;
margin-left:6.5%;
}

#sc02_3 .img02_4 {
width: 28%;
margin-bottom:12%;
}

span.cap02_2 {
position: absolute;
width: 8.7%;
top:7%;
right:2.5%;
z-index:99;
}

@media screen and (max-width: 768px) {
#sc02_3 {
width: 100%;
margin:0;
padding: 0;
}

#sc02_3 .img02_3 {
width: 86%;
margin: 0 auto 40px auto;
padding: 0;
}

#sc02_3 .img02_4 {
position: relative;
width: 67.5%;
margin-bottom:12%;
margin-right:32.5%;
}

span.cap02_2 {
position: absolute;
width: 25.5%;
top:20px;
right:-60px;
}

}
					
/*---- sc02_5 ----*/
#sc02_5 {
width: 47%;
height: auto;
margin: 0 auto;
margin-top:115px;
}

#sc02_5 ul.credit {
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 20px;
}

#sc02_5 ul.credit li {
margin: 0 auto;
text-align: center;
}

@media screen and (max-width: 768px) {
#sc02_5 {
width: 75%;
height: auto;
margin-left:16%;
margin-top:15px;
}

#sc02_5 ul.credit {
width: 100%;
margin-top: 20px;
}

#sc02_5 ul.credit li {
text-align: left;
margin: 0;
}
}


/*---- sc03_1 ----*/
#sc03_1 .img03_1 {
width: 48.5%;
margin-right: 10%;
margin-bottom:6%;
}

#sc03_1 .img03_2 {
width: 34%;
}

@media screen and (max-width: 768px) {
#sc03_1 {
width: 100%;
margin: 56px auto 0 auto;
padding: 0;
}

#sc03_1 .img03_1 {
width: 100%;
margin-bottom: 40px;
padding: 0;
}

#sc03_1 .img03_2 {
width:70%;
margin-right:10%;
padding: 0;
}
}


/*---- sc03_2 ----*/
#sc03_2 {
position:relative;
margin-top: 110px;
margin-bottom: 110px;
}

#sc03_2 .img03_3 {
width: 44%;
margin:0 auto;
}

span.cap03_1 {
position: absolute;
width: 8.7%;
left:24.5%;
margin-top:-5.5%;
z-index:998;
}

span.fuki_on {
position: absolute;
width: 6.5%;
right:17%
}

#sc03_2 ul.credit {
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 20px;
}

#sc03_2 ul.credit li {
margin: 0 auto;
text-align: center;
}

.deco02 {
position: absolute;
top:6%;
right: -2%;
}

@media screen and (max-width: 768px) {
#sc03_2 {
width:100%;
height: auto;
margin:0 auto;
padding:0;
}

#sc03_2 .img03_3 {
position:relative;
width: 85%;
margin-right:15%;
margin-top:80px;
}

#sc03_2 .img03_3 span.cap03_1 {
position: absolute;
width: 19%;
top:-15px;
left:90%;
z-index: 998;
}

#sc03_2 ul.credit {
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 0px;
}

#sc03_2 ul.credit li {
margin: 0 auto;
text-align: center;
}

.deco02 {
position: relative;
width:100%;
}

.deco02 p {
position: absolute;
width:60%;
top:0;
right:3%;
}}

/*---- sc03_3 ----*/
#sc03_3 {
width: 100%;
margin-top: 110px;
margin-bottom: 110px;
}

#sc03_3 .img03_4 {
width: 59%;
margin:0 auto;
}

@media screen and (max-width: 768px) {
#sc03_3 {
width: 100%;
margin:10px auto 0 auto;
}
#sc03_3 .img03_4 {
width: 59%;
margin:0 auto;
}

#sc03_3 .img03_4 {
width: 84%;
margin: 80px auto 80px auto;
}

}

/*---- sc03_4----*/
#sc03_4 {
position:relative;
margin-top: 110px;
margin-bottom: 110px;
}

#sc03_4 .img03_5 {
width: 48%;
margin-right:1.4%;
}

@media screen and (max-width: 768px) {
#sc03_4 .img03_5 {
width: 100%;
height: auto;
margin:0;
padding:0;
}
}

#sc03_4 .img03_6 {
width: 32.5%;
margin:0 auto;
margin-top:17%;
}

span.cap03_2 {
position: absolute;
width: 8.7%;
right:2.6%;
margin-top:-5.5%;
z-index:99;
}

#sc03_4 ul.credit {
width: 100%;
margin: 0 auto;
margin-top: 20px;
}

#sc03_4 ul.credit li {
margin: 0 auto;
text-align: left;
}

@media screen and (max-width: 768px) {
#sc03_4 {
width: 100%;
margin:0;
padding: 0;
}


#sc03_4 .img03_5 {
width: 100%;
margin:0;
padding:0;
}

#sc03_4 .img03_6 {
width: 86%;
margin-top:45px;
margin-left:14%;

}

span.cap03_2 {
position: absolute;
width: 17%;
right:7%;
margin-top:-13%
}

#sc03_4 ul.credit {
width: 100%;
margin: 0 auto;
margin-top: 20px;
}

#sc03_4 ul.credit li {
margin: 0 auto;
text-align: left;
}
}								
								
								
/* flexパターン
--------------------------------------*/
.flex1 {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
}

.flex2 {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}

.flex4 {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
}

@media screen and (max-width: 768px) {
.flex1 {
display: flex;
flex-direction: column;
justify-content:end;
}

.flex2 {
display: flex;
flex-direction: column;
}

.flex4 {
display: flex;
flex-direction: column;
}
}

/* credit
--------------------------------------*/
@media screen and (min-width: 769px) {
ul.credit li {
font-size: 12px;
letter-spacing: 0.01rem;
line-height:190%;
text-align: left;
margin-top: 0;
color: #114B5F;
}

ul.credit li:first-child {
margin-top: 10px;
}

ul.credit li span.price {
margin:0 15px 0 10px;
}
	
ul.credit li span.buy {
color: #114B5F;
}
	
ul.credit li a:hover {
border-bottom: 1px solid #114B5F;
}
}

@media screen and (max-width: 768px) {
ul.credit li {
width:100%;
font-size: 13px;
letter-spacing: 0.01rem;
line-height:200%;
text-align: left;
color: #114B5F;
}

ul.credit li:first-child {
margin-top: 20px;
}

ul.credit li span.price {
margin:0 15px 0 10px;
}
	
ul.credit li span.buy {
color: #114B5F;
}
	
ul.credit li a:hover {
border-bottom: 1px solid #114B5F;
}
}


/*-----Recommended item-----*/
/* 親要素(コンテナ) */
.reco_box {
width: 760px;
margin:0 150px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}

/* 子要素(アイテムリスト) */
.reco_itemlist {
width:370px;
margin-top:20px;
box-sizing: border-box;
}

.reco_itemlist:nth-child(odd){
margin-right: 20px;
}

.reco_itemlist .thumb a {
float:left;
width:70px;
margin-right:20px;
transition:0.5s;
}

.reco_itemlist .thumb a:hover {
opacity: 0.7;
}

.reco_itemlist .credit a {
width:270px;
text-align:left;
font-size: 12px;
letter-spacing: 0.01rem;
line-height:190%;
text-align: left;
margin-top: 0;
color: #114B5F;
}

.reco_itemlist .credit a:hover {
color: #114B5F;
text-decoration: underline;
}

@media screen and (max-width: 768px) {
/* 親要素(コンテナ) */
.reco_box {
width: 85%;
margin:0 auto;
display: flex;
align-items: center;
}

/* 子要素(アイテムリスト) */
.reco_itemlist {
width:100%;
margin-top:20px;
box-sizing: border-box;
position:relative;
}


.reco_itemlist:nth-child(odd){
margin-right: 20px;
}

.reco_itemlist .thumb a {
float:left;
width:20%;
margin-right:6%;
transition:0.5s;
}

.reco_itemlist .thumb a:hover {
opacity: 0.7;
}

.reco_itemlist .credit a {
width:73%;
margin-left:12%;
text-align:left;
font-size: 12px;
letter-spacing: 0.01rem;
line-height:190%;
text-align: left;
color: #114B5F;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.reco_itemlist .credit a:hover {
color: #114B5F;
text-decoration: underline;
}
}


/* footer
---------------------------------------------*/
#footer {
width: 100%;
height: auto;
margin:0 auto;
padding: 120px 0;
background-color: #114b5f;
}

#footer .sns {
width: 18%;
display: flex;
justify-content: space-around;
  margin: 0px auto 45px;
}
@media screen and (max-width: 768px) {
#footer .sns {
width: 130px;
}
}

#footer .sns .icon_line {
  width: 36px;
  margin: 0 12px;
  box-sizing: border-box;
}
#footer .sns .icon_insta {
  width: 36px;
  margin: 0 12px;
  box-sizing: border-box;
}

#footer .sns .icon_app {
  width:25px;
  margin: 0 12px;
  box-sizing: border-box;
}

#footer .sns .icon_line a, #footer .sns .icon_insta a, #footer .sns .icon_app a {
transition:0.5s;
}

#footer .sns .icon_line a:hover, #footer .sns .icon_insta a:hover, #footer .sns .icon_app a:hover {
opacity: 0.7;
}
								
								
copyright {
text-align: center;
font-size: 10px;
margin-bottom: 100px;
}

#footer .logo {
margin: 0 auto;
}

#footer .logo img {
  width: 120px;
  margin: 0 auto 20px;
}


@media screen and (max-width: 768px) {
#footer .logo img {
    width: 27%;
    margin: 0 auto 15px;
}
}


/*-----PAGETOP　scrollボタン -----*/
.scrolltop {
  position: fixed;
  bottom: 20px;
  right: 60px;
  z-index: 10;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.scrolltop img {
width:60px;
height: 60px;
}

@media screen and (max-width: 768px) {
  .scrolltop img {
width:45px;
height: 45px;

}
}
		

@media screen and (max-width: 768px) {
  .scrolltop {
    bottom: 20px;
    width: 40px;
    right: 20px;
    z-index: 13;
    z-index: 999;;
}
}
								
/*---- パラパラ画像切り替え動作 ----*/
.parapara_img {
  width: 350px;
  height: auto;
  position: relative;
}

.parapara_img img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: tikutaku 2.0s linear infinite 0s forwards;
  animation: tikutaku 2.0s linear infinite 0s forwards;
}

.parapara_img img:nth-child(1) {
  z-index: 2;
  visibility: visible;
}

.parapara_img img:nth-child(2) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  z-index: 0;
  visibility: hidden;
}

@-webkit-keyframes tikutaku {
  0% {
    visibility: visible;
    z-index: 2;
  }
  50.5% {
    visibility: visible;
    z-index: 2;
  }
  51% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}

@keyframes tikutaku {
  0% {
    visibility: visible;
    z-index: 2;
  }
  50.5% {
    visibility: visible;
    z-index: 2;
  }
  51% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}


/*---- ゆらゆら横揺れ動作 ----*/
.move_yura {
transform-origin: center bottom;
animation: yurayura 3.5s linear infinite;
}

@keyframes yurayura {
0% , 100%{
transform: rotate(7deg);
}
50%{
transform: rotate(-7deg);
}
}




/* ズームアウト */


.zoom-out {

  width: 100%;
  animation: zoom-out-anim 1s;


}

@keyframes zoom-out-anim {
  0% {
  transform: scale(1.2);
  


  }
  100% {
  transform: scale(1);

  }
}



/* ズームアウトはみだし禁止 */


.img01_1,.img01_2,.img01_3,.img01_4,.img01_5,.img01_6,.img01_7,.img01_8,.img02_3,.img02_4_1,.img02_5,.img03_1,.img03_2,.img03_3_1,.img03_4,.deco02,.img03_5,.img03_6,.img02_1{
  overflow: hidden;
}

#sc02_5{
    overflow: hidden;

}



/* キャンペーン */

.cp{
  width: 500px;
  height: 500px;
  background-color: #114B5F;
  border-radius: 50%;
  margin: 60px auto 160px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .cp{
  width: 300px;
  height: 300px;
  background-color: #114B5F;
  border-radius: 50%;
  margin: 0px auto 100px;
  position: relative;
}
}



p.news{
  color: #EAE9D7;
  position: absolute;
  transform: translateX(-50%);
  top: 33%;
  left: 50%;
  line-height: 1.8em;
  font-size: 14px;
  text-align: center;
}


@media screen and (max-width: 768px) {
  p.news{
  color: #EAE9D7;
  position: absolute;
  transform: translateX(-50%);
  top: 26%;
  left: 50%;
  line-height: 1.8em;
  font-size: 12px;
    width: 90%;
}

}


p.news span{
  font-family: 'Lilita One', cursive;
  display: block;
  font-size: 28px;
  margin-bottom: 20px;
}


@media screen and (max-width: 768px) {
  p.news span{
  font-family: 'Lilita One', cursive;
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
}


}


p.news a{
  display: block;
  color: #fff;
  border:1px solid #fff;
  width: 250px;
  height: 40px;
  margin: 40px auto 0;
  line-height: 40px;
  text-align: center;

}


@media screen and (max-width: 768px) {
  p.news a{
  display: block;
  color: #fff;
  border:1px solid #fff;
  width: 50%;
  height: 30px;
  margin: 25px auto 0;
  line-height: 30px;

}

}