/* コース＆料金 */

@media screen and (min-width: 641px){

#cou {
	font-size: 16px;
	line-height: 200%;
	}

#cou .main {
	width: 100%;
	background: url(../inquiry/img/mainbg.png) center top;
	margin: -140px auto 100px auto;
	padding: 140px 0px 0px 0px;
	float: left;
	}

#cou .main p {
	width: 1200px;
	line-height: 544px;
	margin: 0px auto 0px auto;
	}

#cou .main img:first-child {
	float: right;
	}

#cou .main img:last-child {
	margin: 0px 0px 0px 80px;
	display: inline-block;
	vertical-align: middle;
	}

#cou .pro {
	width: 1250px;
	margin: 0px auto 100px auto;
	}

#cou .pro .cop {
	width: 800px;
	font-size: 30px;
	font-weight: 700;
	line-height: 200%;
	margin: 0px auto 100px auto;
	}

#cou .pro h3 {
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#cou .pro .defmenu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	}

#cou .pro .defmenu a {
	width : calc(100% / 5);
	margin: 0px 0px 40px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#cou .pro .defmenu img {
	width :200px;
	}

#cou .pro .def {
	margin: 60px 0px 100px 0px;
	text-align: center;
	}

#cou .pro .def h4 {
	margin: 0px 0px 80px 0px;
	}

#cou .pro .def h4 img {
	width: auto;
	}

#cou .pro .def img {
	width: 1204px;
	}

#cou .pro li {
	width: 800px;
	margin: 0px auto 50px auto;
	position: relative;
	}

#cou .pro li a {
	position: absolute;
	top: -130px;
	}

#cou .pro li h4 {
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

/*
#cou .pro li h4 {
	font-size: 24px;
	line-height: 40px;
	color: #BF270F;
	margin: 0px 0px 20px 0px;
	}

#cou .pro li h4 p {
	width: 40px;
	background: #BF270F;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 20px 0px 0px;
	float: left;
	text-align: center;
	}
*/

#cou .pro .pho {
	margin: 0px auto 0px auto;
	display: block;
	}

#cou .bas {
	width: 1200px;
	margin: 0px auto 100px auto;
	}

#cou .bas ol {
	width: 100%;
	line-height: 304px;
	margin: 0px 0px 100px 0px;
	text-align: right;
	}

#cou .bas ol img {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	}

#cou .bas ol img:first-child {
	float: left;
	}

#cou .bas h3 {
	font-size: 28px;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#cou .bas h3 font {
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	display: block;
	}

#cou .bas img {
	max-width: 100%;
	}

#cou .bas p {
	font-size: 14px;
	margin: 30px 0px 0px 0px;
	}

#cou .bas span {
	font-size: 21px;
	font-weight: bold;
	color: #BF260E;
	}

#cou .bas li {
	margin: 0px 0px 100px 0px;
	}

#cou .bas li h4 {
	font-size: 28px;
	margin: 0px 0px 10px 0px;
	}

#cou .bas li h4 font {
	color: #EE7800;
	}

#cou .exa {
	width: 1200px;
	margin: 0px auto 100px auto;
	text-align: center;
	}

#cou .exa h3 {
	font-size: 28px;
	margin: 0px 0px 30px 0px;
	}

#cou .exa ol {
	width: 100%;
	background: #f6f6f6;
	margin: 0px 0px 100px 0px;
	padding: 50px;
	overflow: hidden;
	}

#cou .exa ol h4 {
	font-size: 24px;
	font-weight: 900;
	color: #EE7800;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#cou .exa ol img:nth-child(2) {
	margin: 13px 0px 0px 0px;
	float: left;
	}

#cou .exa ol img:nth-child(3) {
	float: right;
	}

#cou .cos {
	width: 100%;
	text-align: center;
	position: relative;
	}

#cou .cos:before {
	content: '';
	width: 304px;
	height: 565px;
	background: url(img/cosman.jpg) no-repeat;
	position: absolute;
	left: -10px;
	top: 140px;
	z-index: -1;
	}

#cou .cos h3 {
	margin: 0px 0px 100px 0px;
	}

#cou .cos h4 {
	font-size: 28px;
	border-bottom: 2px #EE7800 dotted;
	color: #EE7800;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 15px 0px;
	display: inline-block;
	}

#cou .cos p {
	width: 800px;
	margin: 0px auto 100px auto;
	text-align: left;
	}

}

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

#cou {
	line-height: 200%;
	}

#cou .main {
	width: 100%;
	background: url(../inquiry/img/mainbg.png) center top;
	margin: -50px auto 50px auto;
	padding: 50px 0px 20px 0px;
	float: left;
	}

#cou .main p {
	margin: 0px;
	}

#cou .main img {
	margin: 0px auto 30px auto;
	display: block;
	}

#cou .main img:first-child {
	width: 60%;
	}

#cou .main img:last-child {
	width: 70%;
	}

#cou .pro {
	width: 90%;
	margin: 0px 5% 50px 5%;
	}

#cou .pro .cop {
	font-size: 18px;
	font-weight: 700;
	line-height: 200%;
	margin: 0px 0px 50px 0px;
	}

#cou .pro h3 {
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#cou .pro h3 img {
	width: 90%;
	}

#cou .pro .defmenu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	}

#cou .pro .defmenu a {
	width : calc(100% / 3);
	margin: 0px 0px 20px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#cou .pro .defmenu img {
	width :95%;
	}

#cou .pro .def {
	margin: 30px 0px 50px 0px;
	text-align: center;
	}

#cou .pro .def h4 {
	margin: 0px 0px 30px 0px;
	}

#cou .pro .def img {
	width: 100%;
	}

#cou .pro li {
	margin: 0px 0px 30px 0px;
	position: relative;
	}

#cou .pro li a {
	position: absolute;
	top: -20px;
	}

#cou .pro li h4 {
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#cou .pro li h4 img {
	width: 50%;
	}

/*
#cou .pro li h4 {
	font-size: 18px;
	line-height: 30px;
	margin: 0px 0px 10px 0px;
	}

#cou .pro li h4 p {
	width: 30px;
	background: #BF270F;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 21px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	}
*/

#cou .pro .pho {
	width: 100%;
	}

#cou .bas {
	width: 90%;
	margin: 0px 5% 50px 5%;
	}

#cou .bas ol {
	margin: 0px 0px 50px 0px;
	}

#cou .bas ol img {
	width: 90%;
	margin: 0px auto 0px auto;
	display: block;
	}

#cou .bas ol img:first-child {
	display: none;
	}

#cou .bas h3 {
	font-size: 21px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#cou .bas h3 font {
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	margin: 10px 0px 0px 0px;
	text-align: left;
	display: block;
	}

#cou .bas img {
	width: 100%;
	}

#cou .bas p {
	margin: 20px 0px 0px 0px;
	}

#cou .bas span {
	font-size: 21px;
	font-weight: bold;
	color: #BF260E;
	}

#cou .bas li {
	margin: 0px 0px 50px 0px;
	}

#cou .bas li h4 {
	font-size: 21px;
	margin: 0px 0px 10px 0px;
	}

#cou .bas li h4 font {
	color: #EE7800;
	}

#cou .exa {
	width: 90%;
	margin: 0px 5% 50px 5%;
	}

#cou .exa h3 {
	font-size: 21px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#cou .exa ol {
	width: 100%;
	background: #f6f6f6;
	margin: 0px 0px 50px 0px;
	padding: 20px;
	overflow: hidden;
	}

#cou .exa ol h4 {
	font-size: 16px;
	font-weight: 900;
	color: #EE7800;
	margin: 0px 0px 30px 0px;
	}

#cou .exa img {
	width: 100%;
	}

#cou .exa ol img:nth-child(2) {
	margin: 0px 0px 0px 0px;
	}

#cou .exa ol img:nth-child(3) {
	width: 90%;
	margin: 20px auto 0px auto;
	display: block;
	}

#cou .cos {
	width: 90%;
	margin: 0px 5% 0px 5%;
	text-align: center;
	}

/*
#cou .cos:before {
	content: '';
	width: 304px;
	height: 565px;
	background: url(img/cosman.jpg) no-repeat;
	position: absolute;
	left: -10px;
	top: 220px;
	}
*/

#cou .cos h3 {
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#cou .cos h3 img {
	width: 100%;
	}

#cou .cos h4 {
	font-size: 21px;
	border-bottom: 2px #EE7800 dotted;
	color: #EE7800;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	display: inline-block;
	text-align: left;
	}

#cou .cos p {
	margin: 0px auto 0px auto;
	text-align: left;
	}

}