@charset "utf-8";

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     destyle(リセットcss)     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */
/**,::before,::after {box-sizing: border-box;border-style: solid;border-width: 0;}*/
/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: transparent; /* 3*/}
/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {margin: 0;}
/**
 * Render the `main` element consistently in IE.
 */
main {display: block;}
/* Vertical rhythm */
/* ============================================ */
p,table,blockquote,address,pre,iframe,form,figure,dl {margin: 0;}
/* Headings */
/* ============================================ */
h1,h2,h3,h4,h5,h6 {font-size: inherit;line-height: inherit;font-weight: inherit;margin: 0;}
/* Lists (enumeration) */
/* ============================================ */
ul,ol {margin: 0;padding: 0;list-style: none;}
/* Lists (definition) */
/* ============================================ */
dt {/*font-weight: bold;*/font-weight: normal;}
dd {margin-left: 0;}
/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */border-top-width: 1px;margin: 0;clear: both;color: inherit;}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {font-family: monospace, monospace; /* 1 */font-size: inherit; /* 2 */}
address {font-style: inherit;}
/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {background-color: transparent;text-decoration: none;color: inherit;}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,strong {font-weight: bolder;}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,kbd,samp {font-family: monospace, monospace; /* 1 */font-size: inherit; /* 2 */}
/**
 * Add the correct font size in all browsers.
 */
small {font-size: 80%;}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,embed,object,iframe {vertical-align: bottom;}
/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
/*button,input,optgroup,select,textarea {-webkit-appearance: none;appearance: none;vertical-align: middle;color: inherit;font: inherit;background: transparent;padding: 0;margin: 0;outline: 0;border-radius: 0;text-align: inherit;}*/
/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {-webkit-appearance: checkbox;appearance: checkbox;}
[type="radio"] {-webkit-appearance: radio;appearance: radio;}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/*button,input {overflow: visible;}*/
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,select {/* 1 */text-transform: none;}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/*button,[type="button"],[type="reset"],[type="submit"] {cursor: pointer;-webkit-appearance: none;appearance: none;}*/
button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled] {cursor: default;}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {display: none;}
/**
 * Remove padding
 */
option {padding: 0;}
/**
 * Reset to invisible
 */
/*fieldset {margin: 0;padding: 0;min-width: 0;}*/
fieldset,iframe {margin: 0;padding: 0;min-width: 0;border: 0;}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {vertical-align: baseline;}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {overflow: auto;}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {outline-offset: -2px; /* 1 */}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
/**
 * Clickable labels
 */
label[for] {cursor: pointer;}
/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {display: block;}
/*
 * Add the correct display in all browsers.
 */
summary {display: list-item;}
/*
 * Remove outline for editable content.
 */
[contenteditable] {outline: none;}
/* Table */
/* ============================================ */
table {border-collapse: collapse;border-spacing: 0;}
caption {text-align: left;}
td,th {vertical-align: top;padding: 0;}
th {text-align: left;/*font-weight: bold;*/font-weight: normal;}
/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {display: none;}
/**
 * Add the correct display in IE 10.
 */
[hidden] {display: none;}

/* iOSでのデフォルトスタイルをリセット　Formボタン */
input[type="submit"],input[type="button"] {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button; border: none;box-sizing: border-box;cursor: pointer;}input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none;}input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Magnific Popup CSS     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}.mfp-align-top .mfp-container:before{display:none;}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width:100%;cursor:auto;}.mfp-ajax-cur{cursor:progress;}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}.mfp-auto-cursor .mfp-content{cursor:auto;}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}.mfp-loading.mfp-figure{display:none;}.mfp-hide{display:none !important;}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}.mfp-preloader a{color:#CCC;}.mfp-preloader a:hover{color:#FFF;}.mfp-s-ready .mfp-preloader{display:none;}.mfp-s-error .mfp-content{display:none;}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}button::-moz-focus-inner{padding:0;border:0;}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;}.mfp-close:hover,.mfp-close:focus{opacity:1;}.mfp-close:active{top:1px;}.mfp-close-btn-in .mfp-close{color:#333;}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;//right:-6px;right:0;text-align:right;padding-right:6px;width:100%;}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}.mfp-arrow:active{margin-top:-54px;}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}.mfp-arrow-left{left:0;}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}.mfp-arrow-right{right:0;}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}.mfp-arrow-right:before{border-left:27px solid #3F3F3F;}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;//max-width:900px;max-width:1280px;}.mfp-iframe-holder .mfp-close{//top:-40px;top:-45px;}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}/* Main image in popup */img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}/* The shadow behind the image */.mfp-figure{line-height:0;}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}.mfp-figure figure{margin:0;}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}.mfp-image-holder .mfp-content{max-width:100%;}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}@media (max-width:800px) and (orientation:landscape), (max-height:300px){/*** Remove all paddings around the image on small screen ***/.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}.mfp-img-mobile img.mfp-img{padding:0;}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}.mfp-img-mobile .mfp-counter{right:5px;top:3px;}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}.mfp-container{padding-left:6px;padding-right:6px;}}





/*+-+-+-+-+-+-+-ここより下が自社で設定しているデフォルト設定になります。+-+-+-+-+-+-+-*/

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Common     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
:root {
	/* width */
	--main-max-width: 600px;
  /* Color */
  --main-color-black: #333333;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-orange: #ff4808;
  --color-brightorange: #ff7800;
  --color-yellow: #FFCA28;
  --color-yellow-marker: #fff600;
  --color-transp: transparent;
  /* Color キャラクター用*/
	--color-masoho: #e5312e;
	--color-ebizome: #7d2dae;
	--color-tokiwa: #4d8f4e;
	--color-kariyasu: #fbb128;
	--color-gunjo: #347efe;
	/* Gradation Color リンクボタン用*/
	--bgcolor-purple-green: linear-gradient(90deg, hsl(263deg 100% 54%) 0%, hsl(201deg 100% 50%) 33%, hsl(182deg 100% 45%) 67%, hsl(116deg 100% 61%) 100%);
  --bgcolor-orange-pink: linear-gradient(90deg, hsl(24deg 100% 47%) 0%, hsl(358deg 100% 62%) 33%, hsl(334deg 100% 53%) 67%, hsl(317deg 100% 54%) 100%);
  --bgcolor-blue-pink: linear-gradient(90deg, hsl(242deg 100% 38%) 0%, hsl(282deg 100% 38%) 33%, hsl(302deg 100% 39%) 67%, hsl(317deg 100% 54%) 100%);
  --bgcolor-blue-yellow: linear-gradient(90deg, hsl(178deg 100% 51%) 0%, hsl(138deg 100% 75%) 50%, hsl(62deg 100% 64%) 100%);
	--bgcolor-green-pink: linear-gradient(90deg, hsl(76deg 100% 54%) 0%, hsl(66deg 100% 50%) 33%, hsl(39deg 100% 54%) 67%, hsl(316deg 100% 57%) 100%);
	--bgcolor-orange-blue: linear-gradient(90deg, hsl(32deg 100% 53%) 0%, hsl(323deg 100% 50%) 33%, hsl(274deg 88% 54%) 67%, hsl(243deg 87% 54%) 100%);
	--bgcolor-orange-yellow: linear-gradient(90deg, hsl(17deg 100% 50%) 0%, hsl(22deg 99% 50%) 20%, hsl(28deg 98% 50%) 40%, hsl(33deg 97% 50%) 60%, hsl(38deg 96% 50%) 80%, hsl(44deg 95% 50%) 100%);
	/* Gradation Color キャラクター用*/
	--bgcolor-masoho: linear-gradient(90deg, hsl(1deg 78% 54%) 0%, hsl(349deg 87% 61%) 33%, hsl(357deg 98% 68%) 67%, hsl(23deg 98% 61%) 100%);
	--bgcolor-ebizome: linear-gradient(90deg, hsl(277deg 59% 43%) 0%, hsl(291deg 60% 51%) 33%, hsl(299deg 62% 60%) 67%, hsl(300deg 47% 68%) 100%);
	--bgcolor-tokiwa: linear-gradient(90deg, hsl(121deg 30% 43%) 0%, hsl(110deg 36% 50%) 33%, hsl(90deg 58% 57%) 67%, hsl(68deg 87% 64%) 100%);
	--bgcolor-kariyasu: linear-gradient(90deg, hsl(39deg 96% 57%) 0%, hsl(48deg 98% 58%) 33%, hsl(56deg 92% 59%) 67%, hsl(62deg 87% 59%) 100%);
	--bgcolor-gunjo: linear-gradient(90deg, hsl(218deg 99% 60%) 0%, hsl(196deg 100% 49%) 33%, hsl(189deg 83% 67%) 67%, hsl(172deg 90% 76%) 100%);
  /* Font Size */
  --fontsize-14: min(2.33vw, 14px);
  --fontsize-16: min(2.67vw, 16px);
  --fontsize-18: min(3vw, 18px);
  --fontsize-20: min(3.33vw, 20px);
  --fontsize-22: min(3.67vw, 22px);
  --fontsize-24: min(4vw, 24px);
  --fontsize-26: min(4.33vw, 26px);
  --fontsize-28: min(4.67vw, 28px);
  --fontsize-30: min(5vw, 30px);
	--fontsize-40: min(6.67vw, 40px);
	--fontsize-50: min(8.33vw, 50px);
	/* Font Family */
	--main-fontfamily: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	--fontfamily-for-alphanumeric: 'Josefin Sans', sans-serif;
	/* スクロールバー */
  --sb-track-color: #d0d0d0;
  --sb-thumb-color: #a2a2a2;
  --sb-size: 6px;
  --sb-radius-size: 6px;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{}
body{
	font-family: var(--main-fontfamily);
	font-size:16px;
	color: var(--main-color-black);
	background: var(--color-white);
	line-height:1.6;
	letter-spacing:1px;
	width:100%;
	height:100%;
	overflow:visible;
	word-wrap:break-word;
	overflow-wrap:break-word;
	font-feature-settings:'palt' 1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:100%;
}
img{
	display:inline-block;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
a{
	color:#333333;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}

/*          loading          */
#overlay{position:fixed;width:100%;height:100%;text-align:center;background:#FFF;z-index:9999;}

/*          Site Contents          */
#sitewrap {
	position: relative;
	width: 100%;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	overflow: hidden;
}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Media Screen     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          SP          */
/* @media (max-width:768px) {
	.tb, .pc, .br { display: none; }
} */
/*          TB          */
/* @media (max-width:834px) {
	.pc { display: none; }
} */
/*          PC          */
/* @media (min-width:835px) {
	.tb, .sp { display: none; }
} */