@charset "UTF-8";

/* Clearfix
----------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clear {
	clear: both;
}

.ir {
	text-indent: -9999px;
}

/* 全体
----------------------------------------------------------*/



.border {
	border: 1px solid #e9ecf1;
}

.underline {
	padding-bottom: 3px;
	color: #4b7cc2;
	border-bottom: 3px solid #ffe633;
}



.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex .col {
	width: 46%;
	margin-bottom: 40px;
}

.sp {
  display: none;
}

.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}


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

.container {
    width: 100%;
	max-width: 1110px;
	padding: 0 2%;
}

}

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

.pc {
	display: none;
}

.sp {
    display: block;
}

}



.pic_animation {
  padding-top: 60px;
  opacity: 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.pic_animation.active {
  padding-top: 0;
  opacity: 1;
}


/* secHeaderWrap
----------------------------------------------------------*/

#mushiba .mainvisual {
	height: auto;
}

.secHeaderWrap {
	position: relative;
	max-height: 1100px;
	height: 58vw;
	background-image: url(../images/pic_main01_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.secHeaderWrap .logo_bg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.secHeaderWrap .logo01 {
	position: relative;
	padding-top: 1vw;
}

.secHeaderWrap .logo01::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	z-index: -1;
	border-style: solid;
	border-width: 6vw 22vw 0 22vw;
	border-color: #ffffff transparent transparent transparent;
	-webkit-transform: translateX(-50%);
		  transform: translateX(-50%);
}

.secHeaderWrap .logo01 img {
	width: 13vw;
	height: auto;
}


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

.secHeaderWrap .logo01::before {
	border-width: 120px 480px 0 480px;
}

.secHeaderWrap .logo01 img {
	width: 239px;
	height: auto;
}

}

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

.secHeaderWrap .logo01::before {
	    border-width: 8vw 24vw 0 24vw;
}

}

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

.secHeaderWrap {
	background-image: url(../images/pic_main01_sp.jpg);
	background-size: cover;
	height: 78vw;
}

.secHeaderWrap .logo01 {
	padding-top: 0;
}

}

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

.secHeaderWrap .logo01 {
	top: -1vw;
}

.secHeaderWrap .logo01::before {
	    border-width: 9vw 34vw 0 34vw;
}

}


/* secFirstWrap
----------------------------------------------------------*/


.bgWrap {
	position: relative;
}

.bgWrap::before {
    content: "";
    position: absolute;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    z-index: -99;

}

.secFirstWrap {
	position: relative;
	padding: 100px 0 50px;
}

.secFirstWrap svg {
	position: absolute;
	bottom: -200px;
	margin: auto;
	width: 100%;
	height: 200px;
	fill: #F4EEE1;
}


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

.secFirstWrap svg {
	bottom: -100px;
	height: 100px;
}

}

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

.secFirstWrap {
	padding-top: 10vw;
	padding-bottom: 5vw;
}

}

/* 01 */

.secFirst01 {
	position: relative;
	width: 1008px;
	padding: 70px;
	margin-bottom: 380px;
}

.secFirst01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 540px;
	background: #f7f7f7;
	-webkit-transition: all .6s;
	transition: all .6s;
	z-index: -1;
}

.secFirst01.bg_animation.active:before {
  width: 1008px;
}

.secFirst01 h2 {
	display: inline-block;
	width: 527px;
	height: 92px;
	background-image: url(../images/img_title01.svg);
	background-repeat: no-repeat;
	margin: 0 0 30px 30px;
}

.secFirst01 .text {
  max-width: 700px;
  letter-spacing: .1em;
}

.secFirst01 .photo {
	position: absolute;
	right: -190px;
	bottom: -170px;
	/*max-width: 600px;*/
	background-color: #FFF;
	padding: 50px;
}

.secFirst01 .photo img {
	width: 250px;
}

.secFirst01 .photo .name {
	margin-top: .5em;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
}

.secFirst01 .photo .name span {
	display: block;
	font-size: 18px;
	font-weight: normal;
}

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

.secFirst01 {
	margin-bottom: 20vw;
}

.secFirst01 {
	width: 100%;
	padding: 5%;
}

.secFirst01:before {
	height: 100%;
}

.secFirst01.bg_animation.active:before {
	width: 85%;
}

.secFirst01 h2 {
    width: 50vw;
}

.secFirst01 .text {
  width: 58vw;
	max-width: 600px;
}

.secFirst01 .photo {
	right: 0;
	padding: 30px;
}

.secFirst01 .photo img {
	width: 24vw;
}

.secFirst01 .photo .name {
	font-size: 3vw;
}

.secFirst01 .photo .name span {
	font-size: 1.5vw;
}


}

@media screen and (max-width: 750px) {
	.secFirst01 {
		margin-bottom: 40vw;
	}
}

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

.secFirst01 {
	width: 100%;
	margin-bottom: 70vw;
	padding: 5%;
}

.secFirst01:before {
	height: 110%;
}

.secFirst01.bg_animation.active:before {
	width: 90%;
}

.secFirst01 .title {
	width: 80%;
}

.secFirst01 h2 {
    width: 80%;
	height: 10vw;
	margin-top: 5vw;
	margin-left: 0;
	margin-bottom: 5vw;
}

.secFirst01 .text {
  max-width: 70vw;
}

.secFirst01 .photo {
	right: 0;
	bottom: -50vw;
	padding: 5vw;
}

.secFirst01 .photo img {
	width: 29vw;
}

.secFirst01 .photo .name {
	font-size: 4vw;
}

.secFirst01 .photo .name span {
	font-size: 2vw;
}

}


/* 02 */

.secFirst02 {
	position: relative;
	padding-bottom: 530px;
}

.secFirst02 .title {
	position: absolute;
	left: 0;
	top: -40px;
}

.secFirst02 h2 {
	font-size: 50px;
	letter-spacing: 0;
}

#mushiba .secFirst02 strong {
	font-size: 70px;
	color: #B50008;
}

.secFirst02 h3 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  color: #1f5c99;
  font-size: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.secFirst02 h3:before, .secFirst02 h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #000;
}

.secFirst02 h3:before {
  left:0;
}

.secFirst02 h3:after {
  right: 0;
}

.secFirst02 .text {
	position: absolute;
	left: 160px;
	top: 0;
	max-width: 782px;
	padding: 80px 105px!important;
	letter-spacing: .1em;
}

.secFirst02 .text::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	display: block;
	width: 0;
	height: 100%;
	background: #f7f7f7;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.secFirst02 .text.bg_animation.active:before {
  width: 782px;
}

.secFirst02 .photo {
	margin-top: 1em;
}

.secFirst02 .bg_yellow::before {
	content: "";
	position: absolute;
	right: 0;
	top: -120px;
	z-index: -5;
	width: 423px;
	height: 394px;
	background: #1f5c99;
	-webkit-transition: all .6s;
	transition: all .6s;
}

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

.secFirst02 h2 {
	font-size: 4vw;
}

#mushiba .secFirst02 h2 strong {
	font-size: 5vw;
}

}

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

.secFirst02 .text.bg_animation.active:before {
	width: 100%;
	z-index: -1;
}

}

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

.secFirst02 {
	padding-bottom: 60vw;
}

.secFirst02 .title {
	top: -30px;
}

.secFirst02 .bg_yellow::before {
	top: -60px;
	width: 60%;
	height: 50%;
}

.secFirst02 .text.bg_animation.active:before {
	width: 100%;
}

.secFirst02 .text {
	left: 0;
	max-width: 95%;
	padding: 7vw 5vw!important;
}

.secFirst02 h3 {
	font-size: 4vw;
}

.secFirst02 h3:before,
.secFirst02 h3:after {
	width: 5vw;
}

}

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

.secFirst02 {
	padding-bottom: 65vw;
}

.secFirst02 h3 {
	font-size: 4vw;
}

.secFirst02 p {
	font-size: 140%;
	margin-bottom: 5vw;
}

}

@media screen and (max-width:320px) {
	.secFirst02 h3 {
	font-size: 3vw;
}
}


/* 03*/

.secFirst03 {
	padding: 120px 0 100px;
}

.secFirst03 .first h2 {
	width: auto;
	height: 0;
	padding-top: 13.33%;
	background-image: url(../images/img_attention01.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.secFirst03 .first div.text {
	margin: 80px 0!important;
}

.secFirst03 .first .text p {
	font-weight: bold;
	text-align: center;
	font-size: 23px;
}

.secFirst03 .flow .title {
	position: relative;
	background-color: #1f5c99;
}

.secFirst03 .flow .title h2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);	
	background-color: #1f5c99;
	color: #FFCC00;
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
}

.secFirst03 .flow .flex .col {
	margin: 0;
}

.secFirst03 .flow .flex .col.title {
	width: 15%;
}

.secFirst03 .flow .flex .col.contents {
	width: 85%;
	padding: 3%;
}

.secFirst03 .flow .flex .col.contents .flex {
	align-items: center;
}

.secFirst03 .flow .flex .col.contents .col.photo {
	width: 32%;
}

.secFirst03 .flow .flex .col.contents .col.text {
	width: 63%;
}

.secFirst03 .flow .flex .col.contents .col.text h3 {
	font-size: 23px;
	color: #1f5c99;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.4;
}

.secFirst03 .flow .flex .col.contents .col.text p {
	margin: 0;
}

.secFirst03 .flow .box {
	position: relative;
	background-color: #FFF;
	border: 1px solid #004D98;
	margin-bottom: 100px;
}

.secFirst03 .flow .box .balloon {
	position: absolute;
	left: -30px;
	top: 30px;
	width: 91px;
	height: 91px;
	background-repeat: no-repeat;
	-webkit-filter:drop-shadow(5px 3px 5px rgba(0, 0, 0, .5));
	-moz-filter:drop-shadow(5px 3px 5px rgba(0, 0, 0, .5));
	-ms-filter:drop-shadow(5px 3px 5px rgba(0, 0, 0, .5));
	filter:drop-shadow(5px 3px 5px rgba(0, 0, 0, .5));
}

.secFirst03 .flow .box.c0 .balloon,
.secFirst03 .flow .box.c1 .balloon {
	background-image: url(../images/img_balloon01.svg);
}

.secFirst03 .flow .box.c2 .balloon,
.secFirst03 .flow .box.c3 .balloon {
	background-image: url(../images/img_balloon02.svg);
}

.secFirst03 .flow .box.c4 .balloon {
	background-image: url(../images/img_balloon03.svg);
}

.secFirst03 .flow .box .icon {
	position: absolute;
	right: -60px;
	top: -50px;
	width: 142px;
	height: 142px;
	background-repeat: no-repeat;
}

.secFirst03 .flow .box.c0 .icon {
	background-image: url(../images/img_icon01.svg);
}

.secFirst03 .flow .box.c1 .icon {
	background-image: url(../images/img_icon02.svg);
}

.secFirst03 .flow .box.c2 .icon {
	background-image: url(../images/img_icon03.svg);
}

.secFirst03 .flow .box.c3 .icon {
	background-image: url(../images/img_icon04.svg);
}

.secFirst03 .flow .box.c4 .icon {
	background-image: url(../images/img_icon05.svg);
}

.secFirst03 .flow .box.c4 .comment {
	position: absolute;
	left: 155px;
	top: -20px;
	width: 160px;
	height: 72px;
	background-repeat: no-repeat;
	background-image: url(../images/img_figure01.svg);
}


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

.secFirst03 {
	padding: 5vw 0 10vw;
}

.secFirst03 .first .text p {
	font-size: 140%;
	text-align: left;
	font-weight: bold;
}

.secFirst03 .flow .box .balloon {
	left: -20px;
	top: 0;
	filter: none;
}

.secFirst03 .flow .box .icon {
	right: -20px;
	top: -70px;
}
	
	.secFirst03 .flow .flex .col.contents .col.text h3 {
		font-size: 20px;
	}

}

@media screen and (max-width: 750px) {
.secFirst03 .flow .flex .col.contents .col.text {
	padding-right: 5%;
}
.secFirst03 .flow .box .balloon {
	left: -15px;
	top: -10px;
	width: 70px;
	height: 70px;
}
	
	.secFirst03 .flow .box .icon {
	right: -15px;
	top: -30px;
	width: 71px;
	height: 71px;
		background-size: cover;
}


}

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

.secFirst03 {
	padding: 10vw 0 8vw;
}

.secFirst03 .first div.text {
	margin: 10vw 0 20vw!important;
}

.secFirst03 .first .text p {
	font-size: 140%;
	text-align: left;
}

.secFirst03 .flow .flex .col.title {
	width: 100%;
}

.secFirst03 .flow .title h2 {
	width: 100%;
	text-align: center;
}

.secFirst03 .flow .flex .col.contents {
	width: 100%;
	padding: 15vw 5vw 5vw;
}

.secFirst03 .flow .flex .col.contents .col.photo,
.secFirst03 .flow .flex .col.contents .col.text {
	width: 100%;
}

.secFirst03 .flow .flex .col.contents .col.text h3 {
	margin: 3vw 0;
	font-size:5vw;
	line-height: 1.5;
}

.secFirst03 .flow .box .balloon {
	left: -2vw;
	top: -16vw;
	width: 20vw;
	height: 20vw;
}

.secFirst03 .flow .box .icon {
	right: 0;
	top: -13vw;
	width: 25vw;
	height: 25vw;
}

.secFirst03 .flow .box.c4 .comment {
	left: 2vw;
	top: 5vw;
}

}

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

.secFirst03 .flow .box.c4 .comment {
	width: 37vw;
	height: 20vw;
}

.secFirst03 {
    padding: 10vw 0 0;
}

}


/* 04 */

.secFirst04 {
	position: relative;
	margin-bottom: 380px;
}

.secFirst04 .title {
	position: absolute;
	left: 0;
	top: -50px;
}

.secFirst04 h2 {
	display: inline-block;
	background-color: #1f5c99;
	padding: 25px;
	font-size: 35px;
	color: #FFF;
}

.secFirst04 .text {
	position: relative;
	max-width: 408px;
	margin-left: 40px;
	padding: 65px 25px 45px;
	letter-spacing: .1em;
}

.secFirst04 .text::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	display: block;
	width: 0;
	height: 100%;
	background: #FFF;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.secFirst04 .text.bg_animation.active:before {
	width: 408px;
}

.secFirst04 .text .box .name {
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
}

.secFirst04 .text .box .name p {
	position: relative;
	display: inline-block;
	background-color: #E5EDF4;
	border-radius: 5px;
	padding: .8em 1em .8em 4em;
	line-height: 1.4;
	font-size: 20px;
}

.secFirst04 .text .box .name p::before {
	content: "";
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	height: 46px;
	background: url(../images/img_human.svg) no-repeat;
	background-size: contain;
}

.secFirst04 .text .box ul {
	margin-top: 100px;
	margin-left: 23px;
	
}

.secFirst04 .text .box ul li {
	position: relative;
	padding-left: 1.2em;
	line-height: 1.8;
	font-weight: bold;
}

.secFirst04 .text .box ul li::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../images/img_list01.svg);
	background-size: contain;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #004D98;
}

.secFirst04 .text .box .result {
	position: relative;
	padding-top: 50px;
	color: #E15513;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.5;
}

.secFirst04 .text .box .result span {
	display: inline-block;
	background: linear-gradient(transparent 60%, #FFD000 0%);
	font-size: 26px;
}

.secFirst04 .text .box .result::before {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	width: 100%;
	height: 33px;
	background: url(../images/img_arrow01.svg) no-repeat 50% 50%;
}

.secFirst04 .photo_wrap {
	position: absolute;
	right: 0;
	top: 80px;
	width: 897px;
	background-color: #E5EDF4;
	padding: 90px 90px 90px 190px!important;
	z-index: -4;
}

.secFirst04 .photo_wrap p {
	margin-bottom: 55px;
	font-weight: bold;
}

.secFirst04 .bg_yellow::before {
	content: "";
	position: absolute;
	left: 220px;
	top: -80px;
	z-index: -5;
	width: 470px;
	height: 590px;
	background: #f7f7f7;
	-webkit-transition: all .6s;
	transition: all .6s;
}

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

.secFirst04 {
	margin-bottom: 25vw;
}

.secFirst04 .bg_yellow::before {
	width: 40vw;
	height: 58vw;
}

.secFirst04 .photo_wrap {
	width: auto;
}

.secFirst04 .photo_wrap {
	right: 0;
	top: 80px;
	width: 62vw;
	padding: 5vw 3vw 5vw 17vw!important;
}

}
@media screen and (max-width:750px) {
	.secFirst04 {
    margin-bottom: 70vw;
}
	.secFirst04 .photo_wrap {
	top: 50vw;
	margin-left: 3vw;
	padding: 13vw 5vw 8vw!important;
}

.secFirst04 .photo_wrap p {
	margin-bottom: 7vw;
}
}

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

.secFirst04 {
	margin-bottom: 90vw;
}

.secFirst04 .bg_yellow::before {
	top: -15vw;
	left: 20vw;
	width: 60%;
	height: 50%;
}

.secFirst04 h2 {
	font-size: 5vw;
	padding: 10px;
}

.secFirst04 .title {
	top: -5vw;
}

.secFirst04 .text {
	position: static;
	max-width: 95%;
	margin-left: 0;
	padding: 7vw 5vw;
	letter-spacing: normal;
}

.secFirst04 .text.bg_animation.active:before {
	width: 95%;
}

.secFirst04 .text .box .name p {
	font-size: 4vw;
	padding: 5vw 5vw 5vw 20vw;
}

.secFirst04 .text .box .name p::before {
	left: 5vw;
}

.secFirst04 .text .box ul {
	margin-top: 35vw;
	margin-left: 0;
}

.secFirst04 .text .box .result {
	font-size: 5vw;
}

.secFirst04 .text .box .result span {
	font-size: 6vw;
}
	.secFirst04 {
		margin-bottom: 102vw;
	}
.secFirst04 .photo_wrap {
	top: 98vw;
}

}

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

.secFirst04 {
	margin-bottom: 115vw;
}

.secFirst04 .text .box ul li {
	font-size: 3.5vw;
}

}

/* 05 */

.secFirst05 {
	border: 10px solid #1f5c99;
	padding: 70px;
}

.secFirst05 h2 {
	display: block;
	width: 504px;
	height: 106px;
	background-image: url(../images/img_title02.svg);
	background-repeat: no-repeat;
	margin: 0 auto 60px;
}

.secFirst05 .flex {
	margin-bottom: 30px;
}

.secFirst05 .col {
	background-color: #f7f7f7;
	margin-bottom: 10px;
	padding: 50px 86px;
}

.secFirst05 .col h3 {
	font-size: 32px;
	text-align: center;
	margin-bottom: 15px;
}

.secFirst05 .symptoms h3 strong {
	color: #004D98;
}

.secFirst05 .notes {
	margin: 0 0 1em;
	text-align: right;
}




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

.secFirst05 {
	padding: 7vw;
}

.secFirst05 h2 {
	width: auto;
	margin: 5vw 5vw 5vw;
	height: 0;
	padding-top: 21.03%;
	background-size: contain;
}

.secFirst05 .flex {
	margin-bottom: 0;
}

.secFirst05 .col {
	padding: 3vw 5vw;
}

.secFirst05 .col h3 {
	font-size: 3vw;
}

.secFirst05 .text p {
	margin-bottom: 1em;
}

}

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

.secFirst05 .flex .col {
	width: 100%;
	padding: 5vw;
}
	
	.secFirst05 .text p {
		font-size: 140%;
	}

}

/* 06 */

.secFirst06 {
	margin-top: 100px;
}

.secFirst06 .photo img {
	width: 550px;
	height: 550px;
}

.secFirst06 .text {
	position: relative;
	max-width: 46%;
	padding: 55px 75px!important;
}

.secFirst06 .text::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	display: block;
	width: 0;
	height: 100%;
	background: #f7f7f7;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.secFirst06 .text.bg_animation.active:before {
	width: 100%;
}

.secFirst06 .flex .col {
	height: 100%;
}

.secFirst06 .text h2 {
	font-size: 36px;
	color: #B70008;
	letter-spacing: 0;
	margin-bottom: 30px;
}

.secFirst06 .text h2 span {
	margin-right: .2em;
	font-family: 'Oswald', sans-serif;
	color: #FFCC00;
}

.secFirst06 .text li {
	text-indent: -1.5em;
}

.secFirst06 .text li {
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.secFirst06 .text li span {
	display: block;
	font-size: 23px;
	color: #004D98;
}

@media screen and (max-width: 1280px) {
	.secFirst06 .text h2 {
	font-size: 2vw;
}
}

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

.secFirst06 {
	margin-top: 50px;
}

.secFirst06 .flex {
	flex-direction: column-reverse;
}

.secFirst06 .flex .col {
	width: 100%;
}

.secFirst06 .text {
	max-width: 100%;
	padding: 7vw!important;
}

.secFirst06 .text h2 {
	font-size: 5vw;
	margin-bottom: 1em;
}

.secFirst06 .text p {
	margin-top: 3vw;
	
}

.secFirst06 .text ul {
	margin-top: 3vw;
}

.secFirst06 .photo {
	text-align: center;
}

.secFirst06 .photo img {
	width: 80%;
	height: 80%;
}

.secFirst06 .text li span {
	font-size: 4vw;
}

}

/* 07 */

.secFirst07 {
	position: relative;
	background-color: #FFF;
	width: 869px;
	height: 275px;
	margin: 6vw auto 4vw;
}

.secFirst07::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 95%;
	height: 85%;
	content: "";
	border: 2px solid #666;
}

.secFirst07 .flex {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	justify-content: center;
	flex-wrap: no-wrap;
}

.secFirst07 .flex .col:nth-child(1) {
	width: 15%;
	margin-bottom: 0;
}

.secFirst07 .flex .col:nth-child(2) {
	width: 62%;
	margin-bottom: 0;
}

.secFirst07 p {
	color: #004D98;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.secFirst07 p strong {
	background: linear-gradient(transparent 60%, #FFD000 0%);
}

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

.secFirst07 {
	width: 100%;
	margin-bottom: 0;
}

.secFirst07 {
	height: 25vw;
}

.secFirst07 p {
	font-size: 4vw;
}

}

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

.secFirst07 {
	margin-top: 0;
}

}


/* secCounselingWrap
----------------------------------------------------------*/

.secCounselingWrap {
	padding-bottom: 3vw;
}

.secCounselingWrap h2 {
	background-color: #004D9E;
	color: #FFF;
	font-size: 40px;
	font-size: 4rem;
	text-align: center;
}

.secCounselingWrap .text {
	border: 1px solid #004D9E;
	border-top: none;
	background-color: #FFF;
	padding: 5vw;
}

.secCounselingWrap p {
	font-size: 20px;
	font-size: 2rem;
}

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

.secCounselingWrap {
	padding-bottom: 15vw;
}

.secCounselingWrap h2 {
	font-size: 6vw;
}

.secCounselingWrap p {
	font-size: 100%;
}

}

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

.secCounselingWrap {
	padding-bottom: 10vw;	
}

.secCounselingWrap h2 {
	font-size: 6vw;
	margin-bottom: 0;
}

}


/* secDockWrap
----------------------------------------------------------*/

.secDockWrap {
	/*padding-bottom: 5vw;*/
}

.secDockWrap .title {
	position: relative;
	background-color: #1f5c99;
	height: 250px;
	margin-bottom: 180px;
}

.secDockWrap .title h2 {
	position: absolute;
	left: 50%;
	top: 180px;
	transform: translateX(-50%);
	color: #FFD600;
	font-size: 70px;
	z-index: 1;
}

.secDockWrap .title h2 span {
	color: #FFF;
}

.secDockWrap .title .svg1 {
	position: absolute;
	margin: auto;
	top: 0;
	width: 100%;
	height: 200px;
	fill: #FFFFFF;
}

.secDockWrap .title .svg2 {
	position: absolute;
	margin: auto;
	bottom: -200px;
	width: 100%;
	height: 200px;
	fill: #1f5c99;
}


.secDockWrap .box {
	background-color: #FFF;
	border: 12px solid #1f5c99;
	margin: 50px 0;
	padding: 50px;
}

.secDockWrap .box h3 {
	color: #1f5c99;
	font-size: 30px;
}

.secDockWrap .box h3 span {
	font-size: 60%;
	color: #333;
	margin-left: 1em;
	font-weight: normal;
}

.secDockWrap .box ul {
	margin: 10px 0 20px 0;
	list-style: disc;
}

.secDockWrap .box .col3 .col {
	width: 30%;
}

.secDockWrap .sec01 ul.flex {
	justify-content: flex-start;
}

.secDockWrap .sec01 ul.flex li {
	margin-left: 4%;
}

.secDockWrap .sec01 ul.flex li:last-child {
	margin-left: 0;
}


@media screen and (max-width: 1280px) {
	.secDockWrap .sec01 ul.flex li {
	margin-left: 2%;
}
}

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

.secDockWrap .title h2 {
	font-size: 5vw;
}

.secDockWrap .message p {
	font-size: 2.5vw;
}

.secDockWrap .sec01 ul.flex li {
	width: 100%;
	margin-left: 0;
}

}

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

.secDockWrap  {
	/*padding-bottom: 8vw;*/
}

.secDockWrap .title .svg1 {
	height: 100px;
}

.secDockWrap .title {
	height: 40vw;
	margin-bottom: 25vw;
}

.secDockWrap .title .svg2 {
	bottom: -100px;
	height: 100px;
}
	
.secDockWrap .title h2 {
	top: 28vw;
	width: 100%;
	text-align: center;
	font-size: 10vw;
}

.secDockWrap .box {
	padding: 7vw;
}

.secDockWrap .box h3 {
	margin-bottom: 0;
	font-size: 5vw;
	text-align: left;
}

.secDockWrap .box .flex .col {
	width: 100%;
	margin-bottom: 7vw;
}

}

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

.secDockWrap .message p {
	font-size: 3vw;
}

.secDockWrap .box {
	margin-top: 8vw;
}

.secDockWrap .box h3 span {
	font-size: 50%;
}

.secDockWrap .box ul {
	margin-left: 2vw;
}

}


/* secFeeWrap
----------------------------------------------------------*/

.secFeeWrap {
	position: relative;
	margin-top: 100px;
}

.secFeeWrap h2 {
	position: absolute;
	left: 50%;
	top: -22%;
	transform: translateX(-50%);
	display: inline-block;
	width: 30%;
	font-size: 35px;
	font-size: 3.5rem;
	background-color: #39A94A;
	border-radius: 30px;
	color: #FFF;
	text-align: center;
}

.secFeeWrap p {
	border: 2px solid #CCC;
	padding: 5% 4% 3%;
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

.secFeeWrap p .small {
	font-size: 70%;
}

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

.secFeeWrap {
	margin-top: 80px;
}

.secFeeWrap h2 {
	top: -30%;
	font-size: 6vw;
}

.secFeeWrap p {
	font-size: 6vw;
	padding-top: 8%;
}

}

/* secFirstvisitWrap
----------------------------------------------------------*/

.secFirstvisitWrap {
	margin-top: 100px;
}

.secFirstvisitWrap h2 {
	color: #004D98;
	font-size: 70px;
	font-size: 7rem;
	text-align: center;
}

.secFirstvisitWrap h2 span {
	color: #B70008;
}

.secFirstvisitWrap .flex {
	align-items: center;
}

.secFirstvisitWrap ul li {
	position: relative;
	height: 40%;
	padding: .5em;
	line-height: 1.4;
	color: #FFF;
	font-weight: bold;
	font-size: 30px;
	font-size: 3rem;
	text-align: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.secFirstvisitWrap ul li::before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: block;
	content: "";
	background-color: #CCC;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.secFirstvisitWrap ul li.f01::before,
.secFirstvisitWrap ul li.f02::before  {
	background-color: #E99F00;
}

.secFirstvisitWrap ul li.f03::before,
.secFirstvisitWrap ul li.f04::before,
.secFirstvisitWrap ul li.f05::before,
.secFirstvisitWrap ul li.f06::before  {
	background-color: #39A94A;
}

.secFirstvisitWrap ul li.f07::before,
.secFirstvisitWrap ul li.f08::before  {
	background-color: #004D9E;
}

.secFirstvisitWrap ul li::after {
	content: "";
	position: absolute;
	right: -75px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: solid 25px transparent;
	border-right: solid 25px transparent;
	border-bottom: solid 25px transparent;
	border-left: solid 25px #697b91;
}

.secFirstvisitWrap ul li.f01::after,
.secFirstvisitWrap ul li.f02::after  {
	border-left-color: #E99F00;
}

.secFirstvisitWrap ul li.f03::after,
.secFirstvisitWrap ul li.f04::after,
.secFirstvisitWrap ul li.f05::after,
.secFirstvisitWrap ul li.f06::after  {
	border-left-color: #39A94A;
}

.secFirstvisitWrap ul li.f07::after,
.secFirstvisitWrap ul li.f08::after  {
	border-left-color: #004D9E;
}

.secFirstvisitWrap ul li:last-child::after {
	display: none;
}

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

.secFirstvisitWrap ul li {
	height: 50%;
}

.secFirstvisitWrap ul li::after {
	right: -6vw;
}

}

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

.secFirstvisitWrap ul li {
	font-size: 3vw;
}

.secFirstvisitWrap ul li::after {
	right: -5.5vw;
}

}

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

.secFirstvisitWrap {
	margin-top: 50px;
}

.secFirstvisitWrap h2 {
	font-size: 10vw;
}

.secFirstvisitWrap ul li {
	width: 100%;
	margin-bottom: 11vw;
	-webkit-writing-mode:horizontal-tb;
	-ms-writing-mode:lr-tb;
	writing-mode:horizontal-tb;
	font-size: 5vw;
}

.secFirstvisitWrap ul li::after {
	left: 50%;
	top: 14vw;
	transform: translateX(-50%);
	border-bottom: none;
	border-right: 25px solid transparent;
	border-top: 25px solid #CCC;
}

.secFirstvisitWrap ul li.f04::after,
.secFirstvisitWrap ul li.f05::after {
	top: 21vw;
}

.secFirstvisitWrap ul li.f01::after,
.secFirstvisitWrap ul li.f02::after  {
	border-top-color: #E99F00;
	border-left: 25px solid transparent;
}

.secFirstvisitWrap ul li.f03::after,
.secFirstvisitWrap ul li.f04::after,
.secFirstvisitWrap ul li.f05::after,
.secFirstvisitWrap ul li.f06::after  {
	border-top-color: #39A94A;
	border-left: 25px solid transparent;
}

.secFirstvisitWrap ul li.f07::after,
.secFirstvisitWrap ul li.f08::after  {
	border-top-color: #004D9E;
	border-left: 25px solid transparent;
}

}


/* secTelWrap
----------------------------------------------------------*/

div.secTelWrap {
	position: relative;
	background-color: #004D9E;
	padding: 160px 0 80px!important;
}

.secTelWrap svg {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	width: 100%;
	height: 200px;
	fill: #FFF;
}

@supports (-ms-ime-align:auto) {
    .secTelWrap svg {
        display: none;
    } 
}

.secTelWrap .flex.present {
	align-items: center;
	justify-content:center;
	flex-wrap: no-wrap;
	margin-top: 1vw;
	margin-bottom: 3vw;
}

.secTelWrap .flex.present .col.human_img {
	width: 16%;
	margin-right: 4%;
	margin-bottom: 0;
}

.secTelWrap .flex.present .col.content {
	width: 70%;
	margin-bottom: 0;
}

.secTelWrap .flex.present h2 {
	margin-bottom: 10px;
	font-size: 58px;
	color: #FFD600;
	letter-spacing: 0;
	line-height: 1.2;
}

.secTelWrap .flex.present p {
	margin-top: 0;
	color: #FFF;
	font-weight: bold;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

.secTelWrap .flex.present p strong {
	color: #FFD600;
}

.secTelWrap .flex.present .flex {
	align-items: center;
	justify-content: flex-start;
}

.secTelWrap .flex.present .flex .col:nth-child(1) {
	width: 63%;
	margin-right: 6%;
	margin-bottom: 0;
}

.secTelWrap .flex.present .flex .col:nth-child(2) {
	width: 20%;
	margin-bottom: 0;
}

.secTelWrap .flex.tel-time {
	align-items: center;
}

.secTelWrap .flex.tel-time .col.tel {
	width: 38%;
	margin-bottom: 0;
}

.secTelWrap .flex.tel-time .col.tel a {
	text-align: right;
	color: #FFF;
	display: block;
	font-size: 16px;
	line-height: 2.2;
}

.secTelWrap .flex.tel-time .col.time {
	width: 56%;
	margin-bottom: 0;
}

.secTelWrap .time {
	background-color: #FFF;
	padding: 3%!important;
}

.secTelWrap .time table {
	width: 100%;
	font-weight: bold;
	text-align: center;
}

.secTelWrap .time table th, 
.secTelWrap .time table td {
	padding: 5px 3px;
	text-align: center;
}


.secTelWrap .time table .t,
.secTelWrap .time table tbody td {
	color: #004D9F;
}

.secTelWrap .time table .holiday {
	color: #BD0008;
}

.secTelWrap .time .am,
.secTelWrap .time .pm {
	margin-right: 1em;
}

@media screen and (max-width: 1280px) {
	
.secTelWrap .flex.present h2 {
	font-size: 4vw;
}

.secTelWrap .flex.present p {
	font-size: 2.2vw;
}

}

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

.secTelWrap .flex.tel-time .col.tel {
	width: 80%;
	margin: 0 auto 2vw;
}
	.secTelWrap .flex.tel-time .col.tel a {
	font-size: 12px;
}

.secTelWrap .col.tel a {
	display: block;
	margin: 0 auto;
	width: 80%;
}

.secTelWrap .flex.tel-time .col.time {
	width: 100%;
}

}

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

div.secTelWrap {
	margin-top: 0;
	padding: 20vw 0 10vw!important;
}

.secTelWrap svg {
	height: 100px;
}

.secTelWrap .flex.present h2 {
	font-size: 4.8vw;
}

.secTelWrap .flex.present p {
	font-size: 2.5vw;
}

.secTelWrap .flex.present .flex .col:nth-child(1) {
	width: 70%;
}

.secTelWrap .flex.present .flex .col:nth-child(2) {
	width: 15%;
}

}


/* .secAccessWrap
----------------------------------------------------------*/

.secAccessWrap,
footer {
	  background: #e9ecf1;
}

.secAccessWrap {
  padding: 80px 0 50px;
}

.secAccessWrap .train {
	margin-top: 50px;
}

.secAccessWrap h2 {
  color: #004D9E;
  margin-bottom: 50px;
  font-size: 45px;
  font-size: 4.5rem;
  text-align: center;
}

.secAccessWrap h3 {
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 30px;
}

.secAccessWrap h3 span {
	background:linear-gradient(transparent 60%, #FFD600 0%);
}

.secAccessWrap h4 .access_about {
	margin-left: .5em;
}

.secAccessWrap iframe {
	width: 100%;
	height: 500px;
	margin-top: 0;
}

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

.secAccessWrap .flex .col {
	width: 100%;
}

}

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

.secAccessWrap {
	padding-top: 8vw;
}

.secAccessWrap iframe {
	height:300px;
}

.secAccessWrap .train {
	margin-top: 30px;
}

.secAccessWrap h2 {
  font-size: 8vw;
  margin-bottom: 4vw;
}

.secAccessWrap h3 {
	font-size: 5vw;
	margin-bottom: 3vw;
}

.secAccessWrap p {
	margin: 0;
}

}



.mush_ttl {
  text-align: center;
  background-color: #FFE23F;
  padding: 2.12% 1.1%;
	margin-bottom: 5vw;
}
.mush_ttl h3 {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
  line-height: 1.6;
	margin-bottom: 0;
}

@media screen and (max-width: 750px) {
	.mush_ttl {
  padding: 8% 1%;
	margin-bottom: 8vw;
}
	.mush_ttl h3 {
		font-size: 200%;
}

}

@media screen and (max-width: 320px) {
	.mush_ttl h3 {
		font-size: 180%;
}

}