@charset "utf-8";

html { 
	overflow-x: hidden;
}
body { 
	overflow-x: hidden;
}

html {
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
		 -moz-box-sizing: inherit;
					box-sizing: inherit;
}

body {
	font-size: 18px;
	font-family: "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
}

body { 
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
	margin-top: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-feature-settings: "palt";
}

p {
	text-align: left;
	/* text-align: justify; */
	/* text-justify: inter-ideograph; */
}

img {
	max-width: 100%;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

table {
	border-collapse: collapse;
}

figure {
	border: 0;
	margin-right: 0;
	margin-left: 0;
}

fieldset {
	border: 0;
}

input[type="text"],
input[type="email"],
textarea {
	font-family: monospace;
}

.cl:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@media(max-width: 768px) {
	html,body{
		width: 100%;
		min-width: 100%;
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
				-ms-text-size-adjust: 100%;
	}
}

.ls,.lsc,.large-screen {display: block;}
.ss,.ssc,.small-screen {display: none;}

@media(max-width: 768px) {
	.ls,.lsc,.large-screen {display: none;}
	.ss,.ssc,.small-screen {display: block;}
}

main {
	margin: 0 auto;
	max-width: 880px;
}

.l-module {
	margin-top: 0px;
	margin-bottom: 20px;
}

@media(max-width: 800px) {
main {
		width: 100%;
	}
	.l-module {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	body {
		font-size: 15px;
		background: #fff;
	}
}



.header {
	text-align: center;
	line-height: 1;
	background-image: url(./images/bg_g_y.jpg);
	background-size: cover;
	background-position: center;
	padding: 0 10px;
	margin: 0 auto;
}
.header img {
	font-size: 0;
	max-width: 800px;
}

.main {
	margin: 0 auto;
	padding: 0 50px;
	background-color: #fff;
	/*box-shadow: 0 1px 3px rgba(0,0,0,.1);*/
}

.main > *:first-child {
	margin-top: 0;
}
.main > *:last-child {
	margin-bottom: 0;
}

@media(max-width: 768px) {
	.main {
		padding: 0 20px;
	}
	.header img {
		font-size: 0;
		width: 100%;
	}
}


.main > p:not([class]) {
	margin: 0 0 1em;
}

.main > ul,
.main > ol {
	margin: 0 0 1em 1em;
}


/* h3 */

.main > h3:not([class]) {
	margin: 40px 0;
	padding: 30px 0;
	border-top: 1px solid #a8762f;
	border-bottom: 1px solid #a8762f;
	text-align: center;
	font-size: 30px;
	line-height: 1.5;


	/*margin-right: -100%;
	margin-left: -100%;
	padding-right: 100%;
	padding-left: 100%;*/
}
	.main > h3:not([class]):first-child {
		margin-top: 0;
	}

	.main > h3:not([class]) > strong {
		color: #c00;
	}

	.main > h3:not([class]) > small {
		font-size: 1em;
	}

	.main > h3:not([class]) > sup {
		font-size: .5em;

	}
.pc{
	display: none;
}
@media(max-width: 768px) {
	.main > h3:not([class]) {
		margin: 20px -20px;
		padding: 1em 20px;
		font-size: 19px;
	}
}
@media(max-width: 760px) {
	.pc{
		display: block;
	}
}
.h3-img {
	text-align: center;
}

/* h4 */

.main > h4:not([class]) {
	margin: 40px auto 33px;
	padding: 1em 0 0;
	font-size: 27px;
	line-height: 1.333;
}

@media(max-width: 768px) {
	.main > h4:not([class]) {
	margin: 2em auto 1em;
		font-size: 18px;
	}
	.main > h4 br {
		display: none;
	}
}

/* h5 */

.main > h5 {
	margin: 40px auto 0 auto;
	padding: 20px;
	background: #e7b738;
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
}

.main > h5 > strong {
	display: block;
	font-size: 21px;
	color: #c00;
}

@media(max-width: 768px) {
	.main > h5:not([class]) {
	margin: 1em auto 0 auto;
		font-size: 20px;
	}
	.main > h5 {
		margin: 20px auto 0 auto;
		padding: 10px;
		background: #e7b738;
		font-size: 30px;
		line-height: 1.5;
		text-align: center;
	}
}
.logo img{
	margin: 20px auto 0 auto;
	padding: 20px;
	background: #e7b738;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
@media(max-width: 768px) {
	.logo img{
		margin: 10px auto 0 auto;
		padding: 10px;
	}
	
}
/* h6 */

h6 {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	position: relative;
	padding: 1.5rem 2rem;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .2);
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
	margin: 1em auto 0;
  }
  
  h6:before,
  h6:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
	background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  }
  
  h6:before {
	top: 0;
  }
  
  h6:after {
	bottom: 0;
  }
@media(max-width: 768px) {
	.main > h6:not([class]) {
		font-size: 20px;
	}
}
  

/* main_title */

.main_title {
	margin: 40px 0;
	padding: 30px 0;
	background-color: #023f83;
	border-bottom: 1.5px solid #ccc;
	color: #ffffff;
	text-align: center;
	font-size: 30px;
	line-height: 1.5;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-feature-settings: "palt";
	/*margin-right: -100%;
	margin-left: -100%;
	padding-right: 100%;
	padding-left: 100%;*/
}

/* table */

.table {
	margin: 40px auto;
	width: 100%;
}

.table th,
.table td {
	padding: 1em 1em .75em;
	vertical-align: top;
	border: 1px solid #ccc;
	text-align: left;
}

.table thead th {
	background: #f2eee6;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.table th,
.table td,
.table p {
	font-size: 18px;
	line-height: 1.5;
}

.table p {
	margin-bottom: .333em;
}
	.table p:last-child {
		margin-bottom: 0;
	}

.table tbody th {
	background: #f2eee6;
}

@media(max-width: 768px) {
	.table {
		margin: 20px auto;
	}
	.table th {
		white-space: nowrap;
	}
	.table th,
	.table td,
	.table p {
		font-size: 14px;
	}
}

/* bullet */

ul.bullet {
	margin: 40px auto;
	padding: 40px;
	border: 40px solid #004085;
	background-color: #fff;
	list-style-type: none;
}

.main 
ul.bullet li {
	position: relative;
	margin-top: .75em;
	padding-top: .75em;
	padding-left: 33px;
	border-top: 1px solid #004085;
	font-weight: bold;
	font-size: 21px;
	line-height: 1.5;
}

ul.bullet li:first-child {
	margin-top: 0;
	border-top:none
}

ul.bullet li:before {
		position: absolute;
		top: 16px;
		left: 0;
		display: inline-block;
		width: 27px;
		height: 27px;
		background: url(images/bullet-check.png);
		background-size: contain;
		background-repeat: no-repeat;
		content: " ";
		vertical-align: middle;
}

ul.bullet li h4 {
	margin: 0 0 .25em;
	font-size: 21px;
	line-height: 1.5;
}

.main 
ul.bullet li p {
	margin-bottom: .5em;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.5;
}

	ul.bullet li p:last-child {
		margin-bottom: 0;
	}

@media(max-width: 768px) {
	.main ul.bullet {
		margin: 20px auto;
		padding: 15px;
		border-width: 12px;
	}
	.main ul.bullet > li {
		padding-left: 25px;
		font-size: 16px;
	}
	.main ul.bullet > li:before {
		width: 20px;
		height: 20px;
	}
	.main ul.bullet > li > h4 {
		font-size: 18px;
	}
	.main ul.bullet > li > p {
		font-size: 15px;
	}
	.main ul.bullet li br {
		display: none;
	}
}

/* form */

.form {
	position: relative;
	margin: 40px 0 25px;
	padding: 40px;
	background: #f2efe6;
	text-align: center;
}

.form__title {
	margin: -40px -40px 40px;
	padding: 0.5em;
	background-color: #00264f;
	color: #fff;
	font-size: 24px;
	line-height: 1;
}


.form__head {
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

.form input[type="text"] {
	display: block;
	margin: 0 auto 20px;
	padding: 1em;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	box-shadow: 0 3px 3px rgba(0,0,0,.1) inset;
}

.form__button {
	display: block;
	margin: 0 auto 20px;
	max-width: 100%;
}

.form p.form__note {
	margin-bottom: 0;
	padding: .5em;
	height: 2em;
	color: #666;
	font-size: 13px;
	line-height: 1.333;
	text-align: left;
}

.form p.form__note:last-child {
	margin-bottom: 0;
}

@media(max-width: 640px) {
	.form {
		margin: 20px 0;
		padding: 20px;
	}
	.form__title {
		margin: -20px -20px 15px;
		font-size: 16px;
	}
	.form__head {
		font-size: 16px;
	}
	.form input[type="text"] {
		margin: 0 0 15px;
		font-size: 15px;
	}
	.form__button {
		margin: 0 0 15px;
		max-width: 100%;
	}
	.form p.form__note {
		font-size: x-small;
		height: 5em;
	}

	body div.submit {
		padding: 0;
	}
	body .form_input_input {
		max-width: 100%;
	}
}
.wide{
	display: block;
}
.narrow{
	display: none;
}
@media(max-width: 640px) {
	.wide{
		display: none;
	}
	.narrow{
		display: block;
		margin: 0 auto;
		width: 90%;
	}
}
/* voice */

.voc__wrapper {
	margin: 40px auto;
	/*padding: 40px;*/
	/*background: #f2eee6;*/

	/*margin-right: -100%;
	margin-left: -100%;
	padding-right: 100%;
	padding-left: 100%;*/
}

.voc {
	position: relative;
	margin: 30px auto 10px;
	padding: 30px;
	border: 1px solid #ccc;
	border-top: 9px solid #004085;
	background: #fff;
	/*box-shadow: 0 1px 2px rgba(0,0,0,.1);*/
}
	.voc:first-child {
		margin-top: 0;
	}
	.voc:last-child {
		margin-bottom: 0;
	}
	.voc *:first-child {
		margin-top: 0;
	}
	.voc *:last-child {
		margin-bottom: 0;
	}

.main 
.voc > p {
	font-size: 18px;
	line-height: 1.75;
}

.main 
.voc > p:last-child {
	margin-bottom: 0;
}

img.voc__img {
	display: block;
	margin: 0 0 20px 20px;
	width: 150px;
	height: 150px;
	float: right;
}

.main 
p.voc__name {
	margin: 0;
	color: #333;
	font-size: 24px;
	line-height: 1.75;
	font-weight: bold;
	font-feature-settings: "palt";
}
	p.voc__title {
		display: block;
		font-size: 15px;
		color: #666;
	}
	p.voc__name > .pref {
		margin-left: 3px;
		font-size: 15px;
	}
	p.voc__name > strong {
		margin-right: .2em;
		color: #000;
		font-size: 24px;
		line-height: 1.333;
		letter-spacing: 3px;
	}
	.main p.voc__name2 {
		margin: 0;
		font-size: 28px;
		color: #95844a;
		line-height: 1.75;
		font-weight: bold;
	}

hr.voc__hr {
	border: 0;
	height: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-bottom: 15px;
}

.right{
	float: right;
	color: #666;
	font-size: 8px;
}

@media(max-width: 800px) {
	.voc__wrapper {
		margin: 20px -20px;
		padding: 20px;
	}
	.voc {
		margin: 20px auto 5px;
		padding: 20px;
	}
	img.voc__img {
		margin: 0 0 .75em .75em;
		width: 33%;
		height: 33%;
	}
	.main .voc > p {
		font-size: 15px;
	}
	.main p.voc__name {
		font-size: 18px;
	}
	.main p.voc__name2 {
		font-size: 20px;
	}
	.main p.voc__title {
		font-size: 13px;
	}
}

/* profile */

.profile {
	margin: 40px auto;
	padding: 40px 40px 50px 40px;
	background: #f2eee6;
	text-align: justify;
}
	.profile:last-child { margin-bottom: 0 !important; }
	.profile > *:last-child { margin-bottom: 0 !important; }

.profile__title {
	margin-bottom: 1em;
}

.profile__name-j {
	margin-bottom: .5em;
	color: #333;
	letter-spacing: .1em;
	font-weight: bold;
	font-size: 27px;
	line-height: 1;
	font-feature-settings: "palt";
}

.profile__name-e {
	margin-bottom: 1em;
	color: #95844a;
	font-weight: normal;
	font-size: 18px;
	line-height: 1;
	font-feature-settings: "palt";
}

.profile__photo {
	float: right;
	margin: 0 0 40px 40px;
	width: 150px;
}

.main 
.profile h4 {
	margin: 1.5em 0 1em;
	padding-top: 1em;
	border-top: 1px solid #ccc;
	font-size: 18px;
}

ul.profile__books {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
}

ul.profile__books li {
	display: inline;
	font-size: 0;
}

ul.profile__books li img {
	margin-right: 15px;
	width: 25%;
	/*box-shadow: 0 1px 3px rgba(0,0,0,.1);*/
}
ul.profile__books li:last-child img {
	margin-right: 0;
}

@media(max-width: 768px) {
	.profile {
		margin: 20px auto;
		padding: 20px 20px 30px 20px;
		text-align: justify;
	}
	.profile__photo {
		display: block;
		float: none;
		margin: 1em auto;
		width: 50%;
	}
	.profile__name-j {
		text-align: center;
		font-size: 18px;
	}
	.profile__name-e {
		text-align: center;
		font-size: 15px;
	}
	.main 
	.profile p,
	.main 
	.profile li {
		font-size: 15px;
		text-align: justify;
	}
	.main 
	.profile h4 {
		font-size: 18px;
	}
	ul.profile__books li img {
		margin: 0 12px 6px 0;
		width: 33%;
	}
}

/* footer */

.footer {
	overflow: hidden;
	margin: 0px auto 20px;
	padding: 0;
	font-size: 14px;
	color: #444;
	max-width: 880px;
}

.footer__table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto 20px;
	width: 100%;
}

.footer__table {
	margin: 40px auto;
	margin-top: 0;
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.footer__table caption,
.footer__table th,
.footer__table td {
	padding: 1em 1em;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

.footer__table caption {
	background: #004085;
	color: #fff;
}

.footer__table th {
	width: 20%;
	border-top: 1px solid #ccc;
	background: #faf7f0;
}

.footer__table td {
	border-top: 1px solid #ccc;
}

.footer__menu {
	margin-bottom: 1em;
	padding: 0 20px;
}

.footer__copyright {
	padding: 0 20px;
}

.footer a {
	color: #444;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.footer address {
	font-style: normal;
}

@media(max-width: 768px) {
	.footer {
		margin: 10px auto;
		padding: 0;
		font-size: 12px;
	}
	.footer__table caption,
	.footer__table th,
	.footer__table td {
		padding: 1em;
		font-size: 12px;
	}
	.footer__logo,
	.footer__menu,
	.footer__copyright {
		float: none;
		margin-bottom: .5em;
		text-align: center;
	}
	.footer__table th {
		width: auto;
		white-space: nowrap;
	}
}

/* pagetop */

.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	clear: both;
	text-align: right;
}
.back-to-top a {
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABhlBMVEUAAADMzMzd3d2AgIDd3d3d3d3c3Nzb29vc3NzV1dXc3Nzc3Nzd3d3d3d3c3Nzb29vc3Nzc3Nze3t7c3NzW1tbb29vd3d3d3d3d3d3c3Nzc3Nzf39/d3d3d3d3b29va2trc3NzGxsbb29vc3Nzd3d3d3d3c3Nzc3Ny/v7/c3Nzd3d3c3NzR0dHY2Njc3Nzc3Nzc3Nzc3Nzc3Nzb29vY2Nja2trc3Nzc3NzZ2dnc3Nze3t7d3d3c3Nzc3Nzc3NzX19fc3Nzc3Nzc3Nzd3d3b29vc3Nzc3Nzb29vV1dXd3d3c3NzV1dXd3d3c3Nzc3Nzd3d3c3Nzc3Nzd3d3d3d3c3Nzc3Nzb29vc3Nzd3d3d3d3d3d3c3Nzd3d3d3d3////o6Oj9/f329vbm5ub8/Pz5+fn4+Pj+/v7w8PDj4+Py8vLx8fHv7+/i4uL4+fnk5OTs7Ozd3d339/ekpqrt7e3u7u6doKS3ubzLzM6+wMLr6+vf39/6+vrl5uexs7bR09WqrbDr7O3e3+Ej3aiqAAAAXnRSTlMACuEC35y4FXYMFunx9NtH60j0px9NeHCUUCT+WchcKewJB2y70VjzCKjX2gsh1m2Yk9yPDUXV5RTG79DjkL0g+eTinV3FHUYS3r8G7d2+b/KZ4NK3dZ5RSlJ3SVq5/bnMpQAAAw1JREFUeF6t2WVz4lAUgOGDU6SFFipABaruLluVdXe58eBWddl/vjPMMGXTJpwk9/0Bz6ebKydQp6X53va+Ce9gafP1m/6+9t75JTCeJTy7GuUvkpwosERmr0QuecFHV2fDFiOaranFzydF8igxyftbmmw6uYY2eyojEJWETMHe1gD44l8CTJloVmYC7jjWG7AyIqmbyFgHUFzoc4ojqLiUM1Tf6/IdywSZfOzrAu2GdnIS0ZGU+zqk5XmWGZboimWWPere+EyR6K44M67mdS9miYGyi91Pe5G1NDFUei3ylOdqTBKDZRpdj71XnUfEcEedCVDmYIiJGIfS68qxZkA2p1jhIZ9ETCX5QlCb85iYLOus9QZSsllQTsUePIuVI6bjrBao5mYIhRh31WsIiDRAsad6KkwyhErMJFSyvZDogJLdVgGbUoRShWAFbMnQAjPDlTXTLNACheYxAOjgCbX4DgCYStIDk1MAMCoigPztXwwojgJ4LhHe9eHJyV0eIV56IMjjPJzI/4LWIspDisVWcGQwHlZMO+AZh/DQIvcWRq4QHlq8GgGvgPDQouCF9yzKuztEiewglHBe/honlmAT5/2Ha4I9LM7Diewg2AU1774K3FQAlCh44ZPqsjmt8RTirfqy0VjYhw+eUjxXA7mX4EirgWcPnlK8Vv/0NDaH/GnVU4pnWptDkNfYVW/O8kTR/fmpxl7Lf0dtsPguPQCNIg7AHgHwgfIhRf8YHaN90MMw5asIBAuUL0s2O63r3Ecb5Qvnu+qVuIfulZj+pR0s1rJ5r1zzrIAYjYfPb6jJmTULZv9AbRvmH4+KycOu2eftLuUH+A4oS5gbEQw9NcTIUB1iAES2jI5ZtiIqg6BtY4Og7W5QaX/ByKhqYR9Ue76nf5i29xw0SkzrHfdNJ0C7bys6BpLZlR9Qt5BTx8h0AzDFsEPdGCCLuwOMpM1JTOBnHPDNtdkLdQbjcxRH982K0T02S3i9P8oX05woyITIgsili3y0fz1sAeO5Diq/P/ylkt870dfee+AC7f4Bnw1DMsoy0tsAAAAASUVORK5CYII=") no-repeat center center;
	background-size: contain;
	line-height: 100px;
}
.back-to-top a:active {
	outline: 0 none black;
}

/* emphasis */

.a-bold ,
p.a-bold {
	font-weight: bold;
}

.a-big ,
p.a-big {
	font-size: 1.5em;
	font-weight: bold;
	background: #FFEB3B;
	background: linear-gradient(transparent 70%, #FFEB3B 30%) repeat scroll 0% 0% transparent;
}
.a-big0 ,
p.a-big0 {
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 0.3em;
}

.a-big1 ,
p.a-big1 {
	font-size: 24px;
	font-weight: bold;
}

.a-big2 ,
p.a-big2 {
	font-size: 30px;
	font-weight: bold;
}

.a-big3 ,
p.a-big3 {
	font-size: 36px;
	font-weight: bold;
}

.a-center ,
p.a-center {
	text-align: center;
}

.a-marker ,
p.a-marker {
	background: #FFEB3B;
	background: linear-gradient(transparent 70%, #FFEB3B 30%) repeat scroll 0% 0% transparent;
}

.a-red ,
p.a-red {
	color: #c00;
}

.a-underline ,
p.a-underline {
	text-decoration: underline;
}
p .small{
	font-size: small;
}
@media(max-width: 768px) {
	.a-big ,
	p.a-big {
		font-size: 1.3em;
		font-weight: bold;
		background: #FFEB3B;
		background: linear-gradient(transparent 70%, #FFEB3B 30%) repeat scroll 0% 0% transparent;
	}
	.a-big0 ,
	p.a-big0 {
		font-size: 14px;
	}

	.a-big1 ,
	p.a-big1 {
		font-size: 19px;
	}

	.a-big2 ,
	p.a-big2 {
		font-size: 21px;
	}

	.a-big3 ,
	p.a-big3 {
		font-size: 31px;
	}
}

.btn:hover{
	width: 99%;
	opacity: 0.7;
	animation: btn 1s;
}
@keyframes btn{
	0%{
		opacity: 0.3;
	}
	100%{
		opacity: 1;
	}
}

.payment{
	background-color:#faf7f0;
}
@media(max-width: 768px) {
	.payment{
		padding: 0 10px;
	}
}
/* btn */

.shiny-btn1 {
    display: block;
    position: relative;
    overflow: hidden;
}
.shiny-btn1:hover {
    text-decoration: none;
    color: #fff;
}
.shiny-btn1::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*flexbox*/
*{
	box-sizing: border-box;
  }
 #flexbox1{
   display:flex; 
   flex-wrap: wrap;
   width: 100%;
   height:auto;
   padding:0px;
   max-width: 800px;
   margin: 0 auto;
 }

 .box-item1{
	width: 33%;
	text-align: center;
  }

 #flexbox{
   display:flex; 
   flex-wrap: wrap;
   background:#ffffff;
   width: 100%;
   height:auto;
   max-width: 800px;
   margin: 0 auto;
 }
 #flexbox img:hover{
	 opacity: 0.8;
	 width: 99%;
 }
 .box-item{
   width: 48.5%;
   border: 3px solid #ffffff;
   text-align: center;
   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
   box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
   margin: 0.1em;
   padding-top: 0.5em;
   padding-bottom: 0.3em;
 } 

  /* text */

.text_center {
	margin: 40px auto;
	padding: 40px 40px 50px 40px;
	background: #f2eee6;
	line-height: 170%;
	font-feature-settings: "palt";
}
.text_center p {
	text-align: center;
	font-feature-settings: "palt";
}
.text_center2 {
	margin: 0px auto 40px auto;
	padding: 40px 40px 50px 40px;
	line-height: 170%;
	font-feature-settings: "palt";
	border: 2px solid #e7b738;
	background-color: #faf7f0;
}
.text_center2 p {
	text-align: center;
	font-feature-settings: "palt";
}

.text_center3 {
	margin: 0px auto 40px auto;
	padding: 40px 40px 50px 40px;
	line-height: 170%;
	font-feature-settings: "palt";
	background-color: #ffffff;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .3);
}
.text_center3 p {
	text-align: center;
	font-feature-settings: "palt";
}
.text_left {
	margin: 40px auto;
	padding: 40px 40px 50px 40px;
	text-align: justify;
	line-height: 170%;
	font-feature-settings: "palt";
}
.text_left p {
	text-align: left;
	font-feature-settings: "palt";
	text-align: justify;
}

.text_left2 {
	margin: 20px auto;
	padding: 30px 40px 20px 40px;
	text-align: justify;
	line-height: 170%;
	border: #ccc 1px solid;
	background-color: #f0f0f0;
	font-feature-settings: "palt";
	font-size: 70%;
}
.text_left2 p {
	text-align: left;
	font-feature-settings: "palt";
	text-align: justify;
}
@media(max-width: 768px) {
	.text_center {
		margin: 10px auto;
		padding: 20px 10px 15px 10px;
	}
	.text_center2 {
		margin: 0px auto 10px auto;
		padding: 10px 10px 15px 10px;
	}
	.text_center3 {
		margin: 0px auto 10px auto;
		padding: 10px 10px 15px 10px;
	}
	.text_left {
		margin: 10px auto;
		padding: 10px 10px 15px 10px;
	}
	.text_left2 {
		margin: 10px auto;
		padding: 20px 10px 15px 10px;
	}
}
  
   .col {
	  width: 100%;
	  margin: 2em auto;
	  text-align: center;
  }
  .col2 {
	border: solid 2px #f2eee6;
	padding: 0.3em;
	display: block;
	font-weight: normal;
	text-align: center;
	}

	@media(max-width: 768px) {
		.col {
			margin: 1em auto;
		}
	}
  /* accordion */
  
  .accordion {
	margin: 1em auto;
	max-width: 700px;
	}

	.toggle {
	display: none;
	}
	.option {
	position: relative;
	margin-bottom: 1em;
	}
	.title,
	.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
	}
	.title {
	padding: 1em;
	display: block;
	font-weight: normal;
	text-align: center;
	cursor :pointer;
	background-color: #666;
	color: #ffffff;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
	}
	.title:hover{
		background-color: #ffffff;
		color: #e7b738;
		font-weight: bold;
	}
	.title::after,
	.title::before {
	content: "";
	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.75em;
	background-color: #ffffff;
	transition: all 0.3s;
	}
	.title::after {
	transform: rotate(90deg);
	}
	.content {
	max-height: 0;
	overflow: hidden;
	border-bottom: solid 1.5px #f2eee6;
	border-right: solid 1.5px #f2eee6;
	border-left: solid 1.5px #f2eee6;
	background-color: #ffffff;
	}
	.content p {
	margin: 0;
	padding: 0.5em 1em 1em;
	font-size: 0.9em;
	line-height: 1.5;
	text-align: left;
	}
	.content2 {
		max-height: 0;
		overflow: hidden;
		background-color: #f0f0f0;
		}
		.content2 p {
		margin: 0;
		padding: 0.5em 1em 1em;
		font-size: 0.9em;
		line-height: 1.5;
		text-align: left;
		}
	.toggle:checked + .title + .content {
	max-height: 1200px;
	transition: all 1.5s;
	}
	.toggle:checked + .title::before {
	transform: rotate(90deg) !important;
	}

	.title2 {
		background-color: #e7b738;
		color: #ffffff;
		padding: 1em 2em 1em 1em;
		display: block;
		text-align: left;
		cursor :pointer;
		}
		.title2:hover{
			color: #e7b738;
			background-color: #f2eee6;
			font-weight: bold;
		}
		.title2::after,
		.title2::before {
		content: "";
		position: absolute;
		right: 1.25em;
		top: 1.25em;
		width: 2px;
		height: 0.75em;
		background-color: #ffffff;
		transition: all 0.3s;
		}
		.title2::after {
		transform: rotate(90deg);
		}
		.toggle:checked + .title2 + .content2 {
		max-height: 1200px;
		transition: all 1.5s;
		}
		.toggle:checked + .title2::before {
		transform: rotate(90deg) !important;
		}

		.qa img{
			width: 3%;
			float: left;
			margin-right: 1em;
		}
		@media screen and (max-width: 600px) {
			.qa img{
				width: 6%;
			}
			}

	hr{
		margin: 2em auto;
	}
	@media screen and (max-width: 600px) {
		hr{
			margin: 1em auto;
		}
		}

  /* list */
	ol {
		counter-reset:number; 
		list-style-type: none!important; 
		padding:0.5em;
		background: #f2eee6;
		font-feature-settings: "palt";
	  }
	  ol li {
		position: relative;
		padding-left: 50px;
		line-height: 1.5em;
		padding: 0.5em 0.5em 0.5em 50px;
		font-feature-settings: "palt";
	  }
	  
	  ol li:before{
		position: absolute;
		counter-increment: number;
		content: counter(number);
		display:inline-block;
		background: #a8762f;
		color: white;
		font-family: 'Avenir','Arial Black','Arial',sans-serif;
		font-weight:bold;
		font-size: 15px;
		border-radius: 50%;
		left: 10px;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	  }
.pc_list{
	max-width: 600px;
	margin: 0 auto;
}
  /* iframe */
	  iframe{
		  width: 100%;
		  margin: 0 auto;
	  }

.pc_br{
	display: block;
}
.sp_br{
	display: none;
}
@media screen and (max-width: 600px) {
	.pc_br{
		display: none;
	}
	.sp_br{
		display: block;
	}
	}