@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap');
html body {font-family: 'Noto Sans JP', sans-serif;}

html{
scroll-padding-top: 50px;
}


body {background-color: #ffffff;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
html,body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  }
body {
	font-size: 15px; letter-spacing: 0.03em;
	line-height: 2;
	color: #000000;
	overflow:scroll;
  }
@keyframes fadeIn {
    0% {opacity: 0}
    
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

ul {margin: 0; padding: 0;}
ul li{margin: 0; padding: 0;}
img {
	border: none;width: 100%;height: auto;
	vertical-align: top;
}
/* リンク部分
----------------------------------------------------------------------------------------------------------------------*/

a {pointer:cursor;
	color: #000000;
	text-decoration: none!important;
}
a:visited {m
	text-decoration: none!important;
}
a:hover {
	/*color: #34A7E0;*/
	text-decoration: none!important;
}
a:active {
	text-decoration: none!important;
}

/* フロート
----------------------------------------------------------------------------------------------------------------------*/


.fL {float:left;}
.fR {float:right;}


/* マージン
----------------------------------------------------------------------------------------------------------------------*/

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.mb150 {margin-bottom:150px;}
.mb3p {margin-bottom:7%;}
.mb-10 {margin-bottom:-10px;}
.mb-20 {margin-bottom:-20px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt70 {padding-top:70px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
/*----------------------textstyle------------------------------*/

.fs00 {font-size:0;}
.fs13px {font-size:13px;}
.fs50 {font-size:50%;}
.fs70 {font-size:70%;}
.fs80 {font-size:80%;}
.fs85 {font-size:85%;}
.fs90 {font-size:90%;}
.fs95 {font-size:95%;}
.fs100 {font-size:100%;}
.fs105 {font-size:105%;}
.fs110 {font-size:110%;}
.fs115 {font-size:115%;}
.fs120 {font-size:120%;}
.fs125 {font-size:125%;}
.fs130 {font-size:130%;}
.fs135 {font-size:135%;}
.fs140 {font-size:140%;}
.fs145 {font-size:145%;}
.fs150 {font-size:150%;}
.fs155 {font-size:155%;}
.fs180 {font-size:180%;}
.fs200 {font-size:200%;}
.fs250 {font-size:250%;}
.fs280 {font-size:280%;}
.fs300 {font-size:300%;}
.fs350 {font-size:350%;}

.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}

.ff01 {font-family: 'Fjalla One', sans-serif;}
.ff02 {font-family: 'Lobster', cursive;}
.ff03 {font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.ff04 {font-family: 'Noto Serif', serif;}
.ff05 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.ff06 {font-family: 'Noto Sans TC', sans-serif;}
.ff07 {font-family: 'Work Sans', sans-serif;}
.ff08 {font-family: 'Noto Sans JP', sans-serif;}
.ff09 {font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

.lh10 {line-height:1;}
.lh12 {line-height:1.2;}
.lh15 {line-height:1.5;}
.lh20 {line-height:2;}
.lh25 {line-height:2.5;}
.lh30 {line-height:3;}

.ls01 {letter-spacing: 0.05em;}
.ls02 {letter-spacing: 0.01em;}
.ls0001 {letter-spacing: 0.001em;}
.ls03 {letter-spacing: 0.2em;}
.ls04 {letter-spacing: 0.1em;}

.fcwh {color:#ffffff;}
.fcbk {color:#000000;}
.fcgr {color:#999999;}
.fcgl {color:#6f9b1c;}
.fcrd {color:#ff0000;}
.fcbl {color:#1347b5;}
.fcnv {color:#3c3c6b;}
.fcgn {color:#037b00;}
.fcyl {color:#ffff01;}
.fcor {color:#eb954e;}
.fcar {color:rgb(0,0,0,0.6);}

.tac {text-align:center;}
.tal {text-align:left!important;}
.tar {text-align:right;}

.tdn a:hover {
	text-decoration: none!important;
}

h1,h2,h3,h4,h5 {line-height: 1.1;
  font-size: 7px;
  }
@media print, screen and (min-width: 1000px) {
.pc {display: block;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.pc {display: none;}
}
@media only screen and (max-width: 700px) {
.pc {display: none;}
}
@media print, screen and (min-width: 1000px) {
.pco {display: none;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.pco {display: block;}
}
@media only screen and (max-width: 700px) {
.pco {display: block;}
}
@media print, screen and (min-width: 1000px) {
.sp {display: none;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.sp {display: none;}
}
@media only screen and (max-width: 700px) {
.sp {display: block;}
}
@media print, screen and (min-width: 1000px) {
.spo {display: block;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.spo {display: block;}
}
@media only screen and (max-width: 700px) {
.spo {display: none;}
}

header {background-color: #ffffff; overflow: hidden; z-index: 10; margin: 0; padding: 0; position: relative; z-index: 10;}
@media print, screen and (min-width: 1000px) {
header  {height: 100px; width: 100%; left: 0; top:0;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
header  {height: 100px; width: 100%; left: 0; top:0;}
}
@media only screen and (max-width: 700px) {
header  {height: 70px; width: 100%; left: 0; top:0;}
}
.header-in  {overflow: hidden; position: relative;}
@media print, screen and (min-width: 1000px) {
.header-in  {height: 100px; width: 1200px; margin: 0 auto;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.header-in  {height: 100px; width: 100%; margin: 0 auto;}
}
@media only screen and (max-width: 700px) {
.header-in  {height: 70px; width: 100%; margin: 0 auto;}
}

@media print, screen and (min-width: 1000px) {
.logo {margin: 0; width:72px; left:0; top:14px; position:absolute;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.logo {margin: 0; width:72px; left:30px; top:14px; position:absolute;}
}
@media only screen and (max-width: 700px) {
.logo {margin: 10px auto 0; width:52px; position:relative;}
}
ul.pcmenu {text-align: center; right: 0; top: 29px; width: calc(100% - 100px); font-size: 110%; font-weight: 400; font-family: 'Noto Sans JP', sans-serif; position:absolute; display: table; table-layout: fixed;}
ul.pcmenu li {line-height: 1.3; margin: 0; width: 10.2%; letter-spacing: 0.01em; display: table-cell; vertical-align: middle; text-align: center;}
ul.pcmenu li.concept {width: 16%;}
ul.pcmenu li.rp {width: 9%;}
ul.pcmenu li.test {width: 14%;}
ul.pcmenu li p{font-size: 150%; margin: 0; padding: 0; letter-spacing: 0.06em;}

.mainimage-over {overflow: hidden;position: relative; filter: grayscale(0%);}
@media print, screen and (min-width: 1000px) {
.mainimage-over {margin: 0;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.mainimage-over {margin: 0;}
}
@media only screen and (max-width: 700px) {
.mainimage-over {margin: 0;}
}

/*はじめにブロックを伸ばすアニメーション*/
@keyframes secondaryImageOverlayIn {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
/*伸びたブロックを横に追いやるアニメーション*/
@keyframes secondaryImageOverlayOut {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-102%); } }

@keyframes move-stripe {
    0% {  background-position-x: 0;}
    100% {  background-position-x: -34px;  }
				}


ul.center-item {max-width: 100%; margin: 0 auto;}
ul.center-item li{
  overflow: visible;
}


ul.center-item li img{
  object-fit: cover;
  width: 100%;
  max-height: 600px;
}


.block-l {position:absolute; z-index:5; width:100px; bottom:0;}
@media print, screen and (min-width: 1000px) {
.block-l {background-color: rgba(252, 222, 102, .7); height: 100vh;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.block-l {background-color: rgba(252, 222, 102, .7); height: calc(100vh - 65px);}
}
@media only screen and (max-width: 700px) {
.block-l {background-color: rgba(252, 222, 102, 0); height: 80vh;}
}

.komugi {position:absolute; z-index:6; bottom:0;}
@media print, screen and (min-width: 1000px) {
.komugi {width:25%;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.komugi {width:25%;}
}
@media only screen and (max-width: 700px) {
.komugi {width:33%;}
}

.komugi2 {position:absolute; z-index:6; bottom:0; right:-7%;}
@media print, screen and (min-width: 1000px) {
.komugi2 {width:22%;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.komugi2 {width:22%;}
}
@media only screen and (max-width: 700px) {
.komugi2 {width:35%;}
}

.cls {color: #ea5415; position: absolute; z-index: 10; line-height: 1.1; ffont-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 700; text-align: right!important; letter-spacing: 0.06em; text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #f00,0 0 3px #ffffff,0 0 3px #f00,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;}
.cls2 {color: #ea5415; position: absolute; width: 100%; z-index: 10; line-height: 2.5; ffont-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 700; text-align: right!important; text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #f00,0 0 3px #ffffff,0 0 3px #f00,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;}
@media print, screen and (min-width: 1100px) {
.cls {right: 5%; top: 10%; height: 70%; height: 80%;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.cls {right: 5%; top: 10%; height: 80%;}
}
@media only screen and (max-width: 700px) {
.cls {right: 5%; top: 10%; height: 80%;}
}
.cls01 img{height: 100%!important; width: auto!important;}

.cls01 {-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
    animation-name: clsa01;
    animation-duration: 3.0s;
}
@keyframes clsa01 {
0% {
    opacity: 0;
    transform: translateX(-30px);
}
72% {
    opacity: 0;
    transform: translateX(-30px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

.def {overflow: hidden; clear: both; position: relative;}
.zi10 {z-index: 10;}	
.bg-gr {background-color: #f4f4f4;}
.bg-gr2 {background-color: #505050;}
.bg-gr3 {background-color: #3c3c3c;}
.bg-gl {background-color: #c79f66;}
.bg-be {background-color: #fef5ee;}
.bg-wh {background-color: #ffffff;}
.bg-mugi {background-color: #fff8e9;}
.wide-p90 {width: 90%; margin: 0 auto;}

@media print, screen and (min-width: 1200px) {
.wide-1200px-w {width: 1200px; margin: 40px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 1199px) {
.wide-1200px-w {width: 92%; margin: 40px auto;}
}
@media only screen and (max-width: 700px) {
.wide-1200px-w {width: 92%; margin: 20px auto;}
}

@media print, screen and (min-width: 1000px) {
.wide-1200px {width: 1000px; margin: 30px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 999px) {
.wide-1200px {width: 92%; margin: 30px auto;}
}
@media only screen and (max-width: 700px) {
.wide-1200px {width: 92%; margin: 30px auto;}
}

@media print, screen and (min-width: 1000px) {
.wide-1200px-top {width: 1000px; margin: 60px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 999px) {
.wide-1200px-top {width: 92%; margin: 60px auto;}
}
@media only screen and (max-width: 700px) {
.wide-1200px-top {width: 92%; margin: 30px auto;}
}

@media print, screen and (min-width: 1000px) {
.wide-1000px {width: 1000px; margin: 50px auto;}
}
@media only screen and (max-width: 999px) {
.wide-1000px {width: 100%; margin: 50px auto;}
}

@media print, screen and (min-width: 1100px) {
.news-l {float: left; width: 25%; margin: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.news-l {float: left; width: 25%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.news-l {float: none; width: 60%;margin: 0 auto;}
}
@media print, screen and (min-width: 1100px) {
.news-r {float: right; width: 67%; margin: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.news-r {float: right; width: 67%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.news-r {float: none; width: 90%; margin: 0 auto 30px;}
}

.title-sub {font-size: 200%; font-weight: 700; letter-spacing: 0.05em;}

ul.newslist {padding: 0; margin: 0; list-style-type: none; overflow: hidden;}												
ul.newslist li {padding: 0; box-sizing: border-box; background-color: #ffffff; padding: 0%; overflow: hidden;}
@media print, screen and (min-width: 701px) {
ul.newslist li {margin: 0 0 15px;}
}
@media only screen and (max-width: 700px) {
ul.newslist li {margin: 0 0 7px;}
}
ul.newslist li:last-child {margin: 0!important;}

.newsheight {overflow-y: scroll;}
@media print, screen and (min-width: 700px) {
.newsheight {height: 140px;}
}
@media only screen and (max-width: 700px) {
.newsheight {height: 180px;}
}
@media print, screen and (min-width: 601px) {
.inlineb01 {display: inline-block;}
}
@media only screen and (max-width: 600px) {
.inlineb01 {display: block;}
}
.inlineb02 {display: inline-block;}
@media print, screen and (min-width: 601px) {
.inlineb03 {display: inline-block; width: auto; margin: -4px 0 0 0;}
.inlineb03 {
		width:		550px;
}
}
@media only screen and (max-width: 600px) {
.inlineb03 {display: inline-block; width: calc(100% - 70px); margin: -4px 0 0 0;}
}

.news-date {width: 135px; margin: 0;vertical-align:top;}
.news-icon {width: 60px; margin: 0 10px 0 0; background-color:#fcde66; color:#ffffff; text-align:center; font-size:90%; vertical-align:top;}

.zoombox {
	float: left;position: relative;overflow: hidden;
}
@media print, screen and (min-width: 1000px) {
.zoombox {width: 20%;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.zoombox {width: 25%;}
}
@media print, screen and (max-width: 700px) {
.zoombox {width: 33.3%;}
}

.figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.figcaption {text-align: center;
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(234, 84, 21, .9);
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 1;
}
.figcaption-t {
	margin: 34% 0 0 0;
	
}
@media print, screen and (min-width: 701px) {
.figcaption-t {font-size: 100%;}
}
@media only screen and (max-width: 700px) {
.figcaption-t {font-size: 100%;}
}
.figcaption-t p {margin: 5% 0 0 0;font-size: 115%;

}

.figure:hover .figcaption {
	bottom: 0;
	left: 0;
	color: #FFF;
}
.figure img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;padding: 0;
	margin: 0;
}
.figure img:hover {
    -webkit-transform: scale(1.2);padding: 0;
	margin: 0;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.quiz-l {color: #fff; font-weight: 700;}
@media print, screen and (min-width: 701px) {
.quiz-l {float: left; width:40%; margin: 0; text-align: left; font-size: 200%;}
}
@media only screen and (max-width: 700px) {
.quiz-l {float: none; width:90%; margin: 0 auto 30px; text-align: center; font-size: 150%;}
}
.quiz-r {text-align: center;}
@media print, screen and (min-width: 701px) {
.quiz-r {float: none; width: 400px; margin: 0 auto 10px; font-size: 100%;}
}
@media only screen and (max-width: 700px) {
.quiz-r {float: none; width: 90%; margin: 0 auto 10px; font-size: 80%;}
}

footer  {overflow: hidden; clear: both; color: #fff;}
.wide-footer {overflow: hidden; text-align: center;}
@media print, screen and (min-width: 1000px) {
.wide-footer {width: 1200px;margin: 50px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 999px) {
.wide-footer {width: 100%;margin: 50px auto;}
}
@media only screen and (max-width: 700px) {
.wide-footer {width: 100%;margin: 0 auto 50px;}
}

@media print, screen and (min-width: 701px) {
.footer-l {float: none; width:100%; margin: 0 auto 30px;}
}
@media only screen and (max-width: 700px) {
.footer-l {float: none; width:100%; margin: 0 auto 30px;}
}

@media print, screen and (min-width: 701px) {
.footer-r {float: none; width:200px; margin: 0 auto 30px;}
}
@media only screen and (max-width: 700px) {
.footer-r {float: none; width:70%; margin: 0 auto 30px;}
}

ul.ftmn {margin: 0;padding: 0;overflow: hidden; font-size: 83%; list-style-type: none; display: flex; align-items: center; flex-flow: wrap; justify-content: center;}
ul.ftmn li {box-sizing: border-box; text-align: center; width : calc(99% / 2) ;
	margin: 0;
	padding: 15px 0;
	list-style-type: none;
}
@media print, screen and (min-width: 1000px) {
ul.ftmn li {border: none;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
ul.ftmn li {border: none;}
}
@media only screen and (max-width: 700px) {
ul.ftmn li {border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
}
ul.ftmn li:nth-child(even) {border-right: none!important;}
ul.ftmn li a{color: #ffffff!important;}
.liadj {margin: 12px 0;}

ul.ftmn2 {margin: 0;padding: 0;overflow: hidden; font-size: 85%; list-style-type: none; display: flex; align-items: center;
	flex-flow: row wrap;
	 justify-content: center;}
ul.ftmn2 li {box-sizing: border-box; text-align: center;
	padding: 0;
	list-style-type: none;
}
@media print, screen and (min-width: 1000px) {
ul.ftmn2 li {width : calc(100% / 11) ;margin: 0; border: none;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
ul.ftmn2 li {width : calc(100% / 6) ; margin: 0 0 10px; border: none;}
}
@media only screen and (max-width: 700px) {
ul.ftmn2 li {width : calc(100% / 2) ;margin: 0;}
}
ul.ftmn2 li a{color: #ffffff;}
.btn {font-size:15px;
    display: inline-block; text-align: center;
    text-decoration: none !important;
    width: 100%;
box-sizing: border-box;}
.btn01 {position: relative; border: 2px solid #ea5415!important;
     background: linear-gradient(90deg, #ea5415, #ea5415);
    color: #ffffff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
@media print, screen and (min-width: 1000px) {
.btn01 {padding: 10px 0;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.btn01 {padding: 10px 0;}
}
@media only screen and (max-width: 700px) {
.btn01 {padding: 12px 0;}
}
.btn01:after {content: "\f054"; top: 52%; right: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: "900";}
.btn01:hover {background-color: #ffffff!important; border: 2px solid #ea5415!important; color: #ea5415!important;
}

.btn02 {position: relative; border: 2px solid #efa83a!important;
     background: #efa83a;
    color: #ffffff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
@media print, screen and (min-width: 1000px) {
.btn02 {padding: 10px 0;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.btn02 {padding: 10px 0;}
}
@media only screen and (max-width: 700px) {
.btn02 {padding: 12px 0;}
}
.btn02:after {content: "\f054"; top: 72%; right: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: "900";}
.btn02:hover {background-color: #ffffff!important; border: 2px solid #efa83a!important; color: #efa83a!important;
}

.btn-tal {text-align:left!important; padding:0 0 0 10%;}

.kkn {padding: 10px 0; background-color: #eeeeee; font-size:15px;}
@media print, screen and (min-width: 1000px) {
.kkn {padding: 10px 0;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.kkn {padding: 10px 0;}
}
@media only screen and (max-width: 700px) {
.kkn {padding: 12px 0;}
}

.footer-logo {float: left; width: 20%;}
.footer-name {float: right; width: 75%; line-height: 1.5; letter-spacing: 0.01em;}
.footer-name p{margin: 0; padding: 0;}
.copy {font-size: 80%; padding: 10px; clear: both;}
@media print, screen and (min-width: 1000px) {
.copy {text-align: center;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.copy {text-align: center;}
}
@media only screen and (max-width: 700px) {
.copy {text-align: center;}
}
.cat-icon {position: absolute; right: 0; z-index: 10;}
@media print, screen and (min-width: 1000px) {
.cat-icon {width: 200px; top: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.cat-icon {width: 20%; top: 0;}
}
@media only screen and (max-width: 700px) {
.cat-icon {width: 25%; top: 60px;}
}

.bg-wheat1 {position: absolute; z-index: 1;}
@media print, screen and (min-width: 1000px) {
.bg-wheat1 {width: 60%; left: -20%; top: 300px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.bg-wheat1 {width: 60%; left: -20%; top: 200px;}
}
@media only screen and (max-width: 700px) {
.bg-wheat1 {width: 60%; left: -20%; top: 20%;}
}

.bg-wheat2 {position: absolute; z-index: 1;}
@media print, screen and (min-width: 1000px) {
.bg-wheat2 {width: 100%; right: 0%; bottom: 0%;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.bg-wheat2 {width: 100%; right: 0%; bottom: 0%;}
}
@media only screen and (max-width: 700px) {
.bg-wheat2 {width: 100%; right: 0%; bottom: 0%;}
}

.title-sub2 {font-weight: 700; letter-spacing: 0.08em; text-align: center;}
@media print, screen and (min-width: 1000px) {
.title-sub2 {font-size: 240%;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.title-sub2 {font-size: 220%;}
}
@media only screen and (max-width: 700px) {
.title-sub2 {font-size: 170%;}
}

.title-sub2-mb {font-weight: 700; text-align: center; color:#ea5415; position:relative; overflow:hidden; clear:both; z-index:3;}
@media print, screen and (min-width: 1000px) {
.title-sub2-mb {font-size: 240%; margin: 0 0 20px 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.title-sub2-mb {font-size: 240%; margin: 0 0 20px 0;}
}
@media only screen and (max-width: 700px) {
.title-sub2-mb {font-size: 190%; margin: 2px 0 20px 0;}
}
.title-sub2-mb span{border-top: 4px solid #ea5415!important; border-bottom: 4px solid #ea5415!important; border-left: 4px solid #ea5415!important; border-right: 4px solid #ea5415!important; padding: 5px 20px;}

.title-sub2-mb-sp {border-top: 4px solid #ea5415!important; border-bottom: 4px solid #ea5415!important; border-left: 4px solid #ea5415!important; border-right: 4px solid #ea5415!important; padding: 5px 20px; display: table;}
.title-sub2-mb-sp {font-weight: 700; text-align: center; color:#ea5415; position:relative; z-index:3;}
@media print, screen and (min-width: 1000px) {
.title-sub2-mb-sp {font-size: 240%; margin: 0 auto 20px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.title-sub2-mb-sp {font-size: 240%; margin: 0 auto 20px;}
}
@media only screen and (max-width: 700px) {
.title-sub2-mb-sp {font-size: 190%; margin: 2px auto 20px;}
}



.box-padding-wh {position: relative; overflow: hidden; clear: both; z-index: 2; background-color: #fff;}
@media print, screen and (min-width: 1000px) {
.box-padding-wh {padding: 25px; margin: 30px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.box-padding-wh {padding: 25px; margin: 30px auto;}
}
@media only screen and (max-width: 700px) {
.box-padding-wh {padding: 4% ; margin: 30px auto;}
}
.box-padding-wh-b {position: relative; overflow: hidden; background-color: #ffffff; z-index: 2;}
@media print, screen and (min-width: 1000px) {
.box-padding-wh-b {padding: 25px; margin: 30px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.box-padding-wh-b {padding: 25px; margin: 30px auto;}
}
@media only screen and (max-width: 700px) {
.box-padding-wh-b {padding: 4%; margin: 30px auto;}
}

.box-padding-wh-bn {position: relative; overflow: hidden; background-color: #ffffff; z-index: 2;}
@media print, screen and (min-width: 1000px) {
.box-padding-wh-bn {padding: 25px; margin: 30px auto 10px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.box-padding-wh-bn {padding: 25px; margin: 30px auto 10px;}
}
@media only screen and (max-width: 700px) {
.box-padding-wh-bn {padding: 4%; margin: 30px auto 10px;}
}

.box-map {position: relative; overflow: hidden; z-index: 2;}
@media print, screen and (min-width: 1000px) {
.box-map {padding: 0; margin: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.box-map {padding: 0; margin: 0;}
}
@media only screen and (max-width: 700px) {
.box-map {padding: 0; margin: 0;}
}

.memo {position: relative; overflow: hidden; background-color: #ffffff; padding: 0;}
@media print, screen and (min-width: 701px) {
.memo {width: 700px; margin: 0 auto 0;}
}
@media only screen and (max-width: 700px) {
.memo {width: 100%; margin: 0 auto 0;}
}
.testtop {position: relative; overflow: hidden; background-color: #ffffff; padding: 0;}
@media print, screen and (min-width: 701px) {
.testtop {width: 700px; margin: 0 auto 10px!important;}
}
@media only screen and (max-width: 700px) {
.testtop {width: 100%; margin: 0 auto 10px!important;}
}

.komugi-g {background-color: #fcde66; border: 2px solid #fcde66!important; padding: 12px 0!important; margin: 0; color: #000; box-sizing: border-box; width: 100%;}
.komugi-w {background-color: #fff; border: 2px solid #fcde66!important; padding: 12px 0!important; margin: 0; color: #000; box-sizing: border-box; width: 100%;}

@media print, screen and (min-width: 701px) {
.komugi-agc { margin: 0;}
}
@media only screen and (max-width: 700px) {
.komugi-agc { margin: 7px 0 0;}
}

.kth {position: relative; overflow: hidden; background-color: #ffffff; padding: 0;}
@media print, screen and (min-width: 701px) {
.kth {width: 700px; margin: 0 auto 50px;}
}
@media only screen and (max-width: 700px) {
.kth {width: 100%; margin: 0 auto 50px;}
}

.flexcapture {margin: 10px 0; font-weight: 400; letter-spacing: 0.05em;}
@media print, screen and (min-width: 701px) {
.flexcapture {font-size: 100%;}
}
@media only screen and (max-width: 700px) {
.flexcapture {font-size: 90%;}
}

@media print, screen and (min-width: 701px) {
.icon-service {width: 250px; margin: 0 20px 0 0; float: left;}
}
@media only screen and (max-width: 700px) {
.icon-service {width: 65%; margin: 0  0 20px 0; float: none;}
}
.icon-sns {display: inline-block;}
@media print, screen and (min-width: 701px) {
.icon-url {width: 190px; float: left; margin: 0 0 20px 1%; }
}
@media only screen and (max-width: 700px) {
.icon-url {width: 31%; float: left; margin: 0 1% 20px; }
}

.title-sub3 {font-weight: 700; padding: 0; color:#000000; position:relative; line-height:1.5; text-align:center; margin:0 0 30px 0;}
@media print, screen and (min-width: 701px) {
.title-sub3 {font-size: 180%;}
}
@media only screen and (max-width: 700px) {
.title-sub3 {font-size: 140%;}
}

.title-sub3a {font-weight: 700; padding: 0; color:#000000; position:relative; line-height:1.5; text-align:center; margin:0 0 20px 0;}
@media print, screen and (min-width: 701px) {
.title-sub3a {font-size: 180%;}
}
@media only screen and (max-width: 700px) {
.title-sub3a {font-size: 140%;}
}

.title-sub3b {font-weight: 700; padding: 0; color:#000000; position:relative; line-height:1.5; text-align:center; margin:0 0 80px 0;}
@media print, screen and (min-width: 701px) {
.title-sub3b {font-size: 180%;}
}
@media only screen and (max-width: 700px) {
.title-sub3b {font-size: 140%;}
}

.title-sub3n {font-weight: 700; padding: 0; color:#000000; position:relative; line-height:1.5; text-align:center; margin:0 0 20px 0;}
@media print, screen and (min-width: 701px) {
.title-sub3n {font-size: 180%;}
}
@media only screen and (max-width: 700px) {
.title-sub3n {font-size: 140%;}
}

.title-sub3o {font-weight: 700; margin: 0 0 20px; padding: 5px 20px; color:#fff; background-color:#ea5415; position:relative; line-height:1.5; text-align:left; margin:0 0 30px 0;}
@media print, screen and (min-width: 701px) {
.title-sub3o {font-size: 180%;}
}
@media only screen and (max-width: 700px) {
.title-sub3o {font-size: 140%;}
}

.title-sub33 {font-size: 180%; font-weight: 700; margin: 0 0 30px; padding: 0 0 0 40px; letter-spacing: 0.1em; color:#000000; position:relative; line-height:1.5;}
.title-sub33:before {content: "\f277"; top: 40%; left: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: "900"; color:#6f9b1c;}
.title-sub4 {font-weight: 700; margin: 0 0 20px; padding: 0; letter-spacing: 0.1em; color:#000000; position:relative; line-height:1.5; text-aign:center;}
@media print, screen and (min-width: 701px) {
.title-sub4 {font-size: 180%;}
}
@media only screen and (max-width: 700px) {
.title-sub4 {font-size: 140%;}
}
@media print, screen and (min-width: 1000px) {
.hlf {float: left; width: 48%; margin: 0 1% 30px;}
}
@media print, screen and (max-width: 999px) {
.hlf {float: none; width: 100%;; margin: 0 0 30px;}
}

.hlf-in {border: solid 3px #c8a063; position: relative; letter-spacing: 0.05em; background: #c8a063; box-sizing: border-box!important;}
@media print, screen and (min-width: 800px) {
.hlf-in {width: 700px; margin: 0 auto 10px;}
}
@media only screen and (max-width: 799px) {
.hlf-in {width: 100%; margin: 0 auto 10px;}
}
.hlf-in :last-child { margin: 0 auto;}

@media print, screen and (min-width: 800px) {
.hlf-in-adj {height: 30px;}
}
@media print, screen and (max-width: 799px) {
.hlf-in-adj {height: 30px;}
}

.hlf-l {color: #fff; vertical-align: middle; box-sizing: border-box;}
@media print, screen and (min-width: 800px) {
.hlf-l {width: 25%; padding: 0 0 0 4%; display: inline-block; text-align: left;}
}
@media print, screen and (max-width: 799px) {
.hlf-l {width: 100%; padding: 10px 5%; display: block; text-align: left;}
}
.hlf-r {vertical-align: middle; background: #ffffff; box-sizing: border-box;}
@media print, screen and (min-width: 800px) {
.hlf-r {width: 75%; padding: 10px 0% 10px 3%; display: inline-block; margin: 0;}
}
@media print, screen and (max-width: 799px) {
.hlf-r {width: 100%; padding: 10px 5%; display: block; margin: 0;}
}

.hlf-r a{
   word-break: break-all;
}

@media print, screen and (min-width: 800px) {
.hlf-h {margin: 15px 0;}
}
@media print, screen and (max-width: 799px) {
.hlf-h {margin: 0;}
}
@media print, screen and (min-width: 800px) {
.hlf-r p{padding: 3px 0; margin: 0;}
}
@media print, screen and (max-width: 799px) {
.hlf-r p{padding: 0; margin: 0;}
}
.url {font-size: 80%;}
.prof {border: solid 3px #6f9b1c; border-radius: 4px;
  position: relative;
  background: #ffffff;
  padding: 0.25em 0.5em;
  border-left: solid 4em #6f9b1c;
}
.prof01 {}
.prof01:before {
  font-family: "Font Awesome 5 Free";
  content: "\f041";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.prof02 {}
.prof02:before {
  font-family: "Font Awesome 5 Free";
  content: "\f879";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.prof03 {}
.prof03:before {
  font-family: "Font Awesome 5 Free";
  content: "\f017";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.prof04 {}
.prof04:before {
  font-family: "Font Awesome 5 Free";
  content: "\f073";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.iframe-content {
   position: relative;
 width: 100%;
}
@media print, screen and (min-width: 1000px) {
.iframe-content {padding: 50% 0 0 0;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.iframe-content {padding: 50% 0 0 0;}
}
@media only screen and (max-width: 700px) {
.iframe-content {padding: 100% 0 0 0;}
}
.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;}

.cat-icon-list {clear: both;}
@media print, screen and (min-width: 1000px) {
.cat-icon-list {width: 240px; margin: 0 auto 30px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.cat-icon-list {width: 20%; margin: 0 auto 30px;}
}
@media only screen and (max-width: 700px) {
.cat-icon-list {width: 45%; margin: 0 auto 30px;}
}
ul.hz0402 {list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 2;
    display: flex; overflow: hidden;
    flex-flow: row wrap;
    justify-content: space-around
}
ul.hz0402 li {box-sizing: border-box; padding: 0; background-color: ;}
@media screen and (min-width: 1100px) {
ul.hz0402 li {width: calc(94% / 4); margin: 0 0 20px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
ul.hz0402 li {width: calc(94% / 4); margin: 0 0 20px;}
} 
@media screen and (max-width: 700px) {
ul.hz0402 li {width: calc(96% / 2); margin: 0 0 20px;}
}

ul.hz0401 {list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 2;
    display: flex; overflow: hidden;
    flex-flow: row wrap;
    justify-content: space-between;
}
ul.hz0401 li {box-sizing: border-box; padding: 0; background-color: ;}
@media screen and (min-width: 1100px) {
ul.hz0401 li {width: calc(94% / 4); margin: 0 0 20px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
ul.hz0401 li {width: calc(94% / 4); margin: 0 0 20px;}
} 
@media screen and (max-width: 700px) {
ul.hz0401 li {width: 100%; margin: 0 0 20px;}
}

ul.hz0301 {list-style-type: none; margin: 50px 0 20px; padding: 0; position: relative; z-index: 2;
    display: flex;
   flex-flow: wrap;
    justify-content: space-between;
}
ul.hz0301 li {box-sizing: border-box; padding: 0; font-size: 80%; border-top: none;}
@media screen and (min-width: 1100px) {
ul.hz0301 li {width: calc(96% / 3); margin: 0 0 20px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
ul.hz0301 li {width: calc(96% / 3); margin: 0 0 20px;}
} 
@media screen and (max-width: 700px) {
ul.hz0301 li {width: calc(100% / 1); margin: 0 0 20px;}
}

ul.hz0301mtn {list-style-type: none; padding: 0; position: relative; z-index: 2; display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between;}
@media screen and (min-width: 901px) {
ul.hz0301mtn {width: 700px; margin: 0 auto 30px;}
}
@media screen and (max-width: 900px) {
ul.hz0301mtn {width: 100%; margin: 0 auto 30px;}
}
ul.hz0301mtn li {padding: 0; border-top: none; width: calc(96% / 3); margin: 0 0 20px; line-height: 1.2; text-align: center;}
@media print, screen and (min-width: 700px) {
ul.hz0301mtn li  {font-size: 90%;}
}
@media only screen and (max-width: 699px) {
ul.hz0301mtn li  {font-size: 80%;}
}
.tpr {background: transparent!important;}

ul.hz0301mtn2 {list-style-type: none; padding: 0; position: relative; z-index: 2; display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between; flex-direction : row-reverse}
@media screen and (min-width: 901px) {
ul.hz0301mtn2 {width: 700px; margin: 0 auto;}
}
@media screen and (max-width: 900px) {
ul.hz0301mtn2 {width: 100%; margin: 0 auto 20px;}
}
ul.hz0301mtn2 li {padding: 0; border-top: none; margin: 0 0 20px; line-height: 1.2; text-align: center;}
@media print, screen and (min-width: 700px) {
ul.hz0301mtn2 li  {font-size: 90%; width: calc(96% / 3);}
}
@media only screen and (max-width: 699px) {
ul.hz0301mtn2 li  {font-size: 80%; width: 100%;}
}					

#quiz_box-outer {position: relative; overflow: hidden; z-index: 5;}
@media print, screen and (min-width: 700px) {
#quiz_box-outer {width: 700px; margin: 0 auto; padding: 0 0 90px;}
}
@media only screen and (max-width: 699px) {
#quiz_box-outer {width: 90%; margin: 0 auto; padding: 0 0 90px;}
}
/* クイズ出題ボックスの設定 */
#quiz_box {position: relative; overflow: hidden; background-color: #ffffff; z-index: 2; }
@media print, screen and (min-width: 640px) {
#quiz_box {padding: 0; margin: 0 auto; width: 80%; height: 700px!important;}
}
@media only screen and (max-width: 639px) {
#quiz_box {padding: 0; margin: 0 auto; width: 100%; height: 700px!important;}
}

/* クイズタイトル */
#quiz_title span{background-color: #037b00;
	border-radius: 50%; padding:5px 10px; margin:0 2px; color:#fff; line-height1.1;
}

#quiz_title {font-weight: 700; margin: 0 0 20px; padding: 0; color:#000000; position:relative; line-height:1.5; text-align:center; margin:0 0 30px 0;}
@media print, screen and (min-width: 701px) {
#quiz_title {font-size: 180%;}
}
@media only screen and (max-width: 700px) {
#quiz_title {font-size: 150%;}
}



/* オープニング　メッセージ　フォントなどは変更可 */
#quiz_msg{font-size: 100%; letter-spacing: 0.01em; text-align: left; line-height: 1.5;
	margin: 0 auto; padding:0;
	height: auto;
	text-align: left;
}
@media print, screen and (min-width: 701px) {
#quiz_msg {width: 700px;}
}
@media only screen and (max-width: 700px) {
#quiz_msg {width: 100%;}
}
/* エンディング 得点表示　変更可 */
span.msg_tokuten{
	color: red;
	font-size: 130%;
}
/*--   正解・不正解画像の表示    表示位置(top,left,width)は自由に変えてください --*/
#dsp0, #dsp1 {
	position: absolute;
	top: 100px;
	left: 25%;
	width: 50%;
	margin: 0 auto; padding: 0;
	z-index: 11;
	display:none;
	text-align: center;
}
/* 問題文　変更可 */
#quiz_question {clear: both; 
	margin: 0 auto;
	height: auto;
	padding: 10px 0;
}
@media print, screen and (min-width: 701px) {
#quiz_question {text-align: left; width: 700px;}
}
@media only screen and (max-width: 700px) {
#quiz_question {text-align: left; width: 86%;}
}
#quiz_start{
	margin: 20px auto;
	border: 2px solid #037b00;
	font-size: 18px;
	line-height: 25px;
	padding: 20px 0; margin: 30px auto 0;
	text-align: center;
	background: #037b00;
	color: #fff;
	cursor: hand;
	cursor: pointer;
}
@media print, screen and (min-width: 701px) {
#quiz_start {font-size: 150%; width: 700px;}
}
@media only screen and (max-width: 700px) {
#quiz_start {font-size: 130%; width: 100%;}
}
#quiz_start:hover{color: #037b00;
	border: 2px solid #037b00; background: #ffffff;
}
#quiz_wrap{
	display: none;
	margin: 0 auto;
	overflow: hidden;
}
#quiz_answer {color: #fff; font-weight: 700; border-radius: 10px;
	margin: 0px auto;
	width: 86%;
}
#quiz_answer .qan_list {box-sizing: border-box; font-size: 120%;
	display: block;
	margin: 0px auto;
	text-align: center;
	width: 86%;
	background: #c79f67;
	margin-top: 20px;
	padding: 10px 0;
	border: 2px solid #c79f67;
	cursor: hand;
	cursor: pointer; border-radius: 10px
}
#quiz_answer .qan_list:hover {
	background: #ffffff!important; color: #c79f67;
	border: 2px solid #c79f67!important;
}
#quiz_timer{
	position: absolute;
	bottom: 0;
	left: 0.5em;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	z-index: 10;
}
#quiz_credit {
	position: absolute;
	bottom: 0.2em;
	right: 1em;
	letter-spacing: 1px;
	font-size: 10px;
}
#quiz_credit a{
	color: blue;
	text-decoration: none;
}
#quiz_credit a:hover{
	color: blue;
	background: #FFF;
	text-decoration: underline;
}

@media print, screen and (min-width: 701px) {
#quiz-icon {width: 300px; margin: 30px auto 50px;}
}
@media only screen and (max-width: 700px) {
#quiz-icon {width: 60%; margin: 30px auto 40px;}
}
ul.hz0201 {list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 2;
    display: flex;
    flex-flow: row wrap;
   justify-content:space-between;
}
ul.hz0201 li {box-sizing: border-box; padding: 0; font-size: 80%; padding: 2%; border: 1px dashed #ffffff; overflow: hidden; background-color: #ffffff!important;}
@media screen and (min-width: 1100px) {
ul.hz0201 li {width: calc(96% / 2); margin: 1% 0 20px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
ul.hz0201 li {width: calc(96% / 2); margin: 1% 0 20px;}
} 
@media screen and (max-width: 700px) {
ul.hz0201 li {width: 100%; margin: 0 0 20px;}
}
ul.hz0201 li:first-child {border-top: 1px dashed #ffffff!important;}
ul.hz0201 li:last-child {border-bottom: 1px dashed #ffffff!important;}
.e-img {box-sizing: border-box; float: left;}
@media screen and (min-width: 701px) {
.e-img {width: 30%;}
}
@media screen and (max-width: 700px) {
.e-img {width: 30%;}
}

.e-txt {box-sizing: border-box; float: right;}
@media screen and (min-width: 701px) {
.e-txt {width: 65%;}
}
@media screen and (max-width: 700px) {
.e-txt {width: 65%;}
}

.bdb {border-bottom:none; padding:0 0 10px 0; margin:0 0 10px 0; overflow: hidden;}
.bdb-l {color: #000; text-align: left;}
@media screen and (min-width: 1000px) {
.bdb-l {width: 30%; float: left; margin: 10px 0 0 0;}
}
@media only screen and (min-width: 581px) and (max-width: 999px) {
.bdb-l {width: 30%; float: left; margin: 10px 0 0 0;}
} 
@media screen and (max-width: 580px) {
.bdb-l {width: 100%; float: none; margin: 0;}
}
.bdb-r {text-align: left;}
@media screen and (min-width: 1000px) {
.bdb-r {width: 67%; float: right;}
}
@media only screen and (min-width: 581px) and (max-width: 999px) {
.bdb-r {width: 67%; float: right;}
} 
@media screen and (max-width: 580px) {
.bdb-r {width: 100%; float: none;}
}
.frmt {
min-height: 40px;
border: 1px solid #ccc;
background: #fafafa;
border-radius: 5px;
font-size: 16px;
padding: 5px;
cursor: pointer;
}
.frmta {
min-height: 50px;
border: 1px solid #ccc;
background: #fafafa;
border-radius: 5px;
font-size: 16px;
padding: 5px;
cursor: pointer;
}
@media print, screen and (min-width: 1100px) {
.frm-w {width: 75%!important;}
}
@media print, screen and (min-width: 511px) and (max-width: 1099px) {
.frm-w {width: 75%!important;}
}
@media print, screen and (max-width: 510px) {
.frm-w {width: 95%!important;}
}

@media print, screen and (min-width: 1100px) {
.frm-w2 {width: 20%!important;}
}
@media print, screen and (min-width: 511px) and (max-width: 1099px) {
.frm-w2 {width: 20%!important;}
}
@media print, screen and (max-width: 510px) {
.frm-w2 {width: 30%!important;}
}
.inp {box-sizing: border-box;
min-height: 35px;
border: 1px solid #ccc;
background: #fafafa;
border-radius: 5px;
padding: 5px;
cursor: pointer;
}
@media print, screen and (min-width: 1100px) {
.inp {width: 95%;}
}
@media print, screen and (min-width: 511px) and (max-width: 1099px) {
.inp {width: 95%;}
}
@media print, screen and (max-width: 510px) {
.inp {width: 95%;}
}
.tahi {height: 150px;}
.dpn {display: none;}
.atts {font-size: 86%; color:#666666; line-height:1.5;}
.sndbtn {
    border: 0px;
    width: 200px;
    height: 55px; 
    background: url(images/reserve_item02.jpg) center top no-repeat; cursor: pointer;
}
.sndbtn2 {
    border: 0px;
    width: 200px;
    height: 55px;
    background: url(images/reserve_item02.jpg) center top no-repeat; cursor: pointer;
}
.hissu {background-color:#fcde66; color:#fff; font-size:90%; padding:0 10px;}
.hissu-k {background-color:#ffffff; color:#000; font-size:90%; padding:0 10px;}
.youtube-content {
   position: relative;
 width: 100%;
}
@media print, screen and (min-width: 1000px) {
.youtube-content {padding: 65% 0 0 0;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.youtube-content {padding: 65% 0 0 0;}
}
@media only screen and (max-width: 700px) {
.youtube-content {padding: 65% 0 0 0;}
}
.youtube-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;}
.bg-event {overflow: hidden; background-color: #fff; position: relative; z-index: 2;}
@media print, screen and (min-width: 1000px) {
.bg-event {padding: 70px; margin: 70px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.bg-event {padding: 60px; margin: 70px auto;}
}
@media only screen and (max-width: 700px) {
.bg-event {padding: 4%; margin: 50px auto;}
}
ul.covid {padding: 0; margin: 0; background: rgba(252, 222, 102, .1); list-style-type: none;}
ul.covid li {padding: 0 0 0 30px; margin: 0 0 5px; position: relative;}
ul.covid li:before {content: "\f14a"; top: 12px; left: 0; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: "solid"; color:#6f9b1c; font-size: 140%; }
@media print, screen and (min-width: 701px) {
ul.covid {padding: 17px 25px;}
}
@media only screen and (max-width: 700px) {
ul.covid {padding: 17px 17px;}
}

    /* toggle_menu */
    #btn_nav {letter-spacing:0.01em; line-height:1;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 18px;
    padding: 0 0 15px;
    }
@media print, screen and (min-width: 1000px) {
#btn_nav {top: 43px;  right: 20px;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
#btn_nav {top: 43px;  right: 20px;}
}
@media only screen and (max-width: 700px) {
#btn_nav {top: 22px;  right: 20px;}
}

    #btn_nav span {
    display: inline-block;
    background: #000000;
    width: 25px;
    height: 2px;
    transition: .5s;
    position: relative;
    }
    #btn_nav.active span {
    background: #fff;
    transform: translateY(8px) rotate(225deg);
    }
    #btn_nav.active span:nth-child(2) {
    transform: scaleX(0);
    }
    #btn_nav.active span:last-child {
    transform: translateY(-8px) rotate(-225deg);
    }
    #btn_nav::after {
    content: "MENU";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 75%;
    color: #000000;
    transition: .5s;
    }
    #btn_nav.active::after {
    content: "CLOSE";
    color: #fff;
    }
    #nav_sp nav,
    #nav_sp nav::after {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    }
    #nav_sp nav {
    display: flex;
    flex-flow: column;
    justify-content: center;
    overflow: auto;
    text-align: center;
    background: rgba(200,160,100,0.8);
    right: -100%;
    z-index: 998;
    transition: .5s;
    }
    #nav_sp nav::after {
    content: "";
   background: rgba(200,160,100,0.8);
    left: -100%;
    z-index: -1;
    transition: .7s;
    }
    #nav_sp nav.active {
    right: 0;
    }
    #nav_sp nav.active::after {
    left: 0;
    }
    #nav_sp ul li:first-child {
    border-top: 1px solid rgba(255,255,255,0.4);
    }
    #nav_sp ul li {list-style-type: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    }
    #nav_sp ul li a {
    display: block;
    color: #fff;
    padding: 10px;
    }/* toggle_menu end */



@media print, screen and (min-width: 1000px) {
.logo-concept {width: 270px;  margin: 50px auto 50px;}
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
.logo-concept {width: 270px;  margin: 50px auto 50px;}
}
@media only screen and (max-width: 700px) {
.logo-concept {width: 50%;  margin: 50px auto 50px;}
}

.box-padding {position: relative; overflow: hidden; z-index: 2;}
@media print, screen and (min-width: 1000px) {
.box-padding {padding: 70px; margin: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.box-padding {padding: 60px; margin: 0;}
}
@media only screen and (max-width: 700px) {
.box-padding {padding: 4%; margin: 0;}
}
.bnnr {margin: 0 auto; display: flex; align-items:center ; text-align:left ; vertical-align: middle;}
@media print, screen and (min-width: 701px) {
.bnnr {padding: 15px 0 14px;}
}
@media only screen and (max-width: 700px) {
.bnnr {padding: 15px 0 14px;}
}
.bnnr-in {margin: 0 auto; padding: 0; display: flex; align-items: center;}


.bnnr-in img{
	width				: 25px;
	height				: 25px;
	padding				: 0 10px 0 0;	
}







.vam {}

@media print, screen and (min-width: 701px) {
.eventnew-l {float: left; width:38%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.eventnew-l {float: none; width:90%; margin: 0 auto 30px;}
}
@media print, screen and (min-width: 701px) {
.eventnew-r {float: right; width:58%; margin: 0 0 30px;}
}
@media only screen and (max-width: 700px) {
.eventnew-r {float: none; width: 90%; margin: 0 auto;}
}

/*---------------*/
/***** faq *****/
/*---------------*/


.border-none{
	border-top			: none;
	border-bottom		: none;
	border-right		: none;
	border-left			: none;
	
	
}

ul.acordion {position: relative; z-index: 2;
	background: #fff;
	border-right: solid 1px #c9a063;
	border-left: solid 1px #c9a063;
	margin: 0;
	padding: 0;
}
 
ul.acordion li { padding: 20px 4% 20px;
border-bottom: solid 1px #c9a063;list-style: none;
}
 
ul.acordion li:first-child {
border-top: solid 1px #c9a063;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {border-bottom: none!important;
background: #fff; padding: 25px 4% 25px;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
text-decoration: none;
}

ul.acordion li .none-faqmenu {color: #000; display: block; background: url(../img/trigger-arrow.png) no-repeat 98% 50%; font-size: 100%; cursor: pointer;}
@media screen and (min-width: 701px) {
ul.acordion li .none-faqmenu {background-size: 3%; padding: 15px;}
}

ul.acordion li .active-faqmenu {color: #000; display: block; background: url(../img/triggeractive-arrow.png) no-repeat 98% 50%; font-size: 100%;cursor: pointer;}
@media screen and (min-width: 701px) {
ul.acordion li .active-faqmenu {background-size: 3%; padding: 15px;}
}
ul.faqmenu {margin: 0; padding: 0; border: 0;}
ul.faqmenu li{margin: 0; padding: 0; border: 0;}
.tacimp {text-align: center!important;}
.maac {margin: 0 60px 0 0; overflow: hidden;}

#page-top {z-index:5; line-height: 1.1; text-align: center;
    position: fixed; 
    right: 10px;
    bottom: 10px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: #333;
    color: #737373;
    padding: 10px;
    border: solid 2px #fef5ee;
    border-radius: 50%;
}
#page-top-in {margin: 0 0 2px 2px;}

#Answer {background-color: #fef5ee; position: relative;}
@media print, screen and (min-width: 600px) {
#Answer {width:600px; margin:100px auto;}
}
@media only screen and (max-width: 599px) {
#Answer {width:100%; margin:100px auto;}
}

#Answer-in {position: relative; overflow: hidden;}
@media print, screen and (min-width: 600px) {
#Answer-in {width:100%; margin:25px auto;}
}
@media only screen and (max-width: 599px) {
#Answer-in {width:100%; margin:25px auto;}
}
.close-bt {width:80px; position:absolute; right:0; top:-80px; text-align:center; line-height:1.2;}<br>
ul.acordion2 {font-size: 130%;
	background: #c9a063;
	border-right: solid 1px #ea5516;
	border-left: solid 1px #ea5516;
	margin: 0;
	padding: 0;
}
 
ul.acordion2 li {padding: 20px 4% 30px; background: #c9a063;
border-bottom: solid 1px #ea5516;list-style: none;
cursor: pointer;
}
 
ul.acordion2 li:first-child {
border-top: solid 1px #ea5516;
}
 
ul.acordion2 li ul {
margin: 0;
padding: 0;
border: none;
}
ul.acordion2 li ul.faqmenu {
background-color: #fff;
}
 

ul.acordion2 li ul li {
background: transparent; padding: 25px 4% 40px;
}
 
ul.acordion2 li ul li:last-child{
border-bottom: none;
}
 
ul.acordion2 li ul li a {
text-decoration: none;
}


ul.acordion2 li .none-faqmenu {color: #000; display: block; background: url(../img/trigger-arrow2.png) no-repeat 98% 50%; }
@media screen and (min-width: 701px) {
ul.acordion2 li .none-faqmenu {background-size: 5%; padding: 15px;}
}

ul.acordion2 li .active-faqmenu {color: #000; display: block; background: url(../img/triggeractive-arrow2.png) no-repeat 98% 50%;}
@media screen and (min-width: 701px) {
ul.acordion2 li .active-faqmenu {background-size: 5%; padding: 15px;}
}
.pdfaq2 {margin: 0 0 30px 0; color: #fff;
	padding: 0px 35px 2px 0px;
}
ul.faqmenu {margin: 0; padding: 0;}





/*----------------------20230525追加 お知らせアコーディオン------------------------------*/

ul.acordion3 {
	position		: relative; 
	z-index			: 2;
	background		: #fff;
	margin			: 0;
	padding			: 0;
}
 
ul.acordion3 li { 
	padding			: 20px 4% ;
	list-style		: none;
}
 
ul.acordion3 li:first-child {
}
 
ul.acordion3 li ul {
	margin			: 0;
	padding			: 0;
	border			: none;
}
 
ul.acordion3 li ul li {
	background		: #fff; 
	padding			: 25px 4%;
}
 

ul.acordion3 li ul li a {
	text-decoration	: none;
}

ul.acordion3 li .none-faqmenu {
	color			: #000; 
	display			: block; 
	background		: url(../img/trigger-arrow.png) no-repeat 98% 50%; 
	font-size		: 100%; 
	cursor			: pointer;
	border-bottom	: solid 1px #999;
}



ul.acordion3 li .faqmenu {
	border-bottom	: solid 1px #999;
}

.seireki{
	font-weight		: 700; 
	font-size		: 150%;
	padding			: 50px 0 0 2%;
}

.day{
	color			: #fff;
	padding			: 7px 10px;
	background		: #ea5415;
	display			: inline-block;
	line-height		: 1;
	margin			: 0 10px 0 0;
}


.newstit {
	font-weight		: 700; 
	padding			: 0; 
	color			: #000000; 
	position		: relative; 
	line-height		: 1.5; 
	margin			: 0;
	display			: inline-block;
	font-size		: 120%;
}

@media screen and (max-width: 700px) {.newstit {	width: 85%;}}
@media screen and (min-width: 701px) {.newstit {	width: 80%;}}



@media screen and (min-width: 701px) {
ul.acordion3 li .none-faqmenu {
	background-size	: 3%; 
	padding			: 15px;
}
}


ul.acordion3 li .active-faqmenu {
	color			: #000; 
	display			: block; 
	background		: url(../img/triggeractive-arrow.png) no-repeat 98% 50%; 
	font-size		: 100%;
	cursor			: pointer;
}

@media screen and (min-width: 701px) {
ul.acordion3 li .active-faqmenu {
	background-size	: 3%; 
	padding			: 15px;
}
}


/*----------------------△△△△20230525追加 お知らせアコーディオン　　ここまで------------------------------*/














@media print, screen and (min-width: 1100px) {
.km-l {float: left; width: 40%; margin: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.km-l {float: left; width: 40%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.km-l {float: none; width: 100%;margin: 0 auto;}
}
@media print, screen and (min-width: 1100px) {
.km-r {float: right; width: 55%; margin: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.km-r {float: right; width: 55%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.km-r {float: none; width: 100%; margin: 0 auto 30px;}
}

@media print, screen and (min-width: 701px) {
.concept-img {width:170px; margin: 0 auto 30px;}
}
@media only screen and (max-width: 700px) {
.concept-img {width:35%; margin: 0 auto 30px;}
}

@media print, screen and (min-width: 701px) {
.txtwid {width:700px; margin: 0 auto;}
}
@media only screen and (max-width: 700px) {
.txtwid {width:100%; margin: 0 auto;}
}

@media print, screen and (min-width: 801px) {
.wideft {width:800px; margin: 0 auto 50px;}
}
@media only screen and (max-width: 800px) {
.wideft {width:92%; margin: 0 auto 50px;}
}

.dblk {display: inline-block;}

@media print, screen and (min-width: 801px) {
.txtwid2 {width:800px; margin: 0 auto;}
}
@media only screen and (max-width: 800px) {
.txtwid2 {width:100%; margin: 0 auto;}
}

input[type="button"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #ea5415, #ea5415); /* グラデーション */
   border: 2px solid #ea5415; /* 枠線 */
   color: #ffffff!important; 
}
@media print, screen and (min-width: 801px) {
input[type="button"] {width:300px; margin: 0 auto; padding-top: 12px; padding-bottom: 12px; font-size: 16px;}
}
@media only screen and (max-width: 800px) {
input[type="button"] {width:100%; margin: 0 auto; padding-top: 12px; padding-bottom: 12px; font-size: 16px;}
}

@media print, screen and (min-width: 701px) {
.back {margin: 0 0 -5px;}
}
@media only screen and (max-width: 700px) {
.back {margin: 0 0 -3px;}
}

ul.pf {margin: 0 0 50px 20px; padding: 0;}

.btwide {position: relative; z-index: 10; clear: both; overflow: hidden;}
@media print, screen and (min-width: 601px) {
.btwide {width: 350px; float: right; margin: 0 0 30px;}
}
@media only screen and (max-width: 600px) {
.btwide {width: 90%; float: none; margin: 0 auto 30px;}
}

ul.rcp {margin: 0 0 40px; padding: 0; list-style: disc;}
ul.rcp li{padding: 0x; margin: 0 0 0 20px;}

.box-padding-rp-b {position: relative; overflow: hidden; background-image: url(../img/craft.jpg); z-index: 2;}

.kenkou_back::after {
	content			: '';
	background-color	: rgba(255,255,255,.5);
	position		: absolute;
	left			: 0;
	right			: 0;
	top			: 0;
	bottom			: 0;
}

@media print, screen and (min-width: 1000px) {
.box-padding-rp-b {padding: 25px; margin: 30px auto;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.box-padding-rp-b {padding: 25px; margin: 30px auto;}
}
@media only screen and (max-width: 700px) {
.box-padding-rp-b {padding: 4%; margin: 30px auto;}
}


@media print, screen and (min-width: 701px) {
.rr-l {float: left; width:48%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.rr-l {float: none; width:100%; margin: 0;}
}
@media print, screen and (min-width: 701px) {
.rr-r {float: right; width:48%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.rr-r {float: none; width: 100%; margin: 0;}
}
.bdshop {border: 1px solid #000000;}

@media print, screen and (min-width: 701px) {
.rr-l2 {float: left; width:28%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.rr-l2 {float: none; width:60%; margin: 0 auto;}
}
@media print, screen and (min-width: 701px) {
.rr-r2 {float: right; width:68%; margin: 0; text-align: left;}
}
@media only screen and (max-width: 700px) {
.rr-r2 {float: none; width: 100%; margin: 0 auto; text-align: center;}
}




/*----------------------20220304追加 人生100年レシピ------------------------------*/

@media print, screen and (min-width: 701px) {
.rr-l3 {float: left; width:28%; margin: 0;}
}
@media only screen and (max-width: 700px) {
.rr-l3 {float: none; width:100%; margin: 0 auto 50px;}
}
@media print, screen and (min-width: 701px) {
.rr-r3 {float: right; width:68%; margin: 0; text-align: left;}
}
@media only screen and (max-width: 700px) {
.rr-r3 {float: none; width: 100%; margin: 0 auto; }
}




.kenkou01{
	display				: block;
	margin				: 30px auto 50px;
	z-index				: 5;
}

.kenkou02 .tac a{
	display				: block;
	line-height			: 1.5;
}

.kenkou02 .tac a img{
	border-radius			: 10px;
}

.kenkou02 .tac a:hover img{
	transform			: scale(1.02,1.02);
	transition			: 0.5s all;
}


.kenkou02b .tac a{
	display				: block;
	line-height			: 1.5;
}

.kenkou02b .tac a img{
	border-radius			: 10px;
}

.kenkou02b .tac a:hover img{
	transform			: scale(1.02,1.02);
	transition			: 0.5s all;
}

.waku{
	border				: solid #cb7341 4px;
}

.eiyou{
	font-size			: 18px;
	font-weight			: 600;	
}

.eiyou span{
	font-size			: 12px;
	font-weight			: 500;	
}

.kenkou03{
	width				: 90%;
	padding				: 5%;
	background			: #fffcef;
	margin				: 0 auto;
}

.kenkou03 tr{
	width				: 100%;
	height				: 40px; 
	display				: block;
	border-bottom			: 1px dotted #ea5415;
}

.kenkou03 .td01{
	display				: block;
	float				: left;
	width				: 55%;
	line-height			: 40px; 
}

.kenkou03 .td02{
	display				: block;
	float				: left;
	width				: 25%;
	line-height			: 40px; 
	font-size			: 18px;
	font-weight			: 600;
	text-align			: right;
}

.kenkou03 .td03{
	display				: block;
	float				: left;
	width				: 10%;
	line-height			: 40px; 
	font-size			: 12px;
}

.kenkou05{

}

.kenkou04{
	margin				: 30px 0 0;
	width				: 100%;
	clear				: both;
}

.kenkou04 table{
	width				: 100%;

}

.kenkou04 tr{
	width				: 100%;
	display				: block;
	border-bottom			: 1px solid #000;
	margin				: 20px 0 0;
}

.kenkou04 .td01{
	width				: 100%;
	display				: block;
	font-weight			: 600;
}

.kenkou04 .td02{
	width				: 100%;
	display				: block;
}

.kenkou04 p{
	display				: block;
	border-bottom			: 3px solid #ea5415;
	margin				: 20px auto 0;
} 


.kenkou06{
	display				: block;
	margin				: 0 auto 50px;
	z-index				: 99;
	color				: #000000;
	position			: relative;
	text-align			: center;
}

.kenkou06 span b{
	font-size			: 18px;	
	font-weight			: bold;
}

.kenkou06 span{
	font-size			: 14px;	
}

.kenkou06 p{
	font-size			: 11px;	
	color				: #666;
	margin				: 25px auto 0;
}

@media screen and (min-width: 701px) {
.pcnone{display			: none;}

}

.backbtn {text-align: center;}
@media print, screen and (min-width: 701px) {
.backbtn {float: none; width: 200px; margin: 0 auto 10px; font-size: 100%;}
}
@media only screen and (max-width: 700px) {
.backbtn {float: none; width: 90%; margin: 0 auto 10px; font-size: 80%;}
}


/* ■■■■■ULS■■■■■■-*/

/* レシピ
----------------------------------------------------------------------------------------------------------------------*/

.uls1, .uls1 img{
	width		: 300px;
	height		: auto;
	margin		: 0 auto 20px;
}


/* 画像修正
----------------------------------------------------------------------------------------------------------------------*/
.img-photo{
	width		: 80%;
	margin		: 0 auto 30px;
}


 @media screen and (max-width:749px) {
.img-photo{
	width		: 100%;
	margin		: 0 auto 30px;
}

}


/* ぽんちゃんPAY
----------------------------------------------------------------------------------------------------------------------*/

.pay img{
	width		: 17px ;
	padding		: 7px 0 0;
}



/* トップメイン下バナー
----------------------------------------------------------------------------------------------------------------------*/

.men1{
	width		: 100%;
	margin		: 10px auto 100px ;
	text-align	: center;
}

.men1 p{
	font-size	: 20px;

}

.men1 p span{
	font-size	: 24px;
	font-weight	: bold;
}