html{
box-sizing:border-box;
}

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

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

	index style

============================================================================================ */
.member .index .ttl01{
font-size:1.714rem;
margin-bottom:40px;
font-weight:bold;
text-align:center;
}
.member .index .memberIndexTextArea01{
line-height:2.7142857;
text-align:center;
}
.member .index .indexListLayout01:after{
content:"";
clear:both;
display:block;
}
.member .index .indexListLayout01 .inner{
float:left;
width:31.08255%;
margin:0 1.12359%;
overflow:hidden;
}
.member .index .indexListLayout01 .inner dl{
position:relative;
border:1px solid #dd5b00;
}
.member .index .indexListLayout01 .inner dl:after{
content:"";
display:block;
border:1px solid #dd5b00;
width:23px;
height:23px;
background:#fff;
position:absolute;
right:-12px;
bottom:-12px;
z-index:10;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.member .index .indexListLayout01 .inner dl dt{
font-size:1.286rem;
background:#fdf5f0;
border-bottom:1px solid #dd5b00;
padding:12px 24px;
}
.member .index .indexListLayout01 .inner dl dt .icon-mod_arw_01{
position:relative;
}
.member .index .indexListLayout01 .inner dl dt .icon-mod_arw_01:before{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
display:block;
position:absolute;
left:10px;
top:5px;
font-size:0.786rem;
font-weight:bold;
}
.member .index .indexListLayout01 .inner dl dd{
padding:20px;
font-size:0.857rem;
}
.member .index .indexListLayout01 .inner + .inner dl{
border:1px solid #138cc4;
}
.member .index .indexListLayout01 .inner + .inner dl:after{
border:1px solid #138cc4;
}
.member .index .indexListLayout01 .inner + .inner dl a{
color:#1188bf;
}
.member .index .indexListLayout01 .inner + .inner dl dt{
background:#f1f8fb;
border-bottom:1px solid #138cc4;
}
.member .index .indexListLayout01 .inner + .inner + .inner dl{
border:1px solid #7daa5c;
}
.member .index .indexListLayout01 .inner + .inner + .inner dl:after{
border:1px solid #7daa5c;
}
.member .index .indexListLayout01 .inner + .inner + .inner dl a{
color:#77a457;
}
.member .index .indexListLayout01 .inner + .inner + .inner dl dt{
background:#f7faf5;
border-bottom:1px solid #7daa5c;
}



.member .index .indexListLayout01a:after{
content:"";
clear:both;
display:block;
}
.member .index .indexListLayout01a .inner{
float:left;
width:17.75255%;
margin:0 1.12359%;
overflow:hidden;
}
.member .index .indexListLayout01a .inner dl{
position:relative;
border:1px solid #1188bf;
}
.member .index .indexListLayout01a .inner dl:after{
content:"";
display:block;
border:1px solid #1188bf;
width:23px;
height:23px;
background:#fff;
position:absolute;
right:-12px;
bottom:-12px;
z-index:10;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.member .index .indexListLayout01a .inner dl a{
color:#1188bf;
}
.member .index .indexListLayout01a .inner dl dt{
font-size:1.286rem;
background:#f1f8fb;
border-bottom:1px solid #1188bf;
padding:12px 24px;
}
.member .index .indexListLayout01a .inner dl dt .icon-mod_arw_01{
position:relative;
}
.member .index .indexListLayout01a .inner dl dt .icon-mod_arw_01:before{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
display:block;
position:absolute;
left:10px;
top:5px;
font-size:0.786rem;
font-weight:bold;
}
.member .index .indexListLayout01a .inner dl dd{
padding:20px;
font-size:0.857rem;
}
.member .index .indexListLayout01a .inner + .inner dl{
border:1px solid #dc5301;
}
.member .index .indexListLayout01a .inner + .inner dl:after{
border:1px solid #dc5301;
}
.member .index .indexListLayout01a .inner + .inner dl a{
color:#dc5301;
}
.member .index .indexListLayout01a .inner + .inner dl dt{
background:#fdf5f0;
border-bottom:1px solid #dc5301;
}

.member .index .indexListLayout01a .inner + .inner + .inner dl{
border:1px solid #77a457;
}
.member .index .indexListLayout01a .inner + .inner + .inner dl:after{
border:1px solid #77a457;
}
.member .index .indexListLayout01a .inner + .inner + .inner dl a{
color:#77a457;
}
.member .index .indexListLayout01a .inner + .inner + .inner dl dt{
background:#f7faf5;
border-bottom:1px solid #77a457;
}

.member .index .indexListLayout01a .inner + .inner + .inner + .inner dl{
border:1px solid #000bdd;
}
.member .index .indexListLayout01a .inner + .inner + .inner + .inner dl:after{
border:1px solid #000bdd;
}
.member .index .indexListLayout01a .inner + .inner + .inner + .inner dl a{
color:#000bdd;
}
.member .index .indexListLayout01a .inner + .inner + .inner + .inner dl dt{
background:#ccdaff;
border-bottom:1px solid #000bdd;
}

.member .index .indexListLayout01a .inner + .inner + .inner + .inner + .inner dl{
border:1px solid #9502de;
}
.member .index .indexListLayout01a .inner + .inner + .inner + .inner + .inner dl:after{
border:1px solid #9502de;
}
.member .index .indexListLayout01a .inner + .inner + .inner + .inner + .inner dl a{
color:#9502de;
}
.member .index .indexListLayout01a .inner + .inner + .inner + .inner + .inner dl dt{
background:#f7e8ff;
border-bottom:1px solid #9502de;
}


.member .index .ttl02{
padding:12px 24px;
margin:0 1.12359% 24px;
font-size:1.714rem;
font-weight:bold;
text-align:center;
}
.member .index #anc01 .ttl02{
color:#1188bf;
background:#f1f8fb;
border:1px solid #1188bf;
}
.member .index #anc02 .ttl02{
color:#dc5301;
background:#fdf5f0;
border:1px solid #dc5301;
}
.member .index #anc03 .ttl02{
color:#77a457;
background:#f7faf5;
border:1px solid #77a457;
}
.member .index #anc04 .ttl02{
color:#000bdd;
background:#ccdaff;
border:1px solid #000bdd;
}
.member .index #anc05 .ttl02{
color:#9502de;
background:#f7e8ff;
border:1px solid #9502de;
}
.member .index .memberList01:after{
content:"";
clear:both;
display:block;
}
.member .index .memberList01 li{
float:left;
position:relative;
width:31.08255%;
min-height:450px;
margin:0 1.12359%;
overflow:hidden;
background:#f7f7f7;
}
.member .index .memberList01 li:after{
content:"";
display:block;
width:23px;
height:23px;
background:#fff;
position:absolute;
right:-12px;
bottom:-12px;
z-index:10;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.member .index .memberList01 li:nth-child(n + 4){
margin-top:40px;
}
.member .index .memberList01 li .coming{
position:absolute;
top:50%;
width:100%;
margin-top:-0.6em;
text-align:center;
font-size:1.286rem;
}
.member .index .memberList01 li a{
text-decoration:none;
}
.member .index .memberList01 li a .text01{
color:#333;
padding:30px;
font-weight:bold;
font-size:1.143rem;
}
.member .index .memberList01 li a .text02{
padding:0 30px 20px;
}
.member .index .memberList01 li a .text02 .ico{
font-size:0.857rem;
color:#fff;
background:#2e2a3c;
padding:3px 24px;
}
.member .index .memberList01 li a .text02 .affiliation{
padding-left:20px;
color:#2e2a3c;
}
.member .index .memberList01 li a .text02 .name{
display:block;
border-top:2px solid #2e2a3c;
text-align:right;
color:#333;
margin-top:12px;
padding-top:5px;
font-size:1.286rem;
}
.member .index .memberList01 li a .image{
overflow:hidden;
position:relative;
}
.member .index .memberList01 li a .image:before, .member .index .memberList01 li a .image:after{
content:"";
display:block;
position:absolute;
opacity:0;
z-index:99;
}
.member .index .memberList01 li a .image:after{
width:51px;
height:51px;
top:-51px;
right:-51px;
opacity:0;
background:url(../../images/member/index_ico_brackets_01.png) 0 0 no-repeat;
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
transition:all 0.6s;
}
.member .index .memberList01 li a .image:before{
width:51px;
height:51px;
bottom:-51px;
left:-51px;
opacity:0;
background:url(../../images/member/index_ico_brackets_02.png) 0 0 no-repeat;
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
transition:all 0.6s;
}
.member .index .memberList01 li a img{
width:100%;
height:auto;
-webkit-transition:-webkit-transform 1s;
-moz-transition:-moz-transform 1s;
transition:transform 1s;
}
.member .index .memberList01 li a:hover .image:after{
opacity:1;
top:0;
right:0;
}
.member .index .memberList01 li a:hover .image:before{
opacity:1;
bottom:0;
left:0;
}
.member .index .memberList01 li a:hover img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}

@media screen and (max-width: 768px) {
.member .index .ttl01{
font-size:1.500rem;
color:#2e2a3c;
text-align:left;
padding:0 12px;
}
.member .index .memberIndexTextArea01{
text-align:left;
padding:0 12px;
}
.member .index .indexListLayout01 .inner{
float:none;
width:auto;
margin:0 12px 20px;
}
.member .index .indexListLayout01 .inner dl dt{
font-size:0.857rem;
padding:10px 18px;
}
.member .index .indexListLayout01 .inner dl dt .icon-mod_arw_01:before{
top:2px;
}
.member .index .indexListLayout01 .inner dl dd{
padding:10px;
}
.member .index .indexListLayout01 .inner dl dd .floatList01Col2 li{
margin:0 0 10px;
}
.member .index .ttl02{
margin:0 -12px 30px;
border-left:none;
border-right:none;
color:#dc5301;
font-size:1.429rem;
}
.member .index .memberList01 li{
float:none;
width:auto;
min-height:200px;
margin:0 12px 40px;
}
.member .index .memberList01 li a{
text-decoration:none;
}
.member .index .memberList01 li a .text01{
padding:10px 20px;
font-size:0.857rem;
}
.member .index .memberList01 li a .text02{
padding:0 20px 15px;
}
.member .index .memberList01 li a .text02 .ico{
font-size:0.643rem;
}
.member .index .memberList01 li a .text02 .name{
display:block;
margin-top:8px;
padding-top:5px;
font-size:1.000rem;
}
.member .index .memberList01 li a .image:before, .member .index .memberList01 li a .image:after{
display:none;
}
}
/* ============================================================================================

	deatil style

============================================================================================ */
.member .detail.detail01 .detailMainArea{
background-image:url(../../images/member/detail01_img_main_01_pc.jpg);
}
.member .detail.detail02 .detailMainArea{
background-image:url(../../images/member/detail02_img_main_01_pc.jpg);
}
.member .detail.detail03 .detailMainArea{
background-image:url(../../images/member/detail03_img_main_01_pc.jpg);
}
.member .detail.detail04 .detailMainArea{
background-image:url(../../images/member/detail04_img_main_01_pc.jpg);
}
.member .detail.detail05 .detailMainArea{
background-image:url(../../images/member/detail05_img_main_01_pc.jpg);
}
.member .detail.detail06 .detailMainArea{
background-image:url(../../images/member/detail06_img_main_01_pc.jpg);
}
.member .detail.detail07 .detailMainArea{
background-image:url(../../images/member/detail07_img_main_01_pc.jpg);
}
.member .detail.detail08 .detailMainArea{
background-image:url(../../images/member/detail08_img_main_01_pc.jpg);
}
.member .detail.detail09 .detailMainArea{
background-image:url(../../images/member/detail09_img_main_01_pc.jpg);
}
.member .detail.detail10 .detailMainArea{
background-image:url(../../images/member/detail10_img_main_01_pc.jpg);
}
.member .detail.detail11 .detailMainArea{
background-image:url(../../images/member/detail11_img_main_01_pc.jpg);
}
.member .detail.detail12 .detailMainArea{
background-image:url(../../images/member/detail12_img_main_01_pc.jpg);
}
.member .detail.detail13 .detailMainArea{
background-image:url(../../images/member/detail13_img_main_01_pc.jpg);
}
.member .detail.detail14 .detailMainArea{
background-image:url(../../images/member/detail14_img_main_01_pc.jpg);
}
.member .detail.detail15 .detailMainArea{
background-image:url(../../images/member/detail15_img_main_01_pc.jpg);
}
.member .detail .detailMainArea{
height:480px;
width:100%;
overflow:hidden;
display:table;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:100% auto;
}
.member .detail .detailMainArea .inner{
display:table-cell;
width:83.1423%;
vertical-align:middle;
}
@media screen and (max-width: 1284px) {
.member .detail .detailMainArea{
background-size:auto 100%;
}
}
.member .detail .detailTextArea01{
color:#fff;
width:440px;
margin-left:8.42885%;
}
.member .detail .detailTextArea01 .catch{
font-weight:bold;
font-size:1.714rem;
line-height:1.5;
margin-bottom:30px;
}
.member .detail .titleArea{
text-align:right;
position:relative;
padding-top:20px;
}
.member .detail .titleArea:after{
content:"";
display:block;
width:232px;
height:3px;
background:#fff;
position:absolute;
right:0;
top:0;
}
.member .detail .titleArea .title{
margin:10px 0;
}
.member .detail .titleArea .title span{
display:block;
line-height:1.5;
}
.member .detail .titleArea .title span.jp{
font-size:1.286rem;
}
.member .detail .titleArea .title span.en{
font-size:0.857rem;
}
.member .detail .titleArea .affiliation{
font-size:0.857rem;
}
.member .detail .imgLayoutElementsR02 .block{
line-height:2.7142857;
}
.member .detail .imgLayoutElementsR02 .block .ttl01{
font-size:1.714rem;
font-weight:bold;
line-height:1.4;
margin-bottom:12px;
}
.member .detail .chainImg img{
width:100%;
height:auto;
}
.member .detail .columnBox{
position:relative;
overflow:hidden;
}
.member .detail .columnBox .inner{
border:1px solid #472e84;
background:#fffbf7;
padding:40px 56px;
}
.member .detail .columnBox .inner:after{
content:"";
clear:both;
display:block;
}
.member .detail .columnBox .inner .block{
width:63.018016%;
float:left;
}
.member .detail .columnBox .inner .image{
margin-left:4.00843%;
width:32.97355%;
float:left;
}
.member .detail .columnBox .inner .image img{
width:100%;
height:auto;
}
.member .detail .columnBox .ttl02{
font-size:1.429rem;
font-weight:bold;
color:#dc5301;
margin-bottom:15px;
}
.member .detail .columnBox .dash{
line-height:2.7142857;
border-bottom:1px dashed #2e2a3c;
padding-bottom:5px;
}
.member .detail .columnBox:after{
content:"";
display:block;
width:80px;
height:80px;
background:#fff;
position:absolute;
right:-40px;
bottom:-40px;
z-index:10;
border:1px solid #472e84;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.member .detail .columnBox:before{
content:"";
display:block;
width:80px;
height:80px;
background:#fff;
position:absolute;
left:-40px;
top:-40px;
z-index:10;
border:1px solid #472e84;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.member .detail .prodCv .block a{
display:block;
position:relative;
}
.member .detail .prodCv .block a .textArea{
position:absolute;
color:#fff;
text-shadow:0 0 10px rgba(0, 0, 0, 0.6);
padding:5.8543% 0 0 3.27115%;
z-index:99;
}
.member .detail .prodCv .block a .textArea .messa{
font-size:1.286rem;
position:relative;
margin-bottom:10px;
}
.member .detail .prodCv .block a .textArea .messa:after{
display:none;
}
.member .detail .prodCv .block a .image{
position:relative;
overflow:hidden;
line-height:0;
}
.member .detail .prodCv .block a .image img{
width:100%;
height:auto;
-webkit-transition:-webkit-transform 2s;
-moz-transition:-moz-transform 2s;
transition:transform 2s;
}
.member .detail .prodCv .block a .image:before, .member .detail .prodCv .block a .image:after{
content:"";
display:block;
width:55px;
height:55px;
position:absolute;
z-index:99;
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
transition:all 0.6s;
}
.member .detail .prodCv .block a .image:before{
background:url(../../images/common/mod_ico_linkFilterB_01.png) 0 0 no-repeat;
top:-55px;
left:-55px;
}
.member .detail .prodCv .block a .image:after{
background:url(../../images/common/mod_ico_linkFilterB_02.png) 0 0 no-repeat;
bottom:-55px;
right:-55px;
}
.member .detail .prodCv .block a:hover .image img, .member .detail .prodCv .block a.on .image img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.member .detail .prodCv .block a:hover .image:before, .member .detail .prodCv .block a.on .image:before{
top:0;
left:0;
}
.member .detail .prodCv .block a:hover .image:after, .member .detail .prodCv .block a.on .image:after{
bottom:0;
right:0;
}
.member .detail .movieArea{
padding:55px 0 60px;
background:#f0f0f0;
}
.member .detail .movieArea .movieWrap{
width:660px;
margin:0 auto;
}
.member .detail .movieArea .movieWrap .movie{
position:relative;
width:100%;
padding-top:56.25%;
}
.member .detail .movieArea .movieWrap .movie iframe{
position:absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
}

@media screen and (max-width: 768px) {
.member .detail.detail01 .detailMainArea{
background-image:url(../../images/member/detail01_img_main_01_sp.jpg);
}
.member .detail.detail02 .detailMainArea{
background-image:url(../../images/member/detail02_img_main_01_sp.jpg);
}
.member .detail.detail03 .detailMainArea{
background-image:url(../../images/member/detail03_img_main_01_sp.jpg);
}
.member .detail.detail04 .detailMainArea{
background-image:url(../../images/member/detail04_img_main_01_sp.jpg);
}
.member .detail.detail05 .detailMainArea{
background-image:url(../../images/member/detail05_img_main_01_sp.jpg);
}
.member .detail.detail06 .detailMainArea{
background-image:url(../../images/member/detail06_img_main_01_sp.jpg);
}
.member .detail.detail07 .detailMainArea{
background-image:url(../../images/member/detail07_img_main_01_sp.jpg);
}
.member .detail.detail08 .detailMainArea{
background-image:url(../../images/member/detail08_img_main_01_sp.jpg);
}
.member .detail.detail09 .detailMainArea{
background-image:url(../../images/member/detail09_img_main_01_sp.jpg);
}
.member .detail.detail10 .detailMainArea{
background-image:url(../../images/member/detail10_img_main_01_sp.jpg);
}
.member .detail.detail11 .detailMainArea{
background-image:url(../../images/member/detail11_img_main_01_sp.jpg);
}
.member .detail.detail12 .detailMainArea{
background-image:url(../../images/member/detail12_img_main_01_sp.jpg);
}
.member .detail.detail13 .detailMainArea{
background-image:url(../../images/member/detail13_img_main_01_sp.jpg);
}
.member .detail.detail14 .detailMainArea{
background-image:url(../../images/member/detail14_img_main_01_sp.jpg);
}
.member .detail.detail15 .detailMainArea{
background-image:url(../../images/member/detail15_img_main_01_sp.jpg);
}
.member .detail .detailMainArea{
height:auto;
width:100%;
display:block;
background-color:#f1f1f1;
background-position:50% 0;
background-repeat:no-repeat;
background-size:100% auto;
padding:75% 0 0;
}
.member .detail .detailMainArea .inner{
display:block;
width:auto;
}
.member .detail .detailTextArea01{
color:#2e2a3c;
width:auto;
margin-left:0;
padding:12px;
}
.member .detail .detailTextArea01 .catch{
color:#000;
padding:12px;
font-size:1.357rem;
line-height:1.875;
margin-bottom:10px;
}
.member .detail .detailTextArea01 .catch br{
display:none;
}
.member .detail .titleArea{
padding-top:10px;
color:#000;
}
.member .detail .titleArea:after{
width:200px;
height:2px;
background:#000;
}
.member .detail .titleArea .title{
margin:10px 0;
}
.member .detail .titleArea .title span{
display:block;
line-height:1.5;
}
.member .detail .titleArea .title span.jp{
font-size:1.286rem;
}
.member .detail .titleArea .title span.en{
font-size:0.857rem;
}
.member .detail .titleArea .affiliation{
font-size:0.857rem;
}
.member .detail .columnBox .inner{
padding:20px;
}
.member .detail .columnBox .inner .block{
width:auto;
float:none;
}
.member .detail .columnBox .inner .image{
margin-left:0;
width:auto;
float:none;
}
.member .detail .columnBox .ttl02{
font-size:1.500rem;
text-align:center;
}
.member .detail .columnBox:after{
width:36px;
height:36px;
position:absolute;
right:-18px;
bottom:-18px;
}
.member .detail .columnBox:before{
width:36px;
height:36px;
left:-18px;
top:-18px;
}
.member .detail .prodCv .block.block1{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block2{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block3{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block4{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block5{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block6{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block7{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block8{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block9{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block10{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block11{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block12{
background:url(../../images/member/mod_img_prod_03_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block13{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block14{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block.block15{
background:url(../../images/member/mod_img_prod_01_sp.jpg) 50% 50% no-repeat;
background-size:100% auto;
}
.member .detail .prodCv .block a{
text-decoration:none;
padding:35px 20px;
}
.member .detail .prodCv .block a .textArea{
position:static;
padding:0;
}
.member .detail .prodCv .block a .textArea .messa{
font-size:1.286rem;
}
.member .detail .prodCv .block a .image{
display:none;
}
.member .detail .movieArea{
padding:30px 12px 35px;
margin-left:0;
margin-right:0;
}
.member .detail .movieArea .movieWrap{
width:auto;
}
}


@media screen and (max-width: 768px) {
  /* ?角の切り抜きは .inner の overflow:hidden に依存 → ここは維持する */
  /* 高さ固定だけ解除（overflow はいじらない or 既定を尊重） */
  .member .index .indexListLayout01a,
  .member .index .indexListLayout01a .inner dl {
    height: auto !important;
    min-height: 0 !important;
  }

  /* 閉じ状態を完全に不可視に（にじみ防止含む） */
  html.js .member .index .indexListLayout01a .inner dl dd {
    overflow: hidden;
    max-height: 0;
    padding: 0 20px; /* 上下0・左右キープ */
    opacity: 0;
    visibility: hidden;
    transition: max-height .35s ease, padding .25s ease, opacity .2s ease;
  }

  /* 開いた状態（visibility/opacityはJSでも当てるが、保険で強制） */
  .member .index .indexListLayout01a .inner dl.is-open dd {
    opacity: 1 !important;
    visibility: visible !important;
    padding: 20px; /* 元の余白 */
  }

  /* マージン崩壊でにじまないように */
  .member .index .indexListLayout01a .inner dl dd > *:first-child { margin-top: 0; }
  .member .index .indexListLayout01a .inner dl dd > *:last-child  { margin-bottom: 0; }
  .member .index .indexListLayout01a .inner dl dd .listElementA01-10 { margin: 0; }

  /* 見出しUI（タップ可能＆矢印回転） */
  .member .index .indexListLayout01a .inner dl dt { cursor: pointer; }
  .member .index .indexListLayout01a .inner dl dt .icon-mod_arw_01 {
    display: inline-block; transition: transform .3s ease;
  }
  .member .index .indexListLayout01a .inner dl.is-open dt .icon-mod_arw_01 {
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 768px) {
  .member .index .indexListLayout01a .inner {
    float: none;          /* 横並び解除 */
    width: auto;          /* 幅は親に合わせる */
    margin: 0 12px 20px;  /* 左右に余白 + 下に間隔 */
  }
  .member .index .indexListLayout01a .inner:last-child {
    margin-bottom: 0;     /* 最後の余白だけ詰める（任意） */
  }
  /* 見出しのサイズを少し詰めたい場合（任意） */
  .member .index .indexListLayout01a .inner dl dt {
    font-size: 0.95rem;
    padding: 10px 18px;
  }
  .member .index .indexListLayout01a .inner dl dd {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 768px) {
  .member .index .indexListLayout01a .inner dl:after {
    content: none !important; /* 生成自体をやめる */
    /* 参考: display:none; でもOKだが、content:none が確実 */
  }
}

@media screen and (max-width: 768px) {
  /* タイトル行を横並びにして、テキストとアイコンを分ける */
  .member .index .indexListLayout01a .inner dl dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .member .index .indexListLayout01a .inner dl dt{
    display:flex; align-items:center; justify-content:space-between;
  }

  /* アイコン箱：右端に配置。箱サイズを固定して中央に字形を置く */
  .member .index .indexListLayout01a .inner dl dt .icon-mod_arw_01{
    position:relative !important;
    display:inline-block;
    margin-left:auto;
    margin-right:6px;              /* 右端との距離（お好みで） */
    width:1.2em;                   /* ★ 箱の幅を明示 */
    height:1.2em;                  /* ★ 箱の高さを明示 */
    line-height:1;
  }

  /* 擬似要素＝実際の「くの字」 */
  .member .index .indexListLayout01a .inner dl dt .icon-mod_arw_01:before{
    position:absolute !important;
    right:0;                       /* 右端固定 */
    top:50%;
    width:100%; height:100%;       /* ★ 箱一杯を使う */
    display:flex;                  /* ★ 中央寄せ用 */
    align-items:center;            /* 縦中央 */
    justify-content:center;        /* 横中央 */
    font-size:1.1rem;
    /* 中心回転を保証 */
    transform-origin:50% 50% !important;
    transform-box:border-box;      /* 中心解釈の安定化 */
    transform:translateY(-50%) rotate(0deg);
  }

  /* 開いた時：中心のまま回転（ズレない） */
  .member .index .indexListLayout01a .inner dl.is-open dt .icon-mod_arw_01:before{
    transform:translateY(-50%) rotate(90deg);
  }
  
  
  
  
    .member .index .indexListLayout01a .inner {
    height: auto !important;
    overflow: visible !important; /* ← これが一番重要 */
  }

  .member .index .indexListLayout01a .inner dl,
  .member .index .indexListLayout01a .inner dd {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* 通常は閉じた状態 */
  .member .index .indexListLayout01a .inner dd {
    display: none;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
  }

  /* 開いたときだけ見せる */
  .member .index .indexListLayout01a .inner dl.is-open dd {
    display: block;
    visibility: visible;
    opacity: 1;
    max-height: 9999px; /* 充分大きければOK */
    overflow: visible;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* .inner の overflow:hidden を解除 */
  .member .index .indexListLayout01a .inner {
    overflow: visible !important;
    height: auto !important;
  }
  
}




/*# sourceMappingURL=local.css.map */