@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  font-family: 'Noto Sans JP', sans-serif;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
   font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

/*clearfix*/
.header_inner:after,.payment_item:after{content:"."; display:block; height: 0; font-size:0; clear: both; visibility:hidden;}

header{background:#f5f5f5; width:100%; padding:20px 0; color:#949391;}
.header_inner{width:1160px; margin:0 auto;}
#logo{float:left;}
#logo a{color:#949391; text-decoration:none;}
#agencyid{float:right;}
.container{width:1160px; margin:0 auto; color:#373635;}
.container_inner{padding:50px 0 120px 0;}
#banner{padding:90px 0; text-align:center;}
h1{font-size:60px; margin-bottom:45px;}
h2{font-size:28px; margin-bottom:75px;}
h3{background:#020203; color:#fff; text-align:center; font-size:36px; padding:45px 0; letter-spacing:10px; line-height:53px;}
h4{font-size:28px; line-height:50px; margin-bottom:68px;}
h4:after{content:""; display:block; width:120px; height:1px; background:#373635; position:relative; top:25px; left:50%; margin-left:-60px;}
h5{background:#020203; color:#fff; padding:20px; font-size:28px; text-align:left;}
.section_description{margin-bottom:50px;}
.section_description p{font-size:18px;}
.section_description2{width:720px; margin:0 auto 70px auto;}
.section_description2 p{background:url(img/note.png); font-size:18px; line-height:60px;}
ul.item{list-style-type:none;}
ul.item li{margin-bottom:50px;}
.payment{background:#f5f5f5; padding:90px; margin-bottom:120px;}
.payment_item dl{text-align:left; padding:0; margin:0 0 60px 0; width:calc(50% - 92px); padding:45px 35px; border:1px solid #373635; float:left;}
.payment_item dl:nth-child(1){margin-right:20px;}
.payment_item dl:nth-child(2){margin-left:20px;}
.payment_item dl dt{font-size:24px; margin:10px 0; text-align: center;}
.payment_item dl dd{font-size:18px; line-height:160%;}
.tel{color:#27a533; text-align:center; width:380px; margin:0 auto;}
.telinfo{display:block; font-size:18px; margin-bottom:18px; font-weight:bold;}
.telnumber a{border-bottom:1px solid #27a533; background:url(img/telicon.png) no-repeat left 8px; background-size:auto 41px; display:block; font-size:48px; font-weight:bold; text-decoration:none; color:#27a533;margin-bottom:18px; padding-bottom:18px;}

dl.dissatisfaction{width:50%; margin:0 auto; padding:0; text-align:left;}
dl.dissatisfaction dt{margin-bottom:30px; margin-top:90px; position:relative;}
dl.dissatisfaction:first-child dt{margin-top:0;}

dl.dissatisfaction dd{display:none; margin-bottom:100px; position:relative;}
dl.dissatisfaction dt:before{content:""; display:block; width:100px; height:3px; background:#020203; position:absolute; left:-120px; top:13px;}
dl.dissatisfaction dd:before{content:""; display:block; width:100px; height:3px; background:#21b8ff; position:absolute; left:-120px; top:13px;}
dl.dissatisfaction dt .label i{font-style:normal; font-weight:normal;float:left; height:26px; margin-right:20px; font-size:18px; display:block; width:80px; line-height:26px; text-align:center; color:#fff; background:#020203;}
dl.dissatisfaction dt .label,dl.dissatisfaction dd .label{font-weight:bold; margin-bottom:30px; font-size:22px; display:block;}
dl.dissatisfaction dt p,dl.dissatisfaction dd p{font-size:18px; line-height:50px;}

table.comparison{margin-bottom:90px;table-layout:fixed; width:100%; border-collapse: collapse;text-align: left;line-height: 1.5;border: 1px solid #ccc;}
table.comparison th{padding:25px;font-weight: bold;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background:#f5f5f5;}
table.comparison td{text-align:center;padding:25px;font-weight: bold;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

#banner2{background:url(img/AL1I3370.png) no-repeat center right #020203; background-size:auto 100%;}
.banner2_inner{color:#fff; padding:170px 0; text-align:left; width:1160px; margin:0 auto;}
.banner2_inner h1{line-height:75px; font-size:48px;}
.banner2_inner h2{margin:0; font-size:24px; line-height:40px;}

table.feature{height:1px; margin:0 auto;}
table.feature td{width:355px; padding:10px; height:100%; text-align:center;}
table.feature td .feature_box{text-align:left; border:1px solid #020203; width:100%; height:100%; padding:50px 35px; box-sizing:border-box;}
.feature_box .label{text-align:center;font-size:28px; display:block; margin-bottom:35px;}
.feature_box p{font-size:18px; line-height:38px;}

dl.flow{text-align:left; width:600px; margin:0 auto 80px auto; position:relative;}
dl.flow span{display:block; width:85px; height:85px; line-height:85px; text-align:center; font-size:48px; background:#020203; color:#fff; position:absolute; top:-5px; left:-100px;}
dl.flow:last-child{margin:0 auto;}

dl.flow dt{font-weight:bold; font-size:22px; margin-bottom:30px;}
dl.flow dd{font-size:18px; line-height:30px; background:url(img/ba.png) no-repeat center bottom; padding-bottom:115px;}
dl.flow:last-child dd{background:none; padding:0;}

table.specification{margin:0 auto 40px auto;table-layout:fixed; width:60%; border-collapse: collapse;text-align: left;line-height: 1.5;border: 1px solid #ccc;}
table.specification caption{text-align:left; font-weight:bold; font-size:18px; margin-bottom:20px; border-left: 4px solid #020203;  padding-left: 10px;}
table.specification th{padding:25px;font-weight: bold;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background:#f5f5f5;}
table.specification td{padding:25px;font-weight: bold;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

#footer {background-color: #fff; padding-top: 50px; padding-bottom: 30px; text-align: center; font-size: 80%;}
#footer li {display: inline; text-decoration-line: underline;  margin: 10px;}
#footer p {margin: 30px auto;}

.button a{font-size:28px; width:50%; display:block; height:68px; line-height:68px; text-align:center; margin:0 auto; background:#1dabd4; color:#fff; text-decoration:none;}

.line_add{padding: 20px; border: 2px solid #02a902; margin-top: 40px;}
.line_add_label{position:relative; top:-28px;}
.line_add_label span{font-weight: bold; color: #04ab04; background:#fff; padding:0 20px;}
.line_add_pc_label,.line_add_sp_label{margin-bottom:20px;}
.line_add_pc_label span{line-height:23px;font-weight: bold; display:block; margin:0 auto; width:50%; background:#000; color:#fff; text-align:center; padding:4px 20px 5px 20px;}
.line_add_sp_label span{line-height:23px;font-weight: bold; display:block; margin:0 auto; width:50%; background:#04ab04; color:#fff; text-align:center; padding:4px 20px 5px 20px;}

.more a{background: #21b8ff; padding: 10px 30px; color: #fff; text-decoration: none; border-radius: 2px;}
.more a i{font-size:24px;font-style: initial;position: relative; top: 2px; left:10px; font-weight: bold;}
a:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.center{text-align:center;}
.right{text-align:right;}
.mb40px{margin-bottom:40px;}
.mb50px{margin-bottom:50px;}
.mb60px{margin-bottom:60px;}
.pb90px{padding-bottom:90px}
.small{color:#808080;}

.add_content{max-width:800px; margin:0 auto; padding:120px 0;}
.add_content h1{width:80%; font-size:20px; margin:0 auto 40px auto;}
table.info{table-layout:fixed; width:80%; margin:0 auto; border-collapse:collapse;}
table.info th,table.info td{border:1px solid #ccc; padding:20px;}
table.info th{text-align:left;}
.add_content_inner{width:80%; margin:0 auto;}
.add_content_inner h2{font-size:14px; margin-bottom:10px;}
.add_content_inner p{margin-bottom:30px;}

.qrcode{width:200px;}

.youtube-c{display:flex;justify-content: flex-end;}
.youtube {width:350px; margin-right:27px;}
.dairitenid {font-size:28px;}
.imgl{float:left;margin-right:20px;}

@media(min-width:1160px){
	.br_none {display:none;}
}

@media(max-width:1159px){
	h1{font-size:40px;}
	h2{font-size:18px;}
	h3{padding:25px 0; font-size:24px;letter-spacing:auto;}
	h4{font-size:24px;}
	h5{font-size:20px; text-align:center;}

	h4 br{display:none;}
	.section_description2 p br{display:none;}
	.header_inner{width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
	.container{width:100%; margin:0 auto; color:#373635;}
	img{width:100%;}
	.section_description2{width:100%;}
	dl.flow{width:100%;}
	#banner2{background: url(img/AL1I3370.png) no-repeat bottom center #020203; background-size: 100% auto;}
	.banner2_inner{width:100%;padding: 40px 20px 350px 20px;box-sizing:border-box;}
	.banner2_inner h1 {line-height: 45px;font-size: 30px;}
	.banner2_inner h2 {margin: 0; font-size: 18px; line-height: 26px; font-weight: normal;}
	.tel{width:100%;}
	dl.dissatisfaction{width:85%;}
	.payment{padding:40px 20px;}
	.payment_item dl{margin:0 0 20px 0; padding:30px; float:none; width:100%; box-sizing:border-box;}
	.payment_item dl:nth-child(2){margin-left:0;}
	.button a{width:80%;}
	.container_inner{padding-left:20px; padding-right:20px; padding-bottom:0;}
	#banner{padding:45px 20px;}
	dl.dissatisfaction dt p, dl.dissatisfaction dd p{line-height:35px;}
	dl.dissatisfaction dt p br, dl.dissatisfaction dd p br{display:none;}
	table.feature td{display:block; width:100%; height:auto; padding:10px 0;}
	dl.flow{width:80%;}
	dl.flow span{width:40px; height:40px; font-size:20px; line-height:40px; left:-50px;}
	.payment_item dl dt{font-size:20px; margin:10px 0;}
	.payment_item dl dd{font-size:14px;}
	.feature_box .label{font-size:24px;}
	table.feature td .feature_box{padding:30px;}
	dl.flow{margin:0 auto 60px auto;}
	dl.flow dd{background-size:24px; padding-bottom:60px;}
	table.specification{width:100%;}
	#footer li {display: block;  margin: 20px auto;}
	dl.dissatisfaction:last-child{margin-bottom:120px;}
        .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube-c{display:block;}
.imgl{float:none;margin:0 auto 20px auto;width:80%;}
.dairitenid {font-size:20px;display:block;}
}


@media(max-width:640px){
.qrcode{width:60%; margin:0 auto;}
.line_add_pc_label span{width:80%;}
.line_add_sp_label span{width:80%;}
.line_add_pc_label span br{display:none;}
}