@charset "UTF-8";
/********************************/
/* トップ　*/
/********************************/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@800&family=Zen+Maru+Gothic:wght@700&display=swap');

img{width:100%; height:auto;}
::before, ::after {box-sizing: border-box;}
.clear{clear:both;}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

body {width:100%;font-family:"メイリオ","Yu Gothic","游ゴシック",sans-serif,"Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6","Osaka","ＭＳ Ｐゴシック";font-weight:500;background-attachment:fixed;background:#fff;padding:0;margin:0;vertical-align:top;height:100%;text-align:center;line-height:165%;-webkit-text-size-adjust: 100%;}
#container{max-width:860px; margin:0 auto; padding:0 0 20px;}
.btn {animation: heartbeat 1s infinite;}
h1.logo{ max-width:200px;top: 5px;left: 5px;position:absolute;margin:0;padding:0;}
header{width:100%; position:relative; margin:0 auto; padding:0;}
p.c1tex1 {font-size:3.5rem;font-family: 'Zen Maru Gothic', serif;letter-spacing : -0.04em;font-weight:800; padding:20px 10px 20px; color:#000;line-height:140%;}
.fsl{font-size:3.5rem;line-height:150%;}
.fsll{font-size:4.2rem;}
.fsxl{font-size:4.8rem;line-height:150%;}
.fc1{ color:#e52e5e;}
p.c1tex2 {font-size:3.4rem;font-feature-settings: "palt";font-family: Arial, 'Noto Sans JP', sans-serif;font-weight:800;padding:20px 10px 10px;color:#000;line-height:160%;}
/*キャッチ、ボタン部分*/
.bgp{ margin:0 auto; padding:0 0 10px;background:#f8564e;}
.bgy{ margin:0 auto; padding:0 0 10px;background:#FFC;}
.bgr{ margin:0 auto; padding:0 0 10px;background:#b50000;}
.btn a{width:85%;font-family: 'Zen Maru Gothic', serif;font-size:3.5rem;font-weight:800;display: inline-block; margin:15px auto 25px;padding: 1em 0.2em;background-color: #04a300;box-shadow: 0 12px 0 #045e01;border-radius: 60px;color: #fff;cursor: pointer;text-decoration: none;}
.backyl{background:#ffff00; line-height:140%;}
.backrd{background:#cc0000; color:#ffff00; line-height:140%;}
.backdp{background:#ff007a; color:#fff; line-height:140%; padding:0 5px}
.backpk{background:#fff5fc; padding:10px 0;margin-bottom:10px;}
.backgr{background:#f0ffee; padding:10px 0; margin-bottom:10px;}
.rb{font-weight:800;color:#cc0000;}
.yb{font-weight:800;color:#ffff00;}
#con1 {margin: 20px auto 0px;padding:0;}
#con1 p{font-size:3.2rem;padding:10px 10px 10px; color:#000; line-height:135%; font-weight:800;}
.bgg{ background:#3f3349;margin:0 auto; padding:10px 0;}
.bgg p{font-size: 3.2rem;padding: 10px 10px 10px;color: #fff;line-height: 135%;font-weight: 800;}
.pb{font-weight:800;color:#ff78ef;}
.wb{font-weight:800;color:#fff;}
.fss{font-size:3.0rem;}
.fsxs{font-size:2.5rem;}
.fmg{font-family: 'Zen Maru Gothic', serif;letter-spacing : -0.07em;}
.imgsizes{ width:35%; height:auto; margin:0 auto; text-align:center; padding:10px 0;}
.uline{text-decoration:underline 4px #cc0000;}
.uline2{text-decoration:underline double  #cc0000;}
.gb{font-weight:800;color:#006600;}
.ls{letter-spacing : -0.07em;}
.lh{line-height:170%;}
#con2 {margin: 40px auto 0px;padding:0;}
#con2 p{font-size:3.2rem;padding:10px 10px 10px; color:#000; line-height:135%; font-weight:800;}
h2{margin:0 auto; padding:0;}
#con2 p.backbl{background:#000b33; color:#fff; margin:0 auto; padding:20px 0; text-align:center;}
.imgsizem{ display:block; width:65%; height:auto; margin:0 auto; text-align:center; padding:10px 0;}
#con2 ul.wokeiko{width:90%; margin:10px auto; padding:0;}
#con2 ul.wokeiko li{ list-style:none; margin-bottom:20px;}
#con2 ul.wokeiko li img{width:77%; height:auto;}
#con2 ul.wokeiko li h3{ padding:10px 0 0; line-height:150%;font-size: 3.9rem; font-weight:800; color:#e52e5e;}
#con2 ul.wokeiko li p{font-size: 2.2rem; font-weight:normal; text-align:center; line-height:150%;}

#con4{width:100%; margin:40px auto 20px; padding:0 0 10px; background:#ffffee;}
#con4 .c4h2back{margin: 0 auto 15px;background:url(../img/kuchimommi_wo.png) no-repeat;background-position: center top;background-size: cover;margin:0 auto;padding-top:46.5%;position:relative;}
#con4 .c4h2back h2{position: absolute;top: 18%;left:5%;text-align: center;font-size:3.5rem;line-height: 120%;color:#e52e5e; background: #fff;padding: 10px;box-shadow: 6px 6px 1px #444;}
#con4 ul{ width:96%;display:flex;flex-wrap:wrap; margin:0 auto; padding:0;}
#con4 ul li{list-style:none;margin:0 auto; padding:10px 0;}
#con4 ul li ul {display:block; margin-bottom:15px;}
#con4 ul li ul li.kkimg {width: 60%; margin:0 auto 10px;}
#con4 ul li ul li.kktex {width: 88%;padding: 5px 5px 5px; font-size:3.0rem; text-align:left;line-height:150%;}
.nage_w{font-family: "Yu Gothic","游ゴシック"; text-align:left; font-style:italic; color:#e52e5e;font-size:3.5rem;}
.nage_m{font-family: "Yu Gothic","游ゴシック"; text-align:left; font-style:italic; color:#002e93;font-size:3.5rem;}

#con5 {margin: 40px auto 0px;padding:0;}
#con5 .c5h2back{margin: 0 auto 15px;background:url(../img/titjyukunentokka.png) no-repeat;background-position: center top;background-size: cover;margin:0 auto;padding-top:46.5%;position:relative;}
#con5 .c5h2back h2{position:absolute; top:18%; left:5%;text-align:left;font-size:3.5rem; color:#420000;line-height:120%;background:#fffbee;padding:10px;box-shadow: 6px 6px 1px #444;}
#con5 ul.tokka{width:90%; margin:20px auto 10px; padding:0;}
#con5 ul.tokka li{ list-style:none; margin-bottom:20px;}
#con5 ul.tokka li img{width:77%; height:auto;}
#con5 ul.tokka li h3{ padding:10px 0 0; line-height:150%;font-size:3.2rem; font-weight:800; color:#e52e5e;}
#con5 ul.tokka li p{font-size: 2.2rem; font-weight:normal; text-align:center; line-height:150%; padding:10px 5px;}

#con6 {margin: 40px auto 0px;padding:0;}
#con6 h2{ width:92%;text-align: center;font-size:4.5rem;color: #048700;font-weight: 800;line-height: 120%;padding-bottom: 5px;border-bottom: 2px solid;margin:0 auto 10px;}
#con6 h2 img{width: 9%;height: auto;padding: 0 5px;}
#con6 ul.anzen{width:90%; margin:10px auto; padding:0;}
#con6 ul.anzen li{ list-style:none; margin-bottom:20px;}
#con6 ul.anzen li img{width:77%; height:auto;}
#con6 ul.anzen li h3{ padding:10px 0 0; line-height:150%;font-size:3.2rem; font-weight:800; color:#e52e5e;}
#con6 ul.anzen li p{font-size: 2.2rem; font-weight:normal; text-align:left; line-height:150%; padding:10px 5px;}

#con3{margin: 20px auto 0px;padding:0 0 20px; background:#fff7eb;}
#con3 p{font-size:4.2rem;padding:10px 10px 10px; color:#000; line-height:135%; font-weight:800;}
#con3 h2{font-size:4rem;line-height: 130%; margin-bottom:20px; padding:10px 0;font-weight: 800; background:#e04500; color:#fff;}
#con3 ul.machigai{width:90%; margin:10px auto; padding:0;}
#con3 ul.machigai li{ list-style:none; margin-bottom:20px;}
#con3 ul.machigai li img{width:100%; height:auto;}
#con3 ul.machigai li h3{ padding:10px 0 10px; line-height:150%;font-size: 3.0rem; font-weight:800; color:#e52e5e;}
#con3 ul.machigai li p{font-size: 3.8rem; font-weight:normal; text-align:center; line-height:150%;}

.bgp p{font-size:4.2rem; text-align:center; padding:10px 0; font-weight:800; line-height:150%;}
.last p{font-size:3.2rem; text-align:center; padding:10px 0; font-weight:800; line-height:150%;}
p.cr{color:#000;text-align:center;font-size:1.5rem;}
/*topへ*/
.totop{position: fixed;bottom: 100px;right: 10px; width:13%;}
.totop a{display: block;text-decoration: none;}
.totop:hover{opacity: 0.85 ;}

@media only screen and (max-width: 860px) {
html{font-size: calc(1000vw / 860);}	

.pc { display: none !important; }
.sp { display: block !important; }

.btn {animation: heartbeat 1s infinite;}
#container{ width:100%;margin:0 auto; padding:0 0 120px;}
h1.logo{ max-width:90px;top: 5px;left: 5px;position:absolute;margin:0;padding:0;}
header{width:100%; margin:0 auto; padding:0;}
p.c1tex1 {font-size:5.6rem;font-family: 'Zen Maru Gothic', serif;letter-spacing : -0.04em;font-weight:800; padding:20px 10px 20px; color:#000;line-height:140%;}
.fsl{font-size:5.5rem;line-height:150%;}
.fsll{font-size:6.0rem;}
.fsxl{font-size:7.0rem;}
.fc1{ color:#e52e5e;}
p.c1tex2 {font-size:4.6rem;font-feature-settings: "palt";font-family: Arial, 'Noto Sans JP', sans-serif;font-weight:800;padding:20px 10px 10px;color:#000;line-height:160%;}
/*キャッチ、ボタン部分*/
.bgp{ margin:0 auto; padding:10px 0 10px;background:#f8564e;}
.bgy{ margin:0 auto; padding:0 0 10px;background:#FFC;}
.bgr{ margin:0 auto; padding:0 0 10px;background:#b50000;}
.btn a{width:85%;font-family: 'Zen Maru Gothic', serif;font-size:4.5rem;font-weight:800;display: inline-block; margin:15px auto 25px;padding: 1em 0.2em;background-color: #04a300;box-shadow: 0 12px 0 #045e01;border-radius: 60px;color: #fff;cursor: pointer;text-decoration: none;}
.backyl{background:#ffff00; line-height:140%;}
.backrd{background:#cc0000; color:#ffff00; line-height:140%;}
.backdp{background:#ff007a; color:#fff; line-height:140%; padding:0 5px;}
.backpk{background:#fff5fc; padding:10px 0;margin-bottom:10px;}
.backgr{background:#f0ffee; padding:10px 0; margin-bottom:10px;}
.rb{font-weight:800;color:#cc0000;}
.yb{font-weight:800;color:#ffff00;}
.pb{font-weight:800;color:#ff78ef;}
#con1 {margin: 20px auto 0px;padding:0;}
#con1 p{font-size:4.6rem;padding:10px 10px 10px; color:#000; line-height:135%; font-weight:800;}
.bgg{ background:#3f3349;margin:0 auto; padding:10px 0;}
.bgg p{font-size: 4.6rem;padding: 10px 10px 10px;color: #fff;line-height: 135%;font-weight: 800;}
.wb{font-weight:800;color:#fff;}
.fss{font-size:4.0rem;}
.fsxs{font-size:3.5rem;}
.fmg{font-family: 'Zen Maru Gothic', serif;letter-spacing : -0.07em;}
.imgsizes{ width:35%; height:auto; margin:0 auto; text-align:center; padding:10px 0;}
.uline{text-decoration:underline 4px #cc0000;}
.gb{font-weight:800;color:#006600;}
.ls{letter-spacing : -0.07em;}
.lh{line-height:170%;}
#con2 {margin: 40px auto 0px;padding:0;}
#con2 p{font-size:4.2rem;padding:10px 10px 10px; color:#000; line-height:135%; font-weight:800;}
#con2 h2{margin:0 auto;font-size: 4.2rem;padding:0px;color: #000;line-height: 135%;font-weight: 800;}
#con2 p.backbl{background:#000b33; color:#fff; margin:0 auto; padding:20px 0; text-align:center;}
.imgsizem{ display:block; width:65%; height:auto; margin:0 auto; text-align:center; padding:10px 0;}
#con2 ul.wokeiko{width:90%; margin:10px auto; padding:0;}
#con2 ul.wokeiko li{ list-style:none; margin-bottom:20px;}
#con2 ul.wokeiko li img{width:77%; height:auto;}
#con2 ul.wokeiko li h3{ padding:10px 0 0; line-height:150%;font-size: 5.2rem; font-weight:800; color:#e52e5e;}
#con2 ul.wokeiko li p{font-size: 3.2rem; font-weight:normal; text-align:center; line-height:150%;}

#con4{width:100%; margin:40px auto 20px; padding:0 0 10px; background:#ffffee;}
#con4 .c4h2back{margin: 0 auto 15px;background:url(../img/kuchimommi_wo.png) no-repeat;background-position: center top;background-size: cover;margin:0 auto;padding-top:46.5%;position:relative;}
#con4 .c4h2back h2{position: absolute;top:18%;left:5%;text-align: center;font-size:5.0rem;line-height: 120%;color:#e52e5e; background: #fff;padding: 10px;box-shadow: 6px 6px 1px #444;}
#con4 ul{ width:96%;display:flex;flex-wrap:wrap; margin:0 auto; padding:0;}
#con4 ul li{list-style:none;margin:0 auto; padding:10px 0;}
#con4 ul li ul {display:block; margin-bottom:15px;}
#con4 ul li ul li.kkimg {width: 60%; margin:0 auto 10px;}
#con4 ul li ul li.kktex {width: 88%;padding: 5px 5px 5px; font-size:3.0rem; text-align:left;line-height:150%;}
.nage_w{font-family: "Yu Gothic","游ゴシック"; text-align:left; font-style:italic; color:#e52e5e;font-size:3.5rem;}
.nage_m{font-family: "Yu Gothic","游ゴシック"; text-align:left; font-style:italic; color:#002e93;font-size:3.5rem;}

#con5 {margin: 40px auto 0px;padding:0;}
#con5 .c5h2back{margin: 0 auto 15px;background:url(../img/titjyukunentokka.png) no-repeat;background-position: center top;background-size: cover;margin:0 auto;padding-top:46.5%;position:relative;}
#con5 .c5h2back h2{position:absolute; top:18%; left:5%;text-align:left;font-size:5.0rem; color:#420000;line-height:120%;background:#fffbee;padding:10px;box-shadow: 6px 6px 1px #444;}
#con5 ul.tokka{width:90%; margin:20px auto 10px; padding:0;}
#con5 ul.tokka li{ list-style:none; margin-bottom:20px;}
#con5 ul.tokka li img{width:77%; height:auto;}
#con5 ul.tokka li h3{ padding:10px 0 0; line-height:150%;font-size:4.2rem; font-weight:800; color:#e52e5e;}
#con5 ul.tokka li p{font-size: 3.2rem; font-weight:normal; text-align:center; line-height:150%; padding:10px 5px;}

#con6 {margin: 40px auto 0px;padding:0;}
#con6 h2{ width:92%;text-align: center;font-size:6.2rem;color: #048700;font-weight: 800;line-height: 120%;padding-bottom: 5px;border-bottom: 2px solid;margin:0 auto 10px;}
#con6 h2 img{width: 9%;height: auto;padding: 0 5px;}
#con6 ul.anzen{width:90%; margin:10px auto; padding:0;}
#con6 ul.anzen li{ list-style:none; margin-bottom:20px;}
#con6 ul.anzen li img{width:77%; height:auto;}
#con6 ul.anzen li h3{ padding:10px 0 0; line-height:150%;font-size:4.2rem; font-weight:800; color:#e52e5e;}
#con6 ul.anzen li p{font-size: 3.2rem; font-weight:normal; text-align:left; line-height:150%; padding:10px 5px;}

#con3{margin: 20px auto 0px;padding:20px 0 0; background:#fff7eb;}
#con3 p{font-size:4.2rem;padding:10px 10px 10px; color:#000; line-height:135%; font-weight:800;}
#con3 h2{font-size:5.2rem;line-height: 130%; margin-bottom:20px; padding:10px 0;font-weight: 800; background:#e04500; color:#fff;}
#con3 ul.machigai{width:90%; margin:10px auto; padding:0;}
#con3 ul.machigai li{ list-style:none; margin-bottom:20px;}
#con3 ul.machigai li img{width:100%; height:auto;}
#con3 ul.machigai li h3{ padding:10px 0 10px; line-height:150%;font-size: 4.0rem; font-weight:800; color:#e52e5e;}
#con3 ul.machigai li p{font-size: 3.8rem; font-weight:normal; text-align:center; line-height:150%;}

.bgp p{font-size:4.2rem; text-align:center; padding:10px 0; font-weight:800; line-height:150%;}
.last p{font-size:4.2rem; text-align:center; padding:10px 0; font-weight:800; line-height:150%;}
p.cr{color:#000;text-align:center;font-size:2.5rem;}
/*topへ*/
.totop{position: fixed;bottom: 100px;right: 10px; width:13%;}
.totop a{display: block;text-decoration: none;}
.totop:hover{opacity: 0.85 ;}
/*スマホのみ*/
.footbana {display:block; width: 100%;position: fixed; bottom: 0;z-index: 99;background-color: rgba(0,0,0,0.5); padding:5px 0 5px;}
}

/*btnアニメーション*/
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.1);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.1);
  }
  70% {
    transform: scale(1);
  }
}