@charset "UTF-8";
/* CSS Document */

/*=====
#topimage
=====*/
#topimage {
	display: block;
	position: relative;
	overflow: hidden;
}
#topimage #video {
	position: absolute;
	top: 50%;
    left: 50%;
	 transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 1;
	width: 100%;
}
#topimage img.bgimg {
	z-index:2;
}
#topimage .ovpt {
	position: absolute;
	top:0;left:0;
	width: 100%;
	height: 100%;
	z-index:3;
	background-image:url("../images/topimage-ov.png");
}
#topimage .box {
	display: block;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 10;
}
#topimage .logo {
}
#topimage .sub {
	display: block;
	color: #FFF;
	border: solid #FFF 1px;
	width: 502px;
	text-align: center;
	margin-top: 37px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 23px;
	line-height: 100%;
	padding: 0.5em;
}
#topimage .sub .num {
	font-family: "Antonio";
	font-size: 27px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0.05em;
}
#topimage .sub small {
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	letter-spacing: 0.05em;
}
#topimage .arrow_down {
	display: none;
}

@media screen and (max-width:800px){
	#topimage .box {
		width: 70%;
	}
	#topimage .sub {
		width: 80%;
	}
}
@media screen and (max-width:480px){
	#topimage {
		height: calc(100vh - 83px);
	}
	#topimage #video {
		width: auto;
		height: 100%;
	}
	#topimage .box {
		width: 80%;
	}
	#topimage .sub {
		width: 90%;
	}
	#topimage .arrow_down {
		display: block;
		position: absolute;
		bottom:32px;
		left: 50%;right:50%;
		margin: auto;
		z-index: 11;
	}
	#topimage .animated{
		animation-name:expansion;
		animation-duration:2s;
		animation-timing-function:ease-in-out;
		animation-iteration-count:infinite;
	}
	@keyframes expansion{
		0%{
		opacity: 0;
		transform: translate(0, 0);
		}
		50%{
		opacity: 1;
		}
		100%{
		opacity: 0;
		transform: translate(0, 20px);
		}
	}
}


/*=====
#about
=====*/
#about {
	background-color: #082c69;
	color: #FFF;
	width: 100%;
	padding-top: 86px;
	padding-bottom: 140px;
}
#about .col {
	display: block;
	width:810px;
	margin: auto;
}
@media screen and (max-width: 890px){
	#about .col {
		width:90%;
	}
}
#about .col h1 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1.6em;
}
#about .col p {
	font-size: 1em;
	line-height: 2.4em;
	margin-bottom: 2.4em;
	font-weight: bold;
}
#about .col p.big {
	font-size:1.6em;
	font-weight: bold;
	padding-top: 1em;
}
#about .movie {
	text-align: center;
	width: 90%;
	margin: auto;
	max-width: 1000px;
}

#koe .movie {
	text-align: center;
	width: 90%;
	margin: auto;
	max-width: 1000px;
}
@media screen and (max-width:480px){
	#about .col p.big {
		line-height: 1.9em;
	}
}
/*動画*/
@media screen and (max-width: 1111px) {
  #about .movie {
    position: relative;
    width: 90%;
    padding: calc(562 / 1000 * 90%) 0 0;
  }
  #about .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 1111px) {
  #schedule .movie {
    position: relative;
    width: 90%;
    padding: calc(562 / 1000 * 90%) 0 0;
  }
  #schedule .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 1111px) {
  #koe .movie {
    position: relative;
    width: 90%;
    padding: calc(562 / 1000 * 90%) 0 0;
  }
  #koe .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}



/*=====
#housoku
=====*/
#housoku {
	color: #082c69;
	background-color: #FFF;
	padding-top: 120px;
}
#housoku h1 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 72px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#housoku ul {
	max-width: 1200px;
	margin: auto;
	margin-bottom: 56px;
	padding: 0;
	list-style: none;
	text-align: center;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	justify-content: center;
}
#housoku ul li {
	display: block;
	position: relative;
	width: 27%;
	margin: 0 3% 44px;
	padding-top: 44px;
	padding-bottom: 44px;
	border: solid #eef0f4 5px;
}
@media screen and (max-width: 890px){
	#housoku ul li {
		width: 44%;
	}
}
#housoku ul li .num {
	display: block;
	width: 44px;
	height: 44px;
	text-align: center;
	background-color: #082c69;
	color: #FFF;
	position:absolute;
	top:-26px; left:0; right:0;
	margin: auto;
	border-radius: 22px;
	line-height: 44px;
	font-size: 14px;
	font-family:"Antonio";
}
#housoku ul li .text {
	display: block;
	line-height: 1.2em;
	margin-top: 0.1em;
	color:#000;
	font-weight: bold;
}


/*=====
#communication
=====*/
#communication {
	display: block;
	background-color: #f3f3f3;
	color:#000;
	text-align: center;
	padding-top: 88px;
	padding-bottom:130px;
	padding-left: auto;
	padding-right: auto;
}
#communication h1 {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.9em;
	margin-bottom: 42px;
	margin-left: auto;
	margin-right: auto;
	color:#082c69;
	width: 90%;
}
#communication .catch {
	display: block;
	max-width: 896px;
	margin: auto;
	margin-bottom: 58px;
	padding: 0 5%;
	text-align: left;
}
#communication .column {
	display: block;
	width: 1200px;
	background-color: #FFF;
	box-shadow: 0 0 8px #e6e6e6;
	margin: auto;
	overflow: hidden;
}
@media screen and (max-width: 1280px){
	#communication .column {
		width:90%;
	}
}
#communication .column .col1,
#communication .column .col2 {
	float: left;
	width: 50%;
}
@media screen and (max-width: 960px){
	#communication .column .col1,
	#communication .column .col2 {
		float: none;
		display: block;
		overflow: hidden;
		width: 100%;
		margin-bottom: 20px;
	}
}
#communication .column h2 {
	font-size: 1em;
	color:#082c69;
	margin: 72px auto 32px;
}
/*table基本設定*/
#communication .column table {
	margin: auto;
	margin-bottom: 25px;
	border-collapse: separate;
	border-spacing: 20px 30px;
}
#communication .column table th {
	font-size: 0.8em;
	text-align: right;
	min-width: 7em;
}
#communication .column table td {
	position: relative;
	width: 300px;
	height: 50px;
	padding: 0;
	line-height: 0;
}
#communication .column table .bar {
	display: block;
	height: 100%;
	width: 100%;/*バーの幅*/
	margin: 0;
	background-color: #C5C5C5;
	color:#000;
	position: absolute;
	left:0;top:0;
}
#communication .column table .val {
	font-family:"Antonio";
	line-height: 44px;
	font-size: 22px;
	position: absolute;
	right:8px;
}
#communication .column table .per {
	font-size: 18px;
}
/*table個別設定*/
#communication .column .col1 table tr:nth-child(1) .bar {
	background-color:#082c69;
	color:#FFF;
	width: 94%;
}
#communication .column .col1 table tr:nth-child(1) .bar .val {
	font-size: 32px;
}
#communication .column .col1 table tr:nth-child(1) .bar .per {
	font-size: 22px;
}
#communication .column .col1 table tr:nth-child(2) .bar {
	width: 87%;
}
#communication .column .col1 table tr:nth-child(3) .bar {
	width: 83%;
}
#communication .column .col1 table tr:nth-child(4) .bar {
	width: 87%;
}
#communication .column .col1 table tr:nth-child(5) .bar {
	width: 78%;
}
#communication .column .col2 table tr:nth-child(1) .bar {
	background-color:#082c69;
	color:#FFF;
	width: 82.4%;
}
#communication .column .col2 table tr:nth-child(1) .bar .val {
	font-size: 32px;
}
#communication .column .col2 table tr:nth-child(1) .bar .per {
	font-size: 22px;
}
#communication .column .col2 table tr:nth-child(2) .bar {
	width: 64.3%;
}
#communication .column .col2 table tr:nth-child(3) .bar {
	width: 48.9%;
}
#communication .column .col2 table tr:nth-child(4) .bar {
	width: 47%;
}
#communication .column .col2 table tr:nth-child(5) .bar {
	width: 43.4%;
}
/**/
#communication .column small {
	display: block;
	margin: auto;
	margin-bottom: 62px;
	width: 85%;
}


/*=====
#curriculums
=====*/
#curriculums {
	background-color: #FFF;
	color:#000;
	text-align: center;
	padding-top: 115px;
}
#curriculums h1 {
	color:#082c69;
	font-size: 1.7em;
	font-family: "Montserrat";
	letter-spacing: 0.3em;
	margin-bottom: 20px;
}
#curriculums h2 {
	color:#000;
	font-size: 1.1em;
	letter-spacing: 0.3em;
	margin-bottom: 95px;
}
/*カリキュラムの特徴　アイコン付き*/
#curriculums ul.cur {
	width:auto;
	max-width: 1200px;
	list-style: none;
	padding: 0;
	margin-bottom: 100px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: auto;
	margin-bottom: 110px;
}
#curriculums ul.cur li {
	width: 33%;
	height: 234px;
	text-align: center;
	position: relative;
}
#curriculums ul.cur li .circle1 {
	width: 234px;
	height: 234px;
	border-radius: 50%;
	border: solid #ebf0f3 20px;
	position: absolute;
	top:50%;bottom:50%;left:50%;right:50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width:1080px){
	#curriculums ul.cur li {
		width: 50%;
		margin-bottom: 3%;
	}
}
@media screen and (max-width:680px){
	#curriculums ul.cur li {
		width: 100%;
		margin-bottom: 7%;
	}
}
#curriculums ul.cur li .text {
	font-weight: bold;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	z-index: 10;
}
#curriculums ul.cur li img {
	display: inherit;
	margin: auto;
	margin-bottom: 1em;
}

/*===== .column　ノウハウ */
#curriculums .column {
	padding-top: 90px;
	background-color: #eef1f4;
	overflow: hidden;
}
#curriculums .column h2 {
	font-size: 1.5em;
	color:#000;
	width: 90%;
	margin-bottom: 60px;
	margin-left: 5%;
	margin-right: 5%;
	letter-spacing: 0;
}
/*ノウハウ　アイコンリスト*/
#curriculums ul.how {
	list-style: none;
	padding: 0;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-around;
	width: 900px;
}
#curriculums ul.how li {
	display: block;
	width:33%;
	height: 100%;
	margin-bottom: 30px;
	position: relative;
}
#curriculums ul.how .icon {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	background-color: #FFF;
	position: relative;
	margin-left: 50px;
}
#curriculums ul.how .icon img {
	position: absolute;
	top:0;bottom:0;left:0;right:0;
	margin: auto;
}
#curriculums ul.how .text {
	position: absolute;
	left: 180px;
	top:0;bottom:0;
	font-weight: bold;
}
#curriculums ul.how .text span {
	display: table-cell;
	height: 105px;
	vertical-align: middle;
}
@media screen and (max-width:980px){
	#curriculums ul.how {
		width: 90%;
	}
	#curriculums ul.how li {
		width: 50%;
	}
}
@media screen and (max-width:580px){
	#curriculums ul.how li {
		width: 50%;
		margin-bottom: 15px;
	}
	#curriculums ul.how .icon {
		margin-left: 5%;
	}
	#curriculums ul.how .text {
		left:65%;
	}
}


/*=====
#schedule
=====*/

#schedule {
	background-color: #FFF;
	color:#000;
	padding-top: 100px;
}
#schedule h1 {
	color:#082c69;
	font-size: 1.7em;
	font-family: "Montserrat";
	letter-spacing: 0.3em;
	margin-bottom: 20px;
	text-align: center;
}
#schedule h2 {
	color:#000;
	font-size: 1.1em;
	letter-spacing: 0.3em;
	margin-bottom: 40px;
	text-align: center;
}
/*outline*/
#schedule .outline table {
	border-collapse: separate;
	border-spacing: 26px;
	width: auto;
}
#schedule .outline th {
	color: #082c69;
	border: solid #082c69 3px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
}
#schedule .outline td {
	text-align: left;
	font-weight: bold;
}
/*フロー*/
#schedule table {
	border-collapse: collapse;
	width: 1042px;
	margin: 0 auto 40px;
}
@media screen and (max-width:1122px){
	#schedule table {
		width: 90%;
	}
}
#schedule th.date {
	background-color:#082c69;
	color:#FFF;
	border: solid #082c69 2px;
	text-align: center;
	padding: 30px auto;
	width: 192px;
	position: relative;
}
@media screen and (max-width:800px){
	#schedule th.date {
		width: 115px;
		padding: auto;
	}
}
#schedule th.date::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -12px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #082c69 transparent transparent transparent;
	border-width: 12px 12px 0 12px;
}
#schedule th.date h3 {
	font-family: "Antonio";
	font-size: 2.6em;
	line-height: 1;
	margin-bottom: 0.5em;
}
#schedule th.date .day {
	font-family: "Antonio";
	font-size: 1.5em;
}
#schedule th.date .week {
	font-size: 0.6em;
}
#schedule th.date .time {
	font-family: "Antonio";
	font-size: 1.1em;
}
#schedule td.content {
	background-color:#FFF;
	border: solid #082c69 2px;
	padding: 25px 40px;
	text-align: left;
}
@media screen and (max-width:800px){
	#schedule td.content {
		padding: 1em;
	}
}
#schedule td.content .title {
	background-color: #082c69;
	border: solid #082c69 5px;
	margin-bottom: 1.5em;
}
#schedule td.content .title .head {
	color: #082c69;
	background-color: #FFF;
	display: inline-block;
	padding: 7px 14px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.1em;
	margin-right: 1em;
}
#schedule td.content .title h4 {
	color: #FFF;
	display: inline-block;
}
#schedule td.content .text {
	font-size: 0.9em;
	line-height: 1.8em;
}
#schedule td.content .text i {
	font-style: normal;
	color: #082c69;
}
/*フロー 色違い（最後）*/
#schedule table.sp th.date {
	background-color:#4669a3;
	border-color: #4669a3;
}
@media screen and (max-width:480px){
	#schedule table.sp th.date h3 {
		font-size:2.1em;
	}
}
#schedule table.sp th.date::after {
	display: none;
}
#schedule table.sp td.content {
	border-color:#4669a3;
}
#schedule table.sp td.content .title {
	background-color: #4669a3;
	border-color: #4669a3;
}
#schedule table.sp td.content .title .head {
	color: #4669a3;
}
#schedule table.sp td.content .text i {
	color: #4669a3;
}


/*フロー 色違い　追加分*/
#schedule table.sp2 th.date {
	background-color:#082c69;
	border-color: #082c69;
}
@media screen and (max-width:480px){
	#schedule table.sp2 th.date h3 {
		font-size:2.1em;
	}
}
#schedule table.sp2 th.date::after {
	display: none;
}
#schedule table.sp2 td.content {
	border-color:#082c69;
}
#schedule table.sp2 td.content .title {
	background-color: #082c69;
	border-color: #082c69;
}
#schedule table.sp2 td.content .title .head {
	color: #082c69;
}
#schedule table.sp2 td.content .text i {
	color: #082c69;
}

/*=====
#schedule .column
=====*/

#schedule .column {
	display: block;
	max-width: 1000px;
	margin: 60px auto 0;
	overflow: hidden;
}
#schedule .column h2 {
	color: #082c69;
	border: solid #082c69 2px;
	line-height: 1;
	padding: 0.9em;
	margin-bottom: 1.8em;
}
#schedule .column ul {
	list-style: none;
	padding: 0;
}
#schedule .column ul li {
	text-align: left;
	margin-bottom: 0.9em;
}
#schedule .column ul li::before {
	content:"● ";
	color:#082c69;
}
#schedule .column small {
	text-align: left;
}
/*個別*/
#schedule .column_wrap {
	max-width: 1000px;
	display: block;
	overflow: hidden;
	margin: auto;
}
/*column1*/
#schedule .column1 {
	width: 49%;
	float: left;
}
#schedule .column1 ul {
	display: flex;
	flex-wrap: wrap;
}
#schedule .column1 ul li {
	width: 50%;
}
/*column2*/
#schedule .column2 {
	width: 47%;
	float:right;
}
/*column3*/
#schedule .column3 .text1 {
	display: block;
	margin-bottom: 60px;
	text-align: center;
	line-height:3.2em;
}
#schedule .column3 .text1 p {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#schedule .column3 .text1 p span {
	font-size: 1.5em;
	font-weight: bold;
}
#schedule .column3 .center {
	text-align: center;
	line-height: 1.8em;
}
#schedule .column3 .center.big {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color:#ac8b43;
}
#schedule .column3 div.btn {
	border-radius: 6px;
	background-color:#ac8b43;
	text-align: center;
	font-size: 2em;
	letter-spacing: 0.1em;
	margin: 60px auto 120px;
	max-width: 640px;
	padding: 30px 0;
	line-height: 1;
}
#schedule .column3 div.btn a {
	text-decoration: none;
	color:#FFF;
	font-weight: bold;
	position: relative;
}
#schedule .column3 div.btn a::before{
	content:"";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 40px 0 0;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg);
}

/*0415佐藤追加*/

#communication02 {
	display: block;
	background-color: #f3f3f3;
	color:#000;
	text-align: center;
	padding: 50px 20px;
}
#communication02 h1 {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.9em;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	color:#082c69;
	width: 100%;
}



#communication02 .btn {
	border-radius: 6px;
	background-color:#ac8b43;
	text-align: center;
	font-size: 1.8em;
	letter-spacing: 0.1em;
	margin: 60px auto 30px;
	max-width: 640px;
	padding: 30px 0;
	line-height: 1;
}
#communication02 .btn a {
	text-decoration: none;
	color:#FFF;
	font-weight: bold;
	position: relative;
}
#communication02 .btn a::before{
	content:"";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 40px 0 0;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg);
}




@media screen and (max-width:1080px){
	#schedule h2 {
		letter-spacing: 0;
	}
	#schedule .column_wrap {
		width: 90%;
	}
	#schedule .column1, #schedule .column2 {
		width: 100%;
	}
	#schedule .column1 ul li {
		width: 100%;
	}
	#schedule .column3 {
		width: 90%;
	}
}
@media screen and (max-width:480px){
	#schedule .column3 div.btn a::before {
		margin: 0 20px 0 0;
	}
    
    	#communication02 .btn a::before {
		margin: 0 20px 0 0;
	}
}


/*=====
#faq
=====*/
#faq {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f3f3f3;
}
#faq h1 {
	color:#082c69;
	font-size: 1.7em;
	font-family: "Montserrat";
	letter-spacing: 0.3em;
	margin-bottom: 20px;
	text-align: center;
}
#faq h2 {
	color:#000;
	font-size: 1.1em;
	letter-spacing: 0.3em;
	margin-bottom: 70px;
	text-align: center;
}
#faq ul {
	list-style: none;
	padding: 0;
	width: 1054px;
	margin: 0 auto;
}
@media screen and (max-width:1134px){
	#faq ul {
		width: 90%;
	}
}
#faq li {
	display: block;
	background-color: #FFF;
	border: solid #ededed 3px;
	margin-bottom: 40px;
}
#faq li .q {
	padding: 30px 50px;
	overflow: hidden;
	display: block;
	font-size: 0.9em;
	line-height: 1.2em;
	position: relative;
}
#faq li .q .header {
	font-weight: bold;
	color: #082c69;
	font-size: 22px;
	position: absolute;
	top:32px;left: 50px;
}
#faq li .q .text {
	display: inline-block;
	width: 100%;
	padding-left: 45px;
	padding-right: 50px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 0em;
}
#faq .arrow {
	width: 16px;
	height: 16px;
	border: 0;
	border-top: solid 2px #082c69;
	border-right: solid 2px #082c69;
	transform: rotate(135deg);
	position: absolute;
	top:27px;right:60px;
}
#faq li.clicked .arrow {
	transform: rotate(-45deg);
}
#faq li .a {
	padding: 0 50px;
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: 0.5s;
	display: block;
	line-height: 1.5em;
}
#faq li.clicked .a {
	height: auto;
	opacity: 1;
	padding: 0 50px 40px;
}
#faq li .a .header {
	font-weight: bold;
	color: #082c69;
	font-size: 22px;
}
#faq li .a .text {
	display: inline-block;
	width: 100%;
	line-height: 1.8em;
	margin-top: -1.5em;
	padding-left: 60px;
}
@media screen and (max-width:700px){
	#faq li .q,
	#faq li .a,
	#faq li.clicked .a {
		padding-left: 15px;
		padding-right: 15px;
	}
	#faq li .q .header {
		left:25px;
	}
	#faq li .a .header,
	#faq li.clicked .a .header {
		margin-left:10px;
	}
	#faq .arrow {
		right:25px;
	}
}


/*=====
#profile
=====*/
#profile {
	display: block;
	background-color: #082c69;
	color:#FFF;
	width: 100%;
}
#profile .wrap {
	display: block;
	width: 1140px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#profile h1 {
	font-size: 1.8em;
	letter-spacing: 0.2em;
	line-height: 1.2;
	margin-bottom: 0.9em;
	margin-top: 130px;
	margin-left: 350px;
}
#profile .catch {
	font-size: 1em;
	font-weight: bold;
	margin-left: 350px;
	margin-bottom: 2.2em;
}
#profile .image_block {
	position:absolute;
	top:115px;left:0;
	width: 275px;
	text-align: center;
}
#profile .image_block img {
	margin-bottom: 77px;
	margin-left: auto;
	margin-right: auto;
	display: inherit;
}
#profile .text_block {
	position:static;
	width: 770px;
	margin-left: 350px;
	margin-bottom: 100px;
}
#profile .text_block p {
	font-size: 1em;
	margin-bottom: 1em;
	line-height: 1.9em;
}
@media screen and (max-width:1220px) {
	#profile .wrap {
		width: auto;
	}
	#profile h1 {
		margin: 100px auto 30px;
		width: 90%;
	}
	#profile .catch {
		margin: auto;
		width: 90%;
		margin-bottom: 50px;
	}
	#profile .image_block {
		position: static;
		width: 100%;
		margin-bottom: 50px;
	}
	#profile .image_block img {
		margin: inherit;
		display: inline;
		max-height: 200px;
		margin: 1em;
	}
	#profile .text_block {
		margin: auto;
		width: 90%;
		margin-bottom: 100px;
	}
}


/*=====
#koe
=====*/
#koe {
	background-color: #e8ebf0;
	text-align: center;
	padding-top: 87px;
	padding-bottom: 130px;
}
#koe h1 {
	color:#082c69;
	font-size: 1.7em;
	font-family: "Montserrat";
	letter-spacing: 0.3em;
	margin-bottom: 20px;
	text-align: center;
}
#koe h2 {
	color:#000;
	font-size: 1.1em;
	letter-spacing: 0.3em;
	margin-bottom: 64px;
	text-align: center;
}
#koe h2+.att {
	font-size: 0.9em;
	width: 90%;
	margin: auto;
}
#koe ul {
	list-style: none;
	padding: 0;
	margin-top: 64px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1095px;
}
#koe ul li {
	background-color: #FFF;
	text-align: left;
	margin-bottom: 40px;
	overflow: hidden;
	min-height: 168px;
}
#koe ul li img {
	float: left;
}
/* イメージ無し/付き */
#koe ul li .text_block {
	float: none;
	margin-top: 28px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
	font-size: 0.9em;
	line-height: 1.8em;
	width: calc(100% - 45px);
}
#koe ul li.photo .text_block {
	float: right;
	width: calc(100% - 245px);
}
@media screen and (max-width:480px){
	#koe ul li img {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	#koe ul li.photo .text_block {
		float: none;
		display: block;
		width: auto;
	}
}
/**/
#koe ul li .text_block h3 {
	font-size: 1.3em;
	margin-bottom: 20px;
	line-height: 1;
	color: #082c69;
}
#koe ul li .text_block h3 small {
	font-size: 70%;
	font-weight: normal;
	padding-left: 0.5em;
}