@charset "UTF-8";

:root { /* カラーコード */
    --base-color: #000;
    --white-color: #fff;
    --grey1-color: #666;
    --grey2-color: #999;
    --grey3-color: #aaa;
    --grey4-color: #d8d8d8;
    --grey5-color: #f7f7f7;
    --white-color: #fff;
    --beju1-color: #c4c1b6;
    --beju2-color: #e3e0d6;
    --beju3-color: #f1ebe2;
    --pastelg-color: #d6ead9;
    --lvgreen-color:#caff6b;
    --lgreen-color:#ebf5ec;
    --navy-color:#02173c;
    --dblue-color:#1d2089;
}
.about{
	margin:auto;
	background-color: var(--white-color);
	padding-top:10px;
	max-width:800px;
}
footer small {
    padding: 1.2rem 0;
    text-align: center;
    color: var(--white-color);
    background-color: var(--navy-color);
    width: 100%;
    display: block;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex_wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.flex_center {
    align-items: center;
}

.clear {
    clear: both;
}

/*商品情報
-------------------------------------*/
.inner{
    text-align: left;
    margin:0 auto;
    max-width: 750px;
}
.box_inner p{
    font-size: 0.8rem;
}
.box_inner p:last-child{
    margin-bottom:10px;
}
.box_inner h4,
.box_inner ul{
    margin: 0 auto;
}
.about a {
text-decoration: underline;
}

.about .info h3 {
margin-bottom: 15px;
}

.about .info {
font-size: 12px;
line-height: 1.6;
margin-top: 44px;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.about h3{
font-size: 18px;
background-color: #f1f1f1;
border-bottom: 2px solid #d7d7d7;
padding: 7px 0 7px 13px;
}

.about .info .box {
width: 48%;
}

.about h4{
font-size: 15px;
background-color: #f1f1f1;
padding: 5px 0;
text-align: center;
border-bottom: 1px solid var(--base-color);
margin-bottom: 15px;
margin-top: 25px;
}

.about ul{
    overflow-x: clip;
}
.about ul > li {
    margin-left: -1rem;
}
.about ul > li.ptxt {
    list-style-type: none;
    list-style-position: inside;
    margin-left: -2rem;
}

.about .company{
margin-top: 60px;
}
.about .magt1em{
margin-top:1em;
}

.lpbox .detail {
  width: 93%;
  color: #111111;
  margin-top: 10%;
  margin-left:auto;
  margin-right:auto;
  max-width:750px;
}
.lpbox .detail h2 {
  text-align: center;
  font-size: 1.214em;
  font-weight: bold;
  background-color: #f1f1f1;
  border-bottom: 1px solid #8f8f8f;
  padding: 2.67% 0;
  margin-bottom: 4%;
}
.lpbox .detail .detail__text {
  text-align: justify;
  font-size: 0.929em;
  /* padding: 2.67% 0; */
  margin-bottom: 8%;
}
.lpbox .detail__titl {
  font-weight: bold;
  border-bottom: 1px solid #8f8f8f;
  margin-bottom: 4%;
  padding-bottom: 1%;
}
.lpbox .detail__text dl {
  text-align: center;
}
.lpbox .detail__box dt {
  background-color: #f1f1f1;
  padding: 1% 0;
  border: 1px solid #8f8f8f;
}
.lpbox .detail__box dd {
  padding: 2% 0;
  border: 1px solid #8f8f8f;
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 0;
}
.lpbox .detail__box dd:last-child {
  border-bottom: 1px solid #8f8f8f;
  text-align: justify;
  padding: 4% 4%;
}
.lpbox .detail__text .indent {
  padding-left:1em;
	text-indent:-1em;
}
.lpbox .detail__box .table_layout {
  table-layout: auto;
  width: 100%;
}
.lpbox .detail__box .bui {
  width: 36%;
}
.lpbox .detail__box table , 
.lpbox .detail__box table td, 
.lpbox .detail__box table th {
	border: 1px solid #595959;
	border-collapse: collapse;
  text-align: center;
  margin: 4% 0;
}
.lpbox .detail__box th {
	background: #f1f1f1;
}
.lpbox .detail__box a {
  color: #0f6ec6;
}

/*フッター見出し
-------------------------------------*/
h4.lp-right-line{
    text-align:left;
    font-weight:800;
}

/*下部リンク
-------------------------------------*/
#lpfooter-all{
	margin:0 auto;
	font-size:0.6rem;
	line-height:1rem;
	width: 100%;
    text-align: center;
    display:flex;
    background-color: var(--beju3-color);
}
#lpfooter-all .footlink{
	margin:20px auto;
}
#lpfooter-all p{
    margin: 5px;
}
#lpfooter-all a{
    text-decoration: none;
    color: var(--base-color);
}
#lpfooter-all p::before{
    content: "\0bb""\00a0";
}

/*コピーライト
-------------------------------------*/
.copyright {
    text-align: center;
    padding: 1rem 0;
    background-color: var(--base-color);
}
.copyright a {
    color: var(--white-color);
    text-decoration: none;
	display: inline;
}

/*--------------------------------------
  768px?
--------------------------------------*/
@media screen and (min-width:768px) {
    #lpfooter-all a{
        margin:5px;
    }
	#lpfooter-all{
		flex-direction:row;
		justify-content:center;
		flex-wrap:nowrap;
    }
    #lpfooter-all p{
		margin:10px;
        font-size: 1.5em;
    }
    .box{
        width:50%;
        margin:0 auto;
        text-align: center;
    }
    .box_inner {
        max-width: 95%;
        margin: auto;
        text-align: left;
    }
    div.box_inner {
    padding: 2px;
    }
    footer small {
        margin:10px auto 0px;
        max-width:800px;
    }
}

/*--------------------------------------
  ?768px
--------------------------------------*/
@media screen and (max-width:768px) {
    .detail__box, #lpfooter-all {
        width: 100%;
        margin: auto;
        padding: 0;
    }
	#lpfooter-all{
		flex-direction:column;
		padding:10px 0;
	}
    #lpfooter-all .footlink{
		margin:3px;
        font-size: 1.5em;
    }
	footer dl {
        width: 90%;
    }

    .about {
        margin: 0 auto;
        padding:0.7rem;
    }
    .about .flex {
    display: block;
    }
    .about .info {
    margin-top: 10vw;
    }
    .about .info h3 {
    font-size: 4vw;
    padding: 2vw;
    margin-bottom: 2vw;
    border-bottom: 1px solid #d7d7d7;
    }
    .about .info .box {
    width: 100%;
    }
    .about .info .box h4 {
    background-color: transparent;
    font-size: 3.73vw;
    text-align: left;
    padding: 0;
    margin: 4vw 0 1.3vw;
    }
    .about .company{
    margin-top: 2.6vw;
    }
}