@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&family=Lora:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap');
/*
  INIT
---------------------------------------------------------------- */
*,
*:before,
*:after,
body > * {
  box-sizing: border-box;
}

html{
  height:100%;
  -webkit-font-smoothing: antialiased;
}
body{
  display: flex;
  flex-direction: column;
  padding:0;
  margin: 0;
  height:100%;
  text-rendering: optimizeLegibility;
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝", Yu Mincho, "ＭＳ 明朝", "MS Mincho", Times New Roman, serif;
  font-size:16px;
  color: #231814;
  -webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
  /*------------------------------
  fv
  ------------------------------*/
  body{
    font-size:1.333vw;;
  }
}

@media only screen and (max-width: 767px) {
  /*------------------------------
  基本
  ------------------------------*/
  body{
    font-size:3vw;
  }
}


main,
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

div, dl, dt, dd, ul, ol, li, pre, form, blockquote, th, td {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  margin: 0;
  line-height: 1.4;
}

p {
  margin: 0;
}

ul, ol {
  list-style: none;
}

img {
  vertical-align: bottom;
  border-style: none;
  max-width: 100%;
  height: auto;
}

map,
area,
map:active,
area:active {
  border: none;
  outline: none;
}

figure {
  margin: 0;
}

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

.clearfix {
  /* *zoom: 1; */
  display: inline-block;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


.notes {
  font-size: 1.2rem;
  line-height: 1.4;
}

img,
video {
  max-width: 100%;
}

a {
  cursor: pointer;
}



/*------------------------------
共通
------------------------------*/
/*フォント
---------------------------*/
/*フォントファミリー*/
.ff-lora{
  font-family: "Lora", serif;
}
/*色*/
.fc-blue{
  color:#0399B7
}
.fc-yellow{
  color:#F8FF97;
}
.fc-white{
  color:#fFF
}
.fc-black{
  color:#111;
}
.fc-magenta{
  color:#F72686
}
/*大きさ*/
.lg-font{
  font-size:1.2em;
}
.lg-font01{
  font-size:1.25em;
}
.lg-font02{
  font-size:1.5em;
}
.lg-font03{
  font-size:1.6em;
}
.lg-font04{
  font-size:1.75em;
}
.lg-font05{
  font-size:2em;
}
.min-font01{
  font-size:.6em;
}
.min-font02{
  font-size:.75em;
}
.min-font03{
  font-size:.8em;
}
.min-font04{
  font-size:.875em;
}
/*改行*/
.wr-bw{
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.wr-ba{
  word-break: break-all;
}
/*文字詰め*/
.ffs {
  font-feature-settings: "palt" 1;
}
.ls-01 {
  letter-spacing: -.01em;
}
/*影*/
.t-shadow{
  text-shadow:0px 0px 3px rgba(0,0,0,0.5);
}

/*配置
---------------------------*/
.ta-center{
  text-align: center;
}
.ta-left{
  text-align: left;
}
.ta-right{
  text-align: right;
}

/*角丸
---------------------------*/
.rad_1em{
  border-radius: 1em;
}
.rad_05em{
  border-radius: .5em;
}

/*背景
---------------------------*/
.bg-cover_sblue{
  background:#A0F8FF;
  opacity: .94;
}
.bg-cover_blue {
  background: #1BADC7;
  opacity: .85;
}
.bg-cover_dblue {
  background: #188DA8;
  opacity: .9;
}
.bg-cover_sblue2 {
  background: #99EBF1;
  opacity: .94;
}
.bg-cover_yellow {
  background: #FFFF67;
  opacity: .93;
}
.bg-cover_pink {
  background: #FFE8EE;
  opacity: .93;
}
.bg-cover_white {
  background: #fff;
}
.bg-cover_glay {
  background-image:-webkit-linear-gradient(-45deg, rgba(242, 247, 250,1) 30%,rgba(242, 247, 250,.8) 100%);
  background-image:-moz-linear-gradient(-45deg, rgba(242, 247, 250,1) 30%,rgba(242, 247, 250,.8) 100%);
  background-image:linear-gradient(-45deg, rgba(242, 247, 250,1) 30%,rgba(242, 247, 250,.8) 100%);
}
.bg-cover_glay2{
  background:#F2F7FA
}
.bg-cover_blue2{
  background:#2DAFCE
}
 .bg-worry {
  background-image:-webkit-linear-gradient(#ffffff 35%,#CADBDD 50%,#fff 65%);
  background-image:-moz-linear-gradient(#ffffff 35%,#CADBDD 50%,#fff 65%);
  background-image:linear-gradient(#ffffff 35%,#CADBDD 50%,#fff 65%);
}
.bg-yellow {
  background-image:-webkit-linear-gradient(#EEFF1C,#ffffff);
  background-image:-moz-linear-gradient(#EEFF1C,#ffffff);
  background-image:linear-gradient(#EEFF1C,#ffffff);
}


.bg-cover{
  position:absolute;
  width:120%;
  height:99.999999%;
  z-index:-2;
}


/*物体影
---------------------------*/
.b-shadow{
  box-shadow:3px 3px 10px 0 rgba(0,0,0,0.16);
  -moz-box-shadow:3px 3px 10px 0 rgba(0,0,0,0.16);
  -webkit-box-shadow:3px 3px 10px 0 rgba(0,0,0,0.16);
}
.btn-shadow{
  box-shadow:0 3px 0 0 rgba(0,0,0,0.12);
  -moz-box-shadow:0 3px 0 0 rgba(0,0,0,0.12);
  -webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.12);
}

/*blockセクション
---------------------------*/
main{
 gap:7.5em
}
main section{
  position: relative;
  overflow: hidden;
  z-index:1;
}
/* main section{
  margin-bottom:5.625em;
} */


/*タイトル
---------------------------*/
.title-area{
  margin-bottom: 1em;
}
.title-area *{
font-weight: 700;
}
/*吹き出し型*/
.fuki-title{
  position: absolute;
  top:.6em;
  margin: auto;
  padding:.3em;
  text-align: center;
  border-radius:.5em;
  box-shadow:5px 5px 0 0 rgba(0,0,0,0.1);
  -moz-box-shadow:5px 5px 0 0 rgba(0,0,0,0.1);
  -webkit-box-shadow:5px 5px 0 0 rgba(0,0,0,0.1);
  font-weight: 700;
  font-size:2.5em;
  z-index: 9;
}
/*青*/
.fuki-title.ver-blue{
  background: #0399B7;
  color:#fff;
}
.fuki-title.ver-yellow{
  background: #FFFF67;
  color:#0399B7;
}
.fuki-title::before,.fuki-title::after{
  content:'';
  position: absolute;
  right:0;
  left:0;
  width:2rem;
  height:2rem;
  bottom:-1.9rem;
  margin: auto;
}
.fuki-title::before{
  margin-bottom:-5px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23111111" opacity=".1" d="M24,24h0c-3.85-1.5-8.05-4.63-12.48-9.28C7.3,10.16,3.44,5.24,0,0h20.48c.48,8.1,1.66,16.13,3.51,24h0Z" /></svg>');
}
.fuki-title.ver-blue::after{
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%230399B7" d="M24,24h0c-3.85-1.5-8.05-4.63-12.48-9.28C7.3,10.16,3.44,5.24,0,0h20.48c.48,8.1,1.66,16.13,3.51,24h0Z" /></svg>');
}
.fuki-title.ver-yellow::after{
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23FFFF67" d="M24,24h0c-3.85-1.5-8.05-4.63-12.48-9.28C7.3,10.16,3.44,5.24,0,0h20.48c.48,8.1,1.66,16.13,3.51,24h0Z" /></svg>');
}
.fuki-title.ver-blue .eff-light::before{
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23F8FF97" d="M13.91,0l-1.32,5.91-.66.68-4.31,1.38,4.31,1.38.66.69,1.32,5.91,1.32-5.91.66-.69,4.31-1.38-4.31-1.38-.66-.69-1.32-5.91Z" /><path fill="%23F8FF97" d="M7.11,17.31l-.44.46-2.88.92,2.87.92.44.46.88,3.94.88-3.94.44-.46,2.87-.92-2.87-.92-.44-.46-.88-3.94-.88,3.94Z" /></svg>') center / cover no-repeat;
}
.fuki-title.ver-blue .eff-light::after{
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23F8FF97" d="M8.42,7.55l-1.2,5.35-.6.62-3.91,1.25,3.91,1.25.6.62,1.2,5.35,1.2-5.35.6-.62,3.91-1.25-3.91-1.25-.6-.62-1.2-5.35Z" /><path fill="%23F8FF97" d="M16.36,5.82l-.43.44-2.79.89,2.79.89.43.45.86,3.82.85-3.82.43-.45,2.79-.89-2.79-.89-.43-.45-.85-3.82-.86,3.82Z" /></svg>') center / cover no-repeat;
}
.fuki-title.ver-yellow .eff-light::before{
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%2331C3E2" d="M13.91,0l-1.32,5.91-.66.68-4.31,1.38,4.31,1.38.66.69,1.32,5.91,1.32-5.91.66-.69,4.31-1.38-4.31-1.38-.66-.69-1.32-5.91Z" /><path fill="%2331C3E2" d="M7.11,17.31l-.44.46-2.88.92,2.87.92.44.46.88,3.94.88-3.94.44-.46,2.87-.92-2.87-.92-.44-.46-.88-3.94-.88,3.94Z" /></svg>') center / cover no-repeat;
}
.fuki-title.ver-yellow .eff-light::after{
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%2331C3E2" d="M8.42,7.55l-1.2,5.35-.6.62-3.91,1.25,3.91,1.25.6.62,1.2,5.35,1.2-5.35.6-.62,3.91-1.25-3.91-1.25-.6-.62-1.2-5.35Z" /><path fill="%2331C3E2" d="M16.36,5.82l-.43.44-2.79.89,2.79.89.43.45.86,3.82.85-3.82.43-.45,2.79-.89-2.79-.89-.43-.45-.85-3.82-.86,3.82Z" /></svg>') center / cover no-repeat;
}

.fuki-title p{
  padding:.625em;
  border-radius:.25em;
}
.fuki-title.ver-blue p{
  border:1px solid #fff;
}
.fuki-title.ver-yellow p{
  border:1px solid #0399B7;
}
.eff-kiduki{
position: absolute;
left: .5em;
top:0;
font-size: 3em;
width:1.875em;
height:1.625em;
background: url(../images/common_eff_kiduki.svg) center / cover no-repeat;
}
.content-title{
  display: inline-block;
  text-align: center;
}

/*半円型*/
.hfcircle-area{
  position: relative;
  width:20em;
  height:10em;
  aspect-ratio: 2 / 1;
  margin:0 auto -2px;
  background: #F5F9FB;
  border-radius: 100vh 100vh 0 0;
  border:1px solid #0399B7;
  border-bottom: 1px solid #F5F9FB;
  text-align: center;
  z-index: 11;
}
.hfcircle-area::after{
  content: '';
  position: absolute;
  right:0;
  bottom:0;
  left:0;
  width:85%;
  margin: auto;
  aspect-ratio: 2 / 1;
  border-radius: 100vh 100vh 0 0;
  border:1px solid #DFECF5;
  border-bottom: none;
}
.hfcircle-area .content-title{
  padding:0 0 0 ;
  width:7em;
  font-size:2.5em;
  line-height: 1.3;
  text-align: center;
  margin:1.25em auto;
  z-index: 2;
}
.hfcircle-area .eff-light{
  display: inline-block;
  padding:0 .75em;
  text-align: center;
}
.hfcircle-area .eff-light::before{
  top:0;
  left:0;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%230399B7" d="M13.91,0l-1.32,5.91-.66.68-4.31,1.38,4.31,1.38.66.69,1.32,5.91,1.32-5.91.66-.69,4.31-1.38-4.31-1.38-.66-.69-1.32-5.91Z" /><path fill="%230399B7" d="M7.11,17.31l-.44.46-2.88.92,2.87.92.44.46.88,3.94.88-3.94.44-.46,2.87-.92-2.87-.92-.44-.46-.88-3.94-.88,3.94Z" /></svg>') center / cover no-repeat;
}
.hfcircle-area .eff-light::after{
  /* bottom:-.25em; */
  bottom:0;
  right:0;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%230399B7" d="M8.42,7.55l-1.2,5.35-.6.62-3.91,1.25,3.91,1.25.6.62,1.2,5.35,1.2-5.35.6-.62,3.91-1.25-3.91-1.25-.6-.62-1.2-5.35Z" /><path fill="%230399B7" d="M16.36,5.82l-.43.44-2.79.89,2.79.89.43.45.86,3.82.85-3.82.43-.45,2.79-.89-2.79-.89-.43-.45-.85-3.82-.86,3.82Z" /></svg>') center / cover no-repeat;
} 

/*カード型*/
.title-area2{
  position: relative;
  display: block;
  width:70%;
  max-width:1024px;
  background: #fff;
  padding:.5em;
  margin:0 auto -2.5em;
  border-radius: .8em;
  border:1px solid #0399B7;
  box-shadow:.5em .5em 0 0 rgba(0,0,0,.12);
	-webkit-box-shadow:.5em .5em 0 0 rgba(0,0,0,.12);
	-moz-box-shadow:.5em .5em 0 0 rgba(0,0,0,.12);
  font-size:1.5em;
  z-index: 1;
}
.title-area2 .content-title{
  display: block;
  width:100%;
  padding:.5em;
  border-radius: .2em;
  border:1px solid #DFECF5;
  color:#0399B7;
}
.title-area2 + .container{
  width:100%;
  padding-top: 6em;
  border-top:1px solid #0399B7;
  border-bottom:1px solid #0399B7;
  z-index: -1;
}

/*リボン型*/
.ribon-area{
  text-align: center;
  padding-bottom:3em;
}
.ribon-area .main-text{
  position: relative;
  display: inline-block;
}
.ribon-area .main-text p{
  display: inline-block;
  padding:.8em 1.5em;
  background: #0399B7;
  font-weight: 700;
  color:#fff;
  z-index: 1;
  border:1px solid #fff;
}
.ribon-area .main-text::before,.ribon-area .main-text::after{
  content:'';
  position: absolute;
  bottom:-1.65em;
  width:45%;
  height:100%;
  z-index: -2;
}
.ribon-area .main-text::before{
  left:-4em;
  background: url(../images/common_bg_ribbon-side-bl.svg) left bottom / contain no-repeat;
}
.ribon-area .main-text::after{
  right:-4em;
  background: url(../images/common_bg_ribbon-side-bl2.svg) right bottom / contain no-repeat;
}
/*白*/
.ribon-area.ver-w .main-text p{
  background: #fff;
  color:#0399B7;
  border:1px solid #0399B7;
}
.ribon-area.ver-w .main-text::before{
  background: url(../images/common_bg_ribbon-side-wt.svg) left bottom / contain no-repeat;
}
.ribon-area.ver-w .main-text::after{
  background: url(../images/common_bg_ribbon-side-wt2.svg) right bottom / contain no-repeat;
}

/*見出し*/
h3.midashi{
  padding-left:.5em;
  margin-bottom: .75em;
  border-left:solid .16em #0399B7;
  font-weight:700;
  font-size:1.5em;
  line-height: 1.35;
}

/*box
---------------------------*/
/*waku-box*/
.waku-box{
  padding:1em;
  background: #fff;
  border:1px solid #0399B7;
  box-shadow:1em 1em 0 0 rgba(0,0,0,0.1);
  -moz-box-shadow:1em 1em 0 0 rgba(0,0,0,0.1);
  -webkit-box-shadow:1em 1em 0 0 rgba(0,0,0,0.1);
}
.waku-box.min-box{
  padding:.4em;
}
.waku-box .main-area{
  padding:1em;
  border:1px solid #DFECF5;
}
/*上下ラインbox*/
.line2-box{
  padding:1.25em;
  background: #fff;
  border-top:1px solid #0399B7;
  border-bottom:1px solid #0399B7;
}


/*マーカー
---------------------------*/
.marker-y{
  background:linear-gradient(transparent 50%, #F8FF97 50%);
}
.marker-py{
  background:linear-gradient(transparent 0%, #F8FF97 0%);
}
.marker-w{
  background:linear-gradient(transparent 50%, #FFFFFF 50%);
}
.marker-pw{
  background:linear-gradient(transparent 0%, #FFFFFF 0%);
}
.marker-b{
  background:linear-gradient(transparent 20%, #0399B7 20%);
}
/*flex
---------------------------*/
.flexlist {
	display: -webkit-box;
	display: flex;
}

.f-flow {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.f-jc-start{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.f-jc-center {
  -webkit-box-pack: center;
  justify-content: center;
}
.f-jc-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.f-ac-stretch {
-ms-flex-line-pack: stretch;
  align-content: stretch;
}
.f-ac-start {
	-ms-flex-line-pack: start;
	align-content: flex-start;
}
.f-ac-end {
	-ms-flex-line-pack: end;
	align-content: flex-end;
}
.f-ac-center{
	-ms-flex-line-pack: center;
	align-content: center;
}
.f-ac-between{
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.f-ai-start {
  -webkit-box-align: start;
  align-items:flex-start;
}
.f-ai-center {
  -webkit-box-align: center;
  align-items: center;
}
.f-ai-end {
  -webkit-box-align:end;
  align-items: flex-end;
}
.f-ai-stretch {
  -webkit-box-align: stretch;
  align-items: stretch;
}
.f-d-column{
  flex-direction: column;
}

/*dotlist
---------------------------*/
ul.dotlist{
  list-style: disc;
  padding-left:1.5em;
}
ul.dotlist li:not(:last-of-type){
  margin-bottom: .5em;
}


/*吹き出しテキスト
---------------------------*/
.text-fuki{
  position: relative;
  display: inline-block;
  border-radius: 100vh;
}
.text-fuki::before,.text-fuki::after{
  position: absolute;
  left:0;
  right:0;
  width:1.5em;
  height:1.0625em;
  margin:auto;
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.text-fuki::before{
  bottom:calc(-1em - 3px);
}
.text-fuki::after{
  bottom:-1em;
}

/*ボタン
---------------------------*/
/*ボタン基本*/
a.btn,button.btn{
  display: block;
  line-height: 1.2;
  animation: fuwafuwa1 1s infinite ease-in-out .8s alternate;
  color:#fff;
  text-decoration: none;
  text-shadow:rgba(0, 0, 0, .5) 0 0 3px;
 }
@keyframes fuwafuwa1 {
  0% {
    transform: translate(0, 0) ;
  }
  35% {
    transform: translate(-.2em, -.2em) ;
  }
  65% {
    transform: translate(-.2em, -.2em) ;
  }
  100% {
    transform: translate(0, 0);
  }
}


/*ボタンセクション*/
.btn-section{
  position: relative;
  overflow: hidden;
  margin:auto;
  padding:2em 0 1em 0;
  z-index: 10;
}
.btn-section .btn{
  margin: auto;
  font-weight: 700;
  text-align: center;
}
.btn-area,button.btn{
  position: relative;
}
a.btn .btn-area{
  display: inline-block;
  /* width:100%; */
  border-radius: 100vh;
  border:1px solid #111;
  font-weight:700;
  text-align: center;
  text-shadow:0px 0px 10px rgba(0,0,0,0.25);
  color:#fff;
}
a.btn:hover .btn-area{
  background:#fff ;
  border:1px solid #65C00C;
  color:#65C00C;
}
.btn-area::before{
  position: absolute;
  bottom:-.5em;
  right:-.5em;
  width:100%;
  height:100%;
  content:'';
  background:#65C00C;
  border-radius: 100vh;
  z-index: -3;
}

.btn-area::after{
  position: absolute;
  bottom:-1em;
  right:.5em;
  width:4.25em;
  height:5.8125em;
  content:'';
  background: url(../images/ic-hand.svg) center / cover no-repeat;
  transform: rotate(-4deg);
}
.btn-area .text-main{
  display: inline-block;
  text-align: left;
  font-size:3.75em;
  padding:.5em 1.2em;
}
.btn-section .text-fuki{
  position: absolute;
  right:0;
  top:-1.2em;
  padding:.4em 1.75em;
  background:#111;
  text-align: right;
  font-size:1.25em;
  z-index: 1;
}
.btn-section .text-fuki::before{
  bottom:calc(-1em);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 17"><path fill="%23111111" d="M0,17c3.5-1.3,6.4-3.9,8.1-7.2C9.5,6.7,10.3,3.4,10.3,0h13.7c-1.4,4.1-3.9,7.7-7.2,10.5C12.6,14,6.9,16.2,0,17H0Z" /></svg>');
}

/*右下常設ボタン*/
a.btn .hide-btn-area{
  display: block;
  padding:.75em .75em .75em .5em ;
  margin-right: -.25em;
  background:#65C00C;
  border-radius:  .5em 0 0 .5em;
  border:1px solid #111;
  border-right:none;
  text-shadow:0px 0px 5px rgba(0,0,0,0.3);
  line-height: 1.1;
  font-weight:700;
  font-size:1.1em;
}

/*------------------------------
背景
------------------------------*/
/*背景隠し*/
.giza{
  position:relative;
  margin-top: 8em;
}
.giza::before,.giza::after {
  content: '';
  position: absolute;
  left:0;
  width:100%;
  height:1.75em;
  margin: auto;
  z-index: 3;
}
.giza::before {
  top:-1px;
  background: url(../images/common_hide_top.svg) left top / contain ;
}
.giza::after {
  bottom:-1px;
  background: url(../images/common_hide_btm.svg) left bottom / contain  ;
}

/*------------------------------
きらきらエフェクト
------------------------------*/
.eff-light {
  position: relative;
  padding:.25em
}
.eff-light::before,.eff-light::after {
  content: '';
  position: absolute;
  width:1em;
  height:1em;
  z-index: 3;
}
.eff-light::before{
  top:-.15em;
  left:-.15em;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23111111" d="M13.91,0l-1.32,5.91-.66.68-4.31,1.38,4.31,1.38.66.69,1.32,5.91,1.32-5.91.66-.69,4.31-1.38-4.31-1.38-.66-.69-1.32-5.91Z" /><path fill="%231111111" d="M7.11,17.31l-.44.46-2.88.92,2.87.92.44.46.88,3.94.88-3.94.44-.46,2.87-.92-2.87-.92-.44-.46-.88-3.94-.88,3.94Z" /></svg>') center / cover no-repeat;
}
.eff-light::after{
  bottom:-.15em;
  right:-.15em;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23111111" d="M8.42,7.55l-1.2,5.35-.6.62-3.91,1.25,3.91,1.25.6.62,1.2,5.35,1.2-5.35.6-.62,3.91-1.25-3.91-1.25-.6-.62-1.2-5.35Z" /><path fill="%231111111" d="M16.36,5.82l-.43.44-2.79.89,2.79.89.43.45.86,3.82.85-3.82.43-.45,2.79-.89-2.79-.89-.43-.45-.85-3.82-.86,3.82Z" /></svg>') center / cover no-repeat;
}

@media only screen and (max-width: 767px) {


  /*------------------------------
  共通
  ------------------------------*/

  /*タイトル
  ---------------------------*/
  /*吹き出し型*/
  .fuki-title{
    top:1em;
    width:80%;
    font-size:1.5em;
  }
  .fuki-title::before,.fuki-title::after{
    width:1.35rem;
    height:1.35rem;
    bottom:-1.25rem;
  }
  .eff-kiduki{
    font-size:2em;
  }

  /*カード型*/
  .title-area2{
    width:90%;
    font-size:1.2em;
    margin:0 auto -2.25em;
  }
  .title-area2 .content-title{
    display: block;
    width:100%;
    padding:.3em .5em;
    border-radius: .2em;
    border:1px solid #DFECF5;
    color:#0399B7;
  }

  .title-area2 + .container{
    padding-top: 6em;
  }
  

  /*半円型*/
  .hfcircle-area{
    width:15em;
    height:7.5em;
  }
  .hfcircle-area .content-title{
    font-size:1.75em;
  }
  
  .container2{
    padding-right: 0;
    padding-left: 0;
  }

  
  /*box
  ---------------------------*/
  /*waku-box*/
  .waku-box{
    box-shadow:.8em .8em 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow:.8em .8em 0 0 rgba(0,0,0,0.1);
    -webkit-box-shadow:.8em .8em 0 0 rgba(0,0,0,0.1);
  }

  /*物体影
  ---------------------------*/
  .b-shadow{
    box-shadow:2px 2px 6px 0 rgba(0,0,0,0.16);
    -moz-box-shadow:2px 2px 6px 0 rgba(0,0,0,0.16);
    -webkit-box-shadow:2px 2px 6px 0 rgba(0,0,0,0.16);
  }
  .btn-shadow{
    box-shadow:0 2px 0 0 rgba(0,0,0,0.12);
    -moz-box-shadow:0 2px 0 0 rgba(0,0,0,0.12);
    -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.12);
  }

  /*blockセクション
  ---------------------------*/
  main{
    gap:5.7em
  }
  /* main section{
    margin-bottom:4.16em;
  } */
  
  /*ボタン
  ---------------------------*/
  .btn-section{
    padding:1.5em 0;
  }
  .btn-section .btn{
    width:90%;
  }
  a.btn .btn-area{
    width:100%;
    }
  .btn-section .btn-area::after{
    bottom:-1.5em;
    right:.5em;
    width:2.33em;
    height:3.17em;
  }
  .btn-area::before{
    bottom:-.25em;
    right:-.25em;
  }
  .btn-section .text-main{
    font-size:1.75em;
  }
  .btn-section .text-main .min-font{
    font-size:.84em;
  }
  .btn-section .text-fuki{
    top:-1.5em;
    font-size:.9em;
  }
  /*------------------------------
  背景
  ------------------------------*/
  /*背景隠し*/
  .giza{
    margin-top: 5em;
  }
  .giza::before,.giza::after {
    height:1em;
  }

}