@charset "utf-8";

html,body,h1,h2,h3,h4,h5,ul,ol,dl,p,dd{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1em;
}

html,body{
	line-height:1.4em;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','ＭＳ Ｐゴシック',Osaka,sans-serif;
	color: #231815;
	font-size: 62.5%;
	font-weight:normal;
	text-align:left;
}
body {
    font-size: 1.0rem;
	min-width: 1000px;
    /*
    word-wrap: break-word;
    overflow-wrap: break-word;
    */
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
img {
	border: 0;
	vertical-align: bottom;
}
a{
	color: #018AFE;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a img:hover {
    opacity: 0.6;
    transition:all 0.3s ease;
}
i.tel-link {
    font-style: normal;
}
.inner {
    margin: 0 auto;
    width: 1000px;
}
area {
    border: none;
    outline: none;
}

/*==================
Common Parts
================================================*/
.pc-only { display: block; }
.sp-only { display: none; }

/*------------------
header
------------------------------------------------*/
header {
}
header #mv {
    background: url(../img/bg_mv.jpg) repeat-x center top;
    background-size: 1798px 742px; 
    height: 542px;
}
header #mv .inner {
    position: relative;
    height: 542px;
}
header #mv .inner p {
    font-size: 2.7rem;
    font-weight: bold;
    letter-spacing: 1.2rem;
    position: absolute;
    text-align: center;
    top: 4%;
    width: 100%;
}
header #mv .inner h1 {
	position: absolute;
	text-align: center;
    margin:0 auto;
    top: 4%;
    width: 100%;
}

/*------------------
contents
------------------------------------------------*/
.blocks {
    background: url(../img/mark_01.png) no-repeat center bottom;
    background-size: 81px 71px;
    padding-bottom: 112px;
    margin-bottom: 45px;
}
.blocks .h3Wrap {
    background: #231815;
    display: block;
    padding: 10px 0;
}
.blocks .h3Wrap h3 {
    color: #FABE00;
    display: block;
    font-size: 3rem;
    font-weight: normal;
    margin: 0 auto;
    width: 900px;
}
.nobg {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#blockC .h3Wrap h3,
#blockD .h3Wrap h3,
#blockE .h3Wrap h3 {
    letter-spacing: 0.48rem;
}
#blockA #leadBox {
    margin: 18px 0 30px;
    text-align: center;
}
#blockA #leadBox p {
    font-size: 1.7rem;
    letter-spacing: 0.48rem;
    line-height: 1.82;
    margin: 0 0 30px;
}
#blockA #tBox {
    overflow: hidden;
}
#blockA #tBox .fL {
    float: left;
    width: 550px;
}
#blockA #tBox .fR {
    float: right;
    width: 407px;
}
#blockA #tBox h2 {
    margin-bottom: 38px;
}
#blockA #tBox .txt {
    font-size: 1.1rem;
    letter-spacing: 0.16rem;
    line-height: 1.8;
    margin: 8px 0 30px;
}
#blockA #tBox .price {
    text-align: right;
}
#blockA #tBox .psize {
    margin-top: 10px;
    text-align: right;
}
.btns {
    margin-top: 31px;
}
.btns a {
    display: block;
    background: #FABE00;
    border: 5px solid #fff;
    border-radius: 12px;
    padding: 18px 0;
    text-align: center;
}
.btns a:hover {
    opacity: 0.7;
}
#blockB h4 {
    margin: 40px 0 22px;
    text-align: center;
}
#blockB .pic {
    text-align: center;
}
#blockB .txt {
    margin: 20px 0 12px;
    font-size: 1.7rem;
    text-align: center;
    letter-spacing: 0.16rem;
    line-height: 1.82;
}
#blockB .txtB {
    margin: 20px 0 12px;
    font-size: 2.0rem;
    text-align: center;
	font-weight: bold;
    letter-spacing: 0.16rem;
    line-height: 1.82;
}
#blockB #bosyuBox {
    text-align: center;
    margin: 20px 0 16px;
}
#blockB #bosyuBox .txt {
    font-size: 1.1rem;
}
#blockB .btns a {
    display: block;
    border: 5px solid #FABE00;
    border-radius: 12px;
    padding: 18px 0;
    text-align: center;
}
#blockB .btns span {
    display: block;
    border: 5px solid #FABE00;
    border-radius: 12px;
    padding: 18px 0;
    text-align: center;
}
#blockB .btns a:hover {
    opacity: 0.7;
}
#blockC h4 {
    font-size: 5rem;
    font-weight: normal;
    margin: 34px 0 14px;
    text-align: center;
}
#blockC .sub {
    font-size: 1.7rem;
    text-align: center;
    letter-spacing: 0.16rem;
}
#blockC .pic {
    margin: 40px 0 32px;
    text-align: center;
}
#blockC .txt {
	margin: 40px 0 20px;
    font-size: 1.7rem;
    text-align: center;
    line-height: 2;
}
#blockD h4 {
    font-size: 5rem;
    font-weight: normal;
    margin: 28px 0 32px;
    text-align: center;
}
#blockD .txt {
	margin: 40px 0 20px;
    font-size: 1.7rem;
    text-align: center;
    line-height: 2;
}
#supportBox {
    overflow: hidden;
    margin: 0 auto;
    width: 792px;
}
#supportBox .fL {
    float: left;
    width: 244px;
}
#supportBox .fR {
    float: right;
    width: 496px;
}
#supportBox .names {
    display: table;
    letter-spacing: 0.48rem;
    line-height: 1.2;
    margin-bottom: 26px;
}
#supportBox .names i {
    display: table-cell;
    font-size: 3rem;
    vertical-align: middle;
}
#supportBox .names span {
    display: table-cell;
    font-size: 1.7rem;
    vertical-align: middle;
}
#supportBox .ttl {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.48rem;
    margin-bottom: 14px;
}
#supportBox .txt {
    font-size: 1.7rem;
    line-height: 1.823;
    letter-spacing: 0.22rem;
}
#blockE .inner {
    padding: 45px 0;
}
#blockE .listbox {
    margin: 0 auto;
    width: 700px;
}
#blockE .listbox h4 {
    font-size: 5rem;
    font-weight: normal;
}
#blockE .listbox ul {
    display: table;
    margin: 0 0 30px;
    width: 700px;
	list-style: circle;
}
#blockE .listbox li {
    font-size: 1.7rem;
	line-height: 2;
    width: 700px;
}
#blockE .partnerBox li:first-child {
    padding-left: 0;
}
#blockE .partnerBox li:nth-child(5n+1) {
    padding-left: 0;
}
#blockE .brandBox {
    margin: 0 auto;
    width: 900px;
}
#blockE .brandBox h4 {
    font-size: 5rem;
    font-weight: normal;
}
#blockE .brandBox ul {
    display: table;
    margin: 24px 0 70px;
}
#blockE .brandBox ul.nullUl {
    display: table;
    margin: 24px 0 150px;
}
#blockE .brandBox li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
}
#blockE .brandBox li:first-child {
    padding-left: 0;
}

#blockF .inner {
    padding: 45px 0;
}
#blockF .listbox {
    margin: 0 auto;
    width: 700px;
}
#blockF .listbox h4 {
    font-size: 5rem;
    font-weight: normal;
}
#blockF .listbox ul {
    display: table;
    margin: 0 0 30px;
    width: 700px;
	list-style: circle;
}
#blockF .listbox li {
    font-size: 1.7rem;
	line-height: 2;
    width: 700px;
}
#blockF .listbox li span {
    font-weight: bold;
}
#blockF .partnerBox li:first-child {
    padding-left: 0;
}
#blockF .partnerBox li:nth-child(5n+1) {
    padding-left: 0;
}
#blockF .brandBox {
    margin: 0 auto;
    width: 900px;
}
#blockF .brandBox h4 {
    font-size: 5rem;
    font-weight: normal;
}
#blockF .brandBox ul {
    display: table;
    margin: 24px 0 70px;
}
#blockF .brandBox ul.nullUl {
    display: table;
    margin: 24px 0 150px;
}
#blockF .brandBox li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
}
#blockF .brandBox li:first-child {
    padding-left: 0;
}

.modaal-container {
    max-width: 500px;
    text-align: center;
}
/*------------------
footer
------------------------------------------------*/
footer {
    background: #231815;
    padding: 15px 0;
}
footer .inner {
    width: 900px;
	background-image:url(../img/bk_ft.png);
	background-repeat:no-repeat;
	background-position:right;
}
footer .inner dl dt {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.75;
}
footer .inner dl dd {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.75;
    margin-left: 1em;
    text-indent:-1em;
}
footer .inner dl dd::before {
    content: "■";
}
footer .inner dl dd a {
    color: #fff;
}
footer .inner p a {
    color: #fff;
}
footer .inner ul {
    margin-top: 100px;
    overflow: hidden;
    text-align: right;
}
footer .inner ul li {
    background: url(../img/bg_06.png) no-repeat left center;
    background-size: 1px 14px;
    display: inline;
    font-size: 1.4rem;
    line-height: 2;
    padding: 0 18px;
    overflow: hidden;
}
footer .inner ul li:first-child {
    background: none;
}
footer .inner ul li a {
    color: #fff;
}