@charset "UTF-8";

/* reset,preset
**************************************************************************************************/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body { line-height:1; margin:0; -webkit-text-size-adjust: 100%; }
main { display: block; }
h1, h2, h3, h4, h5, h6{ margin: 0; font-weight: lighter;}
p { line-height:1.5; margin: 0; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section
{	display:block; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul { list-style:none; margin:0; padding:0; }
li { margin:0; padding:0; }
input, select { vertical-align:middle; }
a,button,input,select { outline: none; cursor: pointer; }
img { vertical-align:middle; }
figure { margin: 0; padding: 0; }
:placeholder-shown
::-webkit-input-placeholder,
:-ms-input-placeholder { color: #e5e5e5;}

a { color: #222; text-decoration:none; outline: none; backface-visibility:hidden; }
a img { border:0; position:relative; }
@media screen and (min-width: 769px) {
	a { -webkit-transition: all 0.2s; transition: all 0.2s;  }
}
dd{margin: 0;}
.bold{font-weight: bold;}
/* mediaquery
**************************************************************************************************/

/* font
**************************************************************************************************/

/* fontsize,color
**************************************************************************************************/
body { font:13px/1.231 dnp-shuei-mincho-pr6,sans-serif; font-weight: 400; -webkit-text-size-adjust: 100%; overflow-x: hidden; color: #333; }
table { font-size:inherit;}
pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100% }
.serif { font-family: serif; }
.sanserif { font-family:'DIN',sans-serif; }
.bg{width: 100%; background-size: cover; background-repeat: repeat; background-position: center center;}
/* box
**************************************************************************************************/
.ib_wrap { letter-spacing: -1em; }

/* headline
**************************************************************************************************/

/* background
**************************************************************************************************/

/* float-align
**************************************************************************************************/
.clear { clear:both; }
.flr { float:right; }
.fll { float:left; }
.center { text-align: center!important; } 
.center img { display:inline!important; }
.center img.pc { display:none!important; }
.center img.sp { display:inline!important; }
@media screen and (min-width: 769px) {
.center img.sp { display:none!important; }
.center img.pc { display:inline!important; }
}
.left { text-align: left; } 
.flrpic { float:right; display:inline; margin:0px 0px 15px 15px; }
.flrpic img { margin-bottom:5px; display:inline; }
.fllpic { float:left; margin:0px 15px 15px 0px; }
.fllpic img { margin-bottom:5px; display:inline; }
.centerpic { margin:0px auto; text-align:center; }
.centerpic img { margin-bottom:5px; display:inline; }
.flrtbl { float:right; margin:0px 0px 25px 25px; }
.flltbl { float:left; margin:0px 25px 25px 0px; }
.alr { text-align:right!important; }
.alr img { display:inline; }
.inline { display:inline; }
.all { text-align:left!important; }
.mauto { margin:0px auto!important; }

/* img
**************************************************************************************************/
img.full { width:100%; max-width:100%; height:auto; }

/* embed
**************************************************************************************************/
.embed{ position:relative; width:100%; padding-top:56.25%; margin-bottom: 1em; }
.embed iframe{ position:absolute; top:0; right:0; width:100%; height:100%; }

/* button
**************************************************************************************************/
.fb_iframe_widget > span {
	vertical-align: top !important;
}

/* select input
**************************************************************************************************/

/* lists
**************************************************************************************************/
ul.list-dflt { margin: 1em 0 2em 0; }
ul.list-dflt > li { margin-bottom: 10px; position: relative; padding-left: 15px;}
ul.list-dflt > li:before {  content: '・'; display: inline-block; text-indent: 0; font-weight: 500; font-size: 10px; position: absolute; top: 8px; left: 0px; line-height: 0;}
ul.list-notice { margin-left:15px; margin-bottom: 1em; }
ul.list-notice li { display:block; position:relative; font-size: 14px; margin-bottom: 8px; }
ul.list-notice li:before { content:'※'; position:absolute; left:-15px;  }
@media screen and (min-width: 769px) {
	ul.list-notice { margin-bottom: 2em;}
	ul.list-notice li {  font-size: 12px; }
}

/* text
**************************************************************************************************/
.ellipsis { max-height:56px; position: relative; overflow: hidden; text-align:justify; font-size: 1em; }
.ellipsis:before,
.ellipsis:after { position: absolute; background: #fff; }
.ellipsis:before { content: "…"; bottom: 0; right: 0; margin-bottom: 0px; background: #fff; width: 1em; }
.ellipsis:after { content: ""; width: 100%; height: 100%;  }
@media screen and (min-width: 769px) {
.ellipsis { max-height: none; position: relative; overflow: visible; }
.ellipsis:before,
.ellipsis:after { display: none; }
.ellipsis:before {  }
.ellipsis:after {  }
}


/* images
**************************************************************************************************/

/* border
**************************************************************************************************/
.rounded { position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -pie-border-radius: 8px; }

/* linkstyles
**************************************************************************************************/
.is-preview a,
.is-preview span { pointer-events: none; cursor: default; }

/* fontsize
**************************************************************************************************/

/* table
**************************************************************************************************/
table { border-spacing: 0; }

/* box
**************************************************************************************************/

/* reset-slider
**************************************************************************************************/
.bx-wrapper { margin-bottom: 0; box-shadow: none; border: 0; background: none; }

/* scroll
**************************************************************************************************/
.scroll-wrap { position: relative; }
.scroll-wrap .scroll { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch;  }
@media screen and (min-width: 769px) {
	.scroll-wrap .scroll { overflow: visible; }
}

/* fix
**************************************************************************************************/
.fixed { position: fixed!important; width: 100%; }

/* form
**************************************************************************************************/
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
input[type="reset"],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    border:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow:none;
    box-shadow : none;
    outline:none;
    cursor     : pointer;
}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
textarea,
select {
	border:1px solid #e5e5e5;
    border-radius: 0px;
    box-shadow : none;
}
select::-ms-expand {
	display: none;
}
select.dflt { padding: 5px 8px; font-size: 12px; width: 100%; background: url(../img/common/arw01-d.png) calc(100% - 10px) 50% no-repeat; background-size: 6px 5px; padding-right: 20px; border-radius: 8px; }

/* width
**************************************************************************************************/
.m0 {	margin:0 !important;} .mt0 {	margin-top:0 !important;} .mr0 {	margin-right:0 !important;} .mb0 {	margin-bottom:0 !important;} .ml0 {	margin-left:0 !important;}
.m10 {	margin:10px !important;} .mt10 {	margin-top:10px !important;} .mr10 {	margin-right:10px !important;} .mb10 {	margin-bottom:10px !important;} .ml10 {	margin-left:10px !important;}
.m20 {	margin:20px !important;} .mt20 {	margin-top:20px !important;} .mr20 {	margin-right:20px !important;} .mb20 {	margin-bottom:20px !important;} .ml20 {	margin-left:20px !important;}
.m30 {	margin:30px !important;} .mt30 {	margin-top:30px !important;} .mr30 {	margin-right:30px !important;} .mb30 {	margin-bottom:30px !important;} .ml30 {	margin-left:30px !important;}
.m40 {	margin:40px !important;} .mt40 {	margin-top:40px !important;} .mr40 {	margin-right:40px !important;} .mb40 {	margin-bottom:40px !important;} .ml40 {	margin-left:40px !important;}
.m50 {	margin:50px !important;} .mt50 {	margin-top:50px !important;} .mr50 {	margin-right:50px !important;} .mb50 {	margin-bottom:50px !important;} .ml50 {	margin-left:50px !important;}
.p0 {	padding:0 !important;} .pt0 {	padding-top:0 !important;} .pr0 {	padding-right:0 !important;} .pb0 {	padding-bottom:0 !important;} .pl0 {	padding-left:0 !important;}
.p10 {	padding:10px !important;} .pt10 {	padding-top:10px !important;} .pr10 {	padding-right:10px !important;} .pb10 {	padding-bottom:10px !important;} .pl10 {	padding-left:10px !important;}
.p20 {	padding:20px !important;} .pt20 {	padding-top:20px !important;} .pr20 {	padding-right:20px !important;} .pb20 {	padding-bottom:20px !important;} .pl20 {	padding-left:20px !important;}
.p30 {	padding:30px !important;} .pt30 {	padding-top:30px !important;} .pr30 {	padding-right:30px !important;} .pb30 {	padding-bottom:30px !important;} .pl30 {	padding-left:30px !important;}
.p40 {	padding:40px !important;} .pt40 {	padding-top:40px !important;} .pr40 {	padding-right:40px !important;} .pb40 {	padding-bottom:40px !important;} .pl40 {	padding-left:40px !important;}
.p50 {	padding:50px !important;} .pt50 {	padding-top:50px !important;} .pr50 {	padding-right:50px !important;} .pb50 {	padding-bottom:50px !important;} .pl50 {	padding-left:50px !important;}
.pl05 { padding-left:5px!important; }
.w5 {	width:5% !important;} .w10 {	width:10% !important;}
.w15 {	width:15% !important;} .w20 {	width:20% !important;}
.w25 {	width:25% !important;} .w30 {	width:30% !important;}
.w35 {	width:35% !important;} .w40 {	width:40% !important;}
.w45 {	width:45% !important;} .w50 {	width:50% !important;}
.w55 {	width:55% !important;} .w60 {	width:60% !important;}
.w65 {	width:65% !important;} .w70 {	width:70% !important;}
.w75 {	width:75% !important;} .w80 {	width:80% !important;}
.w85 {	width:85% !important;} .w90 {	width:90% !important;}
.w95 {	width:95% !important;} .w100 {	width:100% !important;}
.w300 { width:300px !important; }
.w350 { width:350px !important; }
.wauto {	width:auto !important;}
.whalf {	width:355px;}
.full { width: 100%!important; }
div.indent .whalf {	width:335px;}
div.indent div.indent .whalf {	width:315px;}
.align_right {	text-align:right!important;}
.align_center {	text-align:center!important;}
.center { text-align:center!important; }
.align_left {	text-align:left;}
.fontSS {	font-size:77% !important;}
.fontS {	font-size:93% !important;}
.fontM {	font-size:100% !important;}
.fontL {	font-size:123.1% !important;}
.fontLL {	font-size:146.5% !important;}
.font_normal {	font-weight:normal;}
.font_bold {	font-weight:bold;}
.nowrap {	white-space:nowrap;}
a.bd img { border:1px solid #ddc086; }
.disable { opacity:0.3; }
.alert { color: #df321b; }
@media screen and (min-width: 769px) {
.w40_pc {	width:40% !important;}
.w60_pc {	width:60% !important;}
}

/* flex
**************************************************************************************************/

/* clrfix
**************************************************************************************************/


.clrfix,
.inner,
.block,
.box,
.set {  
	display:inline-table;
	min-height:1%;
}

* html .clrfix,
* html .inner,
* html .block,
* html .box,
* html .set { 
	height:1px;
}

.clrfix,
.inner,
.block,
.box,
.set {  
	display:block;
}
/*-- globalフォルダの中の_index.scss --*/
a {transition: opacity 0.3s ease;}
a:hover {opacity: 0.8;}
a:hover img {opacity: 0.8;}
a img {transition-property: opacity;transition-duration: 0.2s;backface-visibility: hidden;}
img {max-width: 100%;height: auto;}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {outline: -webkit-focus-ring-color auto 1px;outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 1px;}
small {font-size: inherit;}
*,
::before,
::after {box-sizing: border-box;border-style: solid;border-width: 0;}
html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: transparent; /* 3*/}
body {margin: 0;}
main {display: block;}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {margin: 0;}
h1,
h2,
h3,
h4,
h5,
h6 {font-size: inherit;font-weight: inherit;margin: 0;}
ul,
ol {margin: 0;padding: 0;list-style: none;}
dt {font-weight: bold;}
dd {margin-left: 0;}
hr {box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */border-top-width: 1px;margin: 0;clear: both;color: inherit;}
pre {font-family: monospace, monospace; /* 1 */font-size: inherit; /* 2 */}
address {font-style: inherit;}
a {background-color: transparent;text-decoration: none;color: inherit;}
abbr[title] {text-decoration: underline dotted; /* 2 */}
b,
strong {font-weight: bolder;}
code,
kbd,
samp {font-family: monospace, monospace; /* 1 */font-size: inherit; /* 2 */}
small {font-size: 80%;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg,
img,
embed,
object,
iframe {vertical-align: bottom;}
button,
input,
optgroup,
select,
textarea {-webkit-appearance: none; /* 1 */appearance: none;vertical-align: middle;color: inherit;font: inherit;background: transparent;padding: 0;margin: 0;border-radius: 0;text-align: inherit;text-transform: inherit; /* 2 */}
[type=checkbox] {-webkit-appearance: checkbox;appearance: checkbox;}
[type=radio] {-webkit-appearance: radio;appearance: radio;}
button,
[type=button],
[type=reset],
[type=submit] {cursor: pointer;}
button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {cursor: default;}
:-moz-focusring {outline: auto;}
select:disabled {opacity: inherit;}
option {padding: 0;}
fieldset {margin: 0;padding: 0;min-width: 0;}
legend {padding: 0;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {height: auto;}
[type=search] {outline-offset: -2px; /* 1 */}
[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
label[for] {cursor: pointer;}
details {display: block;}
summary {display: list-item;}
[contenteditable]:focus {outline: auto;}
table {border-color: inherit; /* 1 */border-collapse: collapse;}
caption {text-align: left;}
td,
th {vertical-align: top;padding: 0;}
th {text-align: left;font-weight: bold;}