@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kosugi&display=swap&text=%E5%A1%9A");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap&text=g');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap&text=I');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
font-family:"Kosugi","Roboto","Noto Sans","Helvetica Neue","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}

html{
line-height:1;
}

ol, ul{
list-style:none;
}

table{
border-collapse:collapse;
border-spacing:0;
}

caption, th, td{
text-align:left;
font-weight:normal;
vertical-align:middle;
}

q, blockquote{
quotes:none;
}
q:before, q:after, blockquote:before, blockquote:after{
content:"";
content:none;
}

a img{
border:none;
transition: opacity 0.5s ease 0s;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
display:block;
}

html{
box-sizing:border-box;
}

sup {
font-size: 60%;
vertical-align: top;
position: relative;
top: -0.1em;
}

i {
	font-style: italic;
}

*, *::after, *::before{
box-sizing:inherit;
}

@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:400;
src:url("https://www.otsuka.co.jp/eql/shared/css/fonts/noto/NotoSansCJKjp-Regular.eot");
src:url("https://www.otsuka.co.jp/eql/shared/css/fonts/noto/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.otsuka.co.jp/eql/shared/css/fonts/noto/NotoSansCJKjp-Regular.woff") format("woff");
}
/*@font-face {
font-family:'Noto Sans Japanese';
font-style:bold;
font-weight:700;
src:url("/eql/shared/css/fonts/noto/NotoSansCJKjp-Bold.eot");
src:url("/eql/shared/css/fonts/noto/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("/eql/shared/css/fonts/noto/NotoSansCJKjp-Bold.woff") format("woff");
}*/
@font-face {
font-family:'Noto Sans Japanese';
font-style:bold;
font-weight:700;
src:url("https://www.otsuka.co.jp/eql/shared/css/fonts/noto/NotoSansMonoCJKjp-Bold.eot");
src:url("https://www.otsuka.co.jp/eql/shared/css/fonts/noto/NotoSansMonoCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.otsuka.co.jp/eql/shared/css/fonts/noto/NotoSansMonoCJKjp-Bold.woff") format("woff");
}
@font-face {
font-family: 'icomoon';
src:  url('https://www.otsuka.co.jp/eql/shared/css/fonts/icomoon.eot?sfrgm9');
src:  url('https://www.otsuka.co.jp/eql/shared/css/fonts/icomoon.eot?sfrgm9#iefix') format('embedded-opentype'),
url('https://www.otsuka.co.jp/eql/shared/css/fonts/icomoon.ttf?sfrgm9') format('truetype'),
url('https://www.otsuka.co.jp/eql/shared/css/fonts/icomoon.woff?sfrgm9') format('woff'),
url('https://www.otsuka.co.jp/eql/shared/css/fonts/icomoon.svg?sfrgm9#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

/* ============================================================================================

	link style

============================================================================================ */
a{
color:#015db2;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a:active{
text-decoration:none;
}

@media screen and (max-width: 768px) {
a{
text-decoration:underline;
}
}
a:hover img{
-webkit-transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}


#header a[target="_blank"]:after,
.footerNavWrap a[target="_blank"]:after {
font-family:'icomoon' !important;
content:"\e900";
padding-left:10px;
font-size:smaller;
}
.icon-mod_ico_outlink_01:before {
font-size:.6em;
}
/* ============================================================================================

	base style

============================================================================================ */
html{
height:100%;
font-size:14px;
overflow-y:scroll;
}
html.hidden{
overflow:hidden;
}

body{
height:100%;
background:#fff;
color:#253037;
/*color:#4e432c;*/
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
/*font-family:"Noto Sans Japanese", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: 'Roboto','Noto Sans',-apple-system, BlinkMacSystemFont, "Helvetica Neue","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
min-width:980px;
line-height:2;
}

@media screen and (max-width: 768px) {
body{
min-width:320px;
left:0;
position:relative;
-webkit-transition:left 0.5s;
-moz-transition:left 0.5s;
transition:left 0.5s;
}
body.menuOpen #header .headerInner,
body.menuOpen #header .snsBtnWrap,
body.menuOpen .mainHeadingArea,
body.menuOpen #main,
body.menuOpen .footerContents,
body.menuOpen .footerNavWrap,
body.menuOpen #footer{
left:-233px;
}
}
#wrapper{
position:relative;
min-height:100%;
min-width:980px;
margin:0 auto;
}

@media screen and (max-width: 768px) {
#wrapper{
overflow:hidden;
min-width:320px;
}

.menuOpen #wrapper{
overflow:visible;
}
}
.mainHeadingArea{
padding:10px 0;
position:relative;
left:0;
-webkit-transition:left 0.5s;
-moz-transition:left 0.5s;
transition:left 0.5s;
}
.mainHeadingArea .mainHeadingAreaInner{
width:980px;
margin:0 auto;
font-size:0.857rem;
}
.mainHeadingArea .mainHeadingAreaInner .topicPath:after{
content:"";
clear:both;
display:block;
}
.mainHeadingArea .mainHeadingAreaInner .topicPath li{
float:left;
color:#333;
}
.mainHeadingArea .mainHeadingAreaInner .topicPath li:before{
padding-right:10px;
padding-left:10px;
content:">";
display:inline;
font-size:0.714rem;
}
.mainHeadingArea .mainHeadingAreaInner .topicPath li:first-child:before{
display:none;
}
.mainHeadingArea .mainHeadingAreaInner .topicPath li a{
color:#333;
}

@media screen and (max-width: 768px) {
.mainHeadingArea{
padding:10px 20px;
}
.mainHeadingArea .mainHeadingAreaInner{
width:300px;
margin:0 auto;
font-size:0.714rem;
}
.mainHeadingArea .mainHeadingAreaInner .date{
display:block;
}
}
#main{
position:relative;
left:0;
-webkit-transition:left 0.5s;
-moz-transition:left 0.5s;
transition:left 0.5s;
}

@media screen and (max-width: 768px) {
#main:after{
content:"";
display:block;
position:absolute;
width:2px;
height:1000%;
background:#00a433;
right:-2px;
top:-1000px;
z-index:9999;
}
}
/* ============================================================================================

	lowerNav style

============================================================================================ */

.tab .lowerNavWrap  .container .row {
width:100%;
}
.tab .lowerNavWrap  .container .row .colum {
display: flex;
/*align-items: center;*/
}
.tab .lowerNavWrap  .container .row .colum .col {
width:20%;
text-align: center;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
}
.tab .lowerNavWrap  .container .row .colum .col:first-of-type {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img01.jpg) no-repeat center center;
  background-size: cover;
  border-left: 0px;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(2) {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img02.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(3) {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img03.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(4) {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img04.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(5) {
background: url(https://www.otsuka.co.jp/eql/tab/images/home_footer_img07.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .col.select {
background: url(https://www.otsuka.co.jp/eql/shared/css/none) #e9eaeb;display:flex;align-items: center;
}
.tab .lowerNavWrap  .container .row .colum .col a {
background:rgba(37,48,55,0.50);
position: relative;
display: flex;
align-items: center;
width: 100%;
height:320px;
text-decoration: none;
transition: all 1s ease-out;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(even) a {
background:rgba(37,48,55,0.70);
}
.tab .lowerNavWrap  .container .row .colum .col a:hover,
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(even) a:hover{
background:rgba(77,167,28,0.70);
}
.tab .lowerNavWrap  .container .row .colum figure {
width: 100%;
}
.tab .lowerNavWrap  .container .row .colum p.txt {
color:#FFF;
font-size:18px;
}
.tab .lowerNavWrap  .container .row .colum p.txt .notesText {
color:#FFF;font-size: .8em;
}
.tab .lowerNavWrap  .container .row .colum .m_headtype03 {
font-size: 22px;
font-weight: bold;
line-height: 1.091;
color:#FFF;
margin-bottom: 1em;
}
.tab .lowerNavWrap  .container .row .colum .select .m_headtype03,
.tab .lowerNavWrap  .container .row .colum .select p.txt {
color:#898d90;
}
.m_headtype03 .s_line {
    position: relative;
    padding-bottom: 15px;
    display: block;
}
.m_headtype03 .s_line::after {
    position: absolute;
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 0;
    right:0;
    margin:auto;
    background: rgb(209, 211, 213);
}


/*.lowerNavWrap{
padding:75px 0;
background:#eff9df;
}
.lowerNavWrap .lowerNav .ttl{
text-align:center;
margin-bottom:60px;
}
.lowerNavWrap .lowerNav ul{
margin-left:-40px;
}
.lowerNavWrap .lowerNav ul:after{
content:"";
clear:both;
display:block;
}
.lowerNavWrap .lowerNav ul li{
float:left;
margin:0 0 0 40px;
line-height:1;
}
.lowerNavWrap .lowerNav ul li img{
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.lowerNavWrap .lowerNav ul li:nth-child(n+4){
margin-top:40px;
}
.lowerNavWrap .lowerNav ul li.bgTl img{
margin:-11px 0 0 -11px;
padding:11px 0 0 11px;
background:url(/eql/shared/images/mod_bg_cv_tl_01.png) 0 0 no-repeat;
}
.lowerNavWrap .lowerNav ul li.bgTr img{
margin:-11px -12px 0 0;
padding:11px 12px 0 0;
background:url(/eql/shared/images/mod_bg_cv_tr_01.png) 100% 0 no-repeat;
}
.lowerNavWrap .lowerNav ul li.bgBl img{
margin:0 0 -11px -11px;
padding:0 0 11px 11px;
background:url(/eql/shared/images/mod_bg_cv_bl_01.png) 0 100% no-repeat;
}
.lowerNavWrap .lowerNav ul li.bgBr img{
margin:0 -12px -11px 0;
padding:0 12px 11px 0;
background:url(/eql/shared/images/mod_bg_cv_br_01.png) 100% 100% no-repeat;
}*/

@media screen and (max-width: 768px) {
.lowerNavWrap{
padding:50px 0;
position:relative;
left:0;
-webkit-transition:left 0.5s;
-moz-transition:left 0.5s;
transition:left 0.5s;
}

.tab .lowerNavWrap  .container .row .colum {
display: block;
}
.tab .lowerNavWrap  .container .row .colum .col {
width:100%;
border-left:0px;
border-bottom:1px solid #FFF;
}
.tab .lowerNavWrap  .container .row .colum .col:first-of-type {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img01_sp.jpg) no-repeat center center;
  background-size: cover;
  border-left: 0px;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(2) {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img02_sp.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(3) {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img03_sp.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(4) {
background: url(https://www.otsuka.co.jp/eql/tab/products/images/footer_img04_sp.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .col:nth-of-type(5) {
background: url(https://www.otsuka.co.jp/eql/tab/images/home_footer_img07_sp.jpg) no-repeat center center;
background-size: cover;
}
.tab .lowerNavWrap  .container .row .colum .m_headtype03 {
margin-bottom: 0;
}
.tab .lowerNavWrap  .container .row .colum .col h3 .s_line {
padding-bottom: 0;
}
.tab .lowerNavWrap  .container .row .colum .col .s_line::after {
display: none;
}
.tab .lowerNavWrap  .container .row .colum .col.select {
background: url(https://www.otsuka.co.jp/eql/shared/css/none) #e9eaeb;display:flex;align-items: center;
width: 100%;
height:36vw;
}
.tab .lowerNavWrap  .container .row .colum .col a {
height:36vw;
}
.tab .lowerNavWrap  .container .row .colum a::after {
font-family: 'icomoon' !important;
content: "\e907";
padding-left: 10px;
font-size: 10px;
color: #fff;
position: absolute;
display: block;
margin: 0 auto;
top: 50%;
right: 1.5rem;
}
.tab .lowerNavWrap  .container .row .colum .col .spShow {
display: inline;
}

/*.lowerNavWrap .lowerNav .ttl{
margin-bottom:40px;
}
.lowerNavWrap .lowerNav ul{
margin-left:0;
}
.lowerNavWrap .lowerNav ul:after{
content:"";
clear:both;
display:block;
}
.lowerNavWrap .lowerNav ul li{
float:none;
margin:0;
text-align:center;
}
.lowerNavWrap .lowerNav ul li img{
width:280px;
height:auto;
margin:0;
padding:0;
background:none !important;
}
.lowerNavWrap .lowerNav ul li:nth-child(n+4){
margin-top:10px;
}
.lowerNavWrap .lowerNav ul li + li{
margin-top:10px;
}*/
}
/* ============================================================================================

	footerContents style

============================================================================================ */
.footerContents .imgTxtElement01{
margin-bottom:20px;
}
.footerContents .text{
text-align:center;
}
.footerContents .text img{
width:auto;
height:68px;
}
.footerContents .inner{
padding:40px 0;
background:url(https://www.otsuka.co.jp/eql/shared/images/mod_lineV_01.gif) 100% 0 repeat-y;
}
.footerContents .inner .text{
margin-bottom:40px;
line-height:1;
}
.footerContents .inner + .inner{
background:none;
}
.footerContents .inner + .inner .btn img{
padding-left:10px;
}

@media screen and (max-width: 768px) {
.footerContents{
position:relative;
left:0;
-webkit-transition:left 0.5s;
-moz-transition:left 0.5s;
transition:left 0.5s;
}
.footerContents .imgTxtElement01{
margin-bottom:20px;
}
.footerContents .text{
text-align:center;
}
.footerContents .text img{
width:auto;
height:50px;
}
.footerContents .inner{
padding:0 0 40px;
margin:0 20px;
text-align:center;
background:url(https://www.otsuka.co.jp/eql/shared/images/mod_lineH_01_sp.gif) 0 100% repeat-x;
background-size:9px auto;
}
.footerContents .inner .text{
margin-bottom:30px;
line-height:1;
}
.footerContents .inner + .inner{
padding:40px 0 0;
background:none;
}
.footerContents .inner + .inner .btn img{
padding-left:10px;
}
}
/* ============================================================================================

	header set

============================================================================================ */
#header{
border-bottom:1px solid #eae9e6;
}
#header .headerInner{
width:980px;
margin:0 auto;
}
#header .headerInner:after{
content:"";
clear:both;
display:block;
}
#header .logo{
padding:32px 0 24px;
float:left;
}
#header .logo a{
display:block;
width:114px;
height:41px;
text-indent:-9999px;
background:url(https://www.otsuka.co.jp/eql/shared/images/header_logo_01.png) 0 0 no-repeat;
background-size: cover;
overflow:hidden;
}
#header .logo a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}
#header .snsBtnWrap{
position:relative;
width:980px;
margin:0 auto;
}
#header .snsBtnWrap .snsBtn{
position:absolute;
line-height:1;
display:table;
right:20px;
top:-85px;
}
#header .snsBtnWrap .snsBtn > div{
display:table-cell;
vertical-align:top;
padding-left:20px;
}
#header .snsBtnWrap .snsBtn > div a{
text-decoration:none;
}
#header .navWrap{
float:right;
}
#header .navWrap .utilityArea{
position:relative;
}
#header .navWrap .utilityArea .link01{
position:absolute;
right:220px;
top:-85px;
font-size:0.857rem;
}
#header .navWrap .utilityArea .link01 a{
color:#4e432c;
text-decoration:none;
}
#header .navWrap .utilityArea .link01 a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}
#header .navWrap .utilityArea .link01 .icon-mod_ico_cArw_01{
padding-right:10px;
bottom:-1px;
position:relative;
}
#header .navWrap #gnav{
width:676px;
padding-top:62px;
}
#header .navWrap #gnav > ul{
overflow:hidden;
*zoom:1;
}
#header .navWrap #gnav > ul > li{
float:left;
width:140px;
}
#header .navWrap #gnav > ul > li > a{
height:48px;
overflow:hidden;
display:block;
text-indent:-9999px;
background-image:url(https://www.otsuka.co.jp/eql/shared/images//gnav_pc_01.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#header .navWrap #gnav > ul > li:hover a, #header .navWrap #gnav > ul > li.active a{
background-position:0 -48px;
}
#header .navWrap #gnav > ul > li + li{
width:162px;
}
#header .navWrap #gnav > ul > li + li a{
background-position:-140px 0;
}
#header .navWrap #gnav > ul > li + li:hover a, #header .navWrap #gnav > ul > li + li.active a{
background-position:-140px -48px;
}
#header .navWrap #gnav > ul > li + li + li{
width:190px;
}
#header .navWrap #gnav > ul > li + li + li a{
background-position:-456px 0;
}
#header .navWrap #gnav > ul > li + li + li:hover a, #header .navWrap #gnav > ul > li + li + li.active a{
background-position:-456px -48px;
}
#header .navWrap #gnav > ul > li + li + li + li{
width:184px;
}
#header .navWrap #gnav > ul > li + li + li + li a{
background-position:-646px 0;
}
#header .navWrap #gnav > ul > li + li + li + li:hover a, #header .navWrap #gnav > ul > li + li + li + li.active a{
background-position:-646px -48px;
}
#header .navWrap #gnav > ul > li .innerNav{
display:none;
position:absolute;
width:100%;
left:0;
top:110px;
padding:23px 0 3px;
background:#43a312;
z-index:99999;
}
#header .navWrap #gnav > ul > li .innerNav ul{
line-height:1;
width:980px;
margin:0 auto;
}
#header .navWrap #gnav > ul > li .innerNav ul li{
display:inline-block;
padding:0 30px;
margin-bottom:20px;
border-right:1px solid #7acd93;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-sprite, #header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_01, #header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_02, #header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_03, #header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_04, #header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_05, #header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_06, #header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_07{
background-image:url('https://www.otsuka.co.jp/eql/shared/images/gnavTxt-s57c7cdba49.png');
background-repeat:no-repeat;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_01{
background-position:0 0;
height:14px;
width:107px;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_02{
background-position:-107px 0;
height:14px;
width:143px;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_03{
background-position:-250px 0;
height:14px;
width:111px;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_04{
background-position:-361px 0;
height:14px;
width:127px;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_05{
background-position:-488px 0;
height:14px;
width:170px;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_06{
background-position:-658px 0;
height:15px;
width:99px;
}
#header .navWrap #gnav > ul > li .innerNav ul li .gnavTxt-innerNav_07{
background-position:-757px 0;
height:15px;
width:124px;
}
#header .navWrap #gnav > ul > li .innerNav ul li:last-child{
border-right:none;
}
#header .navWrap #gnav > ul > li .innerNav ul li a{
text-indent:-9999px;
display:block;
overflow:hidden;
}
#header .navWrap #gnav > ul > li .innerNav ul li a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}
#header .navWrap #gnav > ul > li:hover .innerNav{
display:block;
}
@media screen and (min-width: 769px) {
#header .navWrap #gnav01 .s_list02{
display: flex;
align-items: center;
}
#header .navWrap #gnav01 .s_list02 .eqlLogo{
display: none;
}
#header .navWrap #gnav01 .s_list02 .eqlLogo::after{
display: none;
}
#header .navWrap #gnav01.is_visible .s_list02 .eqlLogo{
display: block;
width: 110px;
}
#header .navWrap #gnav01.is_visible .s_list02 .eqlLogo img{
	width: 100%;
	}
}
@media screen and (max-width: 768px) {
#header .headerInner{
width:auto;
position:relative;
border-bottom:2px solid #00a433;
left:0;
z-index:9999;
-moz-transition:top 0.5s, left 0.5s;
-o-transition:top 0.5s, left 0.5s;
-webkit-transition:top 0.5s, left 0.5s;
transition:top 0.5s, left 0.5s;
}
#header.float .headerInner{
position:fixed;
width:100%;
z-index:9999;
background:#fff;
top:-100px;
left:0;
}
#header.float.show .headerInner{
top:0;
}
#header .logo{
padding:18px 0 18px 20px;
float:none;
}
#header .logo a{
width:96px;
height:36px;
background:url(https://www.otsuka.co.jp/eql/shared/images/header_logo_01_sp.png) 0 0 no-repeat;
background-size:cover;
}
#header .snsBtnWrap{
position:relative;
padding:15px 0;
width:auto;
left:0;
-moz-transition:left 0.5s;
-o-transition:left 0.5s;
-webkit-transition:left 0.5s;
transition:left 0.5s;
}
#header .snsBtnWrap .snsBtn{
position:static;
margin:0 auto;
}
#header .snsBtnWrap .snsBtn > div{
padding:0 10px;
}
#header .spMenu{
display:block;
position:absolute;
width:65px;
height:70px;
top:0;
right:0;
text-indent:-9999px;
cursor:pointer;
}
#header .spMenu p{
width:65px;
height:70px;
position:relative;
}
#header .spMenu p:after, #header .spMenu p:before{
display:block;
content:"";
position:absolute;
top:50%;
left:50%;
width:25px;
height:2px;
background:#00a433;
margin-left:-13px;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
#header .spMenu p:after{
margin-top:4px;
}
#header .spMenu p:before{
margin-top:-6px;
}
#header .spMenu p.close:before, #header .spMenu p.close:after{
margin-top:0;
}
#header .spMenu p.close:before{
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#header .spMenu p.close:after{
-moz-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
#header .navWrap{
float:none;
position:absolute;
right:-233px;
top:0;
width:233px;
background:#fff;
overflow:auto;
}
#header .navWrap .utilityArea{
position:static;
}
#header .navWrap .utilityArea .link01{
position:static;
}
#header .navWrap .utilityArea .link01 a{
padding:20px 40px 20px 20px;
position:relative;
display:block;
font-size:1.000rem;
line-height:1;
}
#header .navWrap .utilityArea .link01 a:after{
content:"\e903";
font-family:'icomoon' !important;
font-size:0.571rem;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
position:absolute;
right:20px;
top:50%;
margin-top:-0.5em;
}
#header .navWrap .utilityArea .link01 .icon-mod_ico_cArw_01{
display:none;
}
#header .navWrap #gnav{
width:auto;
padding-top:0;
}
#header .navWrap #gnav > ul{
padding:20px 0 0;
}
#header .navWrap #gnav > ul > li{
float:none;
width:auto !important;
line-height:1.1;
}
#header .navWrap #gnav > ul > li > a{
height:auto !important;
overflow:visible;
display:block;
text-indent:0;
color:#4e432c;
padding:20px 40px 20px 20px;
background-image:none !important;
text-decoration:none;
position:relative;
}
#header .navWrap #gnav > ul > li > a:not([target="_blank"]):after{
content:"\e903";
font-family:'icomoon' !important;
font-size:0.571rem;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
#header .navWrap #gnav > ul > li > a:after{
position:absolute;
right:20px;
top:50%;
margin-top:-0.5em;
}
#header .navWrap #gnav > ul > li > a.accordMenu:after{
-moz-transform:none;
-ms-transform:none;
-webkit-transform:none;
transform:none;
}
#header .navWrap #gnav > ul > li > a.accordMenu.close:after{
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
#header .navWrap #gnav > ul > li .innerNav{
position:static;
padding:0;
background:none;
}
#header .navWrap #gnav > ul > li .innerNav ul{
font-size:0.857rem;
width:auto;
margin:0;
}
#header .navWrap #gnav > ul > li .innerNav ul li{
display:block;
padding:10px 27px 15px;
margin-bottom:0;
background:none;
border-right:none;
}
#header .navWrap #gnav > ul > li .innerNav ul li + li{
padding:15px 27px;
border-left:none;
}
#header .navWrap #gnav > ul > li .innerNav ul li a{
text-indent:0;
display:block;
color:#4e432c;
text-decoration:none;
width:auto !important;
height:auto !important;
}
#header .navWrap #gnav > ul > li:hover .innerNav{
display:none;
}
}
/* ============================================================================================

	btn

============================================================================================ */
.downMenu{
position: relative;
}
.downMenu .btnMenu{
position: absolute;
z-index: 10001;
}
.downMenu .m_btntype01 span{
position: relative;
line-height: 1.5;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
font-size: 18px;
background-color: #7c8387;
color: #fff;
cursor: pointer;
}
.downMenu .m_btntype01 a{
line-height: 1.5;
text-align: center;
}
.downMenu .m_btntype01 a:after{
display: none;
}
.downMenu .m_btntype01 a .icon-mod_ico_outlink_01:before{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.downMenu .m_btntype01.s_greenbtn a{
	background: #4da71c;
	position: relative;
	}
.downMenu .m_btntype01.s_greenbtn02 a{
	background: #00b050;
	position: relative;
}
.downMenu .m_btntype01.s_orangebtn a{
	background: #fe4da6;
	position: relative;
	}
	.downMenu .m_btntype01.s_yellowbtn a{
	background: #f8ab2a;
	position: relative;
	}

.downMenu .m_btntype01.s_greenbtn .ico_cta::after,.downMenu .m_btntype01.s_greenbtn02 .ico_cta::after,.downMenu .m_btntype01.s_orangebtn .ico_cta::after,.downMenu .m_btntype01.s_yellowbtn .ico_cta::after{
	font-family: 'icomoon' !important;
	content: "\e907";
	padding-left: 10px;
	font-size: 10px;
	color: #fff;
	position: absolute;
	display: block;
	margin: 0 auto;
	top: 25px;
	right: 1.5rem;
}
@media screen and (min-width: 769px) {
.downMenu .btnMenu{
pointer-events: none;
opacity: 0;
top: 0;
right: -205px;
transition: opacity .3s ease;
}
.downMenu:hover .btnMenu{
pointer-events: auto;
opacity: 1;
}
.downMenu .m_btntype01{
position: relative;
}
.downMenu .m_btntype01 a:hover{
opacity: 0.9;
}
.downMenu .m_btntype01 a .icon-mod_ico_outlink_01:before{
right: 10px;
}
}
@media screen and (max-width: 768px) {
.downMenu .btnMenu{
display: none;
width: 100%;
}
.downMenu .js_btnTrigger span::after{
font-family: 'icomoon' !important;
content: "\e907";
padding-left: 10px;
font-size: 10px;
color: #fff;
position: absolute;
display: block;
margin: 0 auto;
top: 25px;
right: 1.5rem;
transform: rotate(90deg);
}
.downMenu .js_btnTrigger.is_open span::after{
padding-left: 5px;
top: 30px;
transform: rotate(-90deg);
}
.downMenu .m_btntype01 a{
height: 70px;
}
.downMenu .m_btntype01 a .icon-mod_ico_outlink_01:before{
right: 1.5rem;
}
}
/* ============================================================================================

	pageTop

============================================================================================ */
.pageTop{
width:980px;
margin:0 auto;
position:relative;
}
.pageTop a{
display:block;
position:absolute;
right:0;
bottom:20px;
z-index: 10000;
}
.pageTop.is_fixed a{
position: fixed;
right: calc((100% - 1140px) / 2);
bottom: 80px !important;
}
@media screen and (max-width: 768px) {
.pageTop{
display:none;
}
}
/* ============================================================================================

	footerNav

============================================================================================ */
.footerNavWrap{
background:#f7f7f5;
padding:57px 0 49px;
}
.footerNavWrap .footerNav{
width:980px;
margin:0 auto;
overflow:hidden;
*zoom:1;
}
.footerNavWrap .footerNav .inner{
float:left;
vertical-align:top;
padding-left:60px;
width:33%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.footerNavWrap .footerNav dl dt{
line-height:1;
margin-bottom:30px;
}
.footerNavWrap .footerNav dl dt .footerNavTxt-sprite, .footerNavWrap .footerNav dl dt .footerNavTxt-footerNavTtl_01, .footerNavWrap .footerNav dl dt .footerNavTxt-footerNavTtl_02, .footerNavWrap .footerNav dl dt .footerNavTxt-footerNavTtl_03{
background-image:url('https://www.otsuka.co.jp/eql/shared/images/footerNavTxt-scad460bc43.png');
background-repeat:no-repeat;
}
.footerNavWrap .footerNav dl dt .footerNavTxt-footerNavTtl_01{
background-position:0 0;
height:16px;
width:145px;
}
.footerNavWrap .footerNav dl dt .footerNavTxt-footerNavTtl_02{
background-position:-145px 0;
height:17px;
width:149px;
}
.footerNavWrap .footerNav dl dt .footerNavTxt-footerNavTtl_03{
background-position:-294px 0;
height:18px;
width:149px;
}
.footerNavWrap .footerNav dl dt a{
display:inline-block;
overflow:hidden;
text-indent:-9999px;
}
.footerNavWrap .footerNav dl dt a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
opacity:0.6 !important;
}
.footerNavWrap .footerNav dl dd{
margin-bottom:8px;
}
.footerNavWrap .footerNav dl dd a{
color:#4e432c;
text-decoration:none;
}
.footerNavWrap .footerNav dl dd a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
opacity:0.6 !important;
}
.footerNavWrap .footerNav dl dd a .icon-mod_ico_cArw_01{
position:relative;
bottom:-1px;
padding-right:10px;
}
.footerNavWrap .spOnlyMenu{
display:none;
}

@media screen and (max-width: 768px) {
.footerNavWrap{
padding:0;
background:none;
position:relative;
left:0;
-moz-transition:left 0.5s;
-o-transition:left 0.5s;
-webkit-transition:left 0.5s;
transition:left 0.5s;
}
.footerNavWrap .footerNav{
width:auto;
border-top:1px solid #d8d6d2;
}
.footerNavWrap .footerNav .inner{
float:none;
padding-left:0;
width:auto;
}
.footerNavWrap .footerNav dl dt{
text-align:center;
margin-bottom:0;
}
.footerNavWrap .footerNav dl dt a{
display:block;
text-indent:0;
color:#4e432c;
text-decoration:none;
padding:18px 0;
border-bottom:1px solid #d8d6d2;
width:auto !important;
height:auto !important;
background:none !important;
}
.footerNavWrap .footerNav dl dd{
display:none;
}
.footerNavWrap .spOnlyMenu{
display:block;
}
.footerNavWrap .spOnlyMenu p{
line-height:1;
text-align:center;
}
.footerNavWrap .spOnlyMenu p a{
display:block;
text-indent:0;
text-decoration:none;
color:#4e432c;
padding:18px 0;
border-bottom:1px solid #d8d6d2;
}
.footerNavWrap .spOnlyMenu p a:hover{
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
opacity:0.6 !important;
}
}
/* ============================================================================================

	footer

============================================================================================ */
#footer{
min-width:980px;
line-height:1;
}
#footer .inner01Wrap{
background:#fff;
}
#footer .inner01Wrap .inner01{
display:table;
width:980px;
margin:0 auto;
direction:rtl;
}
#footer .inner01Wrap .inner01 .fLogo{
display:table-cell;
vertical-align:bottom;
direction:ltr;
text-align:right;
padding:27px 10px 5px 0;
}
#footer .inner01Wrap .inner01 .fNav01{
display:table-cell;
vertical-align:bottom;
direction:ltr;
padding:0 0 14px 10px;
}
#footer .inner01Wrap .inner01 .fNav01:after{
content:"";
clear:both;
display:block;
}
#footer .inner01Wrap .inner01 .fNav01 li{
float:left;
}
#footer .inner01Wrap .inner01 .fNav01 li a{
font-weight: 700;
font-size: 16px;
color: rgb(37, 48, 55);
text-decoration: none;
}
#footer .inner02Wrap{
background: #51595f;
padding: 25px 0;
}
#footer .inner02Wrap .inner02{
display:table;
width:980px;
margin:0 auto;
}
#footer .inner02Wrap .inner02 .fNav02{
display:table-cell;
vertical-align:bottom;
padding-left:10px;
}
#footer .inner02Wrap .inner02 .fNav02:after{
content:"";
clear:both;
display:block;
}
#footer .inner02Wrap .inner02 .fNav02 li{
float:left;
}
#footer .inner02Wrap .inner02 .fNav02 li a{
font-size: 12px;
color: rgba(255,255,255,.6);
}
#footer .inner02Wrap .inner02 .fNav02 li a .icon-mod_ico_cArw_01{
display:none;
}
#footer .inner02Wrap .inner02 #copy{
display:table-cell;
vertical-align:bottom;
font-family: 'Roboto', sans-serif;
text-align:right;
padding-right:10px;
letter-spacing: .05em;
}
#footer .inner02Wrap .inner02 #copy a{
color: rgba(255,255,255,.6);
}
#footer .inner02Wrap .inner02 #copy small{
display:inline-block;
font-size: 10px;
}

@media screen and (max-width: 768px) {
#footer{
min-width:320px;
position:relative;
left:0;
-moz-transition:left 0.5s;
-o-transition:left 0.5s;
-webkit-transition:left 0.5s;
transition:left 0.5s;
}
/*#footer .inner01Wrap{
display:none;
}*/
#footer .inner02Wrap{
background:#f7f7f5;
padding:27px 1px;
}
#footer .inner02Wrap .inner02{
display:block;
width:auto;
}
#footer .inner02Wrap .inner02 .fNav02{
display:block;
padding-left:0;
text-align:center;
padding-bottom:10px;
}
#footer .inner02Wrap .inner02 .fNav02 li{
float:none;
display:inline-block;
width:auto;
padding:0 7px;
margin-bottom:10px;
}
#footer .inner02Wrap .inner02 .fNav02 li a{
display:block;
text-indent:0;
text-decoration:none;
color:#4e432c;
font-size:0.714rem;
width:auto !important;
height:auto !important;
background:none !important;
}
/*#footer .inner02Wrap .inner02 .fNav02 li a .icon-mod_ico_cArw_01{
display:inline;
position:relative;
bottom:-1px;
padding-right:7px;
font-size:0.857rem;
}*/
#footer .inner02Wrap .inner02 #copy{
display:block;
text-align:center;
padding-right:0;
}
#footer .inner02Wrap .inner02 #copy a{
text-decoration:none;
font-size:0.643rem;
}
#footer .inner02Wrap .inner02 #copy a small{
display:inline-block;
text-indent:0;
text-align:center;
height:auto;
width:auto;
background:none;
}
}
/*====================================================================================================

	section style

====================================================================================================*/
.section{
padding:75px 0;
}
.section.sectionType01{
background:#fff;
}
.section.sectionType02{
background:#fef5fa;
}
.section.sectionType03{
background:#f3f9f0;
}
.section.sectionType04{
background:#fffef5;
}
.section.sectionType05{
background:#f6fdff;
}

.minSection{
padding:40px 0;
}

.container .row{
width:980px;
margin-left:auto;
margin-right:auto;
}

@media screen and (max-width: 768px) {
.section{
padding:50px 0;
}

.minSection{
padding:40px 0;
}

.container .row{
width:auto;
margin-left:auto;
margin-right:auto;
}
}
/*====================================================================================================

	lowerTitleArea style

====================================================================================================*/
.lowerTitleArea{
padding:55px 0;
}
.lowerTitleArea .lowerTitle{
width:980px;
margin:0 auto;
padding:2px 30px;
line-height:1;
position:relative;
}
.lowerTitleArea .lowerTitle:after{
content:"";
display:block;
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
}

.products .lowerTitleArea{
background:#fef3f7;
}
.products .lowerTitleArea .lowerTitle:after{
background:#f68fb2;
}


.tab .lowerTitleArea{
background:#fef3f7;
}
.tab .lowerTitleArea .lowerTitle:after{
background:#f68fb2;
}

.shop .lowerTitleArea{
background:#edfcff;
}
.shop .lowerTitleArea .lowerTitle:after{
background:#97dcec;
}

.equol .lowerTitleArea{
background:#e9f5e5;
}
.equol .lowerTitleArea .lowerTitle:after{
background:#94cc81;
}

.empathy .lowerTitleArea{
background:#f9f1fe;
}
.empathy .lowerTitleArea .lowerTitle:after{
background:#ddabfc;
}

.faq .lowerTitleArea{
background:#fef7e1;
}
.faq .lowerTitleArea .lowerTitle:after{
background:#fad046;
}

.special .lowerTitleArea{
background:#fef3f9;
}
.special .lowerTitleArea .lowerTitle:after{
background:#f89ed1;
height:30px;
top:-6px;
}

@media screen and (max-width: 768px) {
.special .lowerTitleArea{
    padding: 80px 20px 20px 20px;
}
}

@media screen and (max-width: 768px) {
.lowerTitleArea{
padding:20px;
}
.lowerTitleArea .lowerTitle{
width:auto;
padding:0 17px;
}
.lowerTitleArea .lowerTitle img{
height:15px;
width:auto;
}
.lowerTitleArea .lowerTitle:after{
content:"";
display:block;
width:3px;
}

.special .lowerTitleArea .lowerTitle:after{
height:15px;
top:-3px;
}
.special .lowerTitleArea .lowerTitle img{
height:33px;
width:auto;
}
}
/*====================================================================================================

	heading style

====================================================================================================*/
.headingTypeA01{
display:table;
position:relative;
margin-left:auto;
margin-right:auto;
font-size:1.571rem;
color:#4da71c;
letter-spacing:5px;
}
.headingTypeA01:before, .headingTypeA01:after{
content:"";
display:block;
width:45px;
height:36px;
position:absolute;
top:50%;
margin-top:-18px;
}
.headingTypeA01:before{
background:url(https://www.otsuka.co.jp/eql/shared/images/mod_bg_headingTypeA01_01.png) 0 0 no-repeat;
background-size:cover;
left:-80px;
}
.headingTypeA01:after{
background:url(https://www.otsuka.co.jp/eql/shared/images/mod_bg_headingTypeA01_02.png) 0 0 no-repeat;
background-size:cover;
right:-80px;
}

@media screen and (max-width: 768px) {
.headingTypeA01{
letter-spacing:0;
line-height:1.2;
}
.headingTypeA01:before, .headingTypeA01:after{
content:"";
display:block;
width:30px;
height:24px;
position:absolute;
top:50%;
margin-top:-12px;
}
.headingTypeA01:before{
background:url(https://www.otsuka.co.jp/eql/shared/images/mod_bg_headingTypeA01_01.png) 0 0 no-repeat;
background-size:cover;
left:-40px;
}
.headingTypeA01:after{
background:url(https://www.otsuka.co.jp/eql/shared/images/mod_bg_headingTypeA01_02.png) 0 0 no-repeat;
background-size:cover;
right:-40px;
}
}
/*====================================================================================================

	column style

====================================================================================================*/
.column2-A01{
overflow:hidden;
*zoom:1;
}
.column2-A01 .inner{
float:left;
width:50%;
}

@media screen and (max-width: 768px) {
.column2-A01 .inner{
float:none;
width:auto;
}
}
.column3-A01{
overflow:hidden;
*zoom:1;
}
.column3-A01 .inner{
float:left;
width:33.33333%;
}

@media screen and (max-width: 768px) {
.column3-A01 .inner{
float:none;
width:auto;
}
}
.column4-A01{
overflow:hidden;
*zoom:1;
}
.column4-A01 .inner{
float:left;
width:25%;
}

@media screen and (max-width: 768px) {
.column4-A01 .inner{
float:none;
width:auto;
}
}
.imgLayoutElementsL01{
display:table;
width:100%;
}
.imgLayoutElementsL01 .image{
display:table-cell;
vertical-align:top;
width:1%;
padding-right:36px;
}
.imgLayoutElementsL01 .block{
display:table-cell;
vertical-align:top;
}

@media screen and (max-width: 768px) {
.imgLayoutElementsL01{
display:block;
}
.imgLayoutElementsL01 img{
width:100%;
height:auto;
}
.imgLayoutElementsL01 .image, .imgLayoutElementsL01 .block{
display:block;
width:auto;
padding:0;
}
.imgLayoutElementsL01 .block{
margin-bottom:12px;
}
}
.imgLayoutElementsR01{
display:table;
width:100%;
direction:rtl;
}
.imgLayoutElementsR01 .image{
display:table-cell;
vertical-align:top;
width:1%;
padding-left:36px;
direction:ltr;
}
.imgLayoutElementsR01 .block{
display:table-cell;
vertical-align:top;
direction:ltr;
}

@media screen and (max-width: 768px) {
.imgLayoutElementsR01{
display:block;
}
.imgLayoutElementsR01 img{
width:100%;
height:auto;
}
.imgLayoutElementsR01 .image, .imgLayoutElementsR01 .block{
display:block;
width:auto;
padding:0;
}
.imgLayoutElementsR01 .display{
margin-bottom:12px;
}
}
/*====================================================================================================

	btnElements

====================================================================================================*/
.btn a{
display:inline-block;
position:relative;
line-height:1;
}

.btnElementA01{
display:table;
margin-left:auto;
margin-right:auto;
}
.btnElementA01 a{
display:table-cell;
background:#4da71c;
text-align:center;
border-radius:23px;
padding:15px 10px;
width:300px;
color:#fff;
text-decoration:none;
font-size:1.286rem;
letter-spacing:3px;
}
.btnElementA01 a img{
height:16px;
width:auto;
}
.btnElementA01 a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}
.btnElementA01 a:hover img{
filter:alpha(opacity=100) !important;
-moz-opacity:1 !important;
opacity:1 !important;
}

@media screen and (max-width: 768px) {
.btnElementA01 a{
border-radius:23px;
width:240px;
font-size:0.786rem;
}
.btnElementA01 a img{
height:13px;
}
}
.btnElementA02{
display:table;
margin-left:auto;
margin-right:auto;
}
.btnElementA02 a{
display:table-cell;
background:#fff;
text-align:center;
border-radius:23px;
padding:15px 10px;
width:300px;
text-decoration:none;
}
.btnElementA02 a .icon-mod_ico_cArw_01{
margin:-2px 10px 0 0;
}
.btnElementA02 a .icon-mod_ico_cArw_01 .path1:before{
color:#81a7d4;
}
.btnElementA02 a .icon-mod_ico_cArw_01 .path2:before{
color:#cadbec;
}
.btnElementA02 a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}

.btnElementA03{
display:table;
margin-left:auto;
margin-right:auto;
}
.btnElementA03 a{
display:table-cell;
background:#fffef5;
text-align:center;
border-radius:23px;
padding:15px 10px;
width:300px;
text-decoration:none;
}
.btnElementA03 a .icon-mod_ico_cArw_01{
margin:-2px 10px 0 0;
}
.btnElementA03 a .icon-mod_ico_cArw_01 .path1:before{
color:#81a7d4;
}
.btnElementA03 a .icon-mod_ico_cArw_01 .path2:before{
color:#cadbec;
}
.btnElementA03 a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}

/*====================================================================================================

	base resettilg

====================================================================================================*/
small{
font-size:smaller;
}

.corpName{
	font-family: 'Kosugi', 'MS UI Gothic';
  }
.txtI{
	font-family: 'Noto Sans', sans-serif;
}
/*====================================================================================================

	link style

====================================================================================================*/
.linkElements01 a{
text-decoration:none;
padding:20px;
}
.linkElements01 a .icon-mod_ico_cArw_01{
margin:-2px 10px 0 0;
}
.linkElements01 a .icon-mod_ico_cArw_01 .path1:before{
color:#81a7d4;
}
.linkElements01 a .icon-mod_ico_cArw_01 .path2:before{
color:#cadbec;
}
.linkElements01 a:hover{
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}

@media screen and (max-width: 768px) {
.linkElements01{
width:280px;
margin-left:auto;
margin-right:auto;
}
.linkElements01 a{
display:inline-block;
line-height:1.5;
padding:10px 10px 10px 25px;
}
.linkElements01 a .icon-mod_ico_cArw_01{
display:inline-block;
margin-left:-25px;
}
}
/*====================================================================================================

	imgtxt style

====================================================================================================*/
@media screen and (max-width: 768px) {
.imgTxtElement01 img{
zoom:0.5;
width:auto;
height:auto;
}
}
/*====================================================================================================

	clearfix

====================================================================================================*/
.clearfix:after{
content:"";
clear:both;
display:block;
}

/*====================================================================================================

	text-align

====================================================================================================*/
.tac, .tac *{
text-align:center !important;
}

.tar, .tar *{
text-align:right !important;
}

.tal, .tal *{
text-align:left !important;
}

@media screen and (max-width: 768px) {
.sp-tac, .sp-tac *{
text-align:center !important;
}

.sp-tar, .sp-tar *{
text-align:right !important;
}

.sp-tal, .sp-tal *{
text-align:left !important;
}
}
/*====================================================================================================

	display style

====================================================================================================*/
.dsb{
display:block !important;
}

.dsib{
display:inline-block !important;
}

.dsi{
display:inline !important;
}

.dsn{
display:none !important;
}

@media screen and (max-width: 768px) {
.sp-dsb{
display:block !important;
}

.sp-dsib{
display:inline-block !important;
}

.sp-dsi{
display:inline !important;
}

.sp-dsn{
display:none !important;
}
}
/*====================================================================================================

	font-weight

====================================================================================================*/
.fwb{
font-weight:bold !important;
}

.fwn{
font-weight:normal !important;
}

@media screen and (max-width: 768px) {
.sp-fwb{
font-weight:bold !important;
}

.sp-fwn{
font-weight:normal !important;
}
}
/*====================================================================================================

	line-height

====================================================================================================*/
.lh1_0, .lh1_0 *{
line-height:1 !important;
}

.lh1_1, .lh1_1 *{
line-height:1.1 !important;
}

.lh1_2, .lh1_2 *{
line-height:1.2 !important;
}

.lh1_3, .lh1_3 *{
line-height:1.3 !important;
}

.lh1_4, .lh1_4 *{
line-height:1.4 !important;
}

.lh1_5, .lh1_5 *{
line-height:1.5 !important;
}

.lh1_6, .lh1_6 *{
line-height:1.6 !important;
}

.lh1_7, .lh1_7 *{
line-height:1.7 !important;
}

.lh1_8, .lh1_8 *{
line-height:1.8 !important;
}

.lh1_9, .lh1_9 *{
line-height:1.9 !important;
}

.lh2_0, .lh2_0 *{
line-height:2 !important;
}

.lh2_1, .lh2_1 *{
line-height:2.1 !important;
}

.lh2_2, .lh2_2 *{
line-height:2.2 !important;
}

.lh2_3, .lh2_3 *{
line-height:2.3 !important;
}

.lh2_4, .lh2_4 *{
line-height:2.4 !important;
}

.lh2_5, .lh2_5 *{
line-height:2.5 !important;
}

.lh2_6, .lh2_6 *{
line-height:2.6 !important;
}

.lh2_7, .lh2_7 *{
line-height:2.7 !important;
}

.lh2_8, .lh2_8 *{
line-height:2.8 !important;
}

.lh2_9, .lh2_9 *{
line-height:2.9 !important;
}

.lh3_0, .lh3_0 *{
line-height:3 !important;
}

@media screen and (max-width: 768px) {
.sp-lh1_0, .sp-lh1_0 *{
line-height:1 !important;
}

.sp-lh1_1, .sp-lh1_1 *{
line-height:1.1 !important;
}

.sp-lh1_2, .sp-lh1_2 *{
line-height:1.2 !important;
}

.sp-lh1_3, .sp-lh1_3 *{
line-height:1.3 !important;
}

.sp-lh1_4, .sp-lh1_4 *{
line-height:1.4 !important;
}

.sp-lh1_5, .sp-lh1_5 *{
line-height:1.5 !important;
}

.sp-lh1_6, .sp-lh1_6 *{
line-height:1.6 !important;
}

.sp-lh1_7, .sp-lh1_7 *{
line-height:1.7 !important;
}

.sp-lh1_8, .sp-lh1_8 *{
line-height:1.8 !important;
}

.sp-lh1_9, .sp-lh1_9 *{
line-height:1.9 !important;
}

.sp-lh2_0, .sp-lh2_0 *{
line-height:2 !important;
}

.sp-lh2_1, .sp-lh2_1 *{
line-height:2.1 !important;
}

.sp-lh2_2, .sp-lh2_2 *{
line-height:2.2 !important;
}

.sp-lh2_3, .sp-lh2_3 *{
line-height:2.3 !important;
}

.sp-lh2_4, .sp-lh2_4 *{
line-height:2.4 !important;
}

.sp-lh2_5, .sp-lh2_5 *{
line-height:2.5 !important;
}

.sp-lh2_6, .sp-lh2_6 *{
line-height:2.6 !important;
}

.sp-lh2_7, .sp-lh2_7 *{
line-height:2.7 !important;
}

.sp-lh2_8, .sp-lh2_8 *{
line-height:2.8 !important;
}

.sp-lh2_9, .sp-lh2_9 *{
line-height:2.9 !important;
}

.sp-lh3_0, .sp-lh3_0 *{
line-height:3 !important;
}
}
/*====================================================================================================

	margin module

====================================================================================================*/
.mb0{
margin-bottom:0 !important;
}

.mb5{
margin-bottom:5px !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb15{
margin-bottom:15px !important;
}

.mb20{
margin-bottom:20px !important;
}

.mb25{
margin-bottom:25px !important;
}

.mb30{
margin-bottom:30px !important;
}

.mb35{
margin-bottom:35px !important;
}

.mb40{
margin-bottom:40px !important;
}

.mb45{
margin-bottom:45px !important;
}

.mb50{
margin-bottom:50px !important;
}

.mb55{
margin-bottom:55px !important;
}

.mb60{
margin-bottom:60px !important;
}

.mb65{
margin-bottom:65px !important;
}

.mb70{
margin-bottom:70px !important;
}

.mb75{
margin-bottom:75px !important;
}

.mb80{
margin-bottom:80px !important;
}

.mb85{
margin-bottom:85px !important;
}

.mb90{
margin-bottom:90px !important;
}

.mb95{
margin-bottom:95px !important;
}

.mb100{
margin-bottom:100px !important;
}

.mt0{
margin-top:0 !important;
}

.mt5{
margin-top:5px !important;
}

.mt10{
margin-top:10px !important;
}

.mt15{
margin-top:15px !important;
}

.mt20{
margin-top:20px !important;
}

.mt25{
margin-top:25px !important;
}

.mt30{
margin-top:30px !important;
}

.mt35{
margin-top:35px !important;
}

.mt40{
margin-top:40px !important;
}

.mt45{
margin-top:45px !important;
}

.mt50{
margin-top:50px !important;
}

.mt55{
margin-top:55px !important;
}

.mt60{
margin-top:60px !important;
}

.mt65{
margin-top:65px !important;
}

.mt70{
margin-top:70px !important;
}

.mt75{
margin-top:75px !important;
}

.mt80{
margin-top:80px !important;
}

.mt85{
margin-top:85px !important;
}

.mt90{
margin-top:90px !important;
}

.mt95{
margin-top:95px !important;
}

.mt100{
margin-top:100px !important;
}

.pl0{
padding-left:0 !important;
}

.pl5{
padding-left:5px !important;
}

.pl10{
padding-left:10px !important;
}

.pl15{
padding-left:15px !important;
}

.pl20{
padding-left:20px !important;
}

.pl25{
padding-left:25px !important;
}

.pl30{
padding-left:30px !important;
}

.pl35{
padding-left:35px !important;
}

.pl40{
padding-left:40px !important;
}

.pl45{
padding-left:45px !important;
}

.pl50{
padding-left:50px !important;
}

.pr0{
padding-right:0 !important;
}

.pr5{
padding-right:5px !important;
}

.pr10{
padding-right:10px !important;
}

.pr15{
padding-right:15px !important;
}

.pr20{
padding-right:20px !important;
}

.pr25{
padding-right:25px !important;
}

.pr30{
padding-right:30px !important;
}

.pr35{
padding-right:35px !important;
}

.pr40{
padding-right:40px !important;
}

.pr45{
padding-right:45px !important;
}

.pr50{
padding-right:50px !important;
}

@media screen and (max-width: 768px) {
.sp-mb0{
margin-bottom:0 !important;
}

.sp-mb5{
margin-bottom:5px !important;
}

.sp-mb10{
margin-bottom:10px !important;
}

.sp-mb15{
margin-bottom:15px !important;
}

.sp-mb20{
margin-bottom:20px !important;
}

.sp-mb25{
margin-bottom:25px !important;
}

.sp-mb30{
margin-bottom:30px !important;
}

.sp-mb35{
margin-bottom:35px !important;
}

.sp-mb40{
margin-bottom:40px !important;
}

.sp-mb45{
margin-bottom:45px !important;
}

.sp-mb50{
margin-bottom:50px !important;
}

.sp-mb55{
margin-bottom:55px !important;
}

.sp-mb60{
margin-bottom:60px !important;
}

.sp-mb65{
margin-bottom:65px !important;
}

.sp-mb70{
margin-bottom:70px !important;
}

.sp-mb75{
margin-bottom:75px !important;
}

.sp-mb80{
margin-bottom:80px !important;
}

.sp-mb85{
margin-bottom:85px !important;
}

.sp-mb90{
margin-bottom:90px !important;
}

.sp-mb95{
margin-bottom:95px !important;
}

.sp-mb100{
margin-bottom:100px !important;
}

.sp-pl0{
padding-left:0 !important;
}

.sp-pl5{
padding-left:5px !important;
}

.sp-pl10{
padding-left:10px !important;
}

.sp-pl15{
padding-left:15px !important;
}

.sp-pl20{
padding-left:20px !important;
}

.sp-pl25{
padding-left:25px !important;
}

.sp-pl30{
padding-left:30px !important;
}

.sp-pl35{
padding-left:35px !important;
}

.sp-pl40{
padding-left:40px !important;
}

.sp-pl45{
padding-left:45px !important;
}

.sp-pl50{
padding-left:50px !important;
}

.sp-pr0{
padding-right:0 !important;
}

.sp-pr5{
padding-right:5px !important;
}

.sp-pr10{
padding-right:10px !important;
}

.sp-pr15{
padding-right:15px !important;
}

.sp-pr20{
padding-right:20px !important;
}

.sp-pr25{
padding-right:25px !important;
}

.sp-pr30{
padding-right:30px !important;
}

.sp-pr35{
padding-right:35px !important;
}

.sp-pr40{
padding-right:40px !important;
}

.sp-pr45{
padding-right:45px !important;
}

.sp-pr50{
padding-right:50px !important;
}
}