@charset "utf-8";

#hero {
	flex-direction: column;
	padding: 60px 0;
}
#hero .copyarea,
#hero .copyarea .copy {
	width: 90%;
}
#hero .copyarea .logo,
#hero .copyarea .subcopy {
	width: 100%;
}
#hero .slide-wrap {
	width: 90%;
    padding-right: 0;
    margin-top: 30px;
}

#feature .hd-base-ja {
	width: 94%;
}
#feature ul {
	flex-direction: column;
}
#feature li {
	width: 90%;
    margin: 15px auto 0;
}
#feature li:first-child {
	margin-top: 0;
}
#feature li a {
    display: flex;
    align-items: center;
    padding: 15px 84px 15px 30px;
    text-align: left;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	position: relative;
}
#feature .point {
	display: block;
    margin-right: 60px;
}
#feature .point .txt {
	display: block;
    padding-top: 0;
    margin-right: 0;
    font-size: 1rem;
    text-align: center;
}
#feature .point .num {
	display: block;
    text-align: center;
}
.feature-btn {
	width: auto;
    max-width: none;
    margin: 0;
    padding: 13px 10px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    position: absolute;
    right: 30px;
}

.feature::before {
	width: 100%;
	height: 800px;
	-webkit-border-radius: unset;
    border-radius: unset;
}
.feature .point {
	justify-content: center;
}
.feature .flexbox {
	flex-direction: column;
}

#point01 .hd-point {
	width: 75%;
    margin: 0 auto;
}
.hd-point::after {
	display: none;
}
#point01 .flexbox {
    margin: 30px auto 0;
}
#point01 .txtarea {
	width: 100%;
}
#point01 .photo {
	width: 100%;
}
#point01 .btn-base {
    margin-top: 30px;
}
#point01::after {
	width: 364px;
    height: 260px;
	right: 5%;
    top: 20px;
}

#point02.feature::before {
	max-width: none;
    -webkit-border-radius: unset;
    border-radius: unset;
}
#point02 .hd-point {
	width: 95%;
    margin: 0 auto 30px;
}
#point02::after {
	right: 5%;
    top: 20px;
}
#point02 .case {
    width: 100%;
    margin-top: 60px;
}
#point02 .case:first-child {
    margin-top: 0;
}
#point03 .txtarea {
    width: 100%;
}
#point03 .hd-point {
	width: 60%;
    margin: 0 auto 30px;
}
#point03 .txtarea p {
	text-align: justify;
}
#point03 .photo {
    width: 77%;
    margin: 30px auto 0;
}
#point03 .note.visible-tab {
	display: block;
	margin-top: 30px;
    padding: 30px;
    border: 1px solid #009745;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
}
#point03 .note-inner {
    display: flex;
	align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
#point03 .note.visible-tab figure {
	width: 13%;
	margin-right: 30px;
}
#point03 .note.visible-tab h5 {
	font-weight: 700;
    font-size: 2rem;
}
#point03 .note.visible-tab p {
	text-align: justify;
}

#movie .hd-base-ja {
	width: 90%;
}

#voice .hd-base-ja {
	width: 47%;
}

#faq .hd-base-ja {
	width: 57%;
}
.faq_item dt {
	padding: 20px 98px 20px 104px;
}
.faq_item dt::before {
	left: 40px;
}
.faq_item dt::after {
	right: 40px;
}
.faq_item dd {
	padding: 0 98px 20px 104px;
}
.faq_item dd::before {
	left: 40px;
}

#contents .hd-base-ja {
	width: 71%;
}
.con-item a {
	flex-direction: column;
}
.con-img {
    width: 100%;
}
.con-txt {
	width: 100%;
    padding: 30px 6%;
    text-align: center;
}
.con-title {
	margin: 16px 0 30px;
}
.article-modal .modal-img {
    width: 100%;
    height: auto;
    position: static;
}
.article-modal .modal-img img {
    height: auto;
}
.modal-article {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}
.modal-article .con-logo {
    display: block;
    width: 420px;
    margin: 20px auto 0;
}
.article-modal .con-num {
	display: block;
    text-align: center;
}

#lineup .hd-base-ja {
	width: 93%;
}
#lineup .flexbox {
	flex-wrap: wrap;
}
#lineup .lineup-item {
	width: 49%;
    margin-right: 1%;
	margin-bottom: 30px;
}
#lineup .lineup-item:nth-child(2n) {
    margin-right: 0;
}
#lineup .lineup-item .btn-base.red a,
#lineup .lineup-item .btn-base.green a {
	max-width: 260px;
    margin: 0 auto;
}

#series .hd-base-ja {
	width: 53%;
}
#series .flexbox {
	flex-wrap: wrap;
}
#series .series-item {
	width: 49%;
    margin-right: 1%;
	margin-bottom: 30px;
}
#series .series-item:nth-child(2n) {
    margin-right: 0;
}
#series .series-item .btn-base.red a,
#series .series-item .btn-base.green a {
	max-width: 260px;
    margin: 0 auto;
}

.footer-nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-nav li {
    display: block;
    width: 48%;
}
.footer-nav li::before {
	display: none;
}
.footer-nav li a {
	display: block;
    padding: 16px 12px;
    border-bottom: 1px solid #dcdcdc;
}

/*	マンガでわかる
------------------------------*/
#manga .manga_thumb {
  width: 70%;
  max-width: none;
}
#manga .hd-base-ja {
  width: 56%;
}
.modal__content {
  width: 100%;
  max-width: none;
}