@charset "utf-8";

/* Reset Style
==================================================*/


* { margin: 0; padding: 0; font-size: 100%; box-sizing: border-box;}
html { height: 100%; margin: 0; padding: 0; line-height: 1; zoom: 1;}
body { height: 100%; margin: 0; padding: 0;font-family:'Noto Sans Japanese', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 1em; zoom: 1; color: #333333;}

.yu_go{font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.Oswald{font-family:'Oswald', sans-serif;}

hr { display: none; }
img { border: none; line-height: 0; vertical-align: bottom; }
div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin: 0; padding: 0; }
li { list-style-type: none; border: 0; outline: 0; }
address, th, caption, em, dfn { font-style: normal; font-weight: normal; font-size: 100%; }
strong{font-weight: bold;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; font-size: inherit; }
/* table　-------------------*/
table {border-collapse:collapse;margin-bottom:10px;}
td,th {line-height:1.8em;padding: 3px;}


a { color: #fff; text-decoration: none;
}
a:link { color: #fff; text-decoration: none;}
a:visited {}
a:hover { text-decoration: underline;opacity: 0.8;}
a:active { text-decoration: underline;}

img{height: auto;}
/* clearfix
============================= */
.clearfix:after {
content: "" ;
display: block ;
clear: both ;
height: 0 ;
visibility: hidden ;
font-size: 0.1em;
line-height: 0;
}
.clearfix { min-height: 1px;}
* html .clearfix {height: 1px;}

/*----------------------------------------------------------------------------
 ***                                                                    共通
----------------------------------------------------------------------------*/
.pcNone{ display:none!important;}
.spNone{ display:block!important;}
.dispFlex{ display: flex;}
.posiR{ position: relative;}
.posiA{ position: absolute;}

.tac{ text-align:center;}
.tar{ text-align:right;}
.tal{ text-align:left;}

.txtColorWh{ color: #ffffff;}
.txtColorOr{ color: #E84709;}
.txtColorBl{ color: #0C3484;}
.txtColorGld{ color: #E2B41E;}
.bgColorWh{ background-color: #ffffff;}
.bgColorOr{ background-color: #E84709;}
.bgColorGr{ background-color: #F7F7F7;}
.bgColorBl{ background-color: #0C3484}
.bgColorGld{ background-color: #E2B41E;}

.radius10{ border-radius: 10px;}

.floatR{ float:right;}
.floatL{ float:left;}
.imgfloatR{ float:right;}
.imgfloatL{ float:left;}


/*----------------------------------------------------------------------------
 ***                                                                  header
----------------------------------------------------------------------------*/
/*header*/
#pageHeader{background:#000;position: sticky;top: 0;z-index: 100;}
#pageHeader .headerInner{padding:1%;position: relative;}
#pageHeader .headerInner h1{ float:left;padding-top: 0.5em;}
#pageHeader .header_btn{ float:right;}


.back_top{position: fixed;bottom: 2%;right: 2%;z-index: 100;}

/*----------------------------------------------------------------------------
 ***                                                                  section
----------------------------------------------------------------------------*/
.mainBox{background: url(/files/user/_/license/img/img_bg01.jpg);background-position: bottom center;background-size: cover;background-repeat: no-repeat;}
.mainBox h2{padding:5% 3% 5% 3%;text-align: center;margin: auto;}
.mainBox h2 img{max-width: 100%;margin: auto;}

/*----------------------------------------------------------------------------
 ***                                                                mainImgBox
----------------------------------------------------------------------------*/
.contentsBox .commonBox{margin: 2em auto 2em;}
.contentsBox .contents{margin: auto;padding: 80px 0;}
.contentsBox .licenseBox{margin:100px auto;}
.contentsBox .licenseBox .overviewBox{margin:auto 2em 100px;}
.contentsBox .licenseBox .overviewBox h3{font-weight: bold;margin-bottom: 2em;}
.contentsBox .licenseBox .overviewBox h3 span{border-bottom: 6px solid #d14918;display: inline-block;padding:0 0.5em 0.2em;}
.contentsBox .licenseBox .overviewBox p{font-size: 35px;font-weight: bold;line-height: 1.5;}
.contentsBox .licenseBox .overviewBox ul{margin: 3em auto 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.contentsBox .licenseBox .overviewBox ul li{padding: 0 1em;}
.contentsBox .licenseBox .pointBox{}

.contentsBox .licenseBox .pointBox ul{display: flex;justify-content: center;align-items: stretch;gap:1em;}
.contentsBox .licenseBox .pointBox ul li{padding: 5em 1em;width: calc(100% / 3);text-align: center;display: flex;flex-direction: column;}
.contentsBox .licenseBox .pointBox ul li:nth-child(even){background: #00aeac;}
.contentsBox .licenseBox .pointBox ul li:nth-child(odd){background: #e84709;}
.contentsBox .licenseBox .pointBox ul li p{font-size: 3vw;color: #fff;font-weight: bold;margin-top:auto;}
.contentsBox .licenseBox .pointBox ul li img{margin: auto;margin-bottom: 2em;width: 14.5vw;}
.contentsBox .licenseBox .pointBox .point_txt{font-size:38px;font-weight: bold;margin: 2em;}



.contentsBox .contactBox{background: url(/files/user/_/license/img/img_bg02.jpg);background-position: bottom center;background-size: cover;background-repeat: no-repeat;padding: 6em 1em; }
.contentsBox .contactBox .contact_txt{font-weight: bold;margin-bottom: 3em;}
.contentsBox .contactBox .contact_txt span{border-bottom: 6px solid #00aeac;display: inline-block;padding: 0 0.5em 0.2em;}
.contentsBox .contactBox .contact_btn{text-align: center;}
.contentsBox .contactBox .contact_btn a{background: #00aeac;padding: 0.5em 2em;color: #fff;font-weight: bold;font-size: 50px;border-radius: 30px;display: inline-block;} 

.contentsBox .license_GoodsBox{background: #e84709;padding: 100px 7em; }
.contentsBox .license_GoodsBox h3{font-weight: bold;margin-bottom: 1em;color: #fff;text-align: center;}
.contentsBox .license_GoodsBox h3 span{border-bottom: 6px solid #fff;display: inline-block;padding:0 0.5em 0.2em;}
.contentsBox .license_GoodsBox p.h3_sub{font-size:20px;font-weight: bold;color: #fff;margin-bottom: 2em;}
.contentsBox .license_GoodsBox ul{display: flex;flex-wrap: nowrap;justify-content:flex-start;align-items: flex-start;gap:1em;}
.contentsBox .license_GoodsBox ul li{width:calc(100% / 6);display: flex;flex-direction: column;}
.contentsBox .license_GoodsBox ul li img{margin-bottom: 1em;width: 100%;}
.contentsBox .license_GoodsBox ul li p{font-weight: bold;color: #fff;}
.contentsBox .license_GoodsBox ul li .goods_name{font-size: 1.6vw;line-height: 1.2;height: 5vw;}
.contentsBox .license_GoodsBox ul li .goods_price{font-size: 30px;margin-bottom: 0.5em;}
.contentsBox .license_GoodsBox ul li .goods_price span{font-size: 60%;}
.contentsBox .license_GoodsBox ul li .goods_company{font-size: 1vw;margin-bottom: 1em;}
.contentsBox .license_GoodsBox ul li .goods_link a{display: block;background: #fff;padding: 0.8em 1em;position: relative;color: #00aeac;font-size: 1.5vw;border-radius: 50vw;}
.contentsBox .license_GoodsBox ul li .goods_link a::before,
.contentsBox .license_GoodsBox ul li .goods_link a::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.contentsBox .license_GoodsBox ul li .goods_link a::before{
    background: #00aeac;
    width: 2.5vw;
    height:2.5vw;
    border-radius: 50vw;
    right: 15px;
}
.contentsBox .license_GoodsBox ul li .goods_link a::after{
    right: 1.5vw;
    width: 0.8vw;
    height: 0.8vw;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
/*----------------------------------------------------------------------------
 ***                                                                 footer
----------------------------------------------------------------------------*/

/* linkbox */
#linkBox{background-color: #000;padding: 6em 0;}
#linkBox dt{  margin:0 auto 1em;text-align: center;}
#linkBox dd{ font-weight:bold; line-height:2em; text-align:center; color:#FFF;font-size: 130%;}
#linkBox dd img{ padding:0 0.5em; height:auto;}
#linkBox .ftShBtn{ padding-top:40px;}
#linkBox .shTxt{ color:#FFF; text-align:center; font-size:90%; font-weight:bold;}
#linkBox ul{ text-align:center;}
#linkBox li p{ display:inline-block;}
#linkBox .fb-share-button,
#linkBox .tw-share-button{ font-size:80%; padding:1em 20px 0 20px; line-height:0.8em;}
#linkBox .insImgLi{ padding-top:10px;}
#linkBox .insImgLi img{ width:130px;}


/* footer */
#pageFooter{ background:#E9470B;}
#pageFooter .footerInner{ padding:1% 1%;}
#pageFooter dl{ float:left; width:60%;}
#pageFooter dt{ width:7%; float:left;}
#pageFooter dd{ float:left; font-size:80%; color:#FFF; padding:3% 0 0 2%;}
#pageFooter  p{ float:right; font-size:80%; color:#FFF; padding-top:1.5%;}



@media screen and (max-width: 1200px) and (min-width: 951px){
	#pageHeader .headerInner ul{padding: 0px 0 0px 2%;}
	#pageHeader .headerInner li{padding:3% 2%; }
    
    #inner_linkBox div{width: calc(95% / 3);margin: 0.4em 0;}
    
    #buyBox .slick-slider .slick-list{padding:0 calc(66% - 350px) 0 calc(66% - 350px)!important}
}