@charset "utf-8";
/* CSS Document */
/* pc */
@font-face { 
/*	font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"), local("YuGothic-Medium");*/
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
/* @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Bold")  , local("YuGothic-Bold") ; font-weight: bold; } */
body { /* font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif; */
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
position:relative;}
.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* header  */
header {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 1em;
	padding: 0.5em 0 0.3em 0;
	clear: both;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}
#header {
	display: block;
	width: 1000px;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 0 0;
}
#header .logo {
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#header .lead {
	float: right;
	font-size: 0.7em;
	line-height: 2.5em;
	vertical-align:bottom;
}
/* headnav */
#headnav {}
/* first  */
#first {
	display: block;
	width: 1000px;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	clear: both;
	box-sizing: border-box;
}

#first h1 {
	display: block;
	width: 100%;
	text-align: center;
}

#first h1 .serif {
	display: block;
}
#first h1 img {
	display: block;
	width:1000px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#first h1 .copy {
	display: block;
	font-size: 0.9em;
	margin: 0.5em auto 0;
	line-height: 1.2em;
}
#first2 .recommend {
	disply:block;
	width: 75%;
	margin: 1em auto 0;
	padding: 0.7em 1em 0.7em 1em;
	box-sizing: border-box;
	border: 2px solid #D954AB;
	border-radius: 8px;
}
#first2 h2 {
	display: block;
	width: 100%;
}
#first2 .recommend h2 {
	display: block;
	color:#E662C4;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#first2 .recommend dl {
	display: block;
	margin: 0 auto 0;
	padding: 0 0 0 0;
}
#first2 .recommend dt:first-of-type {
	margin-top: 0;
}
#first2 .recommend dt {
	display: block;
	margin: 0.5em 0 0 0;
	font-weight: bold;
	font-size: 1.1em;
	color:#772FD6;
}
#first2 .recommend dd {
	font-size: 0.9em;
}
/*
#first .recommend ul {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0.5em;
	font-size: 1.2em;
	color:#772FD6;
}
#first .recommend li {
	width: 100%;
	list-style: none;
}
#first .recommend li:before {
	content:"●";
	margin-right: 0.3em;
} */
#first p {
	display: block;
	margin: 1em auto 0;
	padding: 0 0 0 0;
	line-height: 1.8em;
	font-size: 1em;
}
/* bottomlink */
#bottomlink {
	display: block;
	width: 1000px;
	margin: 2em auto 2em;
	padding: 0 0 0 0;
}
#bottomlink img {
	display: block;
	width: 100%;
	height: auto;
}
/* footer */
footer {
	clear: both;
	display: block;
	bottom:0;
	background-color: #333333;
	width: 100%;
	height: auto;
	margin: 1em auto 0!important;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
#footnavi {
	display: block;
	width: 100%!important;
	margin: 0 auto 0em!important;
	padding: 0 0 0 0;
	background-color: #444444;
/*	border-bottom: 1px solid #222222; */
}
#footnavi ul {
	width: 1000px!important;
	margin: 0 auto 0em auto;
	padding: 0.2em 0 0 0;
	box-sizing: border-box;
	text-align: center;
}
#footnavi li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 3em 0.5em 0;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 0.8em;
}
#footnavi li:last-child {
	margin: 0 0 0 0;
}
#footnavi a {
	color: #9fcfc4;
	text-decoration: none;
	border-bottom: 1px dotted #4f7f74;
}
#footnavi a:hover {
	color: #ffb6c1;
	border-color: #af6671;
}
#footnavi a:hover:before {
	content:"\025b6";
	margin-left: -1em;
}

#copyright {
	display: block;
	width: 1000px;
	color: #999999;
	margin: 0.5em auto 0em;
	padding: 0 0 0.5em 0;
	text-align: center;
	font-size: 0.8em;
}
/* section#features
------------------------- */
#features {
	display: block;
	width: 1000px;
	margin: 1em auto 0;
	padding: 0 0 0 0;
}
#features .photo01 {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
}
#features .photo02 {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	float: left;
}
#features .photo02 img {
	width: 100%;
	height: auto;
}
#features .photo02 p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #555588;
}
#features .photo03 {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	float: right;
}
#features .photo03 img {
	width: 100%;
	height: auto;
}
#features .photo03 p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #555588;
}
#features .photo04 {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
}
#features .photo04 img {
	width: 100%;
	height: auto;
}
#features .photo04 p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #555588;
}
#features .photo05 {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
}
#features .photo05 img {
	width: 100%;
	height: auto;
}
#features .photo05 p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #555588;
}
#features h3 {
	
}
#features h3 strong {
	display: block;
	margin: 1em 0 0 0;
	padding: 0 0 0 0.5em;
	box-sizing: border-box;
	color:#0040FF;
	border-left: 4px solid #1765FF;
	border-bottom: 1px solid #1765FF;
}
#features h3 span {
	display: block;
}

#features .serif {
	line-height: 1.2em;
	padding:0.2em 0.2em 0 0.2em;
	text-align: left;
	background-color:#5792ff;
	color: #ffffff;
	font-size: 0.95em;
}
#features p {
	display: block;
	width: 95%;
	margin: 1em auto 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 0.95em;
}
#features p.strong {
	display: block;
	width: 98%;
	margin: 0.5em auto 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 1.1em;
	color:#5345AB;
}
/* 執筆者 */
#features .author {
	display: block;
	width: 95%;
	margin: 1em auto 0;
	padding: 0.5em 0  0.5em 0;
	border: 1px solid #41B19A;
	border-radius: 4px;
	background-color: #F3FDE9;
}
#features .author h4 {
	display: block;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 1.2em;
	color: #41B19A;
}
#features .author p {
	display: block;
	width: 95%;
	margin: 0.3em auto 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 0.95em;
}
/* //執筆者 */
#features ul {
	display: block;
	width: 95%;
	margin: 1em auto 0;
	padding: 0 0.5em 0 0;
	font-size: 0.95em;
}
#features li {
	width: 100%;
	list-style: none;
	margin-left: 1em;
}
#features  li:before {
	content:"●";
	margin-left: -1em;
	margin-right: 0.5em;
}
#features div.column {
	border:1px solid #9C4343;
	border-radius: 4px;
	width: 100%;
	margin: 1em auto 0;
	padding: 0.5em 1em;
	color: #9C4343;
	font-size: 0.95em;
}
#features div.column strong {
	display: block;
}
#features div.column2 {
	border:1px solid #90578C;
	border-radius: 4px;
	width: 100%;
	margin: 1em auto 0;
	padding: 0.5em 1em;
	color: #90578C;
	background-color: #fcf4f8;
	font-size: 0.95em;
}
#features div.column2 strong {
	display: block;
}
#features div.column2 h3 {
	display: block;
	margin: 0.5em auto 0.2em;
	line-height: 1.2em;
}
div.column2 strong {
	display: block;
	margin: 0.5em auto 0.5em;
	font-size: 1.4em;
}
#features div.column2 p {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 1em;
	float: right;
	width: calc( 100% - 160px );
}
#features div.column2 img {
	display: block;
	width: 150px;
	height: auto;
	float: left;
}
#features .curriculum {
	box-sizing: border-box;
	width: 95%;
	margin: 1em auto 0;
	padding: 0 0 0 0;
	border:1px solid #C9196D;
	border-radius: 4px;
}
#features .curriculum .textsample {
	display: block;
	width: 95%;
	margin: 0 auto 0.5em;
	padding: 0 0 0 0;
}
.curriculum .textsample img {
	display: inline-block;
	width: 50%;
	height: auto;
}
#features .curriculum h4 {
	display: block;
	margin: 0.5em 0 0 0;
	font-size: 1.2em;
	text-align: center;
	color: #C9196D;
}
.curriculum ol {
	display: block;
	width: 100%;
	margin: 0.5em auto 0;
	padding: 0 0 0 0!important;
	list-style: none;
	box-sizing: border-box;
}
.curriculum li {
	display: inline-block;
	width: 50%!important;
	margin: 0 0 0.5em 0!important;
	padding: 0 0 0 0;
	box-sizing: border-box;
	list-style: none;
	margin-left: 0;
	float: left;
}
.curriculum li:before {
	content:none!important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


dl.cdetail{
	margin: 0 0 0 0!important;
	padding: 0 0 0 0!important;
	box-sizing: border-box!important;
	list-style: none!important;
}
.cdetail dt {
	display: block;
	font-weight: bold;
	width: 100%;
	margin: 0 0 0.5em 0;
	padding: 0.2em 0 0 0.5em;
/*	min-height: 3.2em; */
	line-height: 1.4em;
	border:2px solid #ffffff;
	background-color: #F9DCDC;
	color:#68392b;
}
.cdetail dt span {
	display: block;
	font-weight: normal;
	padding-left: 1.75em;
}
.cdetail dt span.bold {
	font-weight: bold;
}
.cdetail dd {
	color:#68392B;
	margin: 0 0 0.5em 0;
	padding: 0em 1em 0 1em;
	font-size: 0.95em;
	line-height: 1.2em;
}
.cdetail dd:before {
	content:"◇";
	margin-right: 0.3em;
}
.cdetail dd span {
	display: block;
	font-size: 0.9em;
	margin-bottom: 0.3em;
	padding-left: 1em;
}
#features ol.curriculum2 {
	display: block;
	width: 90%;
	margin: 0 auto 0;
	padding: 0 0 0 0;	
}
#features .curriculum2 li {
	width: 100%;
	list-style: none;
	margin: 1em 0 0 0.5em;
}
.curriculum2 strong {
	color:#9F2D2D;
}
#features .curriculum2 li:before {
	content:"●";
	margin-left: -1em;
	margin-right: 0.5em;
	color:#9F2D2D;
}
/* 内容量にばらつきがある場合のcurriculum3枠 */
#features .curriculum3 {
	box-sizing: border-box;
	width: 95%;
	margin: 1em auto 0;
	padding: 0 0 0 0;
	border:1px solid #C9196D;
	border-radius: 4px;
}
#features .curriculum3 h4 {
	display: block;
	margin: 0.5em 0 0 0;
	font-size: 1.2em;
	text-align: center;
	color: #C9196D;
}
.cdetail2 {
	box-sizing: border-box;
	margin-bottom: 0.5em;
}
.cdetail2 dt {
	display: block;
	width: 100%;
	margin: 0.5em 0 0.5em 0;
	padding: 0.1em 1em 0 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #68392B;
	background-color: #F9DCDC;
	box-sizing: border-box;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
.cdetail2 dd {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 1em 0 1em;
	font-size: 0.95em;
	color: #68392B;
}
.cdetail2 dd:before {
	content:"◇";
	margin-right: 0.3em;
}

#features .attention {
	font-size: 0.9em;
}
#features .attention dt {
	font-weight: bold;
	font-size: 1.2em;
}
#features .attention dt:before {
	content:"【";
}
#features .attention dt:after {
	content:"】";
}
#features .attention dd {
	margin: 0.5em 0 0 1em;
	line-height: 1.4em;
}
#features .attention dd:before {
	content: "●";
	margin-right: 0.4em;
	margin-left: -1em;
}
.attention dd ul {
	display: block;
	width: 100%;
	margin: 0 0 0 0!important;
	padding: 0 0 0 2em!important;
	font-size: 0.9em;
}
.attention ul li {
	list-style: none;
	display: block;
	margin: 0 0 0 0!important;
	padding: 0 0 0 0!important;
}
.attention ul li:before {
	content: "○"!important;
}
/* 教材 */
#material {
	display: block;
	margin: 1em auto 0;
	padding: 0 0.5em 0.5em 0.6em;
	border: 2px solid #5176B9;
	border-radius: 4px;
}
#material img {
	display: block;
	float: right;
	width: 280px;
	height: auto;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0 0;
}
#material dl {
	display: block;
	float: left;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	width: 686px;
	height: auto;
}

#material dt {
	display: block;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0.5em;
	line-height: 2em;
	background-color: #5176B9;
	color: #ffffff;
	font-weight: bold;
}
#material dt span {
	font-weight: normal;
	font-size: 0.85em;
	margin-left: 1em;
}
#material dd {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
}

#material dd.mat01:before {
	content:"●";
	margin-right: 0.5em;
}

/* section#fee
------------------------- */
#fee {
	display: block;
	width: 1000px;
	margin: 1.8em auto 0;
	padding: 0 0 0 0;
}
#fee div.column3 {
	display: block;
	width: 100%;
	margin: 2em auto 0;
	padding: 0.5em;
	line-height: 1.5em;
	border:1px solid blue; /* 仮 */
	border-radius: 4px;
	font-size: 0.95em;
}
#fee .column3 h5 {
	font-size:1.2em;
}
#fee .column3 ul {
	list-style: none;
	font-size: 0.9em;
}
#fee .column3 li {
	display: block;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 1.5em;
	line-height: 1.4em;
}
#fee .column3 li:before {
	content:"※";
	margin-left: -1.2em;
	margin-right: 0.2em;
}
#fee .column3 li span {
	display: block;
}
.fee {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 0 0 0 0;
	box-sizing: border-box;
	border:3px solid blue; /* 仮 */
	border-radius: 4px;
}
.fee dl {
	display: block;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
}
.fee dt {
	display: block;
	width: 30%;
	margin: 0.3em 0 0 0;
	padding: 0 0 0 0.5em;
	font-weight: bold;
	line-height: 1.2em;
	border-right: 1px solid blue; /* 仮 */
	float: left;
}
.fee dt span {
	display: block;
	font-weight: normal;
	font-size: 0.8em;
	color:#666666; /* 仮 */
}
.fee dd {
	width: 70%;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
	line-height: 1.5em;
	vertical-align: middle!important;
	float: right;
}
.fee dd span {
	margin-right: 1em;
}
.fee dd:first-of-type {
	border-bottom: 1px dotted blue;
}
.fee dd:last-of-type {
}
/* section#features
------------------------- */
#form {
	display: block;
	margin: 2em auto 0;
	padding: 0.5em 0 1.5em;
	background-color: #eeeeeb;
}
.form {
	
}
.order {
	display: block;
	width: 700px;
	margin: 1em auto 0;
	padding: 0.5em 0 0 0;
	background-color: #1e643d;
	border-radius: 6px;
	border-left: 12px solid #6a8876;
	border-right: 12px solid #6a8876;
}
.order h3 {
	display: block;
	margin: 0 auto 0;
	padding: 0.5em 0 0 0;
	font-size: 2em;
	letter-spacing: 0.2em;
	line-height: normal;
	text-align: center;
	color: #ecbdc0;
}

#form input {
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 1.5em 0;
}
.notice {
	display: block;
	width: 1000px;
	margin: 1.5em auto 0;
	padding: 0 0 0 0;
}
.notice a {
	display: block;
	width: 400px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.notice p {
	display: block;
	margin: 1.5em auto 0;
	padding: 0.5em 1em;
	width: 700px;
	font-size: 0.8em;
	border-radius: 6px;
	border: 1px solid #aaaaaa;
}
#form div.column4 {
	display: block;
	width: 1000px;
	margin: 1.5em auto 0;
	padding: 0.8em 0.5em 1em 0.5em;
	line-height: 1.5em;
	border:3px double green; /* 仮 */
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 0.95em;
}
#form .column4 h5 {
	font-size: 1.2em;
	display: block;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#form .column4 strong {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0;
}
#form .column4 strong:before {
	content:"＞";
	margin-left: 1em;
}
#form .column4 p {
	display: block;
	width: 98%;
	margin: 0.5em auto 0;
	padding: 0 0 0 1em;
	font-size: 0.95em;
	line-height: 1.4em;
}
#form .column4 p:before {
	content:"＊";
	margin-left: -1em;
}

.column5 {
	display: block;
	margin: 1em auto 0;
	box-sizing: border-box;
}
.column5 h4 {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0.2em 0.5em 0 0.5em;
	background-color: #1765FF;
	color: #ffffff;
	font-size: 1.2em;
	border-radius: 6px 6px 0 0;
}
.column5 strong {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	color: #1765FF;
}
.column5innner {
	display: block;
	margin: 0 0 0 0;
	padding: 0.5em 1em;
	border:3px solid #1765FF;
	border-radius: 0 4px 4px 4px;
	box-sizing: border-box;
}
.column5 p {
	display: block;
	margin: 0 0 0 0!important;
	padding: 0 0 0 0;
	color:red;
	font-size: 0.8em;
	line-height: 1.2em;
}
.column5 dl {
	display: block;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0;
}
.column5 dt {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
.column5 dt:before {
	content:"●";
}
.column5 dt:after {
	content:"：";
}
.column5 dd {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

address {
	display: block;
	width: 60%;
	margin: 2em auto 0;
	padding: 0.5em;
	font-style: normal;
	border: 1px solid #cccccc; /* 仮 */
}
address strong {
	display: block;
	font-size: 1.4em;
	text-align: center;
}
address p {
	display: block;
	width: 90%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
}
address span {
	font-size: 0.8em;
	margin-left: 1em;
}
/* 見出し追加 */
#recommend2 {
    display: block;
    width: 100%;
    height: auto;
    margin: 1em auto 0;
}
#recommend2 dl.list1 {
    width: 100%;
    margin: 0 auto 0;    
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
#recommend2 .list1 dt {
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
    margin-bottom: 1.5em;
}
#recommend2 .list1 dt img {
    display: block;
    width: 100%;
    height: auto;
}
#recommend2 .list1 dd {
    width: 33.3%;
    max-width: 33.3%;
    margin-bottom: 0.5em;
    font-size: 2em;
    line-height: 1.5em;
    padding: 0 0 0 2.5em;
    background-image:url("../../img/img_check.svg");
    background-position: 0.5em 0em;
	-webkit-flex: 0 1 33.3%;
	-ms-flex: 0 1 33.3%;
	flex: 0 1 33.3%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
#recommend2 .list1 dd span {
    float: right;
    padding-right: 1em;
}
#recommend2 .list2 {
    display: block;
    width: 1000px;
    margin: 1em auto 0;
    padding: 0 1em 1.5em;
    border: 1px solid #23A664;
    border-radius: 8px;
}
#recommend2 .list2 dt {
    display: block;
    margin: 1em auto 0;
    font-size: 1.3em;
    font-weight: bold;
    color: #23A664;
}
#recommend2 .list2 dt span {
    display: inline-block;
    width: 1em;
    text-align: center;
    color: #FFFFFF;
    background-color: #23A664;
    margin-right: 0.3em;
    
}
#recommend2 .list2 dd {
    padding: 0.2em 0 0 2em;
}
#fee .column3 .payment ul {
    list-style: none;
    font-size: 1em!important;
    margin: 0 0 0.5em 0;
}
#fee .column3 .payment ul li:before {
	content:"●"!important;
	margin-left: -1.2em;
	margin-right: 0.2em;
}
#fee .column3 li .address1 {
    display: block;
    margin: 0.5em 0 0.5em 0;
    line-height: 1.5em;
    font-size: 1.1em;
}
.address1 p {
    display: block;
    padding: 0 0 0 1em;
}
.list3 {
    display: block;
    width: 1000px;
    margin: 0 auto 2em;
    padding: 0 0 0 0;
    border: 1px solid #ED6300;
    border-radius: 0px 0px 8px 8px;
}
.list3 dt:first-child {
    margin-top: 1em;
}
.list3 dt {
    font-weight: bold;
    font-size: 1.6em;
    color: #ED6300;
    text-align: center;
}
.list3 dd {
    margin: 1em auto 2em 0;
    padding: 0 1.5em 0;
    line-height: 2em;
}
.designers {
    display: block;
    width: 1000px;
    margin: 1.5em auto 0;
    padding: 0.25em 0 0.25em 0;
    background-color: #ED6300;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.2em;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
}
.designers span {
    display: block;
    font-weight: normal;
    font-size: 90%;
    letter-spacing: normal;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gotop {
    display: block;
    margin: 0 auto 1em;
    text-align: center;
}
.gotop a {
    display: inline-block;
    font-size: 1.2em;
    text-decoration: none;
    padding: 0.5em 1em 0.5em;
    border-radius: 4px;
    border: 1px solid #aaaaaa;
    color: #2322CF;
}
.gotop a:before {
    content: "\025c0";
}
.gotop a:hover {
    background-color: #FFDCDD;
    color: #D84F51;
}
/* -----------------------------------------------
tab ヘッダフッタ調整程度
--------------------------------------------------*/
@media screen and (max-width: 1024px) {
body { font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif;}
.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* header  */
header {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 1em;
	padding: 0.5em 0 0.3em 0;
	clear: both;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}
#header {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0.5em 0 0.5em;
	box-sizing: border-box;
}
#header .logo {
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#header .lead {
	float: right;
	font-size: 0.7em;
	line-height: 2.5em;
	vertical-align:bottom;
}
/* first  */
#first {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	clear: both;
	box-sizing: border-box;
}
#first h1 .serif {
	display: block;
}
#first h1 img {
	display: block;
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#first h1 .copy {
	display: block;
	font-size: 0.9em;
	margin: 0.5em auto 0;
	line-height: 1.2em;
}
#first p {
	display: block;
	width: 95%;
}
/* section#features
------------------------- */
#features {
	display: block;
	width: 98%;
	margin: 1em auto 0;
	padding: 0 0 0 0;
}
#features .photo02 {
	display: block;
	width: 50%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	float: left;
}
#features .photo03 {
	display: block;
	width: 50%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	float: right;
}
	#features li {
	width: 100%;
	list-style: none;
	margin-left: 1em;
}
#features  li:before {
	content:"●";
	margin-left: -1em;
	margin-right: 0em;
}
/* 教材 */
#material {
	display: block;
	margin: 1em auto 0;
	padding: 0 0.5em 0.5em 0.6em;
	border: 2px solid #5176B9;
	border-radius: 4px;	
}

#material dl {
	display: block;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	width: calc( 100% - 290px );
	font-size: 0.95em;

}

#material dt {
	display: block;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0.5em;
	line-height: 2em;
	background-color: #5176B9;
	color: #ffffff;
	font-weight: bold;
}
#material dt span {
	font-weight: normal;
	font-size: 0.85em;
	margin-left: 1em;
}
#material dd {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
}
#material dd.mat01:before {
	content:"●";
	margin-right: 0.5em;
}
/* section#fee
------------------------- */
#fee {
	display: block;
	width: 98%;
	margin: 1.8em auto 0;
	padding: 0 0 0 0;
}
/* section#features
------------------------- */
#form div.column4 {
	display: block;
	width: 98%;
	margin: 1.5em auto 0;
	padding: 0.8em 0.5em 1em 0.5em;
	line-height: 1.5em;
	font-size: 0.9em;
	border:3px double green; /* 仮 */
	border-radius: 4px;
	box-sizing: border-box;
}
/* bottomlink */
#bottomlink {
	display: block;
	width: 98%;
	margin: 1em auto 1em;
	padding: 0 0 0 0;
}
/* 見出し追加 */
#recommend2 {
    display: block;
    width: 95%;
    height: auto;
    margin: 1em auto 0;
}

#recommend2 .list2 {
    display: block;
    width: 100%!important;
}
#recommend2 .list2 dt {
    font-size: 1.2em;
}
.list3 {
    display: block;
    width: 95%;
    margin: 0 auto 2em;
    padding: 0 0 0 0;
}
.designers {
    display: block;
    width: 95%;
    margin: 1.5em auto 0;
    padding: 0.25em 0 0.25em 0;
    background-color: #ED6300;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.2em;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
}
}
/* -----------------------------------------------
tab2
--------------------------------------------------*/

@media screen and (max-width: 960px) {
body { font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif;}
.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* header  */
header {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0em;
	padding: 0.5em 0.5em 0.75em 0.5em;
	clear: both;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}
#header {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
	
#header h1 {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1px;
	}
#header .logo {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#header .lead {
	display: block;
	width: 100%;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* first  */
#first {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	clear: both;
	box-sizing: border-box;
}
#first h1 {
	display: block;
	width: 100%;
	font-size: 1.2em;
	text-align: left;
}
#first h1 .serif {
	display: block;
	padding: 0 0 0 0.5em;
}
#first h1 .copy {
	display: block;
	font-size: 1em;
	margin: 0.5em auto 0;
	padding: 0 0.5em 0;
	line-height: 1.4em;
	text-align: left;
}

#first2 .recommend {
	disply:block;
	width: 80%;
	margin: 1em auto 0;
	padding: 0.7em 1em 0.7em 1em;
	box-sizing: border-box;
	border: 2px solid #D954AB;
	border-radius: 8px;
}
/*
#first .recommend h2 {
	font-size: 1.2em;
}
#first .recommend ul {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0.5em;
	font-size: 1em;
}
#first .recommend li {
	width: 100%;
	list-style: none;
}
#first .recommend li:before {
	content:"●";
	margin-right: 0.3em;
}　*/
#first p {
	display: block;
	margin: 0.5em auto 0;
	padding: 0 0 0 0;
	line-height: 1.8em;
	font-size: 1em;
}
/* section#features
------------------------- */
#features {
	display: block;
	width: 95%;
	margin: 1em auto 0;
	padding: 0 0 0 0;
}
#features .photo01 {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
#features h3 {
	
}
#features h3 strong {
	display: block;
	margin: 1em 0 0 0;
	padding: 0 0 0 0.5em;
	box-sizing: border-box;
	color:#0040FF;
	border-left: 4px solid #1765FF;
	border-bottom: 1px solid #1765FF;
}
#features h3 span {
	display: block;
}

#features .serif {
	line-height: 1.2em;
	padding:0.2em 0.2em 0.1em 0.2em;
	text-align: left;
	background-color:#5792ff;
	color: #ffffff;
	font-size: 0.80em;
}
#features .serif span {
/*	display: block; */
}
#features p {
	display: block;
	width: 95%;
	margin: 1em auto 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 0.95em;
}
#features p.strong {
	display: block;
	width: 98%;
	margin: 0.5em auto 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 1.1em;
	color:#5345AB;
}

#features .curriculum {
	box-sizing: border-box;
	width: 85%;
	margin: 1em auto 0;
	padding: 0 0 0 0;
	border:1px solid #C9196D;
	border-radius: 4px;
}
#features .curriculum h4 {
	display: block;
	margin: 0.5em 0 0 0;
	font-size: 1.2em;
	text-align: center;
}
.curriculum ol {
	display: block;
	width: 100%;
	margin: 0.5em auto 0;
	padding: 0 0 0 0!important;
	list-style: none;
	box-sizing: border-box;
}
.curriculum li {
	display: inline-block;
	width: 100%!important;
	margin: 0 0 0.5em 0!important;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	margin-left: 0;
	float: left;
}
.curriculum li:before {
	content:none!important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#features .curriculum img {
	display: block;
	width: 100%;
	height: auto;
}
dl.cdetail{
	margin: 0 0 0 0!important;
	padding: 0 0 0 0!important;
	box-sizing: border-box!important;
	list-style: none!important;
}
.cdetail dt{
	display: block;
	font-weight: bold;
	width: 100%;
	margin: 0 0 0.5em 0;
	padding: 0.2em 0 0 0.5em;
/*	min-height: 3.2em; */
	line-height: 1.4em;
	border:2px solid #ffffff;
	background-color: #F9DCDC;
	color:#68392b;
}
.cdetail dt span {
	display: block;
	font-weight: normal;
	padding-left: 1.75em;
}
.cdetail dt span.bold {
	font-weight: bold;
}
.cdetail dd {
	color:#68392B;
	margin: 0 0 0.5em 0;
	padding: 0em 1em 0 1em;
	font-size: 0.95em;
}
.cdetail dd:before {
	content:"◇";
	margin-right: 0.3em;
}

/* 教材 */
#material {
	display: block;
	width: 100%;
	margin: 1em auto 0;
	padding: 0 0.5em 0.5em 0.6em;
	border: 2px solid #5176B9;
	border-radius: 4px;	
}
#material img {
	display: block;
	float: none;
	width: auto;
	max-width: 98%;
	height: auto;
	margin: 0.5em auto 0;
	padding: 0 0 0 0 0;
}
#material dl {
	display: block;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}

#material dt {
	display: block;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0.5em;
	line-height: 2em;
	background-color: #5176B9;
	color: #ffffff;
	font-weight: bold;
}
#material dt span {
	font-weight: normal;
	font-size: 0.85em;
	margin-left: 1em;
}
#material dd {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
}
#material dd.mat01:before {
	content:"●";
	margin-right: 0.5em;
}

/* section#fee
------------------------- */
#fee {
	display: block;
	width: 95%;
	margin: 1.8em auto 0;
	padding: 0 0 0 0;
}


.fee {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 0 0 0 0;
	box-sizing: border-box;
	border:3px solid blue; /* 仮 */
	border-radius: 4px;
}
.fee dl {
	display: block;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
}
.fee dt {
	display: block;
	width:100%;
	margin: 0.3em 0 0 0;
	padding: 0 0 0 0.5em;
	font-weight: bold;
	line-height: 1.2em;
	border-bottom:3px double blue;
	border-right: none; /* 仮 */
	float: none;
}
.fee dt span {
	display: inline;
	font-weight: normal;
	font-size: 0.8em;
	margin-left: 1em;
	color:#666666; /* 仮 */
}
.fee dd {
	width: 100%;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
	line-height: 1.5em;
	vertical-align: middle!important;
	float: none;
}
.fee dd span {
	display: block;
}
.fee dd:first-of-type {
	border-bottom: 1px dotted blue;
}
.fee dd:last-of-type {
}

address {
	display: block;
	width: 80%;
	margin: 2em auto 0;
	padding: 0.5em;
	font-style: normal;
	border: 1px solid #cccccc; /* 仮 */
}
address strong {
	display: block;
	font-size: 1.4em;
	text-align: left;
}

address p {
	display: block;
	width: 100%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
}
address span {
	display: block;
	font-size: 0.8em;
	margin-left: 0em;
}
address strong span {
	font-size: 1em;
	margin-left: 0em;
	display: block!important;
}
/* section#features
------------------------- */
#form {
	display: block;
	width: 100%;
	margin: 2em auto 0;
	padding: 0.5em 0 1.5em;
	background-color: #eeeeeb;
}
.form {
	
}
.order {
	display: block;
	width: 90%;
	margin: 1em auto 0;
	padding: 1em 0 0 0;
	background-color: #1e643d;
	border-radius: 6px;
	border-left: 12px solid #6a8876;
	border-right: 12px solid #6a8876;
}
.order h3 {
	display: block;
	margin: 0 auto 0;
	padding: 0.5em 0 0 0;
	font-size: 1.7em;
	letter-spacing: 0.2em;
	line-height: normal;
	text-align: center;
	color: #ecbdc0;
}

#form input {
	display: block;
	width: 95%;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 1.5em 0;
}
.notice {
	display: block;
	width: 100%;
	margin: 1.5em auto 0;
	padding: 0 0 0 0;
}
.notice img {
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.notice p {
	display: block;
	margin: 1.5em auto 0;
	padding: 0.5em 1em;
	width: 95%;
	font-size: 0.8em;
	border-radius: 6px;
	border: 1px solid #aaaaaa;
}
#form div.column4 {
	display: block;
	width: 95%;
	margin: 1.5em auto 0;
	padding: 0.8em 0.5em 1em 0.5em;
	line-height: 1.5em;
	font-size: 0.9em;
	border:3px double green; /* 仮 */
	border-radius: 4px;
	box-sizing: border-box;
}
#form .column4 h5 {
	font-size: 1.2em;
	display: block;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#form .column4 strong:before {
	margin-left: 0.25em;
}
#form .column4 p {
	display: block;
	width: 98%;
	margin: 0.5em auto 0;
	padding: 0 0 0 1em;
	font-size: 0.95em;
	line-height: 1.4em;
}
#form .column4 p:before {
	content:"＊";
	margin-left: -1em;
}
/* footer */
footer {
	display: block;
	position:relative;
	bottom:0;
	background-color: #333333;
	width: 100%;
	height: auto;
	margin: 2em auto 0;
	padding: 0 0 0 0;
	clear: both;
	box-sizing: border-box;
}
#footnavi {
	display: block;
	width: 100%;
	margin: 0 auto 0em!important;
	padding: 0 0 0 0;
	background-color: #444444;
/*	border-bottom: 1px solid #222222; */
}
#footnavi ul {
	width: 95%!important;
	margin: 0 auto 0.2em auto;
	padding: 0.2em 0 0.2em 0;
	box-sizing: border-box;
	text-align: center;
}
#footnavi li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 2em 0.5em 0;
	padding: 0.3em 0 0 0;
/*	float: left; */
	list-style: none;
	font-size: 0.75em;
}
#footnavi li:last-child {
	margin: 0 0 0 0;
}
#footnavi a {
	color: #9fcfc4;
	text-decoration: none;
	border-bottom: 1px dotted #4f7f74;
}
#footnavi a:hover {
	color: #ffb6c1;
	border-color: #af6671;
}
#footnavi a:hover:before {
	content:none;
	margin-left: 0;
}

#copyright{
	display: block;
	width: 100%;
	color: #999999;
	margin: 0.5em auto 0;
	padding: 0 0 0.5em 0;
	text-align: center;
	font-size: 0.8em;
}
/* 見出し追加 */
#recommend2 {
    display: block;
    width: 95%;
    height: auto;
    margin: 1em auto 0;
}
#recommend2 dl.list1 {
    width: 100%;
    margin: 0 auto 0;    
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#recommend2 .list1 dt {
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
    margin-bottom: 0.5em;
}
#recommend2 .list1 dt img {
    display: block;
    width: 100%;
    height: auto;
}
#recommend2 .list1 dd {
    margin-bottom: 0.5em;
    font-size: 1.5em;
    min-height: 1.5em;
    max-height: 2.5em;
    line-height: 1.5em;
    padding: 0 0 0 2.5em;
    background-image:url("../../img/img_check.svg");
    background-size: 1.5em;
    background-position: 0.5em 0em;
	-webkit-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
#recommend2 .list1 dd span {
    float: right;
    padding-right: 1em;
}
#recommend2 .list2 {
    display: block;
    width: 100%;
}
#recommend2 .list2 dt {
    display: block;
    margin: 1em auto 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #23A664;
}
#recommend2 .list2 dt span {
    display: inline-block;
    width: 1em;
    text-align: center;
    color: #FFFFFF;
    background-color: #23A664;
    margin-right: 0.3em;
    
}
#recommend2 .list2 dd {
    padding: 0.2em 0 0 0em;
}
.list3 {
    display: block;
    width: 95%;
    margin: 0 auto 2em;
    padding: 0 0 0 0;
}
.list3 dt {
    font-weight: bold;
    font-size: 1.5em;
    color: #ED6300;
    text-align: center;
}
.list3 dd {
    margin: 1em auto 2em 0;
    padding: 0 1em 0;
    line-height: 2em;
}
.line2 {
    display: block;
    }
}
/* ----------------------------------------------- 
sp
--------------------------------------------------*/
@media screen and (max-width: 560px) {
body { font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif;}
.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* first  */
#first {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	clear: both;
	box-sizing: border-box;
}
#first h1 .serif {
	display: block;
	line-height: 1.2em;
	font-size: 0.75em;
	margin: 0.5em 0 0.5em 0;
}
#first h1 img {
	display: block;
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#first h1 .copy {
	display: block;
	font-size: 0.9em;
	margin: 0.5em auto 0;
	line-height: 1.2em;
}
#first p {
	display: block;
	width: 95%;
	line-height: 1.5em;
	font-size: 0.95em!important;
}

#first2 .recommend {
	disply:block;
	width: 95%;
	margin: 1em auto 0;
	padding: 0.7em 0.5em 0.7em 0.5em;
	box-sizing: border-box;
	border: 2px solid #D954AB;
	border-radius: 8px;
}
/*
#first .recommend h2 {
	font-size: 1em;
}
#first .recommend ul {
	display: block;
	width: 95%;
	margin: 0 0 0 1em;
	padding: 0 0 0 0;
	font-size: 0.95em;
}
#first .recommend li {
	width: 100%;
	list-style: none;
}
#first .recommend li:before {
	content:"●";
	margin-right: 0.3em;
	margin-left: -1em;
}
 */
#first p {
	display: block;
	margin: 0.5em auto 0;
	padding: 0 0 0 0;
	line-height: 1.8em;
	font-size: 1em;
}
#features .photo02 {
	display: block;
	width: auto;
	max-width: 95%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	float: none;
}
#features .photo03 {
	display: block;
	width: auto;
	max-width: 95%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	float: none;
}
/* 執筆者 */
#features .author {
	display: block;
	width: 95%;
	margin: 1em auto 0;
	padding: 0.5em 0  0.5em 0;
	border: 1px solid blue;
	border-radius: 4px;
}
#features .author h4 {
	display: block;
	width: 95%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	text-align: left;
	font-size: 1em;
}
#features ul {
	box-sizing: border-box;
	padding-right: 1em;
}
address {
	display: block;
	width: 90%;
	margin: 2em auto 0;
	padding: 0.5em;
	font-style: normal;
	border: 1px solid #cccccc; /* 仮 */
}
address strong {
	display: block;
	font-size: 1em;
	text-align: left;
}

address p {
	display: block;
	width: 100%;
	margin: 0 auto 0;
	padding: 0 0 0 0;
	font-size: 1em;
}
address span {
	display: block;
	font-size: 0.8em;
	margin-left: 0em;
}
address strong span {
	font-size: 1em;
	margin-left: 0em;
	display: block!important;
}


.notice {
	display: block;
	width: 100%;
	margin: 1.5em auto 0;
	padding: 0 0 0 0;
}
.notice a {
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.notice p {
	display: block;
	margin: 1.5em auto 0;
	padding: 0.5em 1em;
	width: 95%;
	font-size: 0.8em;
	border-radius: 6px;
	border: 1px solid #aaaaaa;
}
.bt_privacy {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}
.bt_privacy img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
}
/* footer */
footer {
	display: block;
	position:inherit;
	bottom: 0;
	background-color: #333333;
	width: 100%;
	height: auto;
	margin: 1em auto 0;
	padding: 0 0 0 0;
	clear: both;
	box-sizing: border-box;
	vertical-align: bottom;
	overflow: hidden;
}
#features div.column2 p {
	display: block;
	width: 100%;
	float: none;
}
#features div.column2 img {
	display: block;
	width: auto;
	max-width: 50%;
	margin: 0.5em auto 0;
	padding: 0 0 0 0;
	float: none;
}
/* section#features
------------------------- */
/* 見出し追加 */
#recommend2 {
    display: block;
    width: 95%;
    height: auto;
    margin: 1em auto 0;
}
#recommend2 dl.list1 {
    width: 100%;
    margin: 0 auto 0;    
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
#recommend2 .list1 dt {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
}
#recommend2 .list1 dt img {
    display: block;
    width: 100%;
    height: auto;
}
#recommend2 .list1 dd {
    width: 50%;
    max-width: 50%;
    margin-bottom: 0.5em;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0 0 0 2em;
    background-image:url("../../img/img_check.svg");
    background-position: 0.25em 0em;
	-webkit-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
#recommend2 .list1 dd span {
    padding-right: 1em;
}
.more {
	width: 80%;
	margin: 0.5em auto 0;
}
.list3 {
    display: block;
    width: 95%;
    margin: 0 auto 2em;
    padding: 0 0 0 0;
}
.list3 dt {
    font-weight: bold;
    font-size: 1.25em;
    color: #ED6300;
    text-align: left;
    padding: 0 0.5em;
}
.list3 dd {
    margin: 1em auto 2em 0;
    padding: 0 1em 0;
    line-height: 1.5em;
    font-size: 0.95em;
}
.line1 {
    display: block;
}	
.line2 {
    display: inline;
}

.designers {
    display: block;
    width: 95%;
    margin: 1em auto 0;
    padding: 0.3em 0 0.25em 0;
    background-color: #ED6300;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2em;
    letter-spacing: normal;
    color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
}
}