@charset "utf-8";

/* 
	RESET - ADAPTED FROM MEYER RESET
	URL - http://meyerweb.com/eric/tools/css/reset/
	LICENSE - PUBLIC DOMAIN
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
font-family: inherit; 
font-size: 100%; 
font-weight: inherit; 
font-style: inherit; 
vertical-align: baseline; 
white-space: normal;
text-align: left; 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0;
background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { 
border-collapse: collapse; 
border-spacing: 0;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
}


/*!
 * This file was created by jetgraph Inc.
 * Copyright © 2025 jetgraph Inc. All rights reserved.
 * Unauthorized copying or redistribution is prohibited.
 */



::before,::after {background-repeat: no-repeat;box-sizing: inherit;}

@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: url('/font/NotoSansCJKjp-Regular.woff2') format('woff2'),url('/font/NotoSansCJKjp-Regular.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Noto Sans JP';
font-style: bold;
font-weight: 700;
src: url('/font/NotoSansCJKjp-Bold.woff2') format('woff2'),url('/font/NotoSansCJKjp-Bold.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Ropa Sans';
font-style: normal;
font-weight: 400;
src: url('/font/RopaSans-Regular.woff2') format('woff2'),url('/font/RopaSans-Regular.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
src: url('/font/Montserrat-Light.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url('/font/Montserrat-Medium.woff') format('woff');
font-display: swap;
}



:root {
--font-family:YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
--font-family-en:'Ropa Sans', sans-serif;
--font-family-round:YakuHanRP, dnp-shuei-mgothic-std, "M PLUS Rounded 1c", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
--font-color:#333;

/*スマホ、タブレット、PC 基本フォントサイズ*/
/* --font-size-sp:min(4vw,15px); */
--font-size-sp:clamp(13px, 4vw, 15px);
--font-size-tb:15px;
--font-size-pc_s:min(2.5vw,15px);
--font-size-pc:16px;

/*フォントサイズ*/
--10px: 59%;	--11px: 65%;	--12px: 71%;
--13px: 76%;	--14px: 82%;	--15px: 88%;
--16px: 94%;	--17px: 100%;	--18px: 106%;
--19px: 112%;	--20px: 118%;	--21px: 124%;
--22px: 129%;	--23px: 135%;	--24px: 141%;
--25px: 147%;	--26px: 153%;	--27px: 159%;
--28px: 165%;	--29px: 171%;	--30px: 176%;
--31px: 182%;	--32px: 188%;	--33px: 194%;
--34px: 200%;	--35px: 206%;	--36px: 212%;
--37px: 218%;	--38px: 226%;	--39px: 229%;
--40px: 235%;

/*スマホ時のパディング値調整*/
--05em-sp:2.5px;
--1em-sp:5px;
--2em-sp:10px;
--3em-sp:15px;
--4em-sp:20px;
--5em-sp:25px;
--6em-sp:30px;
--7em-sp:35px;
--8em-sp:40px;
--9em-sp:45px;
--10em-sp:50px;

/*カラムサイズ*/
--col1:8.3333%;
--col2:16.6666%;
--col3:25%;
--col4:33.3333%;
--col5:41.6666%;
--col6:50%;
--col7:58.333%;
--col8:66.666%;
--col9:75%;
--col10:83.333%;
--col11:91.666%;
--col12:100%;

/*inner-wrapper内のカラムサイズ*/
--inner-col1:8.73%;
--inner-col2:17.46%;
--inner-col3:26.19%;
--inner-col4:34.92%;
--inner-col5:43.65%;
--inner-col6:52.38%;
--inner-col7:61.11%;
--inner-col8:69.84%;
--inner-col9:78.57%;
--inner-col10:87.3%;
--inner-col11:96.03%;
--inner-col12:104.76%;
}


html,
body{
width:100%;
height:100%;
padding:0;
border:none;
}

html{
/* font-size: 62.5%; */
box-sizing: border-box;
scroll-padding-top: 70px;/* アンカーリンク用 */
}

body {
font-family:var(--font-family);
font-weight: 400;
line-height:1.7;
color: var(--font-color);
min-width:100%;
/* width:100%; */
margin: 0;
 /*word-break:break-all; ←句読点だけ落ちたりするので、必要なければ外す */
overflow-wrap: break-word; /* ←table-layoutできかないけど問題なければ設置 */
font-feature-settings:"palt"; /* 自動カーニングのプロパティ　※フォントに注意 NotoSansなどwebフォントのサブセット使ってる場合は効かない場合あり */
letter-spacing: 0.8px; /* paltだけでは詰まりすぎるので少し調整しとく */
background-color: #fff;
}




article,header,footer,hmenu-nav {
width:100%;
font-size: var(--font-size-sp); /*スマホ基本フォントサイズ*/
}
a { transition:opacity .2s; }
a { color: var(--font-color);text-decoration: none; }
a.underbar { text-decoration: underline; }
a:hover { opacity: .8; }


/* アンカーリンク用 */

@media screen and (min-width:768px) {
html{scroll-padding-top: 100px;}/* アンカーリンク用 */
}


p{
text-align : justify;
word-break:break-all;
text-justify:inter-character;
}

rt,rp {
font-size: 40%;
-webkit-transform:scale(0.8);
}
rp{padding:0;}
ruby {
ruby-overhang: auto;
ruby-align:center;
ruby-position: inline;
}

/* font */
.font_en {
font-family: var(--font-family-en);
}
.font_round {
font-family: var(--font-family-round);
}
.font_mont {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.font_red{
color:var(--mamolico-red);
}

/*縦書き*/
.text-vertical{
writing-mode:vertical-rl;
-ms-writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;
font-family:sans-serif!important;
}





/* Container */
.col,.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12 {
display: block;
align-items: flex-start;
align-content: flex-start;
position: relative;
padding:15px;
width:100%;
box-sizing: border-box;
}
.wrapper{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
position:relative;
margin:0 auto;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.inner-wrapper{
width:calc(100% - 4.545%);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
position:relative;
margin:0 auto;
box-sizing: border-box;
}
.w100{
width: 100%!important;
}
.container{
width: 100%;
position:relative;
box-sizing: border-box;
}
/*スマホファーストのレイアウト時のカラムサイズ*/
.col1_sp,.col2_sp,.col3_sp,.col4_sp,.col5_sp,.col6_sp {
display: block;
align-items: flex-start;
align-content: flex-start;
position: relative;
padding:4.545%;
box-sizing: border-box;
}
.col1_sp{ width:var(--col2); }
.col2_sp{ width:var(--col4); }
.col3_sp{ width:var(--col6); }
.col4_sp{ width:var(--col8); }
.col5_sp{ width:var(--col10); }
.col6_sp{ width:var(--col12); }





 


/* flex */
.flex{ display: flex!important; }
.i-flex{ display: inline-flex!important; }
.jc-start {justify-content:flex-start;}
.jc-end {justify-content:flex-end;}
.jc-center {justify-content:center;}
.jc-between {justify-content:space-between;}
.jc-around {justify-content:space-around;}
.ac-start {align-content: flex-start;}
.ac-end {align-content: flex-end;}
.ac-center {align-content: center;}
.ac-between {align-content: space-between;}
.ac-around {align-content: space-around;}
.ac-stretch {align-content: stretch;}
.ai-start {align-items:flex-start;}
.ai-end {align-items:flex-end;}
.ai-center {align-items:center;}
.ai-baseline {align-items:baseline;}
.ai-stretch {align-items:stretch;}
.nowrap { flex-wrap: nowrap; }
.wrap { flex-wrap: wrap; }
.wrap-reverse { flex-wrap: wrap-reverse; }
.fd-row {flex-direction: row;}
.fd-row-reverse {flex-direction: row-reverse;}
.fd-column {flex-direction: column;}
.fd-column-reverse {flex-direction: column-reverse;}
.grow-0{ flex-grow:0; }
.grow-1{ flex-grow:1; }
.grow-2{ flex-grow:2; }
.grow-3{ flex-grow:3; }
.grow-4{ flex-grow:4; }
.flex-s100{ flex-basis:100%; max-width:100%; }
.flex-s90{ flex-basis:90%; max-width:90%; }
.flex-s80{ flex-basis:80%; max-width:80%; }
.flex-s70{ flex-basis:70%; max-width:70%; }
.flex-s60{ flex-basis:60%; max-width:60%; }
.flex-s50{ flex-basis:50%; max-width:50%; }
.flex-s40{ flex-basis:40%; max-width:40%; }
.flex-s33{ flex-basis:33%; max-width:33%; }
.flex-s30{ flex-basis:30%; max-width:30%; }
.flex-s25{ flex-basis:25%; max-width:25%; }
.flex-s20{ flex-basis:20%; max-width:20%; }
.flex-s10{ flex-basis:10%; max-width:10%; }
.flex-s100,.flex-s90,.flex-s80,.flex-s70,.flex-s60,.flex-s50,.flex-s40,.flex-s33,.flex-s30,.flex-s25,.flex-s20,.flex-s10{ box-sizing: border-box; }
/* gap */
.gap-0{ gap: 0; }
.gap-1{ gap: 1%; }
.gap-2{ gap: 2%; }
.gap-3{ gap: 3%; }
.gap-4{ gap: 4%; }
.gap-5{ gap: 5%; }
.gap-6{ gap: 6%; }
.gap-7{ gap: 7%; }
.gap-8{ gap: 8%; }
.gap-9{ gap: 9%; }
.gap-10{ gap: 10%; }
.nowrap-sp { flex-wrap: nowrap; }
.wrap-sp { flex-wrap: wrap; }


/* display */
.db{display: block;width: 100%;}
.di{display: inline;}
.dib{display: inline-block;}

/* overflow */
.over-hidden{ overflow:hidden; }

/* text-align */
.text-right{ text-align: right!important; }
.text-left{ text-align: left!important; }
.text-center{ text-align: center!important; }
.text-center-sp{text-align: center;justify-content: center;}

/* v-align */
.vertical-top{ vertical-align: top; }
.vertical-bottom{ vertical-align: bottom; }

/* float */
.fl{ float:left; }
.fr{ float:right; }
.fi{ float:inherit; text-align: center;}

/* position */
.relative {position: relative;}


/* on off */
.on-tb,
.on-pc,
.off-sp,
.off-sp-db,
.on-pc-di { display:none!important; }
.off-tb,
.off-pc,
.on-sp { display:inline-block!important; }
.on-sp.wrapper { display:flex!important; }
.on-sp-db {display:block!important;}
.on-sp-if {display: inline-flex!important;}
.on-sp-flex {display: flex!important;}




/* margin */
.mt-0{ margin-top: 0!important; }
.mt-1em{ margin-top: var(--1em-sp)!important; }
.mt-2em{ margin-top: var(--2em-sp)!important; }
.mt-3em{ margin-top: var(--3em-sp)!important; }
.mt-4em{ margin-top: var(--4em-sp)!important; }
.mt-5em{ margin-top: var(--5em-sp)!important; }
.mt-6em{ margin-top: var(--6em-sp)!important; }
.mt-7em{ margin-top: var(--7em-sp)!important; }
.mt-8em{ margin-top: var(--8em-sp)!important; }
.mr-0{ margin-right: 0!important; }
.mr-1em{ margin-right: var(--1em-sp)!important; }
.mr-2em{ margin-right: var(--2em-sp)!important; }
.mr-3em{ margin-right: var(--3em-sp)!important; }
.mr-4em{ margin-right: var(--4em-sp)!important; }
.mr-5em{ margin-right: var(--5em-sp)!important; }
.mr-6em{ margin-right: var(--6em-sp)!important; }
.mr-7em{ margin-right: var(--7em-sp)!important; }
.mr-8em{ margin-right: var(--8em-sp)!important; }
.mb-0{ margin-bottom: 0 !important; }
.mb-1em{ margin-bottom: var(--1em-sp)!important; }
.mb-2em{ margin-bottom: var(--2em-sp)!important; }
.mb-3em{ margin-bottom: var(--3em-sp)!important; }
.mb-4em{ margin-bottom: var(--4em-sp)!important; }
.mb-5em{ margin-bottom: var(--5em-sp)!important; }
.mb-6em{ margin-bottom: var(--6em-sp)!important; }
.mb-7em{ margin-bottom: var(--7em-sp)!important; }
.mb-8em{ margin-bottom: var(--8em-sp)!important; }
.ml-0{ margin-left: 0!important; }
.ml-1em{ margin-left: var(--1em-sp)!important; }
.ml-2em{ margin-left: var(--2em-sp)!important; }
.ml-3em{ margin-left: var(--3em-sp)!important; }
.ml-4em{ margin-left: var(--4em-sp)!important; }
.ml-5em{ margin-left: var(--5em-sp)!important; }
.ml-6em{ margin-left: var(--6em-sp)!important; }
.ml-7em{ margin-left: var(--7em-sp)!important; }
.ml-8em{ margin-left: var(--8em-sp)!important; }

/* padding */
.pt-0{ padding-top: 0 !important; }
.pt-1em{ padding-top: var(--1em-sp)!important; }
.pt-2em{ padding-top: var(--2em-sp)!important; }
.pt-3em{ padding-top: var(--3em-sp)!important; }
.pt-4em{ padding-top: var(--4em-sp)!important; }
.pt-5em{ padding-top: var(--5em-sp)!important; }
.pt-6em{ padding-top: var(--6em-sp)!important; }
.pt-7em{ padding-top: var(--7em-sp)!important; }
.pt-8em{ padding-top: var(--8em-sp)!important; }
.pr-0{ padding-right: 0 !important; }
.pr-1em{ padding-right: var(--1em-sp)!important; }
.pr-2em{ padding-right: var(--2em-sp)!important; }
.pr-3em{ padding-right: var(--3em-sp)!important; }
.pr-4em{ padding-right: var(--4em-sp)!important; }
.pr-5em{ padding-right: var(--5em-sp)!important; }
.pr-6em{ padding-right: var(--6em-sp)!important; }
.pr-7em{ padding-right: var(--7em-sp)!important; }
.pr-8em{ padding-right: var(--8em-sp)!important; }
.pb-0{ padding-bottom: 0 !important; }
.pb-1em{ padding-bottom: var(--1em-sp) !important; }
.pb-2em{ padding-bottom: var(--2em-sp) !important; }
.pb-3em{ padding-bottom: var(--3em-sp)!important; }
.pb-4em{ padding-bottom: var(--4em-sp)!important; }
.pb-5em{ padding-bottom: var(--5em-sp)!important; }
.pb-6em{ padding-bottom: var(--6em-sp)!important; }
.pb-7em{ padding-bottom: var(--7em-sp)!important; }
.pb-8em{ padding-bottom: var(--8em-sp)!important; }
.pl-0{ padding-left: 0 !important; }
.pl-1em{ padding-left: var(--1em-sp)!important; }
.pl-2em{ padding-left: var(--2em-sp)!important; }
.pl-3em{ padding-left: var(--3em-sp)!important; }
.pl-4em{ padding-left: var(--4em-sp)!important; }
.pl-5em{ padding-left: var(--5em-sp)!important; }
.pl-6em{ padding-left: var(--6em-sp)!important; }
.pl-7em{ padding-left: var(--7em-sp)!important; }
.pl-8em{ padding-left: var(--8em-sp)!important; }


/* padding all */
.pd-0{ padding: 0 }
.pd-05em{ padding: 2.5px }
.pd-1em{ padding: 3.75px 5px }
.pd-2em{ padding: 7.5px 10px }
.pd-3em{ padding: 11.25px 15px }
.pd-4em{ padding: 15px 20px }
.pd-5em{ padding: 18.75px 25px }
.pd-6em{ padding: 22.5px 30px }

/* container */
.container.pd-1em{ padding: 5px 0; }
.container.pd-2em{ padding: 10px 0; }
.container.pd-3em{ padding: 15px 0; }
.container.pd-4em{ padding: 20px 0; }
.container.pd-5em{ padding: 25px 0; }
.container.pd-6em{ padding: 30px 0; }
.container.pd-7em{ padding: 35px 0; }
.container.pd-8em{ padding: 40px 0; }
.container.pd-9em{ padding: 45px 0; }
.container.pd-10em{ padding: 50px 0; }
.container.pd-11em{ padding: 55px 0; }
.container.pd-12em{ padding: 60px 0; }






/* inner-wrapper */
.inner-wrapper.pd-3em,
.inner-wrapper.pd-4em,
.inner-wrapper.pd-5em {
padding-right: 0;
padding-left: 0;
}



/* font-size */
.fs15{font-size:min(2.67vw , 15px);/*10px*/}
.fs16{font-size:min(2.93vw , 16px);/*11px*/}
.fs17{font-size:min(3.73vw , 17px);/*14px*/}
.fs18{font-size:min(4vw , 18px);/*15px*/}
.fs20{font-size:min(4.53vw , 20px);/*17px*/}
.fs22{font-size:min(4.8vw , 22px);/*18px*/}
.fs24{font-size:min(5.07vw , 24px);/*19px*/}
.fs26{font-size:min(5.2vw , 26px);/*19.5px*/}
.fs28{font-size:min(5.33vw , 28px);/*20px*/}
.fs30{font-size:min(5.6vw , 30px);/*21px*/}
.fs32{font-size:min(5.73vw , 32px);/*21.5px*/}
.fs34{font-size:min(5.87vw , 34px);/*22px*/}
.fs36{font-size:min(6vw , 36px);/*22.5px*/}
.fs38{font-size:min(6.13vw , 38px);/*23px*/}
.fs40{font-size:min(6.4vw , 40px);/*24px*/}
.en{font-family: var(--font-family-en);}
.en.strong{font-weight:500!important;}
.min{font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.round{font-family: var(--font-family-round);}
.mont {font-family: 'Montserrat', sans-serif;}
.palt{font-feature-settings:"palt";}
.lh12{line-height:1.2;}
.lh15{line-height:1.5;}
.ls100{letter-spacing:0.2em;}
.ls200{letter-spacing:0.4em;}















@media screen and (min-width:768px) {

/*#all*/
article,header,hmenu-nav {
font-size: var(--font-size-tb); /*タブレット基本フォントサイズ*/
}

/* on off */
.on-sp,.off-tb,
.on-sp-db,.on-sp-di,.on-sp-if,.on-sp-flex { display:none!important; }
.on-pc,.on-pc-di,.off-sp,.off-pc,.on-tb { display:inline-block!important; }
.off-sp-if { display:inline-flex!important; }
.off-sp-db { display:block!important; }
.off-sp-flex { display:flex!important; }
.on-tb.wrapper { display:flex!important; }

.text-left-pc {text-align: left !important;}
.text-center-sp{text-align: left;justify-content:flex-start;}
.text-center-pc{text-align: center!important;justify-content: center;}

.wrapper{
width: 100%;
}

.col{ width: auto; }
.col1 { width:var(--col1); }
.col2 { width:var(--col2); }
.col3 { width:var(--col3); }
.col4 { width:var(--col4); }
.col5 { width:var(--col5); }
.col6 { width:var(--col6); }
.col7 { width:var(--col7); }
.col8 { width:var(--col8); }
.col9 { width:var(--col9); }
.col10 { width:var(--col10); }
.col11 { width:var(--col11); }
.col12 { width:var(--col12); }
/*スマホファーストのレイアウト時のカラムサイズ*/
.col1_sp{ width:var(--col1); }
.col2_sp{ width:var(--col2); }
.col3_sp{ width:var(--col3); }
.col4_sp{ width:var(--col4); }
.col5_sp{ width:var(--col5); }
.col6_sp{ width:var(--col6); }
.inner-wrapper .col{ width: auto; }
.inner-wrapper .col1 { width:var(--inner-col1); }
.inner-wrapper .col2 { width:var(--inner-col2); }
.inner-wrapper .col3 { width:var(--inner-col3); }
.inner-wrapper .col4 { width:var(--inner-col4); }
.inner-wrapper .col5 { width:var(--inner-col5); }
.inner-wrapper .col6 { width:var(--inner-col6); }
.inner-wrapper .col7 { width:var(--inner-col7); }
.inner-wrapper .col8 { width:var(--inner-col8); }
.inner-wrapper .col9 { width:var(--inner-col9); }
.inner-wrapper .col10 { width:var(--inner-col10); }
.inner-wrapper .col11 { width:var(--inner-col11); }
.inner-wrapper .col12 { width:var(--inner-col12); }

/* margin */
.mt-0{ margin-top: 0!important; }
.mt-05em{ margin-top: 5px!important; }
.mt-1em{ margin-top: 10px!important; }
.mt-2em{ margin-top: 20px!important; }
.mt-3em{ margin-top: 30px!important; }
.mt-4em{ margin-top: 40px!important; }
.mt-5em{ margin-top: 50px!important; }
.mt-6em{ margin-top: 60px!important; }
.mt-7em{ margin-top: 70px!important; }
.mt-8em{ margin-top: 80px!important; }
.mr-0{ margin-right: 0!important; }
.mr-05em{ margin-right: 5px!important; }
.mr-1em{ margin-right: 10px!important; }
.mr-2em{ margin-right: 20px!important; }
.mr-3em{ margin-right: 30px!important; }
.mr-4em{ margin-right: 40px!important; }
.mr-5em{ margin-right: 50px!important; }
.mr-6em{ margin-right: 60px!important; }
.mr-7em{ margin-right: 70px!important; }
.mr-8em{ margin-right: 80px!important; }
.mb-0{ margin-bottom: 0 !important; }
.mb-05em{ margin-bottom: 5px!important; }
.mb-1em{ margin-bottom: 10px!important; }
.mb-2em{ margin-bottom: 20px!important; }
.mb-3em{ margin-bottom: 30px!important; }
.mb-4em{ margin-bottom: 40px!important; }
.mb-5em{ margin-bottom: 50px!important; }
.mb-6em{ margin-bottom: 60px!important; }
.mb-7em{ margin-bottom: 70px!important; }
.mb-8em{ margin-bottom: 80px!important; }
.ml-0{ margin-left: 0!important; }
.ml-05em{ margin-left: 5px!important; }
.ml-1em{ margin-left: 10px!important; }
.ml-2em{ margin-left: 20px!important; }
.ml-3em{ margin-left: 30px!important; }
.ml-4em{ margin-left: 40px!important; }
.ml-5em{ margin-left: 50px!important; }
.ml-6em{ margin-left: 60px!important; }
.ml-7em{ margin-left: 70px!important; }
.ml-8em{ margin-left: 80px!important; }
.mg-0{ margin: 0; }

/* padding */
.pt-05em{ padding-top: 5px!important; }
.pt-1em{ padding-top: 10px!important; }
.pt-2em{ padding-top: 20px!important; }
.pt-3em{ padding-top: 30px!important; }
.pt-4em{ padding-top: 40px!important; }
.pt-5em{ padding-top: 50px!important; }
.pt-6em{ padding-top: 60px!important; }
.pt-7em{ padding-top: 70px!important; }
.pt-8em{ padding-top: 80px!important; }
.pr-0{ padding-right: 0 !important; }
.pr-05em{ padding-right: 5px!important; }
.pr-1em{ padding-right: 10px!important; }
.pr-2em{ padding-right: 20px!important; }
.pr-3em{ padding-right: 30px!important; }
.pr-4em{ padding-right: 40px!important; }
.pr-5em{ padding-right: 50px!important; }
.pr-6em{ padding-right: 60px!important; }
.pr-7em{ padding-right: 70px!important; }
.pr-8em{ padding-right: 80px!important; }
.pb-0{ padding-bottom: 0 !important; }
.pb-05em{ padding-bottom: 5px!important; }
.pb-1em{ padding-bottom: 10px !important; }
.pb-2em{ padding-bottom: 20px !important; }
.pb-3em{ padding-bottom: 30px!important; }
.pb-4em{ padding-bottom: 40px!important; }
.pb-5em{ padding-bottom: 50px!important; }
.pb-6em{ padding-bottom: 60px!important; }
.pb-7em{ padding-bottom: 70px!important; }
.pb-8em{ padding-bottom: 80px!important; }
.pl-05em{ padding-left: 5px!important; }
.pl-0{ padding-left: 0 !important; }
.pl-1em{ padding-left: 10px!important; }
.pl-2em{ padding-left: 20px!important; }
.pl-3em{ padding-left: 30px!important; }
.pl-4em{ padding-left: 40px!important; }
.pl-5em{ padding-left: 50px!important; }
.pl-6em{ padding-left: 60px!important; }
.pl-7em{ padding-left: 70px!important; }
.pl-8em{ padding-left: 80px!important; }

/* padding all */
.pd-0{ padding: 0 }
.pd-05em{ padding: 5px }
.pd-1em{ padding: 7.5px 10px }
.pd-2em{ padding: 15px 20px }
.pd-3em{ padding: 22.5px 30px }
.pd-4em{ padding: 30px 40px }
.pd-5em{ padding: 37.5px 50px }
.pd-6em{ padding: 45px 60px }

/* Container */
.container.pd-1em{ padding: 10px 0; }
.container.pd-2em{ padding: 20px 0; }
.container.pd-3em{ padding: 30px 0; }
.container.pd-4em{ padding: 40px 0; }
.container.pd-5em{ padding: 50px 0; }
.container.pd-6em{ padding: 60px 0; }
.container.pd-7em{ padding: 70px 0; }
.container.pd-8em{ padding: 80px 0; }
.container.pd-9em{ padding: 90px 0; }
.container.pd-10em{ padding: 100px 0; }
.container.pd-11em{ padding: 110px 0; }
.container.pd-12em{ padding: 120px 0; }

/* flex */
.flex-100{ flex-basis:100%; max-width:100%; }
.flex-90{ flex-basis:90%; max-width:90%; }
.flex-80{ flex-basis:80%; max-width:80%; }
.flex-70{ flex-basis:70%; max-width:70%; }
.flex-60{ flex-basis:60%; max-width:60%; }
.flex-50{ flex-basis:50%; max-width:50%; }
.flex-40{ flex-basis:40%; max-width:40%; }
.flex-33{ flex-basis:33.3333%; max-width:33.3333%; }
.flex-30{ flex-basis:30%; max-width:30%; }
.flex-25{ flex-basis:25%; max-width:25%; }
.flex-20{ flex-basis:20%; max-width:20%; }
.flex-10{ flex-basis:10%; max-width:10%; }
.flex-100,.flex-90,.flex-80,.flex-70,.flex-60,.flex-50,.flex-40,.flex-33,.flex-30,.flex-25,.flex-20,.flex-10{ box-sizing: border-box; }
.nowrap-sp { flex-wrap: wrap; }
.wrap-sp { flex-wrap: nowrap; }
.nowrap-pc { flex-wrap: nowrap; }
.wrap-pc { flex-wrap: wrap; }


}/*@media screen and (min-width:768px)*/






@media screen and (min-width:1080px) {
.wrapper{max-width: 1080px;}
.inner-wrapper{width:calc(1080px - 40px);}
.col1, .col2, .col3, .col4, .col5, .col6,
.col7, .col8, .col9, .col10, .col11, .col12 {
padding:20px;
}

article,header,hmenu-nav {
font-size: var(--font-size-pc);
}

}/* min-width:1080px */





@media screen and (max-width:767px) {


.col1-sp { width:var(--col1); }
.col2-sp { width:var(--col2); }
.col3-sp { width:var(--col3); }
.col4-sp { width:var(--col4); }
.col5-sp { width:var(--col5); }
.col6-sp { width:var(--col6); }
.col7-sp { width:var(--col7); }
.col8-sp { width:var(--col8); }
.col9-sp { width:var(--col9); }
.col10-sp { width:var(--col10); }
.col11-sp { width:var(--col11); }
.inner-wrapper .col1-sp { width:10%; }
.inner-wrapper .col2-sp { width:20%; }
.inner-wrapper .col3-sp { width:30%; }
.inner-wrapper .col4-sp { width:40%; }
.inner-wrapper .col5-sp { width:50%; }
.inner-wrapper .col6-sp { width:60%; }
.inner-wrapper .col7-sp { width:70%; }
.inner-wrapper .col8-sp { width:80%; }
.inner-wrapper .col9-sp { width:90%; }
.inner-wrapper .col10-sp { width:100%; }

/* margin */
.mt-0-sp{ margin-top:0!important; }
.mt-1em-sp{ margin-top:10px!important; }
.mt-2em-sp{ margin-top:20px!important; }
.mt-3em-sp{ margin-top:30px!important; }
.mt-4em-sp{ margin-top:40px!important; }
.mt-5em-sp{ margin-top:50px!important; }
.mt-6em-sp{ margin-top:60px!important; }
.mt-7em-sp{ margin-top:70px!important; }
.mt-8em-sp{ margin-top:80px!important; }
.mr-0-sp{ margin-right:0!important; }
.mr-1em-sp{ margin-right:10px!important; }
.mr-2em-sp{ margin-right:20px!important; }
.mr-3em-sp{ margin-right:30px!important; }
.mr-4em-sp{ margin-right:40px!important; }
.mr-5em-sp{ margin-right:50px!important; }
.mr-6em-sp{ margin-right:60px!important; }
.mr-7em-sp{ margin-right:70px!important; }
.mr-8em-sp{ margin-right:80px!important; }
.mb-0-sp{ margin-bottom:0!important; }
.mb-1em-sp{ margin-bottom:10px!important; }
.mb-2em-sp{ margin-bottom:20px!important; }
.mb-3em-sp{ margin-bottom:30px!important; }
.mb-4em-sp{ margin-bottom:40px!important; }
.mb-5em-sp{ margin-bottom:50px!important; }
.mb-6em-sp{ margin-bottom:60px!important; }
.mb-7em-sp{ margin-bottom:70px!important; }
.mb-8em-sp{ margin-bottom:80px!important; }
.ml-0-sp{ margin-left:0!important; }
.ml-1em-sp{ margin-left:10px!important; }
.ml-2em-sp{ margin-left:20px!important; }
.ml-3em-sp{ margin-left:30px!important; }
.ml-4em-sp{ margin-left:40px!important; }
.ml-5em-sp{ margin-left:50px!important; }
.ml-6em-sp{ margin-left:60px!important; }
.ml-7em-sp{ margin-left:70px!important; }
.ml-8em-sp{ margin-left:80px!important; }

/* padding */
.pt-0-sp{ padding-top:0 !important; }
.pt-1em-sp{ padding-top:10px!important; }
.pt-2em-sp{ padding-top:20px!important; }
.pt-3em-sp{ padding-top:30px!important; }
.pt-4em-sp{ padding-top:40px!important; }
.pt-5em-sp{ padding-top:50px!important; }
.pt-6em-sp{ padding-top:60px!important; }
.pt-7em-sp{ padding-top:70px!important; }
.pt-8em-sp{ padding-top:80px!important; }
.pr-0-sp{ padding-right:0 !important; }
.pr-1em-sp{ padding-right:10px!important; }
.pr-2em-sp{ padding-right:20px!important; }
.pr-3em-sp{ padding-right:30px!important; }
.pr-4em-sp{ padding-right:40px!important; }
.pr-5em-sp{ padding-right:50px!important; }
.pr-6em-sp{ padding-right:60px!important; }
.pr-7em-sp{ padding-right:70px!important; }
.pr-8em-sp{ padding-right:80px!important; }
.pb-0-sp{ padding-bottom:0 !important; }
.pb-1em-sp{ padding-bottom:10px!important; }
.pb-2em-sp{ padding-bottom:20px!important; }
.pb-3em-sp{ padding-bottom:30px!important; }
.pb-4em-sp{ padding-bottom:40px!important; }
.pb-5em-sp{ padding-bottom:50px!important; }
.pb-6em-sp{ padding-bottom:60px!important; }
.pb-7em-sp{ padding-bottom:70px!important; }
.pb-8em-sp{ padding-bottom:80px!important; }
.pl-0-sp{ padding-left:0 !important; }
.pl-1em-sp{ padding-left:10px!important; }
.pl-2em-sp{ padding-left:20px!important; }
.pl-3em-sp{ padding-left:30px!important; }
.pl-4em-sp{ padding-left:40px!important; }
.pl-5em-sp{ padding-left:50px!important; }
.pl-6em-sp{ padding-left:60px!important; }
.pl-7em-sp{ padding-left:70px!important; }
.pl-8em-sp{ padding-left:80px!important; }

.spacing-01-sp {letter-spacing:-0.1px;}
.spacing-02-sp {letter-spacing:-0.2px;}
.spacing-03-sp {letter-spacing:-0.3px;}

}/*@media screen and (max-width:767px)*/





















/* basic design */

/* Text */
.small { font-size:var(--14px); }
.smaller { font-size:var(--12px); }
.big{font-size:var(--20px); }
.bigger{font-size:var(--22px); }
.strong{font-weight: 600; }
.normal { font-weight: normal!important;}
.caption,.caution { font-size:var(--11px)!important; margin-top:15px; }

#pagetop { position:fixed; bottom:20px; right:20px; cursor:pointer; opacity:0.8; }

.sup{font-size:var(--10px);vertical-align: super;}
.sub{font-size:var(--10px);}

ul.list-circle, ul.list-decimal,ul.list-disc{
list-style-type: circle;
list-style-position:outside;
padding-left: 15px;
}
ul.list-circle li, ul.list-decimal li{margin-bottom: 8px;}
ul.list-decimal{list-style-type: decimal;padding-left: 20px;}
ul.list-disc{list-style-type: disc;}

/* table */
table{ width: 100%; }
table, th, td { border-collapse: collapse; border: 1px solid #ddd; padding: 10px; }
table th { background: #eee; font-weight: 600; }
tr:nth-child(even) { background: #fafafa; }

/* iframe */
.iframe-wrapper{
position:relative;
width:100%;
height:0;
padding-top:75%;/*内容によって要調整*/
}
.iframe-wrapper iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*move*/
.wrap_movie{
width:100%;
position:relative;
padding-bottom:56.25%;
}
.wrap_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}