@charset "utf-8";


/*
イベントの申込から参加までの流れについて
*/

.heading-m{ background:#555555; color:#fff;  font-size: 2.2rem; display: block; padding:10px 20px 7px;}
.heading-bk{ background: #000; color:#fff;  font-size: 1.8rem; display: inline-block; padding:10px 20px 7px;}
.heading-blue{ background: #0085B2; color: #fff;  font-size: 1.8rem; display: inline-block;  border-radius: 2em; padding:10px 20px 7px;}
.section-block{background: #fff; border-bottom-right-radius: 0.8em;border-bottom-left-radius: 0.5em; padding:30px 40px; margin-bottom: 56px;}
.h2Ttl{
	background: #F71A24;
}

img.max{
	max-width: 100%;
}

.flow{
	font-size: 1.8rem;
	line-height: 1.5;
}

#main.about .flow p {
	font-size: inherit;
}

.flow-entry{}
.flow-entry-block1{
	display: flex;
}
.flow-entry-img{
	width: 31%;
	padding: 0 10px;
}
.flow-entry-txt{
	width: 69%;
}

.flow-entry-block2{
	display: flex;
	justify-content: center;
	margin-right: -40px;
	padding-left: 20px;
}

.flow-entry-block2 img{
	width: 100%;
}

.flow-entry-box1{
	width: 50%;
}

.flow-entry-box2{
	width: 50%;
}

.flow-entry-note{
	font-size: 1.5rem;
	color:#F71A24;
	text-align: right;
	font-weight: bold;
	margin-bottom: 15px;
}

.flow-send{}
.flow-send-block{display: flex;}

.flow-send-img{
	width: 31%;
	text-align: center;
}
.flow-send-txt{
	width: 69%;
}

.flow-send-msg{
	margin-bottom: 20px;
}
.flow-send-ttl{
	margin-bottom: 20px
}
.flow-send-list{
	margin-bottom: 25px;
}
.flow-send-list>li{
	position: relative;
	padding-left: 1.3em;

}

.flow-send-list>li::after{
	content:"";
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	left:0;
	top:3px;
	border-radius: 50%;
	background:#F71A24;
}


.flow-send-exp{
	/*color: #F71924;*/
	margin-bottom: 15px;
}

.flow-send-note{
	font-size: 1.5rem;
}
.flow-send-note>li{
	position: relative;
	padding-left:2.5em;
	margin-bottom: 10px;
}
.flow-send-note>li>i{
	position:absolute;
	left:0;
	top:0;
	width: auto;
	height: 1em;
}


.flow-ready{
}

.flow-ready .section-block{
	padding-top: 50px;
}

.flow-ready-ttl{
	font-size: 2.4rem ;
}

.flow-ready-block1{
	display: flex;
	padding-top: 30px;
	margin-bottom: 30px;
}
.flow-ready-block1-img{
	width: 31%;
	text-align: center;
}
.flow-ready-block1-txt{
	width: 69%;
}

.flow-ready-block1-caption{
	text-align: center;
	font-weight: bold;
	font-size: 2.1rem;
}

.flow-ready-block1-msg{
	margin-bottom: 20px;
}



.flow-ready-block1-row{
	display: flex;
	justify-content: space-between;
}
.flow-ready-block1-row >figure{
	text-align: center;
	padding: 0 5px;
}

.flow-ready-block1-row figure img{
}

.flow-ready-block1-row figure a{
	font-size: 1.5rem;
}


.flow-ready-block2{	
	display: flex;
	margin: 30px 0;
}
.flow-ready-block2-img{
	width: 31%;
	padding: 0 10px;
}


.flow-ready-block2-msg{
	margin-bottom: 20px;
}

.flow-ready-block2-sm{
	font-size: 1.5rem;
}


.flow-ready-block2-txt{
	width: 69%;
}
.flow-ready-block2-txt > .ttl{}
.flow-ready-block2-txt > .msg{}



.flow-ready-block3{
	padding-top: 30px;
	margin-bottom: 50px;
}

.flow-ready-block3 .heading-bk{
	margin-bottom: 20px;
}

.flow-ready-block3-ttl{
	font-size: 2.4rem;
	font-weight: normal;
	margin-bottom: 10px;
}

.flow-ready-block3-msg{
	margin-bottom: 20px;
}

.flow-ready-row{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.flow-ready-row-img{
	width: 32%;
	text-align: center;
}
.flow-ready-row-img .caption{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.flow-ready-check{
	max-width: 1000px;
	margin: 0 auto 50px;
}


.flow-ready-check-block {
    border: 4px solid #F71A24;
    padding: 15px;
    border-radius: 0.5em;
}

.flow-ready-check-ttl{
	font-size: 24px;
	color:#000;
	text-align: center;
}
.flow-ready-check-msg{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
}

.flow-ready-check-ttl2{
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 10px;
	padding-left: 0.5em;
	color:#444;
}


.flow-ready-check-list{
	margin-top: 0px;
	margin-bottom: 10px;
}
.flow-ready-check-list>li{
	position: relative;
	padding-left: 1.3em;
	margin-bottom: 3px;
}

.flow-ready-check-list>li::after{
	content:"";
	position: absolute;
	width: 18px;
	height: 18px;
	top:3px;
	left:0;
	background: #F71A24;
	border-radius: 50%;
}

.flow-ready-check-note{
	font-size: 1.5rem;
	color:#F71A24;
}

.flow-ready-style{}

.flow-ready-style-list{
	margin: 20px 0;
}

.flow-ready-style-list>li{
	position: relative;
	padding-left: 1em;
}

.flow-ready-style-list>li>i{
	position: absolute;
	width: 1em;
	height: 1em;
	top:0;
	left:0;
}

.flow-ready-style-img{
	text-align: center;
	padding-bottom: 20px;
}



.flow-onday{}
.flow-onday-msg{
	text-align: center;
	margin-bottom: 15px;
}

.flow-onday-exp{
	text-align: center;
	border:3px solid #F71A24;
	color:#F71A24;
	font-size:2.6rem ;
	padding: 10px 20px;
	margin-bottom: 30px;
}

.flow-onday-ttl{
	text-align: center;
}
.flow-onday-block1{	
	display: flex;
	margin: 50px 0;
}
.flow-onday-block1-img{
	width: 31%;
	padding: 0 10px;
}
.flow-onday-block1-txt{
	width: 69%;
}
.flow-onday-block1-txt .msg{}
.flow-onday-block1-txt .list{
	color:#F71924;
	margin: 20px 0;
}
.flow-onday-block1-txt .list>li{
	position: relative;
	font-size: 1.5rem;
	padding-right: 1.3em;
}
.flow-onday-block1-txt .list>li::after{
	content:"※";
	position: absolute;
	display: block;
	width: 1em;
	height: 1em;
	top:0;
	left:0;
}


.flow-onday-checkin{
	margin-bottom: 20px;
}
.flow-onday-checkin-list{
	display: flex;
	justify-content: space-between;
	margin: 20px 0;

}
.flow-onday-checkin-list>li{
	width: 23%;
}
.flow-onday-checkin-msg{
	font-weight: bold;
	color:#F71924;
	margin:20px 0 50px;
	font-size: 3rem;
	text-align:center;
}

.flow-onday-point{}
.flow-onday-point-msg{
	font-size: 2rem;
	margin: 20px 0 30px;
	color:#F71A24;
	font-weight: bold;
}
.flow-onday-point-block1{
	display: flex;
	margin: 30px 0;
}
.flow-onday-point-block1>figure{
	width: 50%;
	padding: 10px;
}
.flow-onday-point-exp{}

.flow-onday-block2{	
	display: flex;
	margin: 40px 0 50px;
}

.flow-onday-block2-img{
	width: 57%;
}

.flow-onday-block2-txt{
	width: 43%;
}

.flow-onday-block3-msg{
	font-size: 2rem;
	font-weight: bold;
	margin: 20px 0;
}

.flow-onday-block3{	
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.flow-onday-block3-img1{
	width: 50%;
}

.flow-onday-block3-img2{
	width: 50%;
	padding: 0 10px;
	text-align: center;
}


.flow-onday-block3-txt{}

.flow-onday-block4{
	display: flex;
	margin: 30px 0 60px;
}

.flow-onday-block4-img{
	width: 63%;
	text-align: right;
}

.flow-onday-block4-txt{
	width: 37%;
	padding: 30px;
}

.flow-onday-block4-txt p{
	font-weight: bold;
}



.flow-goal{}

.flow-goal-img{
	margin:40px auto;
	text-align: center;
}

.flow-goal-block1{
	display: flex;
	align-items:center;
	margin:30px auto 30px;
}

.flow-goal-block1-img{
	width: 63%;
	text-align: right;

}
.flow-goal-block1-txt{
	width: 37%;
	padding: 10px;
}
.flow-goal-block1-txt p{
	font-weight: bold;
	font-size: 1.5rem;
}

.flow-goal-ol{}
.flow-goal-ol>li{}

.flow-goal-note-ttl{
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.flow-goal-note{
	margin-bottom: 20px;
}

.flow-goal-note>li{
	position: relative;
	padding-left: 1.2em
}

.flow-goal-note>li::after{
	content:"・";
	position: absolute;
	display: block;
	width: 1em;
	height: 1em;
	top:0;
	left:0;
}

.flow-goal-sam {
    border: 3px solid #F71A24;
    padding: 25px;
    margin-bottom: 10px;
}

.flow-goal-sam>li{
	position: relative;
	font-weight: bold;
	font-size: 2rem;
	padding-left: 1.3em;
	margin-bottom: 0.5em;
}

.flow-goal-sam>li .sm{
	font-size: 1.5rem;
	font-weight: normal;
}

.flow-goal-sam>li::after{
	content:"";
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	top:3px;
	left:0;
	background: #F71A24;
	border-radius: 50%;
}


.flow-goal-sam>li .sm{
	font-size: 1.5rem;
}


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

	.heading-m {
	    font-size: 1.8rem;
	    padding: 10px 20px 7px;
	}
	.heading-blue {
	    font-size: 1.5rem;
	}

	.heading-bk {
	    font-size: 1.5rem;
	    padding: 10px 20px 7px;
	}
	.flow{
		font-size: 1.4rem;
	}

	.section-block {
	    padding: 15px 10px;
	    margin-bottom: 20px;
	}

	.flow-entry-block1{
		display:block;
	}



	.flow-entry-block1{
		display: block;
	}
	.flow-entry-img{
		width: 80%;
		margin: 0 auto 20px;
	}
	.flow-entry-txt{
		width:100%;
	}

	.flow-entry-block2{
		display: block;
		margin-right: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 8%;
	}

	.flow-entry-block2 img{
		width: 100%;
	}

	.flow-entry-box1{
		width: 100%;
		margin-bottom: 15px;
	}

	.flow-entry-box2{
		width: 100%;
	}

	.flow-entry-note{
		font-size: 1.4rem;
		margin-bottom: 10px;
	}

	.flow-send-block {
	    display: block;
	}

	.flow-send-img {
	    width: 60%;
	    margin: 0 auto 20px;
	}

	.flow-send-txt{
		width: 100%;
	}

	.flow-send-list>li::after {
	    width: 15px;
	    height: 15px;
	    left: 0;
	    top: 3px;
	    border-radius: 50%;
	    background: #F71A24;
	}

	.flow-send-ttl {
	    margin-bottom: 10px;
	}

	.flow-send-note {
	    font-size: 1.3rem;
	}

	.flow-ready-block2-sm {
	    font-size: 1.2rem;
	}


	.flow-ready .section-block {
	    padding-top: 20px;
	}

	.flow-ready-block1 {
		display: block;
		padding-top: 20px;
		margin-bottom: 15px;
	}

	.flow-ready-block1-img{
		width: 60%;
		margin: 0 auto 0px;
	}

	.flow-ready-block1-txt{
		width: 100%;
	}

	.flow-ready-block1-caption {
	    font-size: 1.6rem;
	}

	.flow-ready-block1-row{
		display: block;
		justify-content: center;
		margin-bottom: 30px;
	}
	.flow-ready-block1-row>figure{
		margin-bottom: 20px;
		text-align: center;
	}

	.flow-ready-block1-row>figure img{
		width: 60%;
		margin: 0 auto;
		display: block;
	}

	.flow-ready-block1-row>figure a{
		font-size: 1.2rem;
		display: block;
	}

	.flow-ready-block2 {
	    display: block;
	    margin: 15px 0;
	}

	.flow-ready-block2-img{
		width: 80%;
		margin: 0 auto 20px;
	}
	.flow-ready-block2-txt{
		width: 100%;
	}

	.flow-ready-block3 {
	    padding-top: 0px;
	    margin-bottom: 0px;
	}

	.flow-ready-block3-ttl {
	    font-size: 1.8rem;
	    margin-bottom: 10px;
	}

	.flow-onday-block4 {
	    margin: 20px 0 20px;
	}

	.flow-ready-row {
	    display: block;
	}

	.flow-ready-row-img{
		width: 70%;
		margin: 0 auto 20px;
	}

	.flow-onday-exp {
	    text-align: center;
	    border: 3px solid #F71A24;
	    color: #F71A24;
	    font-size: 1.5rem;
	    padding: 10px;
	    margin-bottom: 30px;
	}

	.flow-ready-style-img {
	    padding-bottom: 0px;
	    width: 80%;
	    margin: 0 auto 10px;
	}

	.flow-ready-check-list>li::after{
		width: 15px;
		height: 15px;
		top:3px;
	}

	.flow-ready-check-ttl {
	    font-size: 20px;
	}

	.flow-ready-check-msg {
	    font-size: 1.4rem;
	    margin-bottom: 10px;
	}

	.flow-ready-row-img .caption {
    font-size: 1.6rem;
	}

	.flow-ready-check-ttl2 {
	    font-size: 2rem;
	}

	.flow-ready-check-note{
		font-size: 1.3rem;
	}

	.flow-ready-check {
	    margin: 0 auto 30px;
	}

	.flow-onday-block1 {
	    display: block;
	    margin: 20px 0;
	}
	.flow-onday-block1-img{
		margin: 0 auto 20px	;
		width: 80%;
	}
	.flow-onday-block1-txt{
		width: 100%
	}

	.flow-onday-checkin-list{
		flex-wrap:wrap;
		justify-content: center;
		margin: 20px auto 20px;
	}

	.flow-onday-checkin-list>li{
		width: 40%;
		margin: 0 1%;
		margin-bottom: 15px;
	}

	.flow-onday-checkin-msg {
	    margin: 20px 0 20px;
	    font-size: 2rem;
	}

	.flow-onday-point-msg{
		font-size: 1.6rem;
		margin: 10px 0 20px;
	}

	.flow-onday-point-block1{
		display: block;
	}

	.flow-onday-point-block1>figure {
	    width: 100%;
	    padding: 0px;
	    margin: 0 auto 20px;
	}

	.flow-onday-block3{
		display: block;
	}
	.flow-onday-block3-img1{
		width:100%;
		margin:0 auto 15px;
	}
	.flow-onday-block3-img2{
		width:100%;
		margin:0 auto;
	}

	.flow-onday-block3-msg {
	    font-size: 1.6rem;
	}

	.flow-onday-block4{
		display: block;
	}

	.flow-onday-block4-img{
		width: 100%;
		padding: 0 10px;
	}

	.flow-onday-block4-txt {
	    width: 100%;
	    padding: 15px 15px ;
	}


	.flow-goal-block1 {
		display: block;
	    margin: 10px auto 0px;
	}

	.flow-goal-block1-img{
		width: 80%;
		margin: 0 auto 10px;
	}
	.flow-goal-block1-txt{
		width: 100%;
		margin: 0 auto 0px;
	}

	.flow-onday-block2{	
		display: block;
		margin: 20px 0 20px;
	}

	.flow-onday-block2-img{
		width:100%;
		margin-bottom: 20px;
	}

	.flow-onday-block2-txt{
		width: 100%;
	}

	.flow-goal-img {
	    margin: 20px auto;
	    text-align: center;
	}
	.flow-goal-img2 {
		width: 80%;
	    margin: 20px auto;
	    text-align: center;
	}	
	.flow-goal-sam {
	    border: 3px solid #F71A24;
	    padding: 10px 10px 5px;
	}

	.flow-goal-sam>li {
    	font-size: 1.5rem;
	}


	.flow-goal-sam>li .sm{
		font-size: 1.3rem;
	}

	.flow-goal-sam>li::after {
	    width: 15px;
	    height: 15px;
	}


}