@charset "UTF-8";
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}
	section {
		margin-bottom: 40px;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}

	#container{
		width:100%;
	}

	header{
		background-color: #2129b2;

	}
	header .header_sum {
		max-width:640px;
		margin:0 auto;
		padding:5px 0;
		position: relative;
	}


	#headR{
		float: right;
		display: table;
		margin-right: 5px;
	}

	#headLogo{
		position: absolute;
		left: 5px;
		top: 0;
	}
	#headLogo img {
		width: 122px;
	}

	#headTel{
		display: table-cell;
		vertical-align: middle;
		padding-right: 5px;
	}
	#headTel img {
		width: 119px;
	}


	#mainVisualWrapp {
		background: url(../images/sp/main_bg.jpg) no-repeat;
		background-size: cover;
		padding-top: 77.6%;
	}
	#mainVisualWrapp h2 {
		padding: 10%;
	}
	#mainVisual h2 img {
		width: 286.5px;
		display: block;
		margin: 0 auto;
	}

	.main-txt {
		background-color: #2129b2;
		color: #fff;
		text-align: center;
		padding-top: 35px;
	}

	.main-txt .main-txt-con {
		max-width:640px;
		margin:0 auto 50px;
	}
	.main-txt-con img {
		width: 30.5px;
	}
	.main-txt p {
		padding-bottom: 25px;
		font-size: 14px;
		text-align: left;
		margin: 0 10px;
	}
	.main-txt h2 {
		font-size: 20px;
		margin-bottom: 25px;
		position: relative;
		font-weight: bold;
	}
	.main-txt span {
		font-size:12px;
	}
	.recommended .sect {
		max-width: 960px;
		margin: 0 auto;
	}
	.recommended h2 {
		font-size: 18px;
		font-weight: bold;
		color: #2129b2;
		margin-bottom: 20px;
		text-align: center;
		position: relative;
	}
	.recommended h2:after {
		display: block;
		content: "　";
		width: 25px;
		border-bottom: 5px solid #2129b2;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -10px;
	}

	.recommended h2 span {
		display: block;
		font-size: 13px;
		line-height: 20px;
	}
	.recommended .list_examples {
		margin: 0 15px;
	}
	.recommended .list_examples li {
		color: #000;
	}
	.recommended .list_examples2 > li {
		color: #000;
	}
	.recommended .list_examples2 {
		margin: 0 10px;
	}
	.list_examples2 > li {
		position: relative;
		margin: 0 0 10px;
		padding: 0 0 0 30px;

		color: #fff;
	}
	.list_examples2 > li:nth-child(1) {
		content: "";
		background: url(../images/img_number01.png) no-repeat;
		background-size: 23px;
	}
	.list_examples2 > li:nth-child(2) {
		content: "";
		background: url(../images/img_number02.png) no-repeat;
		background-size: 23px;
	}
	.list_examples2 > li:nth-child(3) {
		content: "";
		background: url(../images/img_number03.png) no-repeat;
		background-size: 23px;
	}
	.list_examples2 > li:nth-child(4) {
		content: "";
		background: url(../images/img_number04.png) no-repeat;
		background-size: 23px;
	}
	.list_examples2 > li:nth-child(5) {
		content: "";
		background: url(../images/img_number05.png) no-repeat;
		background-size: 23px;
	}

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

	.mb20{
		margin-bottom: 20px;
	}

	footer{
		background:#2129B2;
		width:100%;
		color:#fff;
		font-size:12px;
		padding: 10px 0;
	}
	.foot_link {
		font-size: 12px;
	}
	#copyright{
		text-align:center;
	}
	.seminar_inner {
		border: 1px solid #50276D;
		padding: 10px;
		font-weight:bold;
		margin-bottom: 20px;
	}

	.seminar_inner span{
		font-size: 20px;
		font-weight: bold;
		color:#50276D;
	}

	.sect_inner section {
		margin-bottom: 40px;
	}

	.list_examples li {
		position: relative;
		margin: 0 0 10px;
		padding-left: 30px;
		font-weight: bold;
	}
	.examples {
		margin-bottom: 20px;
	}

	/*事例集ダウンローページフォーム部分*/
	#crmWebToEntityForm {
		width:100% !important;
		margin:0 auto;
	}

	#crmWebToEntityForm dl{
		margin-bottom:20px;
	}

	#crmWebToEntityForm p{
		font-size:130%;
		margin-bottom:20px;
	}

	#crmWebToEntityForm dt {
		float:none;
		width:100%;
		text-align:left;
		padding-right:0;
		margin:0;
		padding-top:0;
	}

	#crmWebToEntityForm dd {
		float:none;
		width:100%;
		margin:0 0 20px 0;

	}

	#crmWebToEntityForm input[type=text] {
		width:95%;
		height:35px;
		border:3px solid #dde4ec;
		padding-left:5%;
		border-radius: 0;
		webkit-border-radius:0;
		-webkit-appearance:none;
	}

	#crmWebToEntityForm input[type=text].formnamae {
		width:38%;
		margin-right:2%;
		border-radius: 0;
		webkit-border-radius:0;
		-webkit-appearance:none;
	}

	.label-must {
		/* border-radius: 0.25em; */
		color: #fff;
		font-size: 75%;
		/* font-weight: bold; */
		margin-left: 0.6em;
		padding: 0.2em 0.3em;
		text-align: center;
		white-space: nowrap;
		background-color: #d9534f;
	}

	#crmWebToEntityForm p.btn{
		text-align: center;
	}

	#crmWebToEntityForm .btn input[type=submit]{
		background: #1b32b5;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
		padding: 20px 8%;
		border-radius:6px;
		letter-spacing:0.2em;
		cursor: pointer;
		webkit-border-radius:6px;
		-webkit-appearance:none;
	}

/*
　プロフィール
----------------------------------*/
#profBox{
	text-align:center;
	margin-bottom:40px;
}
#profBox dt{
	margin:0 0 20px;
}
#profBox dd{
	text-align:left;
	padding:10px;
}
#profBox img {
	width: 184.5px;
}
#profBox .prof{
	font-size:16px;
	margin-bottom: 23px;
}
#profBox .prof span{
	font-weight:bold;
	font-size:18px;
}
#profBox dd p{
	font-size:14px;
}
#profBox dd p span{
	font-size:13px;
}
#profBox h2 {
	text-align: center;
	margin-bottom: 35px;
	color: #2129b2;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#profBox h2:after {
	display: block;
	content: "　";
	width: 25px;
	border-bottom: 5px solid #2129b2;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -11px;
}

.list_examples li:nth-child(1){
	content: "";
	background: url(../images/img_number01.png) no-repeat;
	background-size:23px;
}
.list_examples li:nth-child(2){
	content: "";
	background: url(../images/img_number02.png) no-repeat;
	background-size:23px;
}
.list_examples li:nth-child(3){
	content: "";
	background: url(../images/img_number03.png) no-repeat;
	background-size:23px;
}
.list_examples li:nth-child(4){
	content: "";
	background: url(../images/img_number04.png) no-repeat;
	background-size:23px;
}
.list_examples li:nth-child(5){
	content: "";
	background: url(../images/img_number05.png) no-repeat;
	background-size:23px;
}
.list_examples li:nth-child(6){
	content: "";
	background: url(../images/img_number06.png) no-repeat;
	background-size:23px;
}
.list_examples li:nth-child(7){
	content: "";
	background: url(../images/img_number07.png) no-repeat;
	background-size:23px;
}

/*
　対象者
-------------------------------------------*/
.target-txt{
	background-color: #2129b2;
	padding-top: 35px;
	text-align:center;
}
.target-txt .target-txt-con{
	max-width: 640px;
	margin:0 auto 50px;
}
.target-txt h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}
.target-txt p{
	padding-bottom: 25px;
	text-align:center;
	margin: 0 10px;
	color:#fff;
	}

/*
　指導内容
-------------------------------------------*/
.content {
}
.content .content_con {
	max-width: 640px;
	margin: 0 auto;
}
.content .content_con ul {
	padding: 0 10px;
}
.content h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	color:#2129b2;
}
.content h2 span {
	display: block;
	font-size: 14px;
}
.content .content_con p {
	text-align:center;
	padding:10px;
	margin-bottom:30px;
}
.content_con span {
font-size:13px;
}


/*
　プログラム
--------------------------------------------*/
.recommended{
	background-color:#2129b2;
	padding-top: 35px;
	}
.recommended_inner h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	color:#fff;
}
.recommended_inner .list_examples2 {
	padding-bottom:20px;
}
.recommended_inner .list_examples2 > li{
	color:#fff;
}
.recommended_inner .list_examples2 > li a{
	color:#fff;
}
.recommended_inner .list_examples2 > li > ul {
	margin: 20px 0;
	font-size: 14px;
}

/*
　セッション費用
-------------------------------------------*/
.session {
	overflow-x: hidden;
}
.session .session_con {
	max-width: 640px;
	margin: 0 auto;
}
.session h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	color:#2129b2;
}
.session h2 span {
	display: block;
	font-size: 14px;
}
.session .session_con p {
	text-align:center;
	padding:10px;
	margin-bottom:30px;
	font-weight:bold;
}
.session_con span {
font-size:13px;
}
.session table {
    width: 100%;
    border-bottom: 1px solid #D3D3D3;
}
.session th,
.session td {
	display: block;
    padding: 15px 20px;
    border-top: 1px solid #D3D3D3;
    font-size: 18px;
    width: 100%;
}
.session th {
    background: #EEEEEE;
}


/*
　お申し込み
-------------------------------------------*/

.Consultation{
	width:100%;
	background-color:#2129b2;
}
.Consultation_inner {
    max-width: 640px;
	background-color:#2129b2;
    margin: 0 auto 80px;
	padding-top: 35px;
	padding-bottom:50px;
}
.Consultation_inner h2 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}
.Consultation_inner h2 span {
    display: block;
    font-size: 16px;
}
.Consultation_inner p{
	padding:10px;
	color:#ffffff;
	}
.Consultation_inner p span{
	font-size:13px;
}

.Consultation_inner ul{
    display: flex;
	margin-left:0;
	justify-content: space-between;
	margin-top:10%;
	}
	.Consultation_inner li{
		width:70%;
		margin: 0 auto;
	}


}