@charset "utf-8";

/*
/////sscss/////
Smart Style Complex Original Stylesheet Template.
URL:http://ss-complex.com/
Author:Seiji Okabe
*/

/*-----clearfix-----*/
.cf:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.cf {min-height: 1px;}
* html .cf {height: 1px;}

/*-----cleartext-----*/
.clearText {text-indent:100%;white-space:nowrap;overflow:hidden;}

/*-----common-----*/
/*all device*/
.wrapper {position: relative;}
.taRBlk {text-align: right;display: block;}
.noLine {text-decoration: none;}
.bold {font-weight: bold;}
.dipIB {display: inline-block;}
.poC {margin: 0 auto;}
.bgFit {background-repeat: no-repeat;background-position: center;background-size: cover;}
.bgFit.ctn {background-size: contain;}
.kome {margin-left: 1.2em;}
.kome li {position: relative;list-style-type: none !important;}
.kome li:before {position: absolute;content: '※';left: -1.2em;top: 0;}
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}
.taJ{text-align:justify;}
.mrC {margin-left: auto;margin-right: auto;}
.fL {float: left;}
.fR {float: right;}
.posRel {position: relative;}
.lh0 {line-height: 0;}
.fBox {margin-left: -4%;}
.fAll {float: left;width: 96%;margin-left: 4%;}
.f1of2 {float: left;width: 46%;margin-left: 4%;}
.f1of3 {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3 {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4 {float: left;width: 21%;margin-left: 4%;}
.f3of4 {float: left;width: 71%;margin-left: 4%;}
.f1of5 {float: left;width: 16%;margin-left: 4%;}
.f2of5 {float: left;width: 36%;margin-left: 4%;}
.f3of5 {float: left;width: 56%;margin-left: 4%;}
.f4of5 {float: left;width: 76%;margin-left: 4%;}
.f1of6 {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6 {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7 {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7 {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7 {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7 {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7 {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7 {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8 {float: left;width: 8.5%;margin-left: 4%;}
.f3of8 {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.full {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lg {width: 80%;margin: 0 auto;display: block;}
.autoImg.md {width: 50%;margin: 0 auto;display: block;}
.autoImg.sm {width: 30%;margin: 0 auto;display: block;}
.hAuto {height: auto !important;}
.tableP{display: table;}
.tableR{display: table-row;}
.tableC{display: table-cell;}
.dIb {display: inline-block;vertical-align: middle;}
.dIblock {display: block;}
.vaT {vertical-align: top;}
.vaM {vertical-align: middle;}
.vaB {vertical-align: bottom;}
.contents-center {display: flex;align-items: center;justify-content: center;}
.dtC {display: table-cell;}
.wsN {white-space: nowrap;}
.textInd1{text-indent: 1em;}
.textInd-1{text-indent: -1em;}
select::-ms-expand {
  display: none;
}
select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
*:after,*:before {background-size: contain;background-position: center;background-repeat: no-repeat;}
.tableBox {
    display: table;
    margin: 0 auto;
}

/*sp*/
@media only screen and (max-width: 768px){
.wrapper {width: 100%;letter-spacing: 0.05em;}
.boldSp {font-weight: bold;}
.dipIBSp {display: inline-block;}
.poCSp {margin: 0 auto;}
.hideSp {display: none !important;}
.taLSp {text-align: left;}
.taCSp {text-align: center;}
.taRSp {text-align: right;}
.taJSp {text-align:justify;}
.mrCSp {margin-left: auto;margin-right: auto;}
.fLSp {float: left;}
.fRSp {float: right;}
.fBoxSp {margin-left: -4%}
.fAllSp {float: left;width: 96%;margin-left: 4%;}
.f1of2Sp {float: left;width: 46%;margin-left: 4%;}
.f1of3Sp {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Sp {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Sp {float: left;width: 21%;margin-left: 4%;}
.f3of4Sp {float: left;width: 71%;margin-left: 4%;}
.f1of5Sp {float: left;width: 16%;margin-left: 4%;}
.f2of5Sp {float: left;width: 36%;margin-left: 4%;}
.f3of5Sp {float: left;width: 56%;margin-left: 4%;}
.f4of5Sp {float: left;width: 76%;margin-left: 4%;}
.f1of6Sp {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Sp {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Sp {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Sp {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Sp {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Sp {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Sp {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Sp {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8Sp {float: left;width: 8.5%;margin-left: 4%;}
.f3of8Sp {float: left;width: 33.5%;margin-left: 4%;}
.autoImgSp {width: 100%;height: auto;}
.autoImg.fullSp {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgSp {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdSp {width: 50%;margin: 0 auto;display: block;}
.autoImg.smSp {width: 30%;margin: 0 auto;display: block;}
.hAutoSp {height: auto !important;}
.dIbSp {display: inline-block;vertical-align: middle;}
.dIblockSp {display: block;}
.vaTSp {vertical-align: top;}
.vaMSp {vertical-align: middle;}
.vaBSp {vertical-align: bottom;}
.contents-centerSp {display: flex;align-items: center;justify-content: center;}
.tablePSp{display: table;}
.tableRSp{display: table-row;}
.tableCSp{display: table-cell;}
.textInd1Sp{text-indent: 1em;}
.textInd-1Sp{text-indent: -1em;}
}

/*pc*/
@media only screen and (min-width: 769px), print{
.wrapper {width: 100%;min-width: 1240px;letter-spacing: 0.05em;}
.boldPc {font-weight: bold;}
.dipIBPc {display: inline-block;}
.poCPc {margin: 0 auto;}
.hidePc {display: none !important;}
.taLPc {text-align: left;}
.taCPc {text-align: center;}
.taRPc {text-align: right;}
.taJPc {text-align:justify;}
.fLPc {float: left;}
.fRPc {float: right !important;}
.fBoxPc {margin-left: -4%}
.fAllPc {float: left;width: 96%;margin-left: 4%;}
.f1of2Pc {float: left;width: 46%;margin-left: 4%;}
.f1of3Pc {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Pc {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Pc {float: left;width: 21%;margin-left: 4%;}
.f3of4Pc {float: left;width: 71%;margin-left: 4%;}
.f1of5Pc {float: left;width: 16%;margin-left: 4%;}
.f2of5Pc {float: left;width: 36%;margin-left: 4%;}
.f3of5Pc {float: left;width: 56%;margin-left: 4%;}
.f4of5Pc {float: left;width: 76%;margin-left: 4%;}
.f1of6Pc {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Pc {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Pc {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Pc {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Pc {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Pc {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Pc {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Pc {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8Pc {float: left;width: 8.5%;margin-left: 4%;}
.f3of8Pc {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullPc {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgPc,.autoImgPc.lgPc {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdPc,.autoImgPc.mdPc {width: 50%;margin: 0 auto;display: block;}
.autoImg.smPc,.autoImgPc.smPc {width: 30%;margin: 0 auto;display: block;}
.hAutoPc {height: auto !important;}
.dIbPc {display: inline-block;vertical-align: middle;}
.dIblockPc {display: block;}
.vaTPc {vertical-align: top;}
.vaMPc {vertical-align: middle;}
.vaBPc {vertical-align: bottom;}
.contents-centerPc {display: flex;align-items: center;justify-content: center;}
.tablePPc{display: table;}
.tableRPc{display: table-row;}
.tableCPc{display: table-cell;}
.textInd1Pc{text-indent: 1em;}
.textInd-1Pc{text-indent: -1em;}
}

	
/*-----content-size-----*/
/*sp*/
@media only screen and (max-width: 768px){
.contentBox,.contentBoxSp,.contentBoxM,.contentBoxL {margin-left: 5% !important;margin-right: 5% !important;}
.w100,.w100Sp {width: 100%;}
.w90,.w90Sp {width: 90%;}
.w80,.w80Sp {width: 80%;}
.w70,.w70Sp {width: 70%;}
.w60,.w60Sp {width: 60%;}
.w50,.w50Sp {width: 50%;}
.w40,.w40Sp {width: 40%;}
.w30,.w30Sp {width: 30%;}
.w20,.w20Sp {width: 20%;}
.w10,.w10Sp {width: 10%;}
}

/*pc*/
@media only screen and (min-width: 769px){
.contentBox,.contentBoxPc {width: 1200px;margin-left: auto;margin-right: auto;}
.contentBoxM,.contentBoxMPc {width:800px;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
.contentBoxL,.contentBoxLPc {width:1200px;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
.w100,.w100Pc {width: 100%;}
.w90,.w90Pc {width: 90%;}
.w80,.w80Pc {width: 80%;}
.w70,.w70Pc {width: 70%;}
.w60,.w60Pc {width: 60%;}
.w50,.w50Pc {width: 50%;}
.w40,.w40Pc {width: 40%;}
.w30,.w30Pc {width: 30%;}
.w20,.w20Pc {width: 20%;}
.w10,.w10Pc {width: 10%;}
.mainColumn {width: 760px; box-sizing: border-box;display: inline-block;vertical-align: text-top;}
}

/*-----font-color-----*/
body {color: #333;}
.black {color: #333;}
.white {color: #fff;}
.gray {color: #777777;}
.lightgray{color: #666666;}
.red {color: #d32f2f;}
.purple {color: #3E001E;}
.gold {color: #C4950B;}
.bule{color:#0076D1;}
.lightBule{color: #00CCCC;}
.lightBule2{color: #66CCCC;}
.mainBule{color: #0099CC;}
.blueGreen{color: #27B3B1;}
.orange{color: #FF6600;}
/*a {color:#0099CC;text-decoration:none;}*/
a:hover {text-decoration:none; opacity: 0.7; transition: 0.3s;}

/*-----background-color-----*/
body {background-color: #FFF;}
.purpleBg {background-color: #3E001E;}
.whiteBg {background-color: #fff;}
.grayBg {background-color: #f1f1f1;}
.goldBg {background-color: #C4950B;}
.paleBg {background-color: #f6f6f6;}
.buleBg {background-color:#D9F0F8;}
.baseGrayBg {background-color:#F0F3F5;}
.orangeBg {background-color:#FE8800;}
.mainBuleBg {background-color:#0099CC;}

/*pc*/
@media only screen and (min-width: 769px), print{
.darkBg {background-color: #e6e6e6;}
.baseGrayBgPc {background-color:#F0F3F5;}
}

/*sp*/
@media only screen and (max-width: 768px){
}


/*-----font-family-----*/
/*-----初期フォント-----*//*
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}
html{font-family:Noto Sans Japanese, YuGothic, '游ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-display: swap;}
.ming {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.qs {font-family: 'Quicksand', sans-serif; font-weight: bold;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, html { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;} 
*::-ms-backdrop, .ming { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif !important;} 
}*/

/*-----bus-select-----*/
@font-face {
   font-family: "源ノ角ゴシックJP-Regular";
   src: url('../font/SourceHanSans-Regular.otf') format("opentype");
}
@font-face {
   font-family: "源ノ角ゴシックJP-Medium";
   src: url('../font/SourceHanSans-Medium.otf') format("opentype");
}
@font-face {
   font-family: "源ノ角ゴシックJP-Bold";
   src: url('../font/SourceHanSans-Bold.otf') format("opentype");
}
html{
  font-family: '源ノ角ゴシックJP-Regular';
}
.fontArial{
	font-family: Arial;
}
.fontMedium{
  font-family: '源ノ角ゴシックJP-Medium';
}
.fontBold{
  font-family: '源ノ角ゴシックJP-Bold';
}
/*-----form内設定-----*/
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
color: #666666;
border: 1px solid #CCCCCC;
}


/*-----font-size-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.textXXL,.textXXLSp {font-size: 24px;line-height: 1.8em;}
.textXL,.textXLSp {font-size: 22px;line-height: 1.8em;}
.textLL,.textLLSp {font-size: 20px;line-height: 1.8em;}
.textL,.textLSp {font-size: 18px;line-height: 1.8em;}
.textM,.textMSp {font-size: 16px;line-height: 1.8em;}
.textS,.textSSp {font-size: 14px;line-height: 1.8em;}
.textXS,.textXSSp {font-size: 12px;}
.textXXS,.textXXSSp {font-size: 10px;}
.textXXXS,.textXXXSSp {font-size: 6px;}
}
/*pc*/
@media only screen and (min-width: 769px), print{
.textXXXL,.textXXXLPc {font-size: 42px;line-height: 1.8em;}
.textXXL,.textXXLPc {font-size: 36px;line-height: 1.8em;}
.textXL,.textXLPc {font-size: 32px;line-height: 1.8em;}
.textLL,.textLLPc {font-size: 24px;line-height: 1.8em;}
.textL,.textLPc {font-size: 18px;}
.textM,.textMPc {font-size: 16px;}
.textS,.textSPc {font-size: 14px;}
.textXS,.textXSPc {font-size: 12px;}
.textXXS,.textXXSPc {font-size: 10px;}
}

/*-----margin-top-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.mtXS,.mtXSSp {margin-top: 5px !important;}
.mtS,.mtSSp {margin-top: 15px !important;}
.mtM,.mtMSp {margin-top: 20px !important;}
.mtL,.mtLSp {margin-top: 40px !important;}
.mtXL,.mtXLSp {margin-top: 60px !important;}
}
/*pc*/
@media only screen and (min-width: 769px), print{
.mtXXS,.mtXXSPc {margin-top: 5px !important;}
.mtXS,.mtXSPc {margin-top: 10px !important;}
.mtS,.mtSPc {margin-top: 20px !important;}
.mtM,.mtMPc {margin-top: 40px !important;}
.mtL,.mtLPc {margin-top: 60px !important;}
.mtXL,.mtXLPc {margin-top: 80px !important;}
}

/*-----margin-bottom-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.mbXS,.mbXSp {margin-bottom: 5px !important;}
.mbS,.mbSSp {margin-bottom: 15px !important;}
.mbM,.mbMSp {margin-bottom: 20px !important;}
.mbL,.mbLSp {margin-bottom: 40px !important;}
.mbXL,.mbXLSp {margin-bottom: 60px !important;}
.mtmbAuto{margin-top: auto !important;margin-bottom: auto !important;}
}
/*pc*/
@media only screen and (min-width: 769px), print{
.mbXXS,.mbXXSPc {margin-bottom: 5px !important;}
.mbXS,.mbXSPc {margin-bottom: 10px !important;}
.mbS,.mbSPc {margin-bottom: 20px !important;}
.mbM,.mbMPc {margin-bottom: 40px !important;}
.mbL,.mbLPc {margin-bottom: 60px !important;}
.mbXL,.mbXLPc {margin-bottom: 80px !important;}
}

/*-----padding-top-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.ptXS,.ptXSSp {padding-top: 5px !important;}
.ptS,.ptSSp {padding-top: 15px !important;}
.ptM,.ptMSp {padding-top: 20px !important;}
.ptL,.ptLSp {padding-top: 40px !important;}
.ptXL,.ptXLSp {padding-top: 60px !important;}
}
/*pc*/
@media only screen and (min-width: 769px), print{
.ptXS,.ptXSPc {padding-top: 10px !important;}
.ptS,.ptSPc {padding-top: 20px !important;}
.ptM,.ptMPc {padding-top: 40px !important;}
.ptL,.ptLPc {padding-top: 60px !important;}
.ptXL,.ptXLPc {padding-top: 80px !important;}
}

/*-----padding-bottom-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.pbXS,.pbXSSp {padding-bottom: 5px !important;}
.pbS,.pbSSp {padding-bottom: 15px !important;}
.pbM,.pbMSp {padding-bottom: 20px !important;}
.pbL,.pbLSp {padding-bottom: 40px !important;}
.pbXL,.pbXLSp {padding-bottom: 60px !important;}
.pbXXL,.pbXXLSp {padding-bottom: 80px !important;}
}
/*pc*/
@media only screen and (min-width: 769px), print{
.pbXS,.pbXSPc {padding-bottom: 10px !important;}
.pbS,.pbSPc {padding-bottom: 20px !important;}
.pbM,.pbMPc {padding-bottom: 40px !important;}
.pbL,.pbLPc {padding-bottom: 60px !important;}
.pbXL,.pbXLPc {padding-bottom: 80px !important;}
.pbXXL,.pbXXLPc {padding-bottom: 120px !important;}
}
/*-----paddingBox-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.pdBoxS,.pdBoxSSp {box-sizing: border-box;padding-left: 5px;padding-right: 5px;}
.pdBoxM,.pdBoxMSp {box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
.pdBoxL,.pdBoxLSp {box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
}
/*pc*/
@media only screen and (min-width: 769px), print{
.pdBoxS,.pdBoxSPc {box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
.pdBoxM,.pdBoxMPc {box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
.pdBoxL,.pdBoxLPc {box-sizing: border-box;padding-left: 40px;padding-right: 40px;}
}

html,
body {
  height: 100%;
}

a {
color:#333;
text-decoration:none;
	/*
border-bottom: 1px solid #333;*/
}


/*-----common-----*/
/*all device*/
/*-----title-----*/
/*フェードインアニメ*/
/*左から右にフェードイン*/
.left-to-right {
  opacity: 0.1;
  transform: translateX(-20px);
  transition: all 1s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}
/*下から上にフェードイン*/
.down-to-top {
  opacity: 0.1;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}
/*スライドイン*/
.anim-box.slidein.is-animated {
  animation: slideIn 4s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
/*-----common-----*/
/*sp*/
@media only screen and (max-width: 768px){
.more{
	border-bottom: 1px solid #333;
	display: inline-block;
}
.category{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	    padding: 10px 5% 50px;
}
.centerTitle{
	text-align: center;
}
.centerTitle > h3{
	font-size: 22px;
	width: 60%;
	min-width:200px ;
	max-width:300px ;
    margin: 0 auto 5px;
	padding-top: 50px;
	border-bottom: solid 1px black;
}
.centerTitle > h4{
	color: #808080;
}
.kuroLink{
	padding-top: 16px;	
}

.kuroLink > a{
	color: black;
	text-decoration: none;
}
.childHeader{
	height: 180px;
	width: 100%;
	position: relative;
	text-align: center;
}
.childHeader > h1{
	font-size: 32px;
	padding-top: 52px;
}
.childHeader > h2{
	font-size: 24px;
	padding-top: 10px;
}
.childHeader.momvie > h2{
	font-size: 18px;
	padding-top: 10px;
}
.childH-orenge{
	background-color: #fbb03b;
	height: 30px;
	width: 100%;
}
.childSubTitle {
	padding: 10px 5% 20px;
}
.childSubTitle > h3{
	font-size: 26px;
    vertical-align: inherit;
    padding: 10px 0;
    border-bottom: 1px solid #808080;
    text-align: center;
}
.childSubTitle > p{
	font-size: 1em;
	vertical-align: inherit;
	margin-top: 10px;
}
.slider img {
width: 100%!important;
height: 50vw!important;
object-fit: cover!important;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.category{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.centerTitle{
	text-align: center;
}
.centerTitle > h3{
	font-size: 24px;
	width: 348px;
    margin: 50px auto 5px;
	border-bottom: solid 1px black;
}
.centerTitle > h4{
	color: #808080;
}

.kuroLink{
	padding-top: 50px;
	padding-bottom: 50px;
}

.kuroLink > a{
	color: black;
	text-decoration: none;
}
.childHeader{
	height: 444px;
	width: 100%;
	position: relative;
}
.childHeader > h1{
	font-size: 65px;
	padding-left: 7%;
	position: absolute;
    bottom: 118px;
}
.childHeader > h2{
	font-size: 26px;
	padding-left: 7%;
	position: absolute;
    bottom: 60px;
}
.childH-orenge{
	background-color: #fbb03b;
	height: 63px;
	width: 100%;
}
.childSubTitle > h3{
	font-size: 32px;
	display: inline-block;
	vertical-align: inherit;
	padding-left: 7%;
	padding-top: 70px;
}
.childSubTitle > p{
	font-size: 22px;
	display: inline-block;
	vertical-align: inherit;
	padding-left: 40px;
}
.childUnderlineW100{
	margin: 0 30px 50px;
	border-bottom: 1px solid #808080;
}
.more{
	border-bottom: 1px solid #333;
	display: inline-block;
}
}
/*微調整*/
@media only screen and (min-width:769px) and ( max-width:1024px) {
	.centerTitle > h3{
	width: 90%;
}
}

/*-----hamburgerBtn-----*/
/*sp*/
@media only screen and (max-width: 768px){
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 3px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : white;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}
.hamburger > p{
  color: white;
  position: relative;
  top: 34px;
  font-size: 14px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  display: none;
  top  : 60px;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.9);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
	font-size: 20px;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul a{
  text-decoration: none;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  height: 50px;
  line-height: 50px;
  color: white;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}
nav.globalMenuSp .nav-loginJob {
    display: block;
    color: #fff;
    padding: 10px 0;
    background-color: #fbb03b;
    width: 90%;
    margin: 5px auto;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;
      display: inherit;
}
/* ハンバーガーメーニュー内のログイン幅調整 */	
.loginJob{
	height: 50px;
    line-height: 50px;
}
}

	
/*-----header-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.header {
	width: 100%;
	height: 60px;
	background-color: #232020;
	position:fixed;
	z-index: 1;
}
.header > a > div:first-child{
	height: 60px;
	width: 130px;
	background-color: #fbb03b;
	text-align: center;
	display: inline-block;
}
.header.flexBoxA > a > div > img{
	width: 110px;
	padding-top: 10px;
}
.header.flexBoxA > a > div > h1{
	height: 0;
}
.flexBoxB{
	padding-top: 60px;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.flexBox{
	display: -webkit-flex;
    display: flex;
}
.flexBoxA{
	flex: 1;
}
.flexBoxB{
	width: calc(100% - 300px);
}

.header {
	width: 300px;
	background-color: #232020;
}
.header > a > div:first-child{
	height: 150px;
	background-color: #fbb03b;
	text-align : center;
}
.menuArea{
	padding-top: 75px;
}
.menuArea > nav > ul > a > li{
	margin-top: 18px;
	margin-left: 41px;
	width: 259px;
	position: relative;
}
.menuArea nav ul a li:after{
	content: "";
	background: url(https://jiyn.jp/assets/img/common/arrow.svg) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 0 3px 10px;
	position: absolute;
	top: 25%;
	right: 10%;
}
.menuArea > nav > ul > a{
	color: white;
	font-size: 24px;
	text-decoration:none;
}
nav .loginJob{
	background-color: #fbb03b;
	width: 242px;
	height: 43px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.menuArea > nav > a:nth-of-type(1) > div{
	margin-top: 62px;
	margin-bottom: 14px;
}
nav .loginJob p{
	color: white;
	line-height: 43px;
	font-size: 24px;
}
.loginJob p span{
	margin-left: 5px;
	font-size: 19px;
}
}

/*-----footer-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
footer {
	background-image: url(../img/common/footer_bg.webp);
}
footer > .footerMenu{
    padding: 50px 5% 10px;
    background-color: white;
}
footer > .footerMenu > ul{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 100%;
}
footer > .footerMenu > ul > a > li{
	width: 100%;
    min-width: 200px;
    max-width: 350px;
    position: relative;
	font-size: 18px;
	margin-bottom: 12px;
	
}
footer > .footerMenu > ul > a > li:after{
	content: "";
	background: url(../img/common/arrow-Black.svg) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 0 3px 10px;
	position: absolute;
	top: 25%;
	right: 10%;
}
footer > .footerMenu > ul > a{
	text-decoration: none;
    color: #4d4d4d;
}
.underlineW100{
	margin-top: 50px;
	widows: 100%;
	border-bottom: 1px solid #808080;
}
.footerLogo {
	text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.footerLogo > img{
	width: 170px;
	height: auto;
}
.footerLogo > ul > li{
	display: inline-block;
}
.footerLogo > ul > li:nth-of-type(n+2){
	margin-left: 18px;
}
.footerLogo > ul > li > a > img{
	width: 32px;
	height: auto;
}
.footerLogo > ul > li > a{
	border: none;
}
.copyright{
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #4d4d4d;
	font-size: 12px;
}
.footerInfo{
	text-align: center;
	color: white;
}
.footerInfo > h5{
	font-size: 24px;
	width: 60%;
    min-width: 200px;
    max-width: 300px;
    margin: 0 auto 5px;
	border-bottom: solid 1px white;
	padding-top: 36px;
}
.footerInfo > h6{
	font-size: 22px;
}
.footerInfo > p{
	margin-top: 20px;
}
.footerInfo > a{
	text-decoration: none;
	color: white;
}
.footerInfo > a > p{
	margin-bottom: 20px;
}
.footerInfoBtn{
	background-color: #4d4d4d;
	width: 60%;
    min-width: 220px;
    max-width: 300px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	margin: 5px auto 50px;
	display: inline-block;
}
.footerInfoBtn > img{
	position: relative;
    top: 3px;
}
}
/*pc*/
@media only screen and (min-width: 769px){
footer {
	background-image: url(../img/common/footer_bg.webp);
	background-size: cover;
	padding-top: 50px;
}
footer > .footerMenu{
	width: 90%;
	padding: 10px 5%;
	text-align: right;
	padding-top: 50px;
	background-color: white;
}
footer > .footerMenu > ul{
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
	text-align: left;
}
footer > .footerMenu > ul > li:nth-of-type(n+2){
	margin-top: 5px;
}
footer > .footerMenu > ul > li > a{
	text-decoration: none;
	color: #4d4d4d;
}
.underlineW100{
	margin-top: 80px;
	widows: 100%;
	border-bottom: 1px solid #808080;
}
.footerLogo {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
}
.footerLogo > img{
	width: 170px;
	height: auto;
}
.footerLogo > ul > li{
	display: inline-block;
}
.footerLogo > ul > li:nth-of-type(n+2){
	margin-left: 18px;
}
.footerLogo > ul > li > a{
	border: none;
}
.footerLogo > ul > li > a > img{
	width: 32px;
	height: auto;
}
.copyright{
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #4d4d4d;
}
.footerInfo{
	text-align: center;
	color: white;
}
.footerInfo > h5{
	font-size: 24px;
	width: 348px;
    margin: 50px auto 5px;
	border-bottom: solid 1px white;
}
.footerInfo > h6{
	font-size: 22px;
}
.footerInfo > p{
	margin-top: 20px;
}
.footerInfo > a{
	text-decoration: none;
	color: white;
}
.footerInfoBtn{
	background-color: #4d4d4d;
	width: 300px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	margin: 5px auto 50px;
}
.footerInfoBtn > img{
	position: relative;
    top: 3px;
}
}

/*-----flont-page-----*/
/*sp*/
@media only screen and (max-width: 768px){
.slides img {
	max-width: 100%;
	height: auto;
}
.catchCopy{
	color: white;
    font-size: 6vw;
    line-height: 7vw;
    position: absolute;
    top: -25vw;
    left: 3vw;
    z-index: 3;
}
.catchCopy > span:nth-of-type(1){
	margin-left: 1em;
}
.catchCopy > span:nth-of-type(2){
	margin-left: 2em;
}
.flontNews{
	background-color: #f2f2f2;
	padding-bottom: 34px;
}
.flontNews > h3{
	font-size: 23px;
    width: 60%;
    min-width: 200px;
    max-width: 300px;
    margin: 0 auto 5px;
    padding-top: 34px;
    border-bottom: solid 1px black;
	text-align: center;
}
.flontNews > ul{
	text-align: center;
}
.flontNews > ul > li{
	margin-top: 14px;
}
.flontNews > ul > li > a{
	border-bottom: solid 1px black;
}
.flontNews > ul > a > p{
	padding-top: 16px;
}
.jabout{
	background-image: url(../img/common/sp_jabout.webp);
	background-size: cover;
	padding-top: 50px;
}

.a_line{
	padding-top: 50px;
	padding-bottom: 20px;
	}

.b_line{
	padding-top:50px;
	paddingn-bottom: 20px;
	}
	
.c_line{
	padding-top: 50px;
	padding-bottom: 20px;
	}

ul.c_line li {
   list-style: none;
   text-align: left;
}
ul.c_line li::before {
   content: "●";
   padding-right: 10px;
}

.blocktext{
    margin-left: auto;
    margin-right: auto;
    width: 190px;
}
.fservice{
	background-color: #f2f2f2;
}
.serviceItem{
	
}
.service_1{
	margin: 30px 10px 0 0;
	clear: both;
}
.service_1 > img{
	width: 114px;
	border: solid 2px #fbb03b;
	border-radius: 50%;
	float: left;
	z-index: 2;
	margin-right: 8px;
}
.service_1 > div{
	background-color: white;
	border: solid 2px #fbb03b;
	padding: 18px 8px 27px;
	margin-left: 50px;
	height: 68px;
	border-radius: 10px;
}
.service_1 p{
	font-weight: bold;
	font-size: min(16px, 4vw);
}
.service_1 > div > p:first-child{
	border-bottom: solid 2px #000;
    display: inline-block;
    margin-bottom: 5px;
}
.flontWorks{
	background-image: url(../img/front/flont-worksBg_sp.webp);
	background-size: cover;
	padding-top: 165px;
}
.whiteSBg{
	background-color:rgba(255,255,255,0.7);
}
.flontYoutube{
	margin-top: 50px;
}
.flontYoutube > li > iframe{
	width: 90% !important;
}
.tunagaru{
	background-image: url(../img/front/flont-tunagaruBg_sp.webp);
	background-size: cover;
	text-align: center;
	font-size: 24px;
	line-height: 1.8em;
	padding-top: 50px;
	color: white;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.catchCopy{
	color: white;
    font-size: 4vw;
    line-height: 5vw;
    position: absolute;
    top: -18vw;
    left: 3vw;
    z-index: 3;
}
.catchCopy > span:nth-of-type(1){
	margin-left: 1em;
}
.catchCopy > span:nth-of-type(2){
	margin-left: 2em;
}
.jabout,.fservice,.flontWorks{
    font-size: 24px;
}
.fH3{
	font-size: 30px;
}
.fH4{
	font-size: 23px;
}
.slides img {
	max-width: 100%;
	height: auto;
}
.flontNews{
	background-color: #f2f2f2;
	padding: 50px;
}
.flontNews > h3{
	color: #333;
	border-bottom: solid 1px #808080;
	width: 225px;
	display: inline-block;
	text-align: center;
	margin-left: 50px;
	position: relative;
    top: 7px;
}
.flontNews > ul{
	display: inline-block;
	vertical-align: middle;
	margin-left: 150px;
	font-size: 20px;
}
.flontNews > ul > li:nth-of-type(n+2){
	margin-top: 16px;
}
.flontNews > ul > a >p{
	margin-top: 24px;
}
.jabout{
	background-image: url(../img/common/about_bg.webp);
	background-size: cover;
	padding: 50px;
}
.a_line{
	padding-top: 50px;
	padding-bottom: 20px;
	}

.b_line{
	padding-top:50px;
	paddingn-bottom: 20px;
	}
	
.c_line{
	padding-top: 50px;
	padding-bottom: 20px;
	}

ul.c_line li {
   list-style: none;
   text-align: left;
}
ul.c_line li::before {
   content: "●";
   padding-right: 10px;
}

.blocktext{
    margin:0 auto;
	width: 240px;
}

.serviceItem{
	display:flex;
  	-webkit-justify-content: space-around;
    justify-content: space-around;
	width: 80%;
	margin-left: 10%;
}
.service_1{
	flex: 1 ;
	    margin: 50px 2% 0;
}
.service_1 p{
	font-weight: bold;
}
.service_1 > img{
	margin-bottom: 10px;
	width: 100%;
    max-width: 130px;
}
.flontWorks{
	background-image: url(../img/front/flont-galleryBg.webp);
	background-size: cover;
	padding-top: 200px;
}
.whiteSBg{
	background-color:rgba(255,255,255,0.7);
}
.flontWorks h3{
	padding-top: 50px;
}
.flontWorks h4{
	padding-bottom: 50px;
}
.flontYoutube > li{
	display: inline-block;
}
.flontYoutube > li:nth-last-of-type(2){
	margin-left: 3%;
    margin-right: 3%;
}

.fservice{
	 background : #F2F2F2;
	 padding-top: 50px;
}

.tunagaru{
	background-image: url(../img/front/flont-tunagaruBg.webp);
	font-size: 42px;
    line-height: 1.8em;
    color: white;
    padding: 169px 0;
    background-size: cover;
}
}
/*微調整*/
@media only screen and (min-width:769px) and ( max-width:1024px) {
.flontNews > h3{
	color: #333;
	border-bottom: solid 1px #808080;
	width: 90%;
	display: block;
	text-align: center;
	margin-left: 50px;
	position: static;
}
}


/*-----about-page-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.about{
	background-image: url(../img/about/aboutBg.png);
	background-size: cover;
	background-position: right bottom;
}
.aboutSecBg{
	background-image: url(../img/common/sp_jabout.webp);
	background-size: cover;
}

.child-about h4{
	font-size: 20px;
	font-weight:bold; 
}
.child-about > div:nth-of-type(2) > h4{
	padding-top: 40px;
}
.child-about > div > p{
	padding-top: 20px;
}
.child-about > p:first-child{
	padding-bottom: 40px;
}
.child-about > p:nth-of-type(2){
	padding-top: 20px;
	padding-bottom: 20px;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.about{
	background-image: url(../img/about/aboutBg.png);
	background-size: cover;
	background-position: right bottom;
}
.aboutSecBg{
	background-image: url(../img/about/aboutSecBg.webp);
	background-size: cover;
}
.child-about p{
	font-size: 24px;
}
.child-about h4{
	font-size: 28px;
	font-weight:bold; 
}
.child-about > div:nth-of-type(2) > h4{
	padding-top: 40px;
}
.child-about > div > p{
	padding-top: 20px;
}
.child-about > p:first-child{
	padding-bottom: 70px;
}
.child-about > p:nth-of-type(2){
	padding-top: 70px;
	padding-bottom: 70px;
}
}


/*-----service-page-----*/
/*all device*/
.service-category-sfont{
    font-size: 0.8em;
}
/*sp*/
@media only screen and (max-width: 768px){
.service{
	background-image: url(../img/service/serviceBg.png);
	background-size: cover;
	background-position: right bottom;
}
.serviceSecBg{
	background-image: url(../img/service/serviceSecBg.png);
	background-size: cover;
}
.service-category {
	line-height: 1.7em;
    padding: 32px 5%;
    background-color: #f2f2f2;
	text-align: center;
}
.service-category > div:first-child > h4{
	font-size: 20px;
	text-align: center;
}
.service-category > div:first-child > h4 > span{
	margin-left: 1em;
}
.service-category > div:first-child {
	display: inline-block;
    text-align: center;
}
.service-category > div > img{
	width: 50%;
    max-width: 250px;
    margin: 40px 0;
}
.service-category > div > ul {
	text-align: left;
	margin: 14px 0;
	display: inline-block;
}
.service-category > div > ul > li {
	text-indent: -1em;
	padding-left: 1em;
}
.service-price-before{
	background-image: url(../img/service/sp-service-price-beforeBg.webp);
    background-size: cover;
    height: 80px;
}
.service-price{
	text-align: center;
	background-color: #f2f2f2;
	padding-top: 60px;
}
.service-price > h5{
	font-size: 26px;
	border-bottom: solid 1px #666;
	width: 90%;
	margin: 0 auto;
}
.service-price > h6{
	font-size: 24px;
	color: #808080;
}
.service-price > img{
	width: 90%;
	margin-top: 40px;
}
.service-price > p{
	font-size: 18px;
	padding: 20px 0;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.service{
	background-image: url(../img/service/serviceBg.png);
	background-size: cover;
	background-position: right bottom;
}
.serviceSecBg{
	background-image: url(../img/service/serviceSecBg.png);
	background-size: cover;
}
.service-category {
	background-repeat: no-repeat;
	background-position: 50px 140px;
	background-size: 20vw;
	line-height: 32px;
	padding: 50px;
	background-color: #f2f2f2;
	min-height: 300px;
}
.service-category:nth-of-type(n+2) {
	margin-top: 40px;
}
.service-category > div:first-child > h4{
	font-size: 27px;
}
.service-category > div:first-child > h4 > span{
	margin-left: 1em;
}
.service-category > div{
	display: inline-block;
	vertical-align: top;
}
.service-category > div:first-child{
	width: 35%;
}
.service-category > div:nth-of-type(2){
	width: 60%;
}
.service-category > div > img{
	width: 18vw;
    margin: 40px 50px 20px 0;
}
.service-category > div:nth-of-type(2) {
	font-size: 24px;
    padding-top: 3vw;
}
.service-category > div > ul {
	text-align: left;
	margin: 14px 0;
}
.service-category > div > ul > li{
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
}
.service-price-before{
	background-image: url(../img/service/service-price-beforeBg.webp);
	background-size: cover;
	height: 317px;
}
.service-price{
	text-align: center;
	background-color: #f2f2f2;
	padding-top: 60px;
}
.service-price > h5{
	font-size: 30px;
	border-bottom: solid 1px #666;
	width: 348px;
	margin: 0 auto;
}
.service-price > h6{
	font-size: 24px;
	color: #808080;
}
.service-price > img{
	width: 90%;
	margin-top: 40px;
}
.service-price > p{
	font-size: 24px;
	padding: 40px 0;
}
}


/*-----gallery-page-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.gallery{
	background-image: url(../img/gallery/galleryBg.png);
	background-size: cover;
	background-position: right bottom;
}
.gallerySec{
	background-image: url(../img/service/serviceSecBg.png);
	background-size: cover;
	height: 214px;
	background-position: right 90%;
}
.child-gallery{
	background-color: #f2f2f2;
	padding-top: 50px;
}
.child-gallery > div{
	padding-bottom: 32px;
}
.child-gallery > div > ul > li:nth-of-type(n+2){
	margin-top: 50px;
}
.child-gallery > div > ul > li iframe{
	width: 90%;
}
.child-gallery iframe{
	width: 90%;
}
.pnavi{
	margin-top: 50px;
}
.pnavi > .current{
	font-size: 18px;
	margin: 0px 10px;
    padding: 0;
    display: inline-block;
    background: #d7d7d7;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    border-radius: 30px;
    color: #4b4b4b;
}
.pnavi > a.page-numbers{
	font-size: 18px;
	margin: 0px 10px;
    padding: 0;
    display: inline-block;
    background: #4b4b4b;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    border-radius: 30px;
    color: white;
}
.pnavi > .page-numbers{
	line-height: 40px;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.gallery{
	background-image: url(../img/gallery/galleryBg.png);
	background-size: cover;
	background-position: right bottom;
}
.gallerySec{
	background-image: url(../img/service/serviceSecBg.png);
	background-size: cover;
	height: 214px;
	background-position: right 90%;
}
.child-gallery{
	background-color: #f2f2f2;
	padding-top: 100px;
}
.child-gallery > div{
	padding-bottom: 100px;
}
.child-gallery > div > ul {
	display: grid;
    /*gap: 10px;*/
    grid-template-columns: repeat(3, 33%);
}
.child-gallery > div > ul > li:nth-of-type(n+4){
	margin-top: 20px;
}
.child-gallery > div > ul > li img{
	width: 90%;
	height: auto;
	max-width: 225px;
}
.child-gallery > div > ul > li iframe{
	width: 90%;
}
.child-gallery iframe{
	width: 25vw;
}
.pnavi{
	margin-top: 32px;
}
.pnavi > .current{
	font-size: 18px;
	margin: 0px 10px;
    padding: 0;
    display: inline-block;
    background: #d7d7d7;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    border-radius: 30px;
    color: #4b4b4b;
}
.pnavi > a.page-numbers{
	font-size: 18px;
	margin: 0px 10px;
    padding: 0;
    display: inline-block;
    background: #4b4b4b;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    border-radius: 30px;
    color: white;
}
.pnavi > .page-numbers{
	line-height: 40px;
}
}

/*-----movie-page-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.momvie{
	background-image: url(../img/movie/movie_bg.png);
	background-size: cover;
	background-position: right bottom;
}
.child-momvie{
	background-color: #f2f2f2;
    padding: 50px 5% 70px;
}
.child-momvie > ul{
	margin-top: 50px;
	font-size: min(19px, 4vw);
}
.child-momvie > ul > li > ul{
	margin-top: 24px;
}
.child-momvie > ul > li > ul > li{
	display: inline-block;
	vertical-align: middle;
	font-size: 4vw;
}
.child-momvie > ul > li > ul > li img{
	width: 113px;
	border: solid 2px #fbb03b;
    border-radius: 50%;
    z-index: 2;
}
.child-momvie > ul > li > ul > li:first-child{
	float: left;
	clear: both;
}	
.child-momvie > ul > li > ul > div{
	background-color: white;
    border: solid 2px #fbb03b;
    padding: 18px 8px 27px 72px;
    margin-left: 50px;
    height: 68px;
    border-radius: 10px;
	text-align: center;
}
.child-momvie > ul > li > ul > li:nth-of-type(n+2){
	margin-left: 4%;
}
.child-momvie > ul > li > ul > li:nth-of-type(3){
	width: 45%;
}
.movieLogin{
	margin: 20px auto;
	text-align: center;
}
.movieLogin > a > div{
	background-color: #fbb03b;
	width: 60%;
    max-width: 400px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.movieLogin > a:nth-of-type(2){
	margin-left: 50px;
}
.movieLogin > a > div > p{
	color: white;
	font-size: max(12px, 4vw);
}
.movieLogin > a > div > span{
	margin-left: 5px;
	font-size: 19px;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.momvie{
	background-image: url(../img/movie/movie_bg.png);
	background-size: cover;
	background-position: right bottom;
}
.child-momvie{
	background-color: #f2f2f2;
    margin: 50px 7%;
    font-size: 24px;
    padding: 50px 5% 70px;
}
.child-momvie > ul{
	margin-top: 70px;
}
.child-momvie > ul > li > ul{
	margin-top: 24px;
}
.child-momvie > ul li ul li,.child-momvie > ul li ul div li,.child-momvie > ul li ul div{
	display: inline-block;
	vertical-align: middle;
}
.child-momvie > ul > li > ul > div > li{
	margin-left: 25px;
}
.movieLogin{
	margin: 20px auto 50px;
	text-align: center;
}
.movieLogin > a > div{
	background-color: #fbb03b;
    width: 300px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
.movieLogin > a:nth-of-type(2){
	margin-left: 50px;
}
.movieLogin > a > div > p{
	color: white;
	font-size: 24px;
}
.movieLogin > a > div > span{
	margin-left: 5px;
	font-size: 19px;
}
}


/*-----info-page-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.infoBg{
	background-image: url(../img/info/info_bg.webp);
	background-size: cover;
	background-position: right bottom;
}

/*タブ実装*/
.tab_box .btn_area {
	display: -webkit-box;
	display: flex;
}
.tab_box{
	margin: 50px 5%;
}

.tab_box .tab_btn {
	width: 33%;
	padding: 8px 0;
	color: #333;
	background: #b3b3b3;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	height: 46px;
}

.tab_box .tab_btn + .tab_btn {
	margin-left: 8px;
}

.tab_box .tab_btn:hover {
	background-color: #fbb03b;
	color:#333;
}

.tab_box .tab_btn.active {
    background:#f2f2f2;
    color:#333;
}

.tab_box .panel_area {
    border: solid 1px #e3ebf3;
    padding: 40px 10px;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.infoBg{
	background-image: url(../img/info/info_bg.webp);
	background-size: cover;
	background-position: right bottom;
}

/*タブ実装*/
.tab_box .btn_area {
	margin:0 10px;
	display: -webkit-box;
	display: flex;
}
.tab_box{
	margin: 50px 5%;
}

.tab_box .tab_btn {
	width: 33%;
	padding: 8px 0;
	color: #333;
	background: #b3b3b3;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	height: 46px;
    line-height: 46px;
}

.tab_box .tab_btn + .tab_btn {
	margin-left: 8px;
}

.tab_box .tab_btn:hover {
	background-color: #fbb03b;
	color:#333;
}

.tab_box .tab_btn.active {
    background:#f2f2f2;
    color:#333;
}

.tab_box .panel_area {
    border: solid 1px #e3ebf3;
    padding: 40px;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}
}
	
	
/*-----single.php 記事表示設定-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.blogArea{
	margin: 32px 5%;
}
.blogArea > h3{
	font-size: 20px;
}
.blogArea iframe{
	width: 100%;
}
.blogDay{
	font-size: 16px;
	margin-top: 20px;
}
.blogText{
	font-size: 20px;
	margin-top: 20px;
}
.topicPath{
	margin-bottom: 20px;
}
.topicPath > li{
	display: inline-block;
}
.topicPath span{
	margin: 0 5px;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.blogArea{
	margin: 100px 5%;
}
.blogArea > h3{
	font-size: 32px;
}
.blogDay{
	font-size: 16px;
	margin-top: 20px;
}
.blogText{
	font-size: 20px;
	margin-top: 20px;
}
.topicPath{
	margin-bottom: 20px;
}
.topicPath > li{
	display: inline-block;
}
.topicPath span{
	margin: 0 5px;
}
}


/*-----news-page NEWS一覧ページ-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 768px){
.newsTable{
	margin: 50px 5%;
	font-size: 16px;
}
.newsTable{
	margin: 50px 5%;
}
.newsTable > ul > a > div > li{
	display: inline-block;
	vertical-align: top;
}
.newsTable > ul > a:nth-of-type(n+2) > div{
	margin-top: 20px;
}
.newsTable .time{
	color: #b6b6b6;
	width: 5em;
}
.newsTable .title{
	width: 60%;
	margin-left: 5%;
}
}
/*pc*/
@media only screen and (min-width: 769px){
.newsTable{
	margin: 50px 5%;
	font-size: 20px;
}
.newsTable{
	margin: 50px 5%;
}
.newsTable > ul > a > div > li{
	display: inline-block;
	vertical-align: top;
}
.newsTable > ul > a:nth-of-type(n+2) > div{
	margin-top: 20px;
}
.newsTable .time{
	color: #b6b6b6;
	width: 20%;
}
.newsTable .title{
	width: 70%;
	margin-left: 5%;
}
}	
/*Contact Form 7カスタマイズ*/
/************************************
** お問い合わせフォームの入力
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  text-indent: 0.5em;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0;
  overflow: auto;
}
@media(max-width:769px) {
.inquiry td,
.inquiry th {
    display: block !important;
    width: 100% !important;
    border-top: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}
.inquiry tr:first-child th {
    border-top: 1px solid #d7d7d7 !important
}
.inquiry .any,
.inquiry .haveto {
    font-size: 10px
}
input[type="checkbox"]{
	display: block;
}
}
.inquiry th {
    text-align: left;
    font-size: 14px;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7
}
.inquiry td {
    border: solid 1px #d7d7d7
}
.entry-content .inquiry tr,
.entry-content table {
    border: solid 1px #d7d7d7
}
.haveto {
    font-size: 7px;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.havetoW50 {
    width: 20vw;
}
.any {
    font-size: 7px;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.verticallist .wpcf7-list-item {
    display: block
}
#formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0
}
#formbtn:hover {
    background: #fff;
    color: #ffaa56;
    border: 2px solid #ffaa56
}
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}
td {
    border-top: 1px solid #ededed;
    padding: 12px
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none;
}
.inquiry{
	width: 100%;
}
/*pc*/
@media only screen and (min-width: 769px){
.formW50{
    width: 20vw!important;
}
}