@charset 'UTF-8';

html{
overflow-x: hidden;
}

.wrapper{
padding-top: 60px !important;
}

/*===========================================
header
===========================================*/
#header{
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 140px;
border-bottom: 1px solid #ddd;
padding: 0 20px;
font-size: 16px;
background: #fff;
z-index: 100;
}
#header *, #header *:after, #header *:before{
box-sizing: border-box;
}
#header *{
color: #333;
line-height: 1.7;
}
#header a{
color: #333;
}
#header figure{
margin: 0;
padding: 0;
}
#header img {
display: block;
width: 100%;
vertical-align: top;
}
#header .header_wrap{
max-width: 1000px;
margin: auto;
}
#header .header_inner{
position: relative;
}
#header .header_logo{
position: absolute;
top: 25px;
left: 0;
}
#header .header_logo img{
width: 171px;
}
#header .header_menu_01{
display: flex;
align-items: flex-end;
height: 65px;
}
#header .header_menu_01 .flex{
display: flex;
align-items: center;
margin: 0 0 0 auto;
}
#header .header_menu_01 ul{
display: flex;
align-items: flex-end;
}
#header .header_menu_01 li{
margin-left: 2em;
white-space: nowrap;
}
#header .header_menu_01 .en a{
position: relative;
padding-left: 20px;
}
#header .header_menu_01 .en a:before{
content: '';
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(/shared/image/icon_global.svg) center no-repeat;
background-size: contain;
}
#header .header_menu_01 .search{
position: relative;
margin-left: 2em;
border: 1px solid #666;
border-radius: 35px;
overflow: hidden;
}
#header .header_menu_01 .header_submit{
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 16px;
height: 16px;
margin: auto;
border: none;
background: url(/shared/image/icon_search.svg) center no-repeat;
background-size: contain;
cursor: pointer;
outline: none;
}
#header .header_menu_01 .search input{
width: 18em;
border: none;
padding: 0.5em 35px 0.5em 1em;
font-size: 13px;
background: transparent;
outline: none;
}
#header .header_menu_02{
flex-basis: 100%;
}
#header .header_menu_02 .header_navList{
max-width: 1000px;
margin: auto;
}
#header .header_menu_02 .header_navList ul{
display: flex;
justify-content: space-between;
height: 75px;
}
#header .header_menu_02 .header_navList ul > *{
display: flex;
padding: 0 1em;
}
#header .header_menu_02 .header_navList a{
display: flex;
align-items: center;
position: relative;
text-decoration: none;
}
#header .header_menu_02 .header_navList a:after{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 3px;
background: #e30934;
opacity: 0;
}
#header .header_menu_02 .header_navList a:hover:after{
opacity: 1;
}
#header .header_menu_02 .header_navList .bd{
align-items: center;
position: relative;
padding: 0;
}
#header .header_menu_02 .header_navList .bd:after{
content: '';
display: block;
position: absolute;
width: 1px;
height: 1em;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: #666;
}
#header .header_menu_02 .header_navList .header_menu_home{
padding-left: 0;
}
#header .header_menu_02 .header_navList .header_menu_ir{
padding-right: 0;
}
#header .header_menu_dtl{
position: absolute;
top: 140px;
left: 0;
right: 0;
height: 0;
padding: 0 20px;
background: #fff;
z-index: 10;
overflow: hidden;
}
#header .header_menu_dtl_wrap{
max-width: 1000px;
margin: auto;
}
#header .header_menu_dtl_inner{
padding: 4% 0;
}
#header .header_menu_dtl_content{
display: none;
}
#header .header_menu_dtl_content a.accordion {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 32px;
padding: 0;
background: none;
}
#header .header_menu_dtl_content a.accordion:after {
transform: none;
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: none;
background: url(/shared/image/icon_plus_red.svg) center no-repeat;
background-size: contain;
}
#header .header_menu_dtl_content a.accordion.open:after {
background-image: url(/shared/image/icon_minus_red.svg);
}
#header .header_menu_dtl_flex{
display: flex;
justify-content: space-between;
position: relative;
}
#header .header_menu_dtl_flex:after{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1px;
height: 100%;
margin: auto;
background: #ddd;
}
#header .header_menu_dtl_flex > *{
flex-basis: calc(50% - 40px);
}
#header .header_menu_dtl_products .header_menu_dtl_flex{
flex-wrap: wrap;
}
#header .header_menu_dtl_products .header_menu_dtl_flex:after{
content: normal;
}
#header .header_menu_dtl_products .header_menu_dtl_flex > *{
flex-basis: 28%;
}
#header .header_menu_dtl_products .header_menu_dtl_flex > *:nth-of-type(n + 4){
margin-top: 40px;
}
#header .header_menu_dtl_products .ttl{
position: relative;
margin-top: 0.5em;
font-weight: bold;
}
#header .header_menu_dtl_products .ttl.mod_list_link a{
display: block;
padding: 0 20px 0 0;
}
#header .header_menu_dtl_products .ttl.mod_list_link a:before{
left: auto;
right: 0;
}
#header .header_menu_dtl_products .mod_list_link{
display: flex;
flex-wrap: wrap;
margin-top: 0.5em;
}
#header .header_menu_dtl_products .mod_list_link > *{
margin-right: 1.5em;
}
#header .header_menu_dtl_products .header_menu_dtl_list > .mod_list_link ul{
border-top: 1px solid #ddd;
padding-top: 1.5em;
}
#header .header_menu_dtl_recipe .mod_list_link.flex{
display: flex;
}
#header .header_menu_dtl_recipe .mod_list_link.flex > *{
flex-grow: 1;
margin-right: 1em;
}
#header .header_menu_dtl_recipe .header_menu_dtl_list > .header_menu_dtl_list{
margin-top: 0;
}
#header .header_menu_dtl_recipe .ttl{
position: relative;
margin-bottom: 0.5em;
font-weight: bold;
}
#header .header_menu_dtl_recipe .ttl.mod_list_link a{
display: block;
padding: 0 20px 0 0;
}
#header .header_menu_dtl_recipe .ttl.mod_list_link a:before{
left: auto;
right: 0;
}
#header .header_menu_dtl_recipe .other li{
padding-left: 0;
text-indent: 0;
}
#header .header_menu_dtl_recipe .other a{
display: block;
padding-left: 0;
padding-right: 20px;
font-weight: bold;
}
#header .header_menu_dtl_recipe .other a:before{
left: auto;
right: 5px;
}
#header .header_menu_dtl_ttl{
display: flex;
}
#header .header_menu_dtl_ttl > *{
position: relative;
font-size: 28px;
}
#header .header_menu_dtl_ttl a{
padding-top: 0;
padding-bottom: 0;
}
#header .header_menu_dtl_ttl a:before,
#header .header_menu_dtl_ttl a:after{
top: 0;
bottom: 0;
margin: auto;
}
#header .header_menu_dtl_list{
margin-top: 2%;
}
#header .header_menu_dtl_list li{
margin-bottom: 0.5em;
}
#header .header_menu_dtl_other_list{
background: #f5f5f5;
}
#header .header_menu_dtl_other_list ul{
display: flex;
flex-wrap: wrap;
}
#header .header_menu_dtl_other_list li{
flex-basis: 50%;
}
#header .header_menu_dtl_other_list a{
display: block;
border-top: 1px solid #ddd;
padding: 1em;
font-size: 14px;
}
#header .header_menu_dtl_other_list li:nth-of-type(odd) a{
border-right: 1px solid #ddd;
}
#header .header_search_btn{
display: none;
flex-basis: 13px;
margin: 0 0 0 auto;
}
#header .header_search_btn a{
display: block;
position: relative;
width: 21px;
height: 21px;
text-indent: -9999px;
text-align: left;
white-space: nowrap;
overflow: hidden;
background: url(/shared/image/icon_search.svg) center no-repeat;
background-size: 21px;
}
#header .header_menu_btn{
display: none;
flex-basis: 66px;
margin: 0 0 0 0;
}
#header .header_menu_btn p{
display: flex;
align-items: center;
padding: 0 20px;
}
#header .header_menu_btn a{
display: block;
position: relative;
}
#header .header_menu_btn span{
display: block;
position: relative;
width: 26px;
height: 14px;
text-indent: -9999px;
text-align: left;
white-space: nowrap;
}
#header .header_menu_btn a:after,
#header .header_menu_btn span:before,
#header .header_menu_btn span:after{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 26px;
height: 2px;
margin: auto;
background: #e30934;
}
#header .header_menu_btn span:after{
top: auto;
}
#header .header_menu_btn span:before{
bottom: auto;
}
#header .header_search{
display: none;
}

body.navOpen #header .header_menu_dtl{
height: auto;
}
body:after{
transform: translateY(-100%);
content: "";
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
}
body.navOpen:after{
transform: translateY(0%);
background: rgba(0,0,0,0.4);
opacity: 1;
}

@media (pointer: coarse){
}

#header{
top: 0;
height: 60px;
padding: 0;
}
#header .header_inner{
display: flex;
justify-content: flex-start;
height: 60px;
}
#header .header_logo{
display: flex;
align-items: center;
position: static;
padding-left: 20px;
}
#header .header_logo img{
width: 123px;
}
#header .header_menu{
display: none;
position: fixed;
top: 60px;
bottom: 0;
left: 0;
right: 0;
height: calc(100% - 60px);
background: #fff;
overflow-y: auto;
}
#header .header_menu_inner{
display: flex;
flex-wrap: wrap;
}
#header .header_menu_inner > *{
flex-basis: 100%;
}
#header .header_menu_01{
display: none;
}
#header .header_search{
display: none;
position: fixed;
top: 60px;
bottom: 0;
left: 0;
right: 0;
height: calc(100% - 60px);
}
#header .header_search .header_search_inner{
display: flex;
justify-content: center;
align-items: center;
height: 90px;
padding: 0 20px;
background: #fff;
}
#header .header_search .search{
display: flex;
align-items: center;
flex-basis: 100%;
position: relative;
height: 50px;
border: 1px solid #f5f5f5;
border-radius: 50px;
padding: 0 20px;
overflow: hidden;
background: #f5f5f5;
}
#header .header_search .search > *{
position: relative;
flex-basis: 100%;
}
#header .header_search .search input{
width: 100%;
border: none;
padding: 0.5em 0 0.5em 25px;
font-size: 16px;
background: transparent;
outline: none;
}
#header .header_search .header_submit {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 16px;
height: 16px;
margin: auto;
border: none;
background: url(/shared/image/icon_search.svg) center no-repeat;
background-size: contain;
cursor: pointer;
outline: none;
}
#header .header_menu_02 .header_navList{
display: none;
}
#header .header_menu_02 .header_menu_dtl{
display: none;
position: fixed;
top: 60px;
bottom: 0;
left: 0;
right: 0;
padding: 0;
height: calc(100% - 60px);
overflow-y: auto;
}
#header .header_menu_dtl{
background: none;
}
#header .header_menu_dtl_inner{
padding: 0;
background: #fff;
}
#header .header_menu_dtl_content{
display: block !important;
}
#header .header_menu_dtl_content:first-child > .header_menu_dtl_ttl a{
border: none;
}
#header .header_menu_dtl_flex{
flex-wrap: wrap;
}
#header .header_menu_dtl_flex > *{
flex-basis: 100%;
}
#header .header_menu_dtl_flex:after{
right: auto;
width: 2px;
background: #e30934;
}
#header .header_menu_dtl_content a.accordion{
padding: 0 0 0 52px;
}
#header .header_menu_dtl_products .header_menu_dtl_flex:after{
content: "";
}
#header .header_menu_dtl_products .header_menu_dtl_flex > *{
flex-basis: 100%;
border-top: 1px solid #ddd;
}
#header .header_menu_dtl_products .header_menu_dtl_flex > *:nth-of-type(n){
margin: 0;
}
#header .header_menu_dtl_products figure{
display: none;
}
#header .header_menu_dtl_products .ttl{
margin: 0;
padding: 1em 1em 1em 1.5em;
font-size: 15px;
font-weight: normal;
}
#header .header_menu_dtl_products .header_menu_dtl_list li{
margin-left: 2.5em;
margin-bottom: 0.5em;
}
#header .header_menu_dtl_products .header_menu_dtl_list a{
border: none;
padding: 0 0 0 20px;
background: none;
}
#header .header_menu_dtl_products .header_menu_dtl_list a:before{
content: "";
}
#header .header_menu_dtl_products .header_menu_dtl_list a.accordion{
padding: 0 0 0 52px;
}
#header .header_menu_dtl_products .header_menu_dtl_list a.accordion:after{
background-image: url(/shared/image/icon_plus.svg);
}
#header .header_menu_dtl_products .header_menu_dtl_list a.open.accordion:after{
background-image: url(/shared/image/icon_minus.svg);
}
#header .header_menu_dtl_products .mod_list_link{
display: block;
margin: 0;
padding: 0;
}
#header .header_menu_dtl_products .mod_list_link ul:last-child{
padding-bottom: 0.5em;
}
#header .header_menu_dtl_products p.ttl.mod_list_link a{
padding: 1em 1em 1em 1.5em;
}
#header .header_menu_dtl_products p.mod_list_link a:before{
content: normal;
}
#header .header_menu_dtl_products .header_menu_dtl_list > .mod_list_link{
padding: 0;
}
#header .header_menu_dtl_products .header_menu_dtl_list > .mod_list_link ul{
margin: 0;
border: none;
padding: 0;
}
#header .header_menu_dtl_products .header_menu_dtl_list > .mod_list_link li{
margin: 0;
}
#header .header_menu_dtl_products .header_menu_dtl_list > .mod_list_link li a{
padding: 1em 1em 1em 1.5em;
}
#header .header_menu_dtl_products .header_menu_dtl_list > .mod_list_link li + li a{
border-top: 1px solid #ddd;
}
#header .header_menu_dtl_products .header_menu_dtl_list > .mod_list_link a:before{
content: normal;
}
#header .header_menu_dtl_recipe .ttl{
margin: 0;
padding: 1em 1em 1em 1.5em;
font-size: 15px;
font-weight: normal;
}
#header .header_menu_dtl_recipe .header_menu_dtl_flex .ttl{
border-top: 1px solid #ddd;
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl + .accordion li{
margin-left: 2.5em;
margin-bottom: 0.5em;
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl + .accordion a{
border: none;
padding: 0 0 0 20px;
background: none;
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl + .accordion a:before{
content: "";
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl + .accordion a.accordion{
padding: 0 0 0 52px;
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl + .accordion .mod_list_link ul:last-child{
padding-bottom: 0.5em;
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl a{
border: none;
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl a.accordion:after{
background-image: url(/shared/image/icon_plus.svg);
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl a.open.accordion:after{
background-image: url(/shared/image/icon_minus.svg);
}
#header .header_menu_dtl_recipe .header_menu_dtl_list .ttl + .accordion .flex{
flex-wrap: wrap;
}
#header .header_menu_dtl_recipe .other a{
padding: 1em 1em 1em 1.5em;
font-weight: normal;
}
#header .header_menu_dtl_ttl{
display: block;
}
#header .header_menu_dtl_ttl > *{
font-size: 15px;
}
#header .header_menu_dtl_ttl a{
display: block;
border-top: 1px solid #ddd;
padding: 1em;
font-weight: normal;
background: #fff;
}
#header .header_menu_dtl_ttl a:before,
#header .header_menu_dtl_ttl a:after{
content: normal;
}
#header .header_menu_dtl_list{
margin: 0;
background: #fbfbfb;
}
#header .header_menu_dtl_list li{
margin: 0;
padding: 0;
font-size: 15px;
text-indent: 0;
}
#header .header_menu_dtl_list li + li{
margin: 0;
}
#header .header_menu_dtl_list a{
display: block;
border-top: 1px solid #ddd;
padding: 1em 1em 1em 1.5em;
}
#header .header_menu_dtl_list a:before{
content: normal;
}
#header .header_search_btn{
flex-basis: 21px;
display: flex;
align-items: center;
justify-content: center;
}
#header .header_menu_btn{
display: flex;
}
body.menuOpen,
body.searchOpen{
position: fixed;
width: 100%;
}
body.menuOpen:after,
body.navOpen:after,
body.searchOpen:after{
transform: translateY(0%);
background: rgba(0,0,0,0.4);
opacity: 1;
}
body.menuOpen #header{
position: fixed;
}
body.searchOpen #header .header_search{
display: block;
}
body.menuOpen #header .header_menu_btn a:after{
content: normal;
}
body.menuOpen #header .header_menu_btn span:before,
body.menuOpen #header .header_menu_btn span:after{
top: 0;
bottom: 0;
}
body.menuOpen #header .header_menu_btn span:before{
transform: rotate(45deg);
}
body.menuOpen #header .header_menu_btn span:after{
transform: rotate(-45deg);
}
body.menuOpen #header .header_menu_02 .header_menu_dtl{
display: block;
}

/*===========================================
bcList
===========================================*/
#bcList{
padding: 0 20px;
border-bottom: 1px solid #eee;
}
#bcList .bcList_wrap{
max-width: 1000px;
margin: auto;
}
#bcList .bcList_inner{
padding: 1em 0;
}
#bcList ul{
display: flex;
flex-wrap: wrap;
}
#bcList li{
font-size: 1.2rem;
}
#bcList li + li:before{
content: "＞";
margin: 0 0.5em;
color: #999;
}

#bcList{
display: none;
}

/*===========================================
side
===========================================*/
#side .side_ttl{
margin-top: 1em;
}
#side .side_ttl > *{
font-size: 1.8rem;
font-weight: bold;
}
#side .side_nav{
margin-top: 1em;
border-top: 2px solid #999;
}
#side .side_nav li{
border-bottom: 1px solid #eee;
font-size: 14px;
}
#side .side_nav li.current{
background-color: rgba(0,0,0,0.03);
}
#side .side_nav li.current li{
background-color: transparent;
}

#side .side_nav li span{
display: block;
position: relative;
}
#side .side_nav a{
display: block;
position: relative;
padding: 1em;
text-decoration: none;
background-color: transparent;
}
#side .side_nav a:hover{
background-color: rgba(0,0,0,0.03);
}
#side .side_nav li span a{
padding: 1em 32px 1em 1em;
}
#side .side_nav a.accordion{
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 32px;
padding: 0;
background-color: transparent;
}
#side .side_nav a.accordion:after{
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: url(/shared/image/icon_plus.svg) center no-repeat;
background-size: contain;
}
#side .side_nav a.accordion.open:after{
background-image: url(/shared/image/icon_minus.svg);
}
#side .side_nav li ul{
padding-bottom: 1em;
}
#side .side_nav li li{
border: none;
}
#side .side_nav li li a{
position: relative;
padding: 0.25em 2em 0.25em 2em;
}
#side .side_nav li li.current a{
color: #e30934;
text-decoration: underline;
}
#side .side_nav li li a:before{
content: "";
display: block;
position: absolute;
top: 0.66em;
left: 1em;
width: 0.5em;
height: 0.5em;
margin: 0 auto;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
#side .side_nav li li ul{
padding: 0;
}
#side .side_nav li li li{
line-height: 1.4;
}
#side .side_nav li li li a{
padding-left: 4em;
line-height: 1.4;
}
#side .side_nav li li li a:before{
left: 3em;
border-color: #777;
}

/*===========================================
pageTop
===========================================*/
#pageTop{
display: none;
position: absolute;
right: 40px;
bottom: 30px;
z-index: 10;
}
#pageTop.fix{
position: fixed;
}
#pageTop a{
display: block;
position: relative;
width: 60px;
height: 60px;
border: 2px solid #e30934;
border-radius: 60px;
text-indent: -9999px;
white-space: nowrap;
background: #fff;
}
#pageTop a:after{
transform: rotate(-45deg);
content: "";
display: block;
position: absolute;
top: 4px;
bottom: 0;
left: 0;
right: 0;
width: 10px;
height: 10px;
margin: auto;
border-top: 2px solid #e30934;
border-right: 2px solid #e30934;
}


#footer{
padding-top: 50px;
}
#pageTop{
position: absolute;
right: 0;
top: -90px;
height: 90px;
z-index: 10;
}
#pageTop.fix{
position: relative;
}
#pageTop p{
position: absolute;
}
#pageTop.fix p{
position: fixed;
}
#pageTop p{
right: 20px;
bottom: 30px;
}
#pageTop a{
width: 50px;
height: 50px;
}

/*===========================================
footer
===========================================*/
#footer{
position: relative;
background: #fff;
font-size: 15px;
}
#footer *, #footer *:after, #footer *:before{
box-sizing: border-box;
}
#footer *{
color: #333;
line-height: 1.7;
}
#footer .footer_menu{
position: relative;
}
#footer .footer_menu_pc{
padding: 0 20px;
background: #f5f5f5;
}
#footer .footer_menu_pc .footer_menu_wrap{
max-width: 1000px;
margin: auto;
}
#footer .footer_menu_pc .footer_menu_inner{
display: flex;
justify-content: space-between;
padding: 8.5% 0;
}
#footer .footer_menu_pc .footer_menu_inner > div + div{
padding-left: 1.5em;
}
#footer .footer_menu_pc li{
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}
#footer .footer_menu_pc li + li{
margin-top: 1.5em;
}
#footer .footer_menu_pc li li{
margin-top: 1.25em;
font-size: 14px;
font-weight: normal;
white-space: normal;
}
#footer .footer_menu_sp{
display: none;
background: #f5f5f5;
}
#footer .footer_menu_sp ul{
display: flex;
flex-wrap: wrap;
}
#footer .footer_menu_sp li{
display: flex;
flex-basis: 50%;
line-height: 1.6;
}
#footer .footer_menu_sp li:nth-of-type(n + 3){
border-top: 1px solid #fff;
}
#footer .footer_menu_sp li:last-child{
flex-basis: 100%;
border-right: none;
}
#footer .footer_menu_sp li a{
flex-basis: 100%;
display: flex;
align-items: center;
min-height: 4em;
border-right: 1px solid #fff;
font-size: 14px;
}
#footer .footer_menu_sp li:nth-of-type(2n) a{
border-right: none;
}
#footer .footer_menu_sp li span{
display: block;
padding: 0.5em 1em;
}

#footer .footer_info{
padding: 1.25em 20px 1.25em 20px;
}
#footer .footer_info_list ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#footer .footer_info_list li{
display: flex;
justify-content: center;
margin: 0.5em 0.75em;
font-size: 14px;
}
#footer .footer_logo{
display: flex;
justify-content: center;
margin-top: 1.5em;
}
#footer .footer_logo img{
width: 186px;
}
#footer .footer_copyright{
display: flex;
justify-content: center;
margin-top: 1em;
}
#footer .footer_copyright p{
text-align: center;
font-size: 12px;
}


#footer .footer_menu_pc{
display: none;
}
#footer .footer_menu_sp{
display: block;
}
#footer .footer_menu_sp li span{
line-height: 1.6;
}
#footer .footer_info{
padding: 2em 0 1.75em 0;
}
#footer .footer_info ul{
margin: auto;
padding: 0;
}
#footer .footer_copyright{
margin-top: 1em;
}
#footer .footer_copyright p{
font-size: 12px;
}

/*===========================================
contents
===========================================*/
#wrap{
padding-top: 140px;
}
.contents{
padding: 0 20px;
}
.contents .contents_wrap{
max-width: 1000px;
margin: auto;
}
.contents .contents_inner{
padding: 3% 0 8% 0;
}
.contents .contents_column{
display: flex;
justify-content: space-between;
}
.contents .contents_main{
flex-basis: 71%;
}
.contents .contents_side{
flex-basis: 24%;
}

#wrap{
padding-top: 60px;
}
.contents .contents_main{
flex-basis: 100%;
width: 100%;
}
.contents .contents_inner{
padding: 8% 0 8% 0;
}
.contents .contents_side{
display: none;
}

/*===========================================
searchHeader
===========================================*/
#header.searchHeader{
height: auto;
position: static;
}
#header.searchHeader .header_logo{
display: flex;
align-items: center;
position: static;
height: 60px;
}
#header.searchHeader .header_logo img{
width: 171px;
}

#header.searchHeader .header_inner,
#header.searchHeader .header_logo{
height: 40px;
}
#header.searchHeader .header_logo img{
width: 126px;
}

/*===========================================
searchFooter
===========================================*/
#footer.searchFooter{
border-top: 1px solid #e5e5e5;
padding: 0;
background: #fff;
}

/*===========================================
general
===========================================*/
@media only screen and (max-width: 767px){
.pc_only{
display: none !important;
}
}

.sp_only{
display: none !important;
}

/*===========================================
hover
===========================================*/
.alpha{
transition: opacity 0.075s ease;
opacity: 1;
}
.alpha:hover{
opacity: 0.7;
}
a.alpha:link,
a.alpha:hover{
text-decoration: none;
}
@media (pointer: coarse) {
.alpha:hover{
opacity: 1;
}
}

/*===========================================
accordion
===========================================*/
div.accordion{
transition: height 0.5s ease;
height: 0;
overflow: hidden;
}
div.accordion.open{
height: auto;
}

/*===========================================
module
===========================================*/
/*ttl*/
.mod_ttl_01{
margin: 0;
padding-bottom: 1em;
position: relative;
}
.mod_ttl_01:after{
content: '';
display: block;
position: absolute;
width: 64px;
height: 2px;
bottom: 0;
left: 0;
background-color: #e30934;
background-image: linear-gradient(90deg, #e30934 0%, #EF8D18 100%);
}
.mod_ttl_01 .mod_sub > *{
color: #666;
font-size: 1.2rem;
}
.mod_ttl_01 .mod_ttl > *{
font-size: 4rem;
}

.mod_ttl_02{
margin: 6.25em 0 0 0;
padding-bottom: 0.5em;
position: relative;
}
.mod_ttl_02:before,
.mod_ttl_02:after{
content: '';
display: block;
position: absolute;
height: 2px;
bottom: 0;
left: 0;
}
.mod_ttl_02:before{
width: 100%;
background: #ddd;
}
.mod_ttl_02:after{
width: 64px;
background-color: #e30934;
}
.mod_ttl_02 .mod_ttl > *{
font-size: 2.8rem;
font-weight: bold;
}

.mod_ttl_03{
margin: 6.25em 0 0 0;
padding-bottom: 0.5em;
position: relative;
}
.mod_ttl_03 .mod_ttl > *{
font-size: 2rem;
font-weight: bold;
}
.mod_ttl_03:after{
content: '';
display: block;
position: absolute;
width: 40px;
height: 2px;
bottom: 0;
left: 0;
background-color: #e30934;
}

.mod_ttl_04{
margin: 1.875em 0 0 0;
}
.mod_ttl_04 .mod_ttl{
padding: 0.25em 1em;
background: #666;
}
.mod_ttl_04 .mod_ttl > *{
color: #fff;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
}

.mod_ttl_05{
margin: 1.875em 0 0 0;
padding-bottom: 0.5em;
position: relative;
}
.mod_ttl_05 .mod_ttl > *{
font-size: 1.8rem;
font-weight: bold;
}
.mod_ttl_05 .mod_ttl > *:before{
content: "■";
}


.mod_ttl_01 .mod_ttl > *{
font-size: 3rem;
}
.mod_ttl_01{
margin-top: 0;
}
.mod_ttl_02{
margin-top: 5em;
}
.mod_ttl_02 .mod_ttl > *{
font-size: 2.4rem;
}
.mod_ttl_03{
margin-top: 3.75em;
}
.mod_ttl_03 .mod_ttl > *{
font-size: 2rem;
}
.mod_ttl_04{
margin-top: 1.875em;
}
.mod_ttl_05{
margin-top: 1.875em;
}

/*icon*/
.mod_icon_pdf_red:after{
content: '';
display: inline-block;
position: relative;
width: 20px;
height: 20px;
top: -0.1em;
margin-left: 0.5em;
margin-right: 0.25em;
vertical-align: middle;
background: url(/shared/image/icon_pdf.svg) center no-repeat;
background-size: contain;
}
.mod_icon_blank_bk,
.mod_icon_blank_wh,
.mod_icon_blank_red{
position: relative;
}
.mod_icon_blank_bk:after,
.mod_icon_blank_wh:after,
.mod_icon_blank_red:after{
content: '';
display: inline-block;
position: relative;
width: 12px;
height: 12px;
top: -0.1em;
margin-left: 0.5em;
margin-right: 0.25em;
vertical-align: middle;
background: center no-repeat;
background-size: contain;
}
.mod_icon_blank_bk:after{
background-image: url(/shared/image/icon_blank_bk.svg);
}
.mod_icon_blank_wh:after{
background-image: url(/shared/image/icon_blank_wh.svg);    
}
.mod_icon_blank_red:after{
background-image: url(/shared/image/icon_blank_red.svg);
}
.mod_icon_txt_gentei{
padding: 2px 1em 1px 1em;
font-size: 14px;
color: #fff;
font-weight: bold;
background: #EF8D18;
}
.mod_icon_txt_companyCm{
border: 1px solid #e30934;
padding: 2px 1em 1px 1em;
font-size: 1.2rem;
color: #e30934;
background: #fff;
}
.mod_icon_txt_productCm{
border: 1px solid #e30934;
padding: 2px 1em 1px 1em;
font-size: 1.2rem;
color: #e30934;
background: #fff;
}
.mod_icon_txt_groupCm{
border: 1px solid #e30934;
padding: 2px 1em 1px 1em;
font-size: 1.2rem;
color: #e30934;
background: #fff;
}
.mod_icon_txt_other{
padding: 2px 1em 1px 1em;
color: #fff;
font-size: 1.2rem;
text-align: center;
background: #D9B56C;
}
.mod_icon_txt_product{
padding: 2px 1em 1px 1em;
color: #fff;
font-size: 1.2rem;
text-align: center;
background: #B4CC3D;
}
.mod_icon_txt_group{
padding: 2px 1em 1px 1em;
color: #fff;
font-size: 1.2rem;
text-align: center;
background: #FF6A4D;
}
.mod_icon_txt_campaign{
padding: 2px 1em 1px 1em;
color: #fff;
font-size: 1.2rem;
text-align: center;
background: #ffaa33;
}
.mod_icon_txt_rss{
display: inline-block;
position: relative;
border-radius: 4px;
padding: 2px 10px 1px 10px;
padding-left: 35px;
color: #fff;
font-size: 14px;
background: #FF7F00;
}
.mod_icon_txt_rss:hover{
color: #fff;
text-decoration: none;
}
.mod_icon_txt_rss:before{
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
background: url(/shared/image/icon_rss_wh.svg) center no-repeat;
background-size: contain;
}
.mod_icon_txt_required{
padding: 2px 1.5em;
font-size: 1.1rem;
color: #fff;
font-weight: bold;
background: #e30934;
}
.mod_icon_txt_new{
display: block;
width: 48px;
height: 48px;
text-align: left;
text-indent: -9999px;
white-space: nowrap;
background: url(/shared/image/icon_new_01_red.svg) center no-repeat;
background-size: contain;
overflow: hidden;
}
.mod_icon_tablescroll_red{
display: none;
position: relative;
padding: 0.75em 0;
padding-left: 65px;
font-size: 1.3rem;
}
.mod_icon_tablescroll_red:before{
content: '';
display: block;
position: absolute;
width: 55px;
height: 29px;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(/shared/image/icon_tablescroll_red.svg) center no-repeat;
background-size: contain;
}


.mod_icon_tablescroll_red{
display: block;
}
.mod_icon_txt_new{
width: 36px;
height: 36px;
}


/*txt*/
.mod_txt_01 p{
font-size: 16px;
line-height: 1.7;
}
.mod_txt_02 p{
font-size: 14px;
line-height: 1.5;
}
.mod_txt_03 p{
font-size: 1.8rem;
line-height: 1.7;
}
.mod_txt_align_l{
text-align: left;
}
.mod_txt_align_r{
text-align: right;
}
.mod_txt_align_c{
text-align: center;
}
.mod_txt_bold{
font-weight: bold;
}
.mod_txt_normal{
font-weight: normal;
}
.mod_txt_red{
color: #e30934;
}
.mod_txt_gray{
color: #888;
}
.mod_txt_link{
position: relative;
padding-left: 20px;
color: #333;
}
.mod_txt_link:before{
transform: rotate(45deg);
content: "";
display: block;
position: absolute;
top: 0.5em;
left: 0;
width: 8px;
height: 8px;
border-top: 2px solid #e30934;
border-right: 2px solid #e30934;
}
.mod_txt_iblock{
display: inline-block;
}
.mod_txt_nowrap{
white-space: nowrap;
}
.mod_txt_vertical{
writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
letter-spacing: 0.5em;
text-align: center;
vertical-align: middle;
}

.mod_txt_01 p{
font-size: 15px;
}
.mod_txt_03 p{
font-size: 1.7rem;
}

/*column*/
.mod_column_2_1{}
.mod_column_2_1 .mod_column_flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mod_column_2_1 .mod_column_flex > *{
flex-basis: 50%;
}
.mod_column_2_1 .mod_column_flex > *:nth-of-type(n + 3){
margin-top: 5%;
}

.mod_column_2_2{}
.mod_column_2_2 .mod_column_flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mod_column_2_2 .mod_column_flex > *{
flex-basis: 50%;
}
.mod_column_2_2 .mod_column_flex > *:nth-of-type(n + 3){
margin-top: 5%;
}

.mod_column_3_1{}
.mod_column_3_1 .mod_column_flex{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mod_column_3_1 .mod_column_flex > *{
flex-basis: calc((100% - 1px) / 3);
}
.mod_column_3_1 .mod_column_flex > *:nth-of-type(n + 4){
margin-top: 5%;
}

.mod_column_3_2{}
.mod_column_3_2 .mod_column_flex{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mod_column_3_2 .mod_column_flex > *{
flex-basis: calc((100% - 1px) / 3);
}
.mod_column_3_2 .mod_column_flex > *:nth-of-type(n + 4){
margin-top: 5%;
}

.mod_imgArticle_2_1 .mod_flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mod_imgArticle_2_1 .mod_img{
flex-basis: 38%;
}
.mod_imgArticle_2_1 .mod_data{
flex-basis: calc(62% - 30px);
}

.mod_itemList_2_1 .mod_flex{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mod_itemList_2_1 .mod_flex > *{
flex-basis: calc((100% - 41px) / 2);
margin-right: 40px;
}
.mod_itemList_2_1 .mod_flex > *:nth-of-type(2n){
margin-right: 0;
}
.mod_itemList_2_1 .mod_flex > *:nth-of-type(n + 3){
margin-top: 30px;
}

.mod_itemList_3_1 .mod_flex{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mod_itemList_3_1 .mod_flex > *{
flex-basis: calc((100% - 71px) / 3);
margin-right: 35px;
}
.mod_itemList_3_1 .mod_flex > *:nth-of-type(3n){
margin-right: 0;
}
.mod_itemList_3_1 .mod_flex > *:nth-of-type(n + 4){
margin-top: 30px;
}

.mod_itemList_3_2 .mod_flex{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mod_itemList_3_2 .mod_flex > *{
flex-basis: calc((100% - 71px) / 3);
margin-right: 35px;
}
.mod_itemList_3_2 .mod_flex > *:nth-of-type(3n){
margin-right: 0;
}
.mod_itemList_3_2 .mod_flex > *:nth-of-type(n + 4){
margin-top: 30px;
}

.mod_itemList_4_2 .mod_flex{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mod_itemList_4_2 .mod_flex > *{
flex-basis: 21.4%;
margin-right: 4.8%;
}
.mod_itemList_4_2 .mod_flex > *:nth-of-type(4n){
margin-right: 0;
}
.mod_itemList_4_2 .mod_flex > *:nth-of-type(n + 5){
margin-top: 3%;
}
.mod_itemList_4_2 .mod_data{
margin-top: 1em;
}

.mod_itemList_5_2 .mod_flex{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mod_itemList_5_2 .mod_flex > *{
flex-basis: calc((100% - 161px) / 5);
margin-right: 40px;
}
.mod_itemList_5_2 .mod_flex > *:nth-of-type(5n){
margin-right: 0;
}
.mod_itemList_5_2 .mod_flex > *:nth-of-type(n + 6){
margin-top: 30px;
}
.mod_itemList_5_2 .mod_data{
margin-top: 1em;
}

.mod_column_2_1 .mod_column_flex > *{
flex-basis: 100%;
}
.mod_column_2_1 .mod_column_flex > *:nth-of-type(n + 2){
margin-top: 2em;
}
.mod_column_2_2 .mod_column_flex > *:nth-of-type(n + 3){
margin-top: 10%;
}
.mod_column_3_1 .mod_column_flex > *{
flex-basis: 100%;
}
.mod_column_3_1 .mod_column_flex > *:nth-of-type(n + 2){
margin-top: 10%;
}
.mod_column_3_2 .mod_column_flex > *{
flex-basis: 50%;
}
.mod_column_3_2 .mod_column_flex > *:nth-of-type(n + 3){
margin-top: 10%;
}
.mod_imgArticle_2_1 .mod_img{
flex-basis: 100%;
}
.mod_imgArticle_2_1 .mod_data{
flex-basis: 100%;
margin-top: 1em;
}
.mod_itemList_2_1 .mod_flex > *{
flex-basis: 100%;
margin-right: 0;
}
.mod_itemList_2_1 .mod_flex > *:nth-of-type(n + 2){
margin-top: 10px;
}
.mod_itemList_3_1 .mod_flex > *{
flex-basis: 100%;
margin-right: 0;
}
.mod_itemList_3_1 .mod_flex > *:nth-of-type(n + 2){
margin-top: 10px;
}
.mod_itemList_3_2 .mod_flex > *{
flex-basis: calc((100% - 21px) / 2);
margin-right: 20px;
}
.mod_itemList_3_2 .mod_flex > *:nth-of-type(even){
margin-right: 0;
}
.mod_itemList_3_2 .mod_flex > *:nth-of-type(n + 3){
margin-top: 10px;
}
.mod_itemList_4_2 .mod_flex > *{
flex-basis: calc(50% - 11px);
margin-right: 20px;
}
.mod_itemList_4_2 .mod_flex > *:nth-of-type(even){
margin-right: 0;
}
.mod_itemList_4_2 .mod_flex > *:nth-of-type(n + 3){
margin-top: 2em;
}
.mod_itemList_5_2 .mod_flex > *{
flex-basis: calc((100% - 21px) / 2);
}
.mod_itemList_5_2 .mod_flex > *:nth-of-type(2n){
margin-right: 0;
}
.mod_itemList_5_2 .mod_flex > *:nth-of-type(2n + 1){
margin-right: 20px;
}
.mod_itemList_5_2 .mod_flex > *:nth-of-type(n + 3){
margin-top: 2em;
}

/*list*/
.mod_list_disc li{
padding-left: 1em;
text-indent: -1em;
}
.mod_list_disc li:before{
content: "・";
}
.mod_list_asterisk li{
padding-left: 1em;
text-indent: -1em;
}
.mod_list_asterisk li:before{
content: "※";
}
.mod_list_link li{
padding-left: 20px;
text-indent: -20px;
}
.mod_list_link a{
position: relative;
padding-left: 20px;
color: #333;
}
.mod_list_link a:before{
transform: rotate(45deg);
content: "";
display: block;
position: absolute;
top: 0.4em;
left: 0;
width: 8px;
height: 8px;
border-top: 2px solid #e30934;
border-right: 2px solid #e30934;
}

.mod_list_circle li{
padding-left: 1.25em;
text-indent: -1.25em;
}
.mod_list_circle li:before{
content: "";
display: inline-block;
width: 0.75em;
height: 0.75em;
margin-right: 0.5em;
border-radius: 1em;
background: #333;
}

.mod_list_number_1 ol{
counter-reset: count;
}
.mod_list_number_1 li{
position: relative;
counter-increment: count;
padding-left: 1.5em;
}
.mod_list_number_1 li:before{
content: counter(count)".";
position: absolute;
left: 0;
width: 1.25em;
text-align: right;
}

.mod_list_table{}
.mod_list_table > *{
display: table;
}
.mod_list_table > * > *{
display: table-row;
}
.mod_list_table > * > * > *{
display: table-cell;
}
.mod_list_table > * > * > * + * {
padding-left: 1em;
}

.mod_list_btnList ul{
display: flex;
flex-wrap: wrap;
}
.mod_list_btnList ul > *{
display: flex;
flex-basis: 20%;
}
.mod_list_btnList a{
flex-basis: 100%;
display: block;
position: relative;
margin: 1px;
border: 1px solid #ccc;
padding: 1em 25px 1em 1em;
text-decoration: none;
background: #fff;
overflow: hidden;
}
.mod_list_btnList a:after{
transform: rotate(135deg);
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 8px;
height: 8px;
margin: auto;
border-top: 2px solid #000;
border-right: 2px solid #000;
}
.mod_list_btnList a:hover{
background: #F7F7F7;
}
.mod_list_btnList a:hover:after{
border-color: #e30934;
}

.mod_list_faq{
border-bottom: 1px solid #ddd;
}
.mod_list_faq .mod_list_faq_ttl{
position: relative;
border-top: 1px solid #ddd;
font-size: 1.8rem;
font-weight: bold;
}
.mod_list_faq .mod_list_faq_ttl a{
display: block;
position: relative;
padding: 1em 0;
padding-left: 55px;
}
.mod_list_faq .mod_list_faq_ttl a:before{
content: 'Q';
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 33px;
height: 33px;
top: 0.85em;
left: 0;
border-radius: 4px;
color: #fff;
background: #FC918F;
}
.mod_list_faq .mod_list_faq_ttl a.accordion:after{
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
background: url(/shared/image/icon_plus_red.svg) center no-repeat;
background-size: contain;
}
.mod_list_faq .mod_list_faq_ttl a.accordion.open:after{
background-image: url(/shared/image/icon_minus_red.svg);
}
.mod_list_faq .mod_list_faq_data_inner{
padding: 0 20px 1em 55px;
}

.mod_list_table > * > * > *{
display: block;
}
.mod_list_btnList ul > *{
flex-basis: calc(100% / 3);
}
.mod_list_btnList a{
padding: 1em 0.5em;
padding-bottom: 1.25em;
font-size: 15px;
text-align: center;
}
.mod_list_btnList a:after{
transform: rotate(135deg);
top: auto;
bottom: 10px;
left: 0;
right: 0;
}

.mod_list_faq .mod_list_faq_ttl a{
padding: 1em 0;
padding-left: 45px;
}
.mod_list_faq .mod_list_faq_ttl a.accordion:after{
right: 0;
}
.mod_list_faq .mod_list_faq_data_inner{
padding: 0 0 1em 0;
}

/*img*/
.mod_img_01 img{
display: block;
width: 100%;
max-width: none;
margin: auto;
}

/*box*/
.mod_box{
padding: 1em;
}
.mod_box_01{
border: 1px solid #e6e6e6;
padding: 1em;
background: #f7f7f7;
}

.mod_box_02{
padding: 1em;
background: #fef2f4;
}

.mod_box_03{
border: 2px solid #E45D9D;
padding: 1em;
background: #fff;
}

/*table*/
.mod_table_01 table{
width: 100%;
border: 1px solid #ccc;
}
.mod_table_01 th,
.mod_table_01 td{
border: 1px solid #ccc;
padding: 1em;
}
.mod_table_01 thead th{
text-align: center;
font-weight: bold;
background: #ededed;
}
.mod_table_01 th{
background: #fafafa;
}
.mod_table_01 td{
font-size: 15px;
background: #fff;
}

.mod_table_01_wrap table{
width: 100%;
border: 1px solid #ccc;
}
.mod_table_01_wrap th,
.mod_table_01_wrap td{
border: 1px solid #ccc;
padding: 1em;
}
.mod_table_01_wrap thead th{
text-align: center;
font-weight: bold;
background: #ededed;
}
.mod_table_01_wrap th{
background: #fafafa;
}
.mod_table_01_wrap td{
font-size: 15px;
background: #fff;
}


.mod_table_01_wrap table,
.mod_table_01_wrap thead,
.mod_table_01_wrap tbody,
.mod_table_01_wrap tr,
.mod_table_01_wrap th,
.mod_table_01_wrap td{
display: block;
border: none;
}
.mod_table_01_wrap table{
border: 1px solid #ccc;
border-top: none;
}
.mod_table_01_wrap th,
.mod_table_01_wrap td{
border: none;
border-top: 1px solid #ccc;
}
.mod_table_scroll{
width: 100%;
overflow-x: auto;
}
.mod_table_scroll_inner{
width: 1000px;
padding: 0 0 20px 0;
}

/*tab*/
.mod_tab_01{
position: relative;
}
.mod_tab_01:after{
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 1px;
background: #e30934;
}
.mod_tab_01.top:after{
bottom: 0;
}
.mod_tab_01.under:after{
top: 0;
}
.mod_tab_01 .mod_flex{
display: flex;
justify-content: space-between;
position: relative;
}
.mod_tab_01 .mod_flex > *{
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1;
}
.mod_tab_01 .mod_tabBtn{
border: 1px solid #cbcbcb;
background: #fff;
}
.mod_tab_01 .mod_tabBtn + .mod_tabBtn{
border-left: none;
}
.mod_tab_01 .mod_tabBtn.active{
border-color: #e30934;
background: #e30934;
}
.mod_tab_01 .mod_tabBtn.active a{
color: #fff;
}
.mod_tab_01 a{
padding-left: 1em;
}
.mod_tab_01 p{
padding-left: 1em;
}
.mod_tab_01 .mod_tabBtn a{
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 1em;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.mod_tab_01 .mod_tab span{
text-align: left;
}

.mod_tab_02{
position: relative;
}
.mod_tab_02:after{
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 1px;
background: #ccc;
}
.mod_tab_02.top:after{
bottom: 0;
}
.mod_tab_02.under:after{
top: 0;
}
.mod_tab_02 .mod_flex{
display: flex;
justify-content: space-between;
position: relative;
}
.mod_tab_02 .mod_flex > *{
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1;
}
.mod_tab_02 .mod_tabBtn{
border: 1px solid #ccc;
background: #fff;
}
.mod_tab_02 .mod_tabBtn + .mod_tabBtn{
border-left: none;
}
.mod_tab_02 .mod_tabBtn.active{
border-color: #ccc;
background: #f7f7f7;
}
.mod_tab_02 .mod_tabBtn.active a{
color: #e30934;
}
.mod_tab_02 a{
padding-left: 1em;
}
.mod_tab_02 p{
padding-left: 1em;
}
.mod_tab_02 .mod_tabBtn a{
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 1em;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.mod_tab_02 .mod_tab span{
text-align: left;
}


.mod_tabBlock .mod_tabContent{
display: none;
}
.mod_tabBlock .mod_tabContent.active{
display: block;
}


.mod_tab_01:after{
content: normal;
}
.mod_tab_01 p{
padding: 0;
}
.mod_tab_01 .mod_flex{
flex-wrap: wrap;
}
.mod_tab_01 .mod_flex > *:not(.mod_tabBtn){
flex-basis: 100%;
margin-top: 1em;
}
.mod_tab_02:after{
content: normal;
}
.mod_tab_02 p{
padding: 0;
}
.mod_tab_02 .mod_flex{
flex-wrap: wrap;
}
.mod_tab_02 .mod_flex > *:not(.mod_tabBtn){
flex-basis: 100%;
margin-top: 1em;
}

/*slide*/
.mod_slide .mod_silie_data{
padding: 0 20px 0 0;
}
.mod_slide .mod_txt{
margin-top: 0.5em;
font-size: 15px;
}
.mod_slide .slick-arrow{
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -46px;
width: 15px;
height: 15px;
margin: auto;
border: none;
white-space: nowrap;
text-indent: -9999px;
background: transparent;
z-index: 1;
}
.mod_slide .slick-arrow:after{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mod_slide .slick-next{
transform: translateX(140px);
}
.mod_slide .slick-next:after{
transform: rotate(45deg);
border-top: 3px solid #e30934;
border-right: 3px solid #e30934;
}
.mod_slide .slick-prev{
transform: translateX(-140px);
}
.mod_slide .slick-prev:after{
transform: rotate(-45deg);
border-top: 3px solid #e30934;
border-left: 3px solid #e30934;
}
.mod_slide .slick-dots{
display: flex;
justify-content: center;
position: absolute;
bottom: -40px;
left: 0;
right: 0;
width: 242px;
margin: auto;
}
.mod_slide .slick-dots li{
flex: 1;
display: block;
margin: 0;
background: #ddd;
}
.mod_slide .slick-dots li.slick-active{
background: #e30934;
}
.mod_slide .slick-dots button{
display: block;
border: none;
height: 3px;
text-align: left;
text-indent: -9999px;
white-space: nowrap;
background: transparent;
}

@media screen and (min-width:768px){
.mod_slide .slick-list{
padding: 0 !important;
}
.mod_slide .slick-track{
display: flex;
flex-wrap: wrap;
transform: none !important;
width: auto !important;
}
.mod_slide .slick-arrow,
.mod_slide .slick-dots{
display: none !important;
}
.mod_itemSlide_05 .mod_silie_data{
flex-basis: calc((100% - 161px) / 5);
margin-right: 40px;
padding: 0;
}
.mod_itemSlide_05 .mod_silie_data:nth-of-type(5n + 5){
margin-right: 0;
}
.mod_itemSlide_05 .mod_silie_data:nth-of-type(n + 6){
margin-top: 40px;
}
}

/*btn*/
[class*="mod_btn_01"] a{
display: block;
position: relative;
border: 1px solid #e30934;
border-radius: 3em;
padding: 0.75em;
padding-left: calc(1.25em + 8px);
padding-right: calc(1.25em + 8px);
font-weight: bold;
text-align: center;
text-decoration: none;
}
[class*="mod_btn_01"] a:not([class*="mod_icon_"]):after{
transform: rotate(45deg);
width: 8px;
height: 8px;
border-top: 2px solid #e30934;
border-right: 2px solid #e30934;
}
[class*="mod_btn_01"] a:after{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
}
.mod_btn_01 a{
border-color: #e30934;
color: #e30934;
background: #fff;
}
.mod_btn_01 a:not([class*="mod_icon_"]):after{
border-color: #e30934;
}
.mod_btn_01_red a{
border-color: #e30934;
color: #fff;
background: #e30934;
}
.mod_btn_01_red a:not([class*="mod_icon_"]):after{
border-color: #fff;
}
.mod_btn_01_bk a{
border-color: #ccc;
color: #333;
background: #fff;
}
.mod_btn_01_bk a:not([class*="mod_icon_"]):after{
border-color: #e30934;
}

[class*="mod_btn_02"] a{
display: block;
position: relative;
border: 1px solid #ccc;
padding: 0.75em;
padding-left: calc(1.25em + 8px);
padding-right: calc(1.25em + 8px);
font-weight: bold;
text-align: center;
text-decoration: none;
background: #fff;
}
[class*="mod_btn_02"] a:not([class*="mod_icon_"]):after{
transform: rotate(45deg);
width: 8px;
height: 8px;
border-top: 2px solid #e30934;
border-right: 2px solid #e30934;
}
[class*="mod_btn_02"] a:after{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
}
.mod_btn_02 a{
border-color: #ccc;
color: #333;
background-color: #fff;
}
.mod_btn_02 a:not([class*="mod_icon_"]):after{
border-color: #e30934;
}
.mod_btn_02_red a{
border-color: #e30934;
color: #fff;
background-color: #e30934;
}
.mod_btn_02_red a:not([class*="mod_icon_"]):after{
border-color: #fff;
}

.mod_btn_04 a,
.mod_btn_04 *:not(a) > span{
display: block;
position: relative;
padding: 0.75em 0;
padding-right: calc(25px + 0.5em);
font-weight: bold;
text-align: left;
text-decoration: none;
}
.mod_btn_04 a:before,
.mod_btn_04 a:after,
.mod_btn_04 *:not(a) > span:before,
.mod_btn_04 *:not(a) > span:after{
content: "";
display: block;
position: absolute;
}
.mod_btn_04 a:before,
.mod_btn_04 *:not(a) > span:before{
top: 0.75em;
right: 0;
width: 25px;
height: 25px;
border: 1px solid #ddd;
border-radius: 25px;
background: #fff;
}
.mod_btn_04 a:after,
.mod_btn_04 *:not(a) > span:after{
transform: rotate(45deg);
top: 1.25em;
right: 10px;
width: 7px;
height: 7px;
border-top: 2px solid #e30934;
border-right: 2px solid #e30934;
}
.mod_bnrBtn_01 a{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
border: 1px solid #ccc;
padding: 10px 45px 10px 10px;
}
.mod_bnrBtn_01 a:not([class*="mod_icon_"]):after{
transform: rotate(45deg);
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
width: 8px;
height: 8px;
margin: auto;
border-top: 2px solid #e30934;
border-right: 2px solid #e30934;
}
.mod_bnrBtn_01 a[class*="mod_icon_"]:after{
display: block;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.mod_bnrBtn_01 .mod_img{
flex-basis: 37.47%;
}
.mod_bnrBtn_01 .mod_txt{
flex-basis: calc(62.53% - 1em);
}
.mod_bnrBtn_01 .mod_txt p{
font-weight: bold;
line-height: 1.4;
}

[class*="mod_btn_"].mod_btn_back a:after{
right: auto;
left: 15px;
}
[class*="mod_btn_"].mod_btn_back a:not([class*="mod_icon_"]):after{
transform: rotate(-135deg);
}

@media screen and (max-width:767px){
.mod_btn_01 a{
}
}

/*===========================================
general
===========================================*/
.mod_s_dB{display: block !important;}
.mod_s_dIb{display: inline-block !important;}
.mod_s_dN{display: none !important;}

.mod_s_wA{width: auto !important;}
.mod_s_w100{width: 100% !important;}

.mod_s_m0{margin: 0 !important;}

.mod_s_mt0{margin-top: 0 !important;}
.mod_s_mt05e{margin-top: 0.5em !important;}
.mod_s_mt1e{margin-top: 1em !important;}
.mod_s_mt15e{margin-top: 1.5em !important;}
.mod_s_mt2e{margin-top: 2em !important;}
.mod_s_mt3e{margin-top: 3em !important;}

.mod_s_mr0{margin-right: 0 !important;}
.mod_s_mr05e{margin-right: 0.5em !important;}
.mod_s_mr1e{margin-right: 1em !important;}

.mod_s_mb0{margin-bottom: 0 !important;}
.mod_s_mb05e{margin-bottom: 0.5em !important;}
.mod_s_mb1e{margin-bottom: 1em !important;}
.mod_s_mb15e{margin-bottom: 1.5em !important;}
.mod_s_mb2e{margin-bottom: 2em !important;}
.mod_s_mb3e{margin-bottom: 3em !important;}

.mod_s_ml0{margin-left: 0 !important;}
.mod_s_ml05e{margin-left: 0.5em !important;}
.mod_s_ml1e{margin-left: 1em !important;}

.mod_s_p0{padding: 0 !important;}
.mod_s_pt0{padding-top: 0 !important;}
.mod_s_pr0{padding-right: 0 !important;}
.mod_s_pb0{padding-bottom: 0 !important;}
.mod_s_pl0{padding-left: 0 !important;}

.mod_s_bdN{border: none !important;}

.mod_s_bdrs0{border-radius: 0 !important;}
.mod_s_bdrs4{border-radius: 4px !important;}

.mod_s_fzS{font-size: smaller !important;}
.mod_s_fzL{font-size: larger !important;}

.mod_s_taL{text-align: left !important;}
.mod_s_taC{text-align: center !important;}
.mod_s_taR{text-align: right !important;}

.mod_s_fwN{font-weight: normal !important;}
.mod_s_fwB{font-weight: bold !important;}

.mod_s_cBk{color: #333 !important;}
.mod_s_cWh{color: #fff !important;}
.mod_s_cGr{color: #888 !important;}
.mod_s_cRed{color: #e30934 !important;}

.mod_s_tdN{text-decoration: none !important;}
.mod_s_tdU{text-decoration: underline !important;}

.mod_s_vaS{vertical-align: sub !important; font-size: smaller;}
.mod_s_vaSp{vertical-align: super !important; font-size: smaller;}

.mod_s_wbN{word-break: normal !important;}
.mod_s_wbBa{word-break: break-all !important;}

.mod_s_wsN{white-space: normal !important;}
.mod_s_wsNw{white-space: nowrap !important;}

.mod_s_bgcT{background-color: transparent !important;}
.mod_s_bgcBk{background-color: #333 !important;}
.mod_s_bgcWh{background-color: #fff !important;}
.mod_s_bgcGr{background-color: #666 !important;}
.mod_s_bgcLgr{background-color: #f7f7f7 !important;}
.mod_s_bgcRed{background-color: #e30934 !important;}

/*===========================================
print
===========================================*/
@media print {
.pc_only{
display: block !important;
}
.sp_only{
display: none !important;
}
}