@charset "utf-8";

/* --------------------------------------------------------
styles.css
-------------------------------------------------------- */

/* *****************************
wrap
***************************** */

.wrap {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	line-height: 1;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0.02em;
}


.font-xs {
	font-size: 11px;
	font-size: 1.1rem;
}
.font-s {
	font-size: 13px;
	font-size: 1.3rem;
}
.font-l {
	font-size: 17px;
	font-size: 1.7rem;
}
.font-xl {
	font-size: 19px;
	font-size: 1.9rem;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

p, ul li, ol li {
	line-height: 1.5;
}

.underline {
	text-decoration: underline;
}



/* *****************************
ボタン・テキストリンク
***************************** */

.btn {
	width: 335px;
}
.btn.close-btn {
	width: 240px;
}
.btn {
	margin: 20px auto 0;
}
.btn a {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 10px;
	line-height: 56px;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
	color: #39b382;
	background-color: #fff;
	border: 2px solid #39b382;
	border-radius: 56px;
}
.btn a:hover {
	color: #fff;
	background: #39b382;
}
.btn.bg-orange a {
	color: #fff;
	background-color: #eb9647;
	border: 2px solid #eb9647;
}
.btn.bg-orange a:hover {
	color: #eb9647;
	background-color: #fff;
}
.btn.bg-green a {
	color: #fff;
	background-color: #39b382;
	border: 2px solid #39b382;
}
.btn.bg-green a:hover {
	color: #39b382;
	background-color: #fff;
}
.btn a .arrow {
	position: absolute;
	top: 26px;
	right: 20px;
	display: inline-block;
	width: 6px;
	height: 11px;
}
.btn a .arrow:before, .btn a .arrow:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 3px;
	border-radius: 9999px;
	background-color: #39b382;
	transform-origin: calc(100% - 1px) 50%;
}
.btn a:hover .arrow:before, .btn a:hover .arrow:after {
	background-color: #fff;
}
.btn.bg-orange a .arrow:before, .btn.bg-orange a .arrow:after {
	background-color: #fff;
}
.btn.bg-orange a:hover .arrow:before, .btn.bg-orange a:hover .arrow:after {
	background-color: #eb9647;
}
.btn.bg-green a .arrow:before, .btn.bg-green a .arrow:after {
	background-color: #fff;
}
.btn.bg-green a:hover .arrow:before, .btn.bg-green a:hover .arrow:after {
	background-color: #39b382;
}
.btn a .arrow:before {
	transform: rotate(50deg);
	transform: rotate(53.15deg);
}
.btn a .arrow:after {
	transform: rotate(-50deg);
	transform: rotate(-53.15deg);
}

.btn-flex-area {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 712px;
	margin: 0 auto;
}

.external-link a {
	padding-right: 14px;
	color: #eb9647;
	text-decoration: none;
	background: url(../img/icon_external_link.svg) no-repeat right 3px top 3px;
	background-size: 12px auto;
}
.external-link a:hover {
	text-decoration: underline;
}





/* *****************************
header
***************************** */

header {
	padding: 50px 90px 40px;
	background: url(../img/mainvisual_pc.jpg) no-repeat center top;
}
header .logo {
	max-width: 482px;
	margin: 0 0 30px;
}
header .txt {
	max-width: 540px;
	margin: 0 0 20px;
	line-height: 1.8;
	font-weight: 500;
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
}
header .btn {
	margin: 0;
}





/* *****************************
main
***************************** */

main {
	display: block;
	position: relative;
	padding: 50px 0 0;
}

.contents-wrap {
	padding: 60px 0 20px;
}
.contents-wrap.bg {
	background: #edf9f0;
}
.contents-cont {
	max-width: 1040px;
	margin: 0 auto 70px;
	padding: 0 30px;
}

.contents {
	max-width: 1040px;
	margin: 0 auto 70px;
	padding: 0 30px;
}



.ttl1 {
	position: relative;
	margin-bottom: 20px;
	padding-left: 15px;
	line-height: 1.5;
	font-weight: 500;
	font-size: 18px;
	font-size: 1.8rem;
}
.ttl1:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 5px;
	height: 20px;
	background: #39b382;
}
.ttl2 {
	margin-bottom: 40px;
	line-height: 1.5;
	text-align: center;
	font-weight: 800;
	font-size: 26px;
	font-size: 2.6rem;
}
.flow .ttl2 {
	margin-bottom: 20px;
}
.ttl2 .shoulder {
	display: block;
	margin-bottom: 8px;
	line-height: 1.2;
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.08em;
	color: #39b382;
}

table.table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #efefef;
}
table.table th {
	padding: 12px;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	font-weight: 500;
	color: #39b382;
	white-space: nowrap;
	background-color: #edf9f0;
	border: 1px solid #39b382;
}
table.table td {
	padding: 12px 20px;
	line-height: 1.5;
	vertical-align: middle;
	border: 1px solid #39b382;
}
.table-memo {
	margin-top: 10px;
	line-height: 1.4;
	text-align: right;
	font-size: 12px;
	font-size: 1.2rem;
}


ul.list-dot li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 20px;
	line-height: 1.5;
}
ul.list-dot li:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #39b382;
	border-radius: 50%;
}



.flex-area {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.flex-area.three-column {
	flex-wrap: no-wrap;
}

.flex-area .block {
	width: 50%;
	margin-bottom: 20px;
}
.flex-area .block:nth-child(2n) {
	padding-left: 20px;
}
.flex-area .block:nth-child(2n+1) {
	padding-right: 20px;
}

.block-ttl {
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 40px;
	font-weight: 500;
	color: #fff;
	background-color: #39b382;
}


.box {
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
}
.box.bg {
	background: #edf9f0;
}

.flex-area.three-column .box {
	width: 33.3333%;
	margin-bottom: 30px;
	padding: 20px 20px 30px;
	background-color: #fff;
}
.flex-area.three-column .box:nth-child(1) {
	width: calc(33.3333% - 10px);
	margin-right: 10px;
}
.flex-area.three-column .box:nth-child(2) {
	width: calc(33.3333% - 20px);
	margin-right: 10px;
	margin-left: 10px;
}
.flex-area.three-column .box:nth-child(3) {
	width: calc(33.3333% - 10px);
	margin-left: 10px;
}
.flex-area.three-column .box .icon {
	margin: 0 auto 20px;
}
.flex-area.three-column .box:nth-child(1) .icon {
	width: 82px;
}
.flex-area.three-column .box:nth-child(2) .icon {
	width: 73px;
}
.flex-area.three-column .box:nth-child(3) .icon {
	width: 80px;
}
.flex-area.three-column .box .icon img {
	width: 100%;
	height: auto;
}
.flex-area .box .txt {
	line-height: 1.5;
}

.flex-area.two-column .box {
	margin-bottom: 30px;
	font-size: 13px;
	background-color: #edf9f0;
}
.flex-area.two-column .box:nth-child(2n+1) {
	width: calc(50% - 20px);
	margin-right: 20px;
}
.flex-area.two-column .box:nth-child(2n) {
	width: calc(50% - 20px);
	margin-left: 20px;
}

.flex-area.two-column .box-ttl {
	margin-bottom: 15px;
	padding-left: 20px;
	line-height: 1.5;
	font-weight: 800;
	font-size: 16px;
	font-size: 1.6rem;
	background: url(../img/icon_check.svg) no-repeat left top 5px;
	background-size: 14px 14px;
}
.flex-area.two-column .box-ttl .external-link a {
	background-position: right 3px top 6px;
}
.flex-area.two-column .box .txt {
	margin: 0 0 15px;
}
.flex-area.two-column .box dl.dl dt {
	margin-bottom: 6px;
}
.flex-area.two-column .box dl.dl dt span {
	padding: 0 6px;
	line-height: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #39b382;
	border: 1px solid #39b382;
	border-radius: 3px;
}
.flex-area.two-column .box dl.dl dd ol.list-number li {
	margin-bottom: 5px;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.flex-area.two-column .box dl.dl dd ol.list-number li .number {
	padding-right: 0.3em;
}
.flex-area.two-column .box .txt-memo {
	margin-top: 15px;
	padding-left: 1em;
	text-indent: -1em;
}
.how-to-use .txt2 {
	text-align: center;
	font-size: 16px;
}

.flow p.txt {
	margin-bottom: 40px;
	text-align: center;
}
.flow-list {
	margin-bottom: 50px;
}
.flow-list .box {
	margin-bottom: 10px;
}
.flow-list .box .flow-box-ttl {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 12px;
	line-height: 1.5;
	color: #39b382;
}
.flow-list .box .flow-box-ttl .number {
	width: 28px;
	height: 28px;
	margin-right: 6px;
	line-height: 24px;
	text-align: center;
	font-weight: 800;
	font-size: 16px;
	font-size: 1.6rem;
	border: 2px solid #39b382;
	border-radius: 50%;
}
.flow-list .box .flow-box-ttl span.txt {
	margin: 0;
	font-weight: 500;
	font-size: 20px;
	font-size: 2.0rem;
}
.flow-list .box .flow-box-txt.indent {
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}





/* *****************************
footer
***************************** */

footer {
	color: #fff;
	background-color: #39b382;
}
footer .footer-cont {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 50px 20px;
}
footer .footer-cont .flex-area {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
}
footer .footer-cont .footer-organization {
	width: 390px;
}
footer .footer-cont .footer-organization .organization-cont {
	margin-bottom: 40px;
}
footer .footer-cont .footer-organization p.organization-txt {
	margin-bottom: 10px;
}
footer .footer-cont .footer-organization .organization-txt .shoulder {
	display: block;
}
footer .footer-cont .footer-organization .organization-txt .name {
	font-weight: 500;
	font-size: 18px;
	font-size: 1.8rem;
}
footer .footer-cont .footer-organization p.organization-btn {
	width: 240px;
	margin: 0 ;
}
footer .footer-cont .footer-organization .organization-btn a {
	display: block;
	width: 100%;
	padding: 0 10px 0 43px;
	line-height: 36px;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	color: #39b382;
	background: #fff url(../img/icon_browser.svg) no-repeat left 13px center;
	background-size: 20px auto;
	border-radius: 36px;
}
footer .footer-cont .footer-organization .organization-btn a:hover {
	opacity: 0.8;
}
footer .footer-cont .footer-info ul li {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 20px;
}
footer .footer-cont .footer-info ul li .icon {
	width: 30px;
	line-height: 0;
}
footer .footer-cont .footer-info ul li .txt {
	padding-left: 10px;
}
footer .footer-cont .footer-info ul li .txt a {
	color: #fff;
}
footer .footer-cont .footer-links {
	position: absolute;
	right: 60px;
	bottom: 90px;
	text-align: right;
}
footer .footer-cont .footer-links ul li {
	display: inline-block;
}
footer .footer-cont .footer-links ul li:before {
	content: "|";
	padding: 0 8px;
}
footer .footer-cont .footer-links ul li:first-child:before {
	display: none;
}
footer .footer-cont .footer-links ul li a {
	color: #fff;
}
footer .copyright {
	margin: 0;
	line-height: 26px;
	text-align: center;
	background-color: #fff;
}
footer .copyright small {
	font-size: 12px;
	font-size: 1.2rem;
	color: #39b382;
}





/* *****************************************
sample-questions.html サンプル問題ページ
***************************************** */

body.sample-questions-page {
	background-color: #edf9f0;
}

.sample-questions-page main {
	padding: 0;
}

.sample-questions-page .contents-wrap {
	padding: 50px 0 0;
}

.sample-questions-page .box {
	margin-bottom: 20px;
	padding: 40px;
}

.sample-questions-ttl {
	padding-left: 1em;
	line-height: 1.5;
	text-indent: -1em;
	font-weight: 800;
	font-size: 16px;
	font-size: 1.6rem;
}

dl.sample-questions-dl {
}
dl.sample-questions-dl dt {
	margin-top: 25px;
	line-height: 1.5;
	color: #39b382;
}
dl.sample-questions-dl dt.answer {
	width: 63px;
	margin-left: auto;
}
dl.sample-questions-dl dd {
	margin-top: 5px;
}
dl.sample-questions-dl dd.answer {
	width: 63px;
	margin-left: auto;
	text-align: center;
}

.sample-questions-page .txt {
	margin-bottom: 20px;
}


ol.list-options li {
	margin-bottom: 6px;
}
ol.list-options li input[type="radio"] {
	margin-right: 5px;
	pointer-events: none;
}
ol.list-options.options-txt li {
	margin-left: 3.5em;
	text-indent: -3.5em;
}
ol.list-options.options-txt li input[type="radio"] {
	vertical-align: top;
}
ol.list-options.options-pic li {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 10px;
}

ul.list-disc {
	margin-bottom: 20px;
}
ul.list-disc li {
	list-style-type: disc;
	margin-bottom: 2px;
	margin-left: 1em;
}





/* *****************************************************
sample-diagnosis-sheet.html 診断シートサンプルページ
***************************************************** */

body.sample-diagnosis-sheet-page {
	background-color: #edf9f0;
}

.sample-diagnosis-sheet-page main {
	padding: 0;
}

.sample-diagnosis-sheet-page .contents-wrap {
	padding: 30px 0 0;
}
.sample-diagnosis-sheet-page .contents {
	max-width: 1300px;
	padding: 0 20px;
}

.sample-diagnosis-sheet-page .pic-wrap {
	background: url(../img/diagnosis_sheet.png) no-repeat center top;
	background-size: contain;
}







/* ----- ↓↓↓max-width:1100px↓↓↓ ----- */

@media screen and (max-width:1100px) {

header {
	padding: 50px 60px 40px;
}


}

/* ----- ↑↑↑max-width:1100px↑↑↑ ----- */





/* ----- ↓↓↓max-width:1020px↓↓↓ ----- */

@media screen and (max-width:1020px) {

header {
	padding: 50px 40px 40px;
	background-position: right -120px top;
}


}

/* ----- ↑↑↑max-width:1020px↑↑↑ ----- */





/* ----- ↓↓↓max-width:960px↓↓↓ ----- */

@media screen and (max-width:960px) {

header {
	padding: 50px 30px 40px;
	background-position: right -150px top;
}
header .logo {
	max-width: 400px;
}
header .txt {
	max-width: 470px;
	font-size: 18px;
	font-size: 1.8rem;
}


}

/* ----- ↑↑↑max-width:960px↑↑↑ ----- */





/* ----- ↓↓↓max-width:840px↓↓↓ ----- */

@media screen and (max-width:840px) {

header {
	padding: 50px 20px 40px;
}
header .logo {
	max-width: 380px;
}
header .txt {
	max-width: 450px;
	font-size: 16px;
	font-size: 1.6rem;
}


}

/* ----- ↑↑↑max-width:840px↑↑↑ ----- */





/* ----- ↓↓↓max-width:768px↓↓↓ ----- */

@media screen and (max-width: 768px) {

.sample-questions-page .wrap {
	font-size: 14px;
	font-size: 1.4rem;
}

.sample-questions-page .contents-wrap {
	padding: 30px 0 0;
}
.sample-questions-page .contents {
	margin: 0 auto 50px;
}

.sample-questions-page .box {
	padding: 30px;
}

.sample-questions-ttl {
	font-size: 15px;
	font-size: 1.5rem;
}


.sample-diagnosis-sheet-page .contents-wrap {
	padding: 20px 0 0;
}
.sample-diagnosis-sheet-page .contents {
	margin: 0 auto 40px;
}


}

/* ----- ↑↑↑max-width:768px↑↑↑ ----- */





/* ----- ↓↓↓max-width:750px↓↓↓ ----- */

@media screen and (max-width:750px) {


.wrap {
	font-size: 14px;
	font-size: 1.4rem;
}


.font-xs {
	font-size: 10px;
	font-size: 1.0rem;
}
.font-s {
	font-size: 12px;
	font-size: 1.2rem;
}
.font-l {
	font-size: 16px;
	font-size: 1.6rem;
}
.font-xl {
	font-size: 18px;
	font-size: 1.8rem;
}



.btn {
	width: 320px;
}
.btn a {
	font-size: 14px;
	font-size: 1.4rem;
}
.btn a .arrow {
	top: 27px;
}

.btn-flex-area {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	width: 320px;
	margin: 0 auto;
}
.btn-flex-area .btn {
	margin: 10px auto 0;
}



header {
	position: relative;
	padding: 450px 20px 40px;
	background: url(../img/mainvisual_sp.jpg) no-repeat center top;
}
header .logo {
	max-width: 400px;
	margin: 0 auto 30px;
	padding: 0 20px;
}
header .txt {
	max-width: 640px;
	margin: 0 auto 20px;
}
header .btn-wrap {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
}
header .btn {
	margin: 0 auto;
}



main {
	padding: 0;
}

.contents-wrap {
	padding: 90px 0 2px;
}

.contents {
	margin: 0 auto 60px;
	padding: 0 20px;
}



.ttl2 {
	font-size: 18px;
	font-size: 1.8rem;
}
.flow .ttl2 {
	margin-bottom: 12px;
}
.ttl2 .shoulder {
	margin-bottom: 5px;
	font-size: 12px;
	font-size: 1.2rem;
}

table.table td {
	padding: 12px;
	font-size: 13px;
	font-size: 1.3rem;
}
.table-memo {
	margin-top: 5px;
	font-size: 11px;
	font-size: 1.1rem;
}



.flex-area {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}
.flex-area .block {
	width: 100%;
	margin-bottom: 20px;
}
.flex-area .block:nth-child(2n) {
	padding-left: 0;
}
.flex-area .block:nth-child(2n+1) {
	padding-right: 0;
}

.block-ttl {
	margin-bottom: 10px;
	line-height: 30px;
}

.box {
	padding: 20px;
}

.flex-area.three-column .box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
	padding: 20px;
}
.flex-area.three-column .box:nth-child(1) {
	width: 100%;
	margin-right: 0;
}
.flex-area.three-column .box:nth-child(2) {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.flex-area.three-column .box:nth-child(3) {
	width: 100%;
	margin-left: 0;
}
.flex-area.three-column .box .icon {
	margin: 0;
}
.flex-area.three-column .box:nth-child(1) .icon {
	width: 78px;
}
.flex-area.three-column .box:nth-child(2) .icon {
	width: 78px;
}
.flex-area.three-column .box:nth-child(3) .icon {
	width: 78px;
}
.flex-area.three-column .box:nth-child(1) .icon img {
	width: 58px;
}
.flex-area.three-column .box:nth-child(2) .icon img {
	width: 52px;
}
.flex-area.three-column .box:nth-child(3) .icon img {
	width: 58px;
}
.flex-area.three-column .box .txt {
	width: calc(100% - 82px);
}

.flex-area.two-column .box {
	margin-bottom: 15px;
}
.flex-area.two-column .box:nth-child(2n+1) {
	width: 100%;
	margin-right: 0;
}
.flex-area.two-column .box:nth-child(2n) {
	width: 100%;
	margin-left: 0;
}

.flex-area.two-column .box .txt {
	margin: 0 0 15px;
	font-size: 13px;
	font-size: 1.3rem;
}
.flex-area.two-column .box dl.dl dt {
	margin-bottom: 6px;
}
.flex-area.two-column .box dl.dl dd ol.list-number li {
	font-size: 13px;
	font-size: 1.3rem;
}
.flex-area.two-column .box .txt-memo {
	font-size: 13px;
	font-size: 1.3rem;
}
.how-to-use .txt2 {
	text-align: left;
	font-size: 14px;
}

.flow p.txt {
	margin-bottom: 20px;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}
.flow-list {
	margin-bottom: 50px;
}
.flow-list .box {
	margin-bottom: 10px;
}
.flow-list .box .flow-box-ttl {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 12px;
	line-height: 1.5;
	color: #39b382;
}
.flow-list .box .flow-box-ttl .number {
	width: 28px;
	height: 28px;
	margin-right: 6px;
	line-height: 24px;
	text-align: center;
	font-weight: 800;
	font-size: 16px;
	border: 2px solid #39b382;
	border-radius: 50%;
}
.flow-list .box .flow-box-ttl span.txt {
	margin: 0;
	font-weight: 500;
	font-size: 20px;
}
.flow-list .box .flow-box-txt {
	font-size: 13px;
}
.flow-list .box .flow-box-txt.indent {
	font-size: 11px;
	margin-top: 10px;
}



footer .footer-cont {
	padding: 40px 20px 30px;
}
footer .footer-cont .flex-area {
	-webkit-box-pack: center;
	justify-content: center;
}
footer .footer-cont .footer-organization {
	width: 100%;
	margin-bottom: 25px;
}
footer .footer-cont .footer-organization .organization-cont {
	margin-bottom: 20px;
}
footer .footer-cont .footer-organization p.organization-txt {
	margin-bottom: 10px;
	text-align: center;
}
footer .footer-cont .footer-organization p.organization-btn {
	margin: 0 auto;
}
footer .footer-cont .footer-info {
	margin-bottom: 30px;
}
footer .footer-cont .footer-links {
	position: static;
	text-align: center;
}
footer .copyright small {
	font-size: 10px;
	font-size: 1.0rem;
}





}

/* ----- ↑↑↑max-width:750px↑↑↑ ----- */





/* ----- ↓↓↓max-width:560px↓↓↓ ----- */

@media screen and (max-width: 560px) {

header {
	padding: 300px 20px 40px;
	background-size: cover;
}
header .logo {
	max-width: 360px;
	margin: 0 auto 30px;
	padding: 0 20px;
}


}

/* ----- ↑↑↑max-width:560px↑↑↑ ----- */





/* ----- ↓↓↓max-width:480px↓↓↓ ----- */

@media screen and (max-width: 480px) {

.sample-questions-page .wrap {
	font-size: 13px;
	font-size: 1.3rem;
}

.sample-questions-page .contents-wrap {
	padding: 20px 0 0;
}
.sample-questions-page .contents {
	margin: 0 auto 40px;
}

.sample-questions-page .box {
	padding: 20px;
}

.sample-questions-ttl {
	font-size: 14px;
	font-size: 1.4rem;
}

ol.list-options li img {
	width: 100%;
}







}

/* ----- ↑↑↑max-width:480px↑↑↑ ----- */





/* ----- ↓↓↓max-width:320px↓↓↓ ----- */

@media screen and (max-width: 320px) {

.btn {
	width: 280px;
}

.btn-flex-area {
	width: 280px;
}

footer .footer-cont .footer-organization p.organization-txt .name {
	font-size: 17px;
	font-size: 1.7rem;
}
footer .footer-cont .footer-links ul li {
	font-size: 13px;
	font-size: 1.3rem;
}



}

/* ----- ↑↑↑max-width:320px↑↑↑ ----- */