@charset "utf-8";

/* ========== 全て共通 ========== */
html, body {
	font-size: 16px;
	font-family: "Meiryo UI", "ヒラギノ角ゴ ProN W3", sans-serif;
	color: #393939;
	background: url(http://fuji529.com/images/bamboo.jpg) no-repeat fixed;
	background-color:rgba( 255, 255, 255, 0.15);
	background-blend-mode: lighten;
	background-size: cover;
}
body, div, p, h1, h2, h3, h4, ul, figure, ol {
	margin: 0;
	padding: 0;
}
p, td, th, li {
	line-height: 1.8;
}
img {
	width: 200px;
	height: auto;
}
a {
	color: #04156d;
	text-decoration: none;
}
a:hover {
	color: #4b6700;
	text-decoration: underline;
}
a:active {
	color: #95cd00;
}
.img-responsive {
	display: block;
	width: 100%;
	height: auto;
}

/* 共通の見出し */
.container {
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1000px;
}

@media screen and (min-width: 768px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* ========== ヘッダー ========== */
.header-inner {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
}
.header-inner img {
	height: 60px;
	width: auto;
}
.header-logo {
	padding: 5px 0;
	width: 60px;
	height: auto;
}
.menu-btn {
	padding: 10px 0;
	border: 1px solid #fff;
	border-radius: 4px;
	width: 40px;
	height: 40px;
	background: url(../images/hamburger.png) no-repeat center;
	background-size: contain;
	background-color: #4b7a00;
}
@media screen and (max-width: 465px) {
	.header-inner img {
		height: 40px;
		width: auto;
	}
}
@media screen and (min-width: 768px) {
	.menu-btn {
		display: none;
	}
	.nav-float {
		float: left;
	}
}

/* ========= ナビゲーション ========== */
nav {
	background: rgba(14, 209, 69, 0.7)
}
.navbar {
	display: none;
	list-style-type: none;
}
.navbar a {
	display: block;
	padding: 0.6rem 1em;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
	text-shadow: 1px 1px 1px #000;
}
.navbar a:hover {
	background: #000;
	color: #fff;
	opacity: 0.7;
}
@media screen and (min-width: 768px) {
	.navbar {
		display: table !important;
 		table-layout: fixed;
 		width: 100%;
 		height: 70px;
	}
	.navbar a {
		font-size: 1rem;
	}
	.navbar li {
		display: table-cell;
  		vertical-align: middle;
		text-align: center;
	}
	.navbar a:hover {
		background: #393939;
	}
}
@media screen and (min-width: 900px) {
	.navbar a {
		font-size: 1.2rem;
	}
}
/* ========== メインエリア基本レイアウト ========== */
main {
	padding-top: 40px;
	padding-bottom: 40px;	
}
@media screen and (min-width: 768px) {
	main {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* ========== フッター ========== */
footer {
	background: #0bf41e;
	font-size: 1rem;
	color: #fff;
}
.footer-copyright {
	text-shadow: 1px 1px 1px #000;
}
.footer-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-nav {
	list-style-type: none;
	display: flex;
}
.footer-nav li {
	padding:0 0rem 0 0;
	writing-mode: vertical-lr;
}
.footer-nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 0.5rem;
	text-shadow: 1px 1px 1px #000;
}
.footer-nav a:hover {
	opacity: 0.5;
}
.footer-nav img {
	width: 30px;
}
.footer-nav .instagram {
	background: #fff;
	border-radius: 10px;
}
.footer-nav .fuji-online{
	border-radius: 10px;	
}
@media screen and (min-width: 550px) {
	.footer-nav img {
		width: 50px;
	}
	footer {
		font-size: 1rem;
		font-weight: bold;
	}
	.footer-nav .instagram {
		border-radius: 15px;
	}
}
@media screen and (min-width: 900px) {
	.footer-nav li {
		writing-mode: horizontal-tb;
	}
}

/* ========== index トップページ ========== */
/* キャッチコピー */
.home-maincopy {
	text-align: center;
	margin-top: -30px;
	margin-bottom: -10px;
}
.home-maincopy strong {
	color: #3E4D9E;
	padding: 0 0.15em;
	font-size: 1.1rem;
}
.home-maincopy span {
	padding:0 0.2em;
	font-size: 1.1rem;
	font-weight: 600;
}
.color-orange {
	color: #E76033;
}
.color-blue {
	color: #4068d7;
}
.color-green {
	color: #298e37;
}
.color-green2 {
	color: #038928;
}
.color-pink {
	color: #ff537e;
}
.color-red {
	color: #D35657;
}
@media screen and (min-width: 768px) {
	.home-maincopy {
		font-size: 1.6rem;
	}
	.home-maincopy strong,
	.home-maincopy span {
		font-size: 1.8rem;
	}
}
/* お知らせ */
.news {
	margin: 25px -20px 15px 10px;
}
.news ul {
	margin: -15px 0;
}
.news li {
	list-style-type: none;
	line-height: 25px;
	padding-right: 20px;
	padding-left: 2em;
	text-indent: -3.7em;
}
.news time {
	font-size: 85%;
	border-radius: 20px;
	background: #b8c8e1;
	padding: 1px 5px;
	margin-right: 8px;
}
@media screen and (min-width: 768px) {
	.news{
		margin-left: -10px;
	}
	.news time {
		padding: 1px 7px;
		margin-right: 10px;
	}
	.home-contents .news li {
		line-height: 30px;
	}
}
/* おすすめ */
.frame {
	background: url(../images/frame2.png) no-repeat left 50% top 20px;
	border-radius: 10px;
	background-size: 80% 80%;
	margin: -30px 0;
}
.frame ul {
	height: 100px;
	padding: 70px 50px;
}
.frame li {
	list-style-type: none;
	text-align: center;
}
.frame .blank-top-30 {
	margin-top: 10px;
}
@media screen and (max-width: 350px) {
	.frame ul {
		height: 150px;
		padding: 70px 30px;
	}
	.frame {
		background: url(../images/frame2.png) no-repeat left 50% top 20px;
		background-size: 100% 70%;
		margin-bottom: -60px;
		margin-top: -40px;
	}
}
@media screen and (min-width: 600px) {
	.frame ul {
		height: 120px;
		padding: 70px 70px;
	}
	.frame {
		background: url(../images/frame2.png) no-repeat left 50% top 30px;
		background-size: 60% 70%;
		margin-bottom: -50px;
		margin-top: -50px;
	}
}
@media screen and (min-width: 768px) {
	.frame ul {
		height: 120px;
		padding: 70px 70px;
	}
	.frame {
		background: url(../images/frame2.png) no-repeat left 50% top 40px;
		background-size: 70% 70%;
		margin-bottom: -50px;
		margin-top: -55px;
	}
}
@media screen and (min-width: 870px) {
	.frame ul {
		height: 90px;
		padding: 80px 70px;
		margin-top: -30px;
	}
	.frame {
		background: url(../images/frame2.png) no-repeat left 50% top 30px;
		background-size: 50% 90%;
	}
}

/* コンテンツ */
.card {
	display: flex;
	flex-flow: column;
	justify-content: space-between;	
}
.card-item {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	padding: 15px;
	border-radius: 10px;
	background: #fff;
}
.card-item-btn {
	margin-top: auto;
}
.home-contents {
	margin-top: 20px;
	padding: 15px;
	border-radius: 10px;
	background: #fff;
}
.home-contents li,
.card-item li {
	margin-left: 50px;
	font-size: 0.9rem;
}
.home-contents p,
.card-item p {
	font-size: 0.75rem;
	padding: 3px 20px;
	margin-top: 5px;
	margin-left: auto;
	background: #d3d5ec;
	width: 200px;
	text-align: center;
	border-radius: 10px;
}
.home-contents .none-color,
.card-item .none-color {
	text-align: right;
	background: #fff;
	padding: 0;	
}
.home-contents strong {
	font-size: 0.95rem;
	color: #D35657;
	padding: 0 3px;
}
.flex-box {
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: space-around;
}
.flex-box2 {
	display: flex;
	flex-flow: row;
	margin: 15px 15px 0 15px;
}
.flex-box4 {
	display: flex;
	flex-flow: row;
	margin: 15px 15px 0 15px;
}
.home-contents img,
.card-item img {
	width: 32%;
	height: auto;
	margin-bottom: 15px;
}
.home-contents .home-img-letter {
	margin-bottom: 15px;
	margin-left: 0.5em;
	padding: 0;
	text-align: left;
	background: #fff;
	width: auto;
}
.home-contents .home-img-40 {
	width: 40%;
	margin: 0;
	padding: 0;
}
.home-contents .home-img-10 {
	width: 10%;
	max-height: 50px;
	margin: 0;
	padding: 0;
}
.home-contents .home-img-100 {
	align-self: flex-start;
}
.card .home-img-100 {
	align-self: flex-start;
	width: 100%;
}
.size-smaller2 {
	font-size: 0.7rem;
}
.img-cut {
	width: 32%;
}
.img-cut-ul {
	width: 68%;
	font-family: "ヒラギノ角ゴ ProN W3";
}
@media screen and (max-width: 500px) {
	.flex-box2 {
		flex-flow: column;
	}
	.home-contents .flex-box2 img{
		width: 100%;
	}
	.flex-box4 {
		flex-flow: column;
	}
	.card .img-cut,
	.home-contents .img-cut-homeschool {
		position: relative;
	}
	.img-cut,
	.img-cut-homeschool {
		width: 100%;
	}
	.img-cut-1 {
		min-height: 250px;
		margin: 0 auto 0 auto;
		position: absolute;
		clip: rect(80px, auto, 250px, 0px);
		margin-top: -100px;
	}
	.img-cut-home-school-1 {
		min-height: 250px;
		margin: 0 auto 0 auto;
		position: absolute;
		clip: rect(80px, auto, 250px, 30px);
		margin-top: -80px;
		margin-left: -30px;
	}
	.img-cut-home-school-2 {
		min-height: 320px;
		margin: 0 auto 0 auto;
		position: absolute;
		clip: rect(150px, auto, 320px, 30px);
		margin-top: -150px;
		margin-left: -30px;
	}
	.img-cut-ul {
		margin-top: 160px;
		width: 100%;
	}
	.img-cut-ul-homeschool {
		margin-top: 180px;
		width: 100%;
	}
	.home-contents .img-cut-ul-homeschool li {
		margin-left: 20px;
		margin-right: 20px;
	}
	.home-contents li {
		margin-left: 20px;
	}
	.card-item li {
		margin-left: 20px;
		margin-right: -10px;
	}
}
@media screen and (min-width: 768px) {
	.size-smaller2 {
		font-size: 0.85rem;
	}
	.card {
		flex-flow: row;
	}
	.card-item {
		width: 44.5%;
	}
	.home-contents li,
	.card-item li {
		font-size: 1.1rem;
		line-height: 40px;
	}
	.home-contents p,
	.card-item p {
		font-size: 1rem;
		width: 200px;
		padding: 1px 10px;
	}
	.home-contents strong {
		font-size: 1.15rem;
		padding: 0 5px;
	}
	.home-contents img {
		width: 30%;
	}
	.flex-box2 li {
		margin-left: 60px;
	}
	.flex-box4 {
		flex-flow: column;
	}
	.flex-box4 li {
		margin-left: 40px;
	}
	.home-contents .home-img-40 {
		width: 30%;
	}
	.container .home-contents .home-img-letter {
		margin-left: 3em;
	}
	.card .img-cut {
		position: relative;
	}
	.card .home-img-100 {
		width: 100%;
	}
	.img-cut {
		width: 100%;
	}
	.img-cut-1 {
		margin: 0 auto 10px auto;
		position: absolute;
		clip: rect(100px, 900px, 600px, 0px);
		margin-top: -100px;
	}
	.img-cut-ul {
		margin-top: 180px;
		width: 100%;
	}
}
@media screen and (min-width: 830px) {
	.img-cut-ul {
		margin-top: 220px;
	}
}
@media screen and (min-width: 870px) {
	.img-cut-ul {
		margin-top: 250px;
	}
}
@media screen and (min-width: 930px) {
	.img-cut-ul {
		margin-top: 280px;
	}
}
@media screen and (min-width: 990px) {
	.img-cut-ul {
		margin-top: 310px;
	}
	.card-item {
		width: 45.5%;
	}
}
/* 見出し */
.home-h1 {
	line-height: 20px;
	text-shadow: 1px 1px 1px #fff;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50px;
	box-shadow: 1px 1px 2px #000;
	font-size: 1em;
	max-width: 400px;
	padding: 5px 20px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Noto Serif JP', serif;
}
.home-sns img{
	width: 47px;
	height: auto;
	margin: 0 10px;
	background: #fff;
	border-radius: 15px;
	border: 0.5px solid #fff;
	opacity: 0.9;
}
.home-sns img:hover {
	opacity: 1;
	border-color: #000;
}
.home-sns-p {
	margin: 0 5px;
	padding: 0;
	text-align: center;
	line-height: 18px;
	font-size: 0.8rem;
	background: #e5e5e5;
	border-radius: 5px;
}
.home-sns-p:hover {
	background-color: #ccc;
}
.home-sns-2 img{
	display: none;
}
.home-sns-p-2 {
	display: none;
}
.home-h2 {
	margin-bottom: 10px;
	color: #3E4D9E;
	border-bottom: 1px dashed #3E4D9E;
	font-size: 1.3rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 900;
}
.home-h3 {
	margin: 20px 0 0 1em;
	font-size: 1.1rem;
	color: #3E4D9E;
	overflow: hidden;
	font-family: 'Noto Serif JP', serif;
}
.size-smaller {
	font-size: 0.9rem;
}
@media screen and (max-width: 465px) {
	.home-sns img{
	width: 30px;
	margin: 0 5px;
	border-radius: 8px;
	border: 0.5px solid #fff;
	}
}
@media screen and (min-width: 768px) {
	.home-sns-2 img{
		width: 70px;
		height: auto;
		margin: 0 10px;
		background: #fff;
		border-radius: 20px;
		border: 0.5px solid #fff;
		opacity: 0.9;
		display: block;
	}
	.home-sns-2 img:hover {
		opacity: 1;
		border-color: #000;
	}
	.home-sns-p-2:hover {
		background-color: #ccc;
	}
	.home-sns-p-2 {
		margin: 5px 10px;
		padding: 0;
		text-align: center;
		line-height: 18px;
		font-size: 0.8rem;
		background: #e5e5e5;
		border-radius: 5px;
		display: block;
	}
	.home-sns img {
		display: none;
	}
	.home-sns-p {
		display: none;
	}
	.home-h1 {
		font-size: 1.6rem;
		line-height: 30px;
		max-width: 600px;
	}
	.home-h2 {
		font-size: 1.6rem;
	}
	.home-h3 {
		font-size: 1.4rem;
	}
	.size-smaller {
		font-size: 1.1rem;
	}
}
.home-table-container {
	padding: 0 20px;
}
.home-table {
	width: 100%;
	border-collapse: collapse;
}
.home-caption {
	text-align: left;
	margin: 15px 10px 0 10px;
}
.home-th {
	width: 20%;
	text-align-last: justify;
	padding: 2px 15px;
	background: #d7dbef;
	font-weight: 400;
	font-size: 0.8rem;
	border-bottom: 3px solid #fff;
	white-space: nowrap;		
}
.home-td {
	padding:2px 10px;
	font-size: 0.8rem;
	background: #f4daff;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	white-space: nowrap;
}
.home-cleaning-li {
	text-align: left;
	flex: 0 0 auto;
	white-space: nowrap;
	margin-right: 10px;
}
.home-cleaning-flex-span {
	justify-content: flex-start;
	flex: 0 1 auto;
}
.flex-box5 {
	display: flex;
	flex-flow: row;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 7px;
	line-height: 20px;
}
@media screen and (min-width: 768px) {
	.home-caption {
		font-size: 1.1rem;
	}
	.home-th {
		padding: 5px 25px;
		font-size: 0.9rem;
	}
	.home-td {
		padding: 5px 20px;
		font-size: 0.9rem;
	}
	.flex-box5 {
		line-height: 25px;
	}
}
/* 公式SNS */

.sns-img img {
	margin-bottom: -5px;
	margin-right: 10px;
	width: 100px;
}
.sns-img img:hover {
	opacity: 0.5;
}
.fuji-online {
	border-radius: 30px;
}
.sns-img .sns-p {
	font-size: 1rem;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	background: #fff;
	width: 100px;
}
@media screen and (max-width: 385px) {
	footer img {
		display: none;
	}
}
/* ========== contact ==========*/
.contact-h1 {
	color: #fff;
	box-shadow: 2px 2px 10px #000;
	text-shadow: -1px 1px 2px #000;
	font-size: 1.6rem;
	margin-bottom: 20px;
	margin-right: auto;
	padding-left: 10px;
	border-radius: 100px;
	background: radial-gradient(#225588, #fff); 
	width: 200px;
	text-align: center;
}
.contact-contents {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
}
.contact-contents p {
	font-size: 0.9rem;
	margin: 0.5em 0.5em 0 0.5em;
}
main .font-size-smaller {
	margin: 0 0 1.5em 1em;
	font-size: 0.75em;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	width: 100%;
	border-radius: 5px;
	border: 2px solid #7e7e82;
	box-sizing: border-box;
	padding: 0 5px 0 5px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	background: #f5e4fb;
}
textarea {
	height: 200px;
}
input[type="submit"] {
	border: 1px solid #0086f9;
	border-radius: 5px;
	padding: 6px 24px;
	font-size: 0.9rem;
	background: linear-gradient(0deg, #04156d, #0086f9);
	color: #fff;
	font-weight: bold;
}
input[type="submit"]:hover {
	background: linear-gradient(0deg, #3561e7, #09a4c3);
}
input[type="submit"]:active {
	background: linear-gradient(0deg, #3E4D9E, #0086f9);
}
.submit-p {
	text-align: center;
}
.required {
	color: #f00;
	font-size: 0.75em;
	padding-left: 0.5em;
}
@media screen and (max-width: 450px) {
	.contact-contents {
		padding: 10px;
	}
}
@media screen and (min-width: 768px) {
	.contact-h1 {
		font-size: 1.8rem;
		padding-left: 20px;
	}
	.contact-contents p {
		font-size: 1rem;
		margin: 0.5em 0.5em 0 0.5em;
		padding: 0 20px;
	}
	main .font-size-smaller {
		margin: 0 0 1.5em 1em;
		font-size: 0.9em;
	}
	input[type="text"],
	input[type="email"],
	input[type="tel"] {
		width: 50%;
	}
}

/* イラスト */
.contact-contents .float-clear img {
	display: none;
}
.float-clear {
	overflow: hidden;
}
.float-right {
	float: right;
}
.contact-contents .float-right {
	width: 40%;
	margin-right: 7%;
	max-width: 310px;
}
.float-left {
	float: left;
}
.float-clear2 {
	overflow: hidden;
}
.contact-contents .float-clear2 img {
	margin-left: 15px;
	width: 70px;
}
@media screen and (max-width: 419px) {
	.contact-contents .float-clear2 img {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.contact-contents .float-clear img {
		display: flex;
	}
	.contact-contents .float-clear2 img {
		display: none;
	}
}

/* ========== qanda ========== */
.qanda-contents {
	background: #fff;
	padding: 15px 15px 0 15px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.qanda-contents-li {
	background: #fff;
	padding: 15px 5px 15px 15px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: 5px solid #005b16;
}
.qanda-contents-li li {
	list-style-type: none;
	padding-left: 1.8em;
	text-indent: -1.3em;
}
.qanda-contents-li .float-left li:first-child {
	margin-right: 50px;
}
.qanda-contents-li .size-normal a {
	padding-left: 20px;
	background: url(../images/listmark.png) no-repeat left 0 top 6px;
	background-size: 15px 15px;
}
.qanda-contents-li .size-small a {
	padding-left: 16px;
	background: url(../images/listmark.png) no-repeat left 0 top 6px;
	background-size: 12px 12px;
}
.size-small {
	margin-left: 20px;
}
.qanda-h1 {
	color: #fff;
	box-shadow: 2px 2px 10px #000;
	text-shadow: -1px 1px 2px #000;
	font-size: 1.6rem;
	margin-bottom: 15px;
	margin-right: auto;
	padding-left: 10px;
	border-radius: 100px;
	background: radial-gradient(#225588, #fff); 
	width: 200px;
	text-align: center;
}
.qanda-h2 {
	color: #3E4D9E;
	font-size: 1.6rem;
	margin-bottom: 5px;
	padding-left: 10px;
	border-bottom: 5px dotted #67a3bd;
	font-family: 'Noto Serif JP', serif;
}
.qanda-h3 {
	color: #3E4D9E;
	font-size: 1.3rem;
	margin-top: 15px;
	margin-bottom: -5px;
	margin-left: 20px;
	font-family: 'Noto Serif JP', serif;
}
.qanda-counter {
	font-size: 0.8rem;
	margin: 0 10px 0 30px;
	font-weight: normal;
	background: #005b16;
	color: #e1e3e2;
	padding: 0.5px 10px;
	border-radius: 10px;
}
.qanda-p p {
	font-size: 1rem;
	line-height: 18px;
	padding-left: 30px;
	min-height: 25px;
}
.qanda-q {
	background: url(../images/Q.png) no-repeat;
	background-size: 25px 25px;
	padding: 0px 0 5px 0;
}
.qanda-a {
	background: url(../images/A.png) no-repeat;
	background-size: 25px 25px;
	padding: 2px 0 20px 0;
}
.pagetop {
	background: #d3d5ec;
	padding: 0 10px;
	border-radius: 10px;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 20px;
	margin-left: auto;
	width: 200px;
	font-size: 0.75rem;
}
.border-red {
	border-bottom: 1.5px solid #f00;
	font-weight: 500;
	line-height: 23px;
}
.border-blue {
	border-bottom: 1.5px solid #0010ff;
}
.border-green2 {
	border-bottom: 1.5px solid #038928;
}
@media screen and (max-width: 400px) {
	.qanda-contents-li .float-left {
		float: none;
	}
}
@media screen and (max-width: 500px) {
	.qanda-counter {
		width: 50px;
		text-align: center;
		margin-left: -12px;
		margin-bottom: 7px;
		padding-top: 1px;
		padding-bottom: 1px;
	}
}
@media screen and (min-width: 768px) {
	.qanda-h1 {
		font-size: 1.7rem;
		line-height: 40px;
	}
	.qanda-h2 {
		font-size: 1.9rem;
		margin-bottom: 20px;
	}
	.qanda-h3 {
		font-size: 1.5rem;
	}
	.qanda-counter {
		font-size: 0.95rem;
		margin: 0 20px 0 30px;
		font-weight: 600;
	}
	.qanda-contents-li {
		margin-bottom: 40px;
	}
	.qanda-contents-li .size-normal a {
		padding-left: 40px;
		background: url(../images/listmark.png) no-repeat left 5px top 2px;
		background-size: 18px 18px;
	}
	.qanda-contents-li .size-small a {
		padding-left: 30px;
		background: url(../images/listmark.png) no-repeat left 5px top 2px;
		background-size: 14px 14px;
	}
	.qanda-p p {
		font-size: 1.1rem;
		line-height: 23px;
		padding-left: 35px;
		margin-right: 20px;
		min-height: 25px;
	}
	.qanda-contents {
		padding: 20px 20px 15px 20px;
	}
	.pagetop {
		padding: 5px 15px;
		width: 200px;
		font-size: 0.85rem;
	}
}

/* ========== 当店について ========== */

.ruby-center {
	text-align: center;
	padding: 0 5px;
}
ruby {
	margin-left: 5px;
}
.company-h1 {
	color: #fff;
	box-shadow: 2px 2px 10px #000;
	text-shadow: -1px 1px 2px #000;
	font-size: 1.6rem;
	margin-bottom: 5px;
	margin-right: auto;
	padding-left: 10px;
	border-radius: 100px;
	background: radial-gradient(#225588, #fff); 
	width: 200px;
	text-align: center;
}
.company-table {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0 15px 0;
}
.company-th {
	width: 20%;
	text-align-last: justify;
	padding: 6px 20px;
	background: #d7dbef;
	font-weight: 600;
	font-size: 0.9rem;
	background-clip: padding-box;
	border-bottom: 3px solid rgba( 0, 0, 0, 0.3);
	white-space: nowrap;
}
.company-td {
	padding:0 10px;
	font-size: 0.9rem;
	background: #f4daff;
	background-clip: padding-box;
	border-left: 3px solid rgba( 0, 0, 0, 0.3);
	border-bottom: 3px solid rgba( 0, 0, 0, 0.3);
}
.company-house-img-1 {
	margin-top: 5px;
	width: 100%;
}
iframe {
	 margin-top: 20px;
}
.flex-box3 {
	display: flex;
	flex-flow: column;
}
caption {
	font-size: 1rem;
	background: #fff;
	margin-bottom: 5px;
	padding: 3px 0;
}
@media screen and (max-width: 430px) {
	.company-th {
		width: 20%;
		padding: 6px 5px;
		white-space: normal;
		text-align-last: center;
	}
}
@media screen and (min-width: 768px) {
	.flex-box3 {
		flex-flow: row;
		justify-content: space-between;
	}
	iframe {
		width: 35%;
		margin-top: 30px;
	}
	.company-house-img-1 {
		margin-top: 30px;
		width: 63%;
	}
	.company-h1 {
		font-size: 1.7rem;
		line-height: 40px;
	}
	.company-table {
		margin: 30px 0 0 0;
	}
	.border-none {
		border-bottom: none;
	}
	.company-table caption {
		display: none;
	}
}

/* ========== 料金について ========== */
.price-h1 {
	color: #fff;
	box-shadow: 2px 2px 10px #000;
	text-shadow: -1px 1px 2px #000;
	font-size: 1.6rem;
	margin-bottom: 20px;
	margin-right: auto;
	padding-left: 10px;
	border-radius: 100px;
	background: radial-gradient(#225588, #fff); 
	width: 200px;
	text-align: center;
}
.price-caption {
	background: linear-gradient(#fff,#c4ceff);
	box-shadow: 2px 2px 10px #000;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 15px;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.1rem;
}
.price-table {
	margin-top: 15px;
	width: 100%;
	border-collapse: separate;
}
.price-table-margin {
	margin-top: 25px;
}
.price-table th{
	color: white;
	text-shadow: 1px 1px 2px #000;
	background: linear-gradient(#829ebc,#225588);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.price-table td{
	background: linear-gradient(#fff,#d7dbef);
	box-shadow: 0px -3px 5px 1px #eee inset;
	font-size: 0.83rem;
	line-height: 20px;
}
.price-table th:first-child {
	border-radius: 5px 0 0 0;
}
.price-table th:last-child {
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}
.price-table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.price-table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.pri-tb-con-th {
	padding: 2px 4%;
	width: 20%;
	white-space: nowrap;
	text-align-last: justify;
}
.pri-tb-con-td {
	text-align-last: justify;
	padding: 5px 10px;
	white-space: nowrap;
	vertical-align: top;
}
.pri-tb-pri-th {
	white-space: nowrap;
	padding:2px 4%;
	width: 30%;
	text-align-last: justify;
}
.pri-tb-pri-td {
	padding: 5px 10px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}
.pri-tb-de-th {
	padding: 2px 15%;
	width: 50%;
	white-space: nowrap;
	text-align-last: justify;
}
.pri-tb-de-td {
	padding: 5px 10px;	
}
.price-text {
	background: #F19CA6;
	border-radius: 5px;
	color: #000;
	padding-left: 2em;
	text-indent: -1em;
	font-size: 0.9rem;
}
.price-detail {
	background: linear-gradient(#fff,#d7dbef);
	box-shadow: 0px -3px 5px 1px #eee inset;
	padding: 0 10px;
	border-radius: 10px;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 20px;
	margin-left: auto;
	width: 200px;
	font-size: 0.75rem;
}
.price-contents-li {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: 5px solid #005b16;
}
.price-contents-li li {
	list-style-type: none;
	margin-left: 1.8em;
	text-indent: -1.3em;
}
.price-contents-li .float-left li:first-child {
	margin-right: 50px;
}
.price-contents-li a {
	padding-left: 20px;
	background: url(../images/listmark.png) no-repeat left 0 top 6px;
	background-size: 15px 15px;
}
.pri-tb-pri-td-small {
	display: none;
}
@media screen and (max-width: 370px) {
	.pri-tb-pri-th,
	.pri-tb-con-td {
		white-space: normal;
		text-align-last: center;
		padding: 3px;
	}
	.pri-tb-pri-td-small {
		display: block;
	}
	.pri-tb-pri-td-large {
		display: none;
	}
}
@media screen and (max-width: 420px) {
	.price-contents-li .float-left {
		float: none;
	}
}
@media screen and (min-width: 768px) {
	.price-table-margin {
		margin-top: 40px;
	}
	.pri-tb-con-th,
	.pri-tb-pri-th {
		padding: 5px 7%;
	}
	.pri-tb-de-th {
		padding: 5px 20%;		
	}
	.price-caption {
		padding: 4px;
		line-height: 30px;
		font-weight: bold;
		font-size: 1.5rem;
	}
	.pri-tb-con-td,
	.pri-tb-pri-td,
	.pri-tb-de-td {
		padding: 15px 25px;
	}
	.price-table th,
	.price-table td {
		font-size: 1rem;
		font-weight: 600;
	}
	.price-h1 {
		font-size: 1.7rem;
		line-height: 40px;
	}
	.price-text {
		font-size: 1rem;
	}
	.price-detail {
		padding: 5px 15px;
		width: 200px;
		font-size: 0.85rem;
	}
	.price-contents-li {
		margin-bottom: 40px;
	}
	.price-contents-li a {
		padding-left: 40px;
		background: url(../images/listmark.png) no-repeat left 5px top 2px;
		background-size: 18px 18px;
	}
}

/* ========== コラム ========== */
/* 共通 */
.font-type {
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}
.column-h1 {
	text-align: center;
	background: linear-gradient(#f59929, #e86823);
	border-radius: 50%;
	border: 5px solid #ffe978;
	max-width: 360px;
	padding: 20px 0;
	text-shadow: 2px 1px 1px #000;
	box-shadow: 2px 3px 5px #000;
	color: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: -25px;
	font-size: 1.4rem;
}
.column-h1-small {
	font-size: 1.1rem;
}
.column-main {
	background: rgba(255, 255, 255, 0.5);
	margin: 20px 0;
	padding: 20px;
	border-radius: 10px;
}
.column-h2-btm {
	background: #1270db;
	padding-left: -10px;
	color: #fff;
	padding: 4px 5px 3px 5px;
	text-shadow: 2px 1px 1px #000;
	margin-right: 10px;
	box-shadow: 0 2px 5px #000;
}
.column-h2 {
	background: linear-gradient( to right, #9ce3ff, #ed9cff);
	box-shadow: 2px 2px 5px #000;
	text-shadow: 2px 1px 1px #fff;
}
.link-column {
	background: radial-gradient(#a6fff5, #92c1ff);
	padding: 3px 5px;
	border-radius: 15px;
	text-align: center;
	margin-left: auto;
	width: 200px;
	margin-top: 10px;
	box-shadow: 1px 2px 5px #000;
}
.link-column:first-of-type {
	margin-top: 35px;
}
.link-column a {
	display: block;
}
.link-column a:hover {
	text-decoration: none;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
}
.link-column:hover {
	background: radial-gradient(#a6fff5, #79b3ff);
}
.column-blunk {
	margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
	.link-column {
		width: 300px;
		padding: 5px 10px;
	}
}

/* 目次 */
.column-contents {
	margin-top: 20px;
	background: #fcfcfc;
	padding: 20px;
	box-shadow: 1px 1px 5px #000;
}
.column-con-li {
	padding: 0 20px;
	list-style-type: none;
	line-height: 40px;
}
.column-contents a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.column-con-li:hover {
	background: #cecece;
}
.column-sns-img img {
	margin-top: 20px;
	margin-right: 20px;
	width: 120px;
}
.column-sns-img img:hover {
	opacity: 0.7;
}
.column-sns-img .sns-p {
	font-size: 1rem;
	width: 120px;
	text-align: center;
}

/* メイン */
.column-line {
	margin-top: 20px;
	background: #fcfcfc;
	padding: 20px;
	box-shadow: 1px 1px 10px #000;
}
.column-h3 {
	border-bottom: 5px solid #2eb6ff;
	border-image: linear-gradient( to right, #2eb6ff, #c0e9ff) 1;
}
.column-img {
	width: 100%;
	margin: 20px 0 10px 0;
}
.column-ruby {
	margin-left: 0;
}

@media screen and (min-width: 600px) {
	.column-img {
		width: 300px;
		margin: 20px 15px 5px 0;
		float: left;
	}
	.cloumn-text {
		margin-top: 20px;
	}
}
@media screen and (min-width: 768px) {
	.column-h1{
		max-width: 500px;
		font-size: 1.7rem;
	}
	.column-h1-small {
		font-size: 1.3rem;
	}
	.column-main {
		padding: 50px;
	}
	.column-line {
		margin-top: 35px;
		padding: 30px;
		width: 50%;
	}
	main div div.flex-box-column:first-of-type {
		margin-top: -10px;
	}
	.column-img {
		float: none;
		width: 100%;
	}
	.flex-box-column {
		display: flex;
		justify-content: space-between;
	}
	div.column-line:nth-child(odd) {
		box-shadow: none;
		box-shadow: -1px 3px 5px #606060;
	}
	div.column-line:nth-child(even) {
		box-shadow: none;
		box-shadow: 5px 3px 5px #606060;
	}
}

/* 001-03-おすすめの着物 */
.column-recomend-img {
	margin-top: 20px;
	width: 47.5%;
}
.column-recomend-img-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (min-width: 768px) {
	.column-recomend-img {
		margin-top: 20px;
		width: 31.5%;
	}
}
.aside {
	display: none;
}
@media screen and (min-width: 768px) {
	.aside {
		display: flex;
		flex-flow: column;
		float: left;
	}
.aside-instagram,
.aside-fuji-online {
		width: 80px;
		height: auto;
		margin: 5px 0 0 30px;
		border-radius: 20px;
		background: #fff;
	}
}
/* ========= 教室について ==========*/
.school-h1 {
	color: #fff;
	box-shadow: 2px 2px 10px #000;
	text-shadow: -1px 1px 2px #000;
	font-size: 1.6rem;
	margin-bottom: 15px;
	margin-right: auto;
	padding-left: 10px;
	border-radius: 100px;
	background: radial-gradient(#225588, #fff); 
	width: 200px;
	text-align: center;
}
.school-contents-li {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: 5px solid #005b16;
}
.school-contents-li li {
	list-style-type: none;
	margin-right: 50px;
}
.school-contents-li a {
	padding-left: 19px;
	background: url(../images/listmark.png) no-repeat left 0 top 6px;
	background-size: 10px 10px;
}
.school-main-container {
	background:linear-gradient(90deg, rgba(138, 147, 255,0.7) 20%,rgba(0, 255, 255,0.5) 80%);
	box-shadow: 3px 5px 10px #000;
	padding: 20px;
	margin-top: 30px;
}
.school-container {
	padding: 10px;
	background: #fff;
	box-shadow: 3px 3px 5px #000;
}
@media screen and (min-width: 768px) {
	.school-h1 {
		font-size: 1.7rem;
		line-height: 40px;
	}
	.school-contents-li {
		margin-bottom: 40px;
	}
	.school-contents-li a {
		padding-left: 40px;
		background: url(../images/listmark.png) no-repeat left 5px top 2px;
		background-size: 18px 18px;
	}
}
.school-h2 {
	background: url(../images/flower.jpg) no-repeat left -10px top -15px;
	background-size: auto 120px;
	padding-left: 95px;
	padding-top: 15px;
	height: auto;
	font-size: 1.8rem;
	border-bottom: 4px dashed #ff6f00;
	font-family: 'Noto Serif JP', serif;
	color: #ff6f00;
	text-shadow: 1px 1px 1px #000;
}
.school-corona-imp {
	font-size: 1rem;
	color: #f00;
	padding: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.school-comment {
	margin-top: 5px;
	background: url(../images/fukidashi-brown-flower.png) no-repeat;
	background-size: 100% 100%;
	height: 100px;
	width: auto;
}
.school-comment p {
	text-align: center;
	padding-top: 36px;
	font-size: 1.3rem;
	font-weight: 600;
}
@media screen and (max-width: 400px) {
	.school-h2 {
		font-size: 1.5rem;
		background-size: auto 80px;
		padding-top: 0;
		padding-left: 65px;
	}
	.school-comment p {
		font-size: 1rem;
		padding: 30px;
	}
}
@media screen and (min-width: 768px) {
	.school-h2 {
		background-size: 110px auto;
		padding-left: 100px;
		height: auto;
		font-size: 2.8rem;
		border-bottom: 5px dashed #ff6f00;
	}
	.school-corona-imp {
		font-size: 1.3rem;
	}
	.school-comment {
		background-size: 80% 100%;
		height: 100px;
		width: auto;
	}
	.school-comment p {
		text-align: left;
		margin-left: 15%;
		font-size: 1.5rem;
	}
}
.dash-frame {
	margin-top: 25px;
	border: 5px dashed #718cc6;
	padding-bottom: 10px;
}
.school-h3 {
	margin-top: -17px;
	margin-left: 10px;
	font-size: 1.3rem;
}
.school-h3-border {
	background: #fff;
	padding: 0 8px 0 5px;
}
.school-ol {
	margin: 5px 0 8px 30px;
}
.school-ol-li {
	line-height: 23px;
	padding: 5px 0;
}
.school-table {
	margin-left: auto;
	margin-right: auto;
}
.school-table-th {
	width: 40%;
	line-height: 18px;
	height: 45px;
}
.school-table-span {
	display: inline-block;
	font-size: 0.9em;
}
.school-table-td {
	width: 40%;
}
.school-table-img {
	width: 20%;
	max-width: 15px;
	margin-right: 3px;
}
.detail-link {
	text-align: center;
	padding: 0 10px;
	background: #c3c3c3;
	border-radius: 10px;
	width: 150px;
	margin: 5px 5% 5px auto;
}
.school-special-h3 {
	background: url(../images/yellow-frame.png) no-repeat;
	background-color:rgba( 255, 255, 255, 0.25);
	background-blend-mode: lighten;
	background-size: 100% 100%;
	height: 300px;
	margin-top: 20px;
}
.school-sp-h3-border {
	font-size: 2rem;
	text-shadow: 3px 1px 1px #fff;
	margin-left: 10px;
}
.school-special-p {
	font-size: 1.3rem;
	font-weight: 600;
	text-shadow: 2px 1px 1px #fff;
	margin-top: 5%;
	padding-left: 3em;
	margin-right: 10px;
	margin-left: 20px;
}
.school-special-p p {
	text-indent: -3em;
}
.school-table {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.school-table-2 {
	width: 100%;
}
.school-table-2 th {
	width: 20%;
}
.school-table-2 td {
	line-height: 20px;
}
.school-table-img-2 {
	width: 10%;
	min-width: 15px;
	padding: 0 5px;
}
.school-table-td-2 {
	width: 70%;
}
.school-table-small {
	display: none;
}
@media screen and (max-width: 500px) {
	.school-special-h3 {
		height: auto;
	}
	.school-table {
		width: 100%;
	}
	.school-table-th {
		font-weight: normal;
	}
	.school-table-span {
		font-size: 0.85rem;
	}
	.school-table-small {
		display: block;
	}
	.school-table-large {
		display: none;
	}
	.school-table-td-2 {
		font-size: 0.9rem;
	}
	.school-sp-h3-border {
		font-size: 1.3rem;
		margin-left: 1em;
	}
	.school-special-p {
		font-size: 0.9rem;
	font-weight: 600;
	margin-top: 5px;
	padding-left: 3em;
	margin-right: 0;
	margin-left: 0;
	}
}
@media screen and (min-width: 768px) {
	.school-table-th {
		height: 35px;
	}
	.school-table-2 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ========== レンタル ========== */
.rental-h1 {
	color: #fff;
	box-shadow: 2px 2px 10px #000;
	text-shadow: -1px 1px 2px #000;
	font-size: 1.6rem;
	margin-bottom: 15px;
	margin-right: auto;
	padding-left: 10px;
	border-radius: 100px;
	background: radial-gradient(#225588, #fff); 
	width: 200px;
	text-align: center;
}
.rental-contents-li {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	border: 5px solid #005b16;
}
.rental-contents-li li {
	list-style-type: none;
}
.rental-contents-li a {
	padding-left: 19px;
	background: url(../images/listmark.png) no-repeat left 0 top 6px;
	background-size: 10px 10px;
}
.rental-main-container {
	background: linear-gradient(90deg, rgba( 138, 147, 255, 0.7) 30%,rgba( 0, 255, 255, 0.5) 70%);
	box-shadow: 3px 5px 10px #000;
	padding: 20px;
	margin-top: 15px;
}
.rental-container {
	padding: 20px;
	background: #fff;
	box-shadow: 3px 3px 5px #000;
}
@media screen and (max-width: 400px) {
	.rental-container {
		padding: 10px;
	}
}
@media screen and (min-width: 768px) {
	.rental-h1 {
		font-size: 1.7rem;
		line-height: 40px;
	}
	.rental-contents-li {
		margin-bottom: 40px;
	}
	.rental-contents-li a {
		padding-left: 40px;
		background: url(../images/listmark.png) no-repeat left 5px top 2px;
		background-size: 18px 18px;
	}
}
.rental-h2 {
	background: url(../images/flower-rental.png) no-repeat left -10px top -15px;
	background-size: auto 200px;
	padding-left: 75px;
	padding-top: 15px;
	height: auto;
	font-size: 1.8rem;
	border-bottom: 4px dashed #ff6f00;
	font-family: 'Noto Serif JP', serif;
	color: #ff6f00;
	text-shadow: 1px 1px 1px #000;
}
.rental-feature {
	margin: 10px 0;
	list-style-type: none;
	font-size: 1rem;
	padding-left: 3.7em;
	text-indent: -3.7em;
}
.rental-feature:first-child {
	margin-top: 15px;
}
.rental-feature-span {
	padding: 3px 10px;
	margin-right: 10px;
	background: #ff0;
	border-radius: 20px;
	font-size: 0.95rem;
	box-shadow: 1px 1px 1px #000;
}
@media screen and (max-width: 480px) {
	.rental-h2 {
		font-size: 1.5rem;
		background-size: auto 100px;
		padding-top: 0;
		padding-left: 65px;
	}
}
@media screen and (min-width: 768px) {
	.rental-h2 {
		background-size: auto 240px;
		padding-left: 100px;
		font-size: 2.8rem;
		border-bottom: 5px dashed #ff6f00;
	}
	.rental-feature {
		font-size: 1.3rem;
		font-weight: 500;
		font-family: 'Noto Serif JP', serif;
		padding-left: 3.8em;
		text-indent: -3.8em;
		margin: 15px 0 -5px 0;
	}
	.rental-feature-span {
		padding: 4px 13px;
		font-size: 1.1rem;
	}
}
.rental-detail:after {
	content: "";
	display: inline-block;
	background: url(../images/pencil.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
.rental-p-border {
	border-bottom: 1px solid;
	border-image: linear-gradient(to right,#fff,#ff0,#0f0) 1;
}
.rental-detail {
	margin-top: 15px;
}
.rental-li {
	padding-left: 30px;
	list-style-type: none;
	background: url(../images/flower-rental2.png) no-repeat left 0 top 4px;
	background-size: 25px 25px;
}
@media screen and (min-width: 768px) {
	.rental-detail:after {
		width: 25px;
		height: 25px;
	}
	.rental-detail {
		font-size: 1.15rem;
		margin-top: 20px;
	}
	.rental-li {
		padding-left: 35px;
	}
}
.furisode-catalogue {
	margin-top: 20px;
}
.furisode-comment:before {
	content: "";
	display: inline-block;
	background: url(../images/black-arrow.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	margin: 0 0.5em;
}
.flex-box6 {
    display: flex;
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    flex-direction: row;
    justify-content: space-between;
}
.box{
	margin: 0;
	width: 49%;
}
.flex-box6 .box img {
	width: 100%;
}
@media screen and (min-width: 550px) {
	.box {
		width: 32%;
	}
	.flex-box6:after {
		content: "";
		display: block;
		width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
	}
	.flex-box6:before {
		content: "";
		display: block;
		width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
		order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
	}
}
@media screen and (min-width: 768px) {
	.box {
		width: 24%;
	}
	.flex-box6:after {
		content: "";
		display: block;
		width: 24%;  /* .boxに指定したwidthと同じ幅を指定する */
	}
	.flex-box6:before {
		content: "";
		display: block;
		width: 24%;  /* .boxに指定したwidthと同じ幅を指定する */
		order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
	}
}
/*========== クーポン ==========*/
.coupon-h1 {
	color: #fff;
	box-shadow: 2px 2px 10px #000;
	text-shadow: -1px 1px 2px #000;
	font-size: 1.6rem;
	margin-bottom: 15px;
	margin-right: auto;
	padding-left: 10px;
	border-radius: 100px;
	background: radial-gradient(#225588, #fff); 
	width: 200px;
	text-align: center;
}
.coupon-main-container {
	background: linear-gradient(90deg, rgba( 138, 147, 255, 0.7) 30%,rgba( 0, 255, 255, 0.5) 70%);
	box-shadow: 3px 5px 10px #000;
	padding: 20px;
	margin-top: 15px;
}
.coupon-container {
	padding: 20px;
	background: #fff;
	box-shadow: 3px 3px 5px #000;
}
.coupon-contents-li {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	border: 5px solid #005b16;
}
.coupon-contents-li li {
	list-style-type: none;
}
.coupon-contents-li a {
	padding-left: 19px;
	background: url(../images/listmark.png) no-repeat left 0 top 6px;
	background-size: 10px 10px;
}
.coupon-h2 {
	background-size: 85px auto;
	height: auto;
	font-size: 1.8rem;
	border-bottom: 4px dashed #47afb5;
	font-family: 'Noto Serif JP', serif;
	color: #033666;
	text-shadow: 1px 1px 1px #47afb5;
	line-height: 40px;
}
.coupon-img {
	border: 1px solid #c3c3c3;
	border-radius: 10px;
	margin-top: 20px;
}
.flex-box7 {
    display: flex;
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    flex-direction: row;
    justify-content: space-between;
}
.box2 {
	margin: 0;
	width: 100%;
}
.flex-box7 .box2 img {
	width: 100%;
}
.coupon-available-li {
	margin-left: 30px;
	margin-top: 10px;
}
.coupon-available-li li {
	margin-top: 10px;
	padding-left: 5px;
}
.coupon-imp {
	display: block;
	padding-left: 3em;
	text-indent: -2em;
	font-size: 0.9rem;
	border: 1px solid #47afb5;
}
@media screen and (min-width: 768px) {
	.coupon-contents-li {
		margin-bottom: 40px;
	}
	.coupon-contents-li a {
		padding-left: 40px;
		background: url(../images/listmark.png) no-repeat left 5px top 2px;
		background-size: 18px 18px;
	}
	.coupon-h2 {
		font-size: 2.8rem;
		border-bottom: 5px dashed #47afb5;
		line-height: 55px;
	}
	.box2 {
		width: 49%;
	}
	.flex-box7:after {
		content: "";
		display: block;
		width: 49%;  /* .boxに指定したwidthと同じ幅を指定する */
	}
	.flex-box7:before {
		content: "";
		display: block;
		width: 49%;  /* .boxに指定したwidthと同じ幅を指定する */
		order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
	}
	.coupon-available-li {
		font-size: 1.3rem;
		margin-left: 50px;
	}
	.coupon-available-li li {
		margin-top: 15px;
		padding-left: 10px;
	}
	.coupon-imp {
		font-size: 1rem;
	}
}
/* ========== メールOK========== */
.mailok-large-container {
	height: 100vh;
	box-sizing: border-box;
}
.mailok-main-container {
	background: linear-gradient(90deg, rgba( 138, 147, 255, 0.7) 30%,rgba( 0, 255, 255, 0.5) 70%);
	box-shadow: 3px 5px 10px #000;
	padding: 20px;
	margin-top: 15px;
}
.mailok-container {
	padding: 20px;
	background: #fff;
	box-shadow: 3px 3px 5px #000;
}
.mailok-h1 {
	background: url(../images/flower-mailok.png) no-repeat left -10px top -15px;
	background-size: auto 80px;
	padding-left: 25px;
	padding-top: 0;
	height: auto;
	font-size: 1.5rem;
	border-bottom: 4px dashed #47afb5;
	font-family: 'Noto Serif JP', serif;
	color: #033666;
	text-shadow: 1px 1px 1px #47afb5;
}
.mailok-p {
	margin: 30px 0;
}
@media screen and (min-width: 480px) {
	.mailok-h1 {
		background-size: auto 130px;
		padding-left: 65px;
		padding-top: 15px;
		font-size: 1.8rem;
	}
}
@media screen and (min-width: 768px) {
	.mailok-h1 {
		background-size: auto 180px;
		padding-left: 100px;
		font-size: 2.8rem;
		border-bottom: 5px dashed #47afb5;
	}
	.mailok-p {
		margin: 50px 5px;
		font-size: 1.2rem;
	}
}