@charset "UTF-8";

.txt_green{
color: #04b145;
}

.txt_red{
color: #e64949;
}















@media screen and (min-width:751px) {
/* fade up 
.u-fade-type-up{
transform: translateY(50px);
opacity: 0;
z-index: 10;
}

.u-fade-type-up.is-active{
transition: .6s;
transform: translateY(0);
opacity: 1;
}

.is-active .u-fade-type-up{
transition: .6s;
transform: translateY(0);
opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}

/* fade up */

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


/* nav kai*/

.mainnav__w{
width: 480px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.mainnav__w nav{
width: 100%;

}

.mainnav__w nav ul{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.mainnav1{
width: 500px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.mainnav1-a,
.mainnav1-b
{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.mainnav1-1{
width: 49%;
}

.mainnav1-1 a{
position: relative;
display: flex;
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
font-size: 1.7rem;
color: #34435a;
letter-spacing: .02rem;
padding: .6rem 0;
background: #f2f2f2;
font-weight: 700;
}

.mainnav1-2{
width: 49%;
}

.mainnav1-2 a{
position: relative;
display: flex;
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
font-size: 1.7rem;
color: #34435a;
letter-spacing: .02rem;
padding: .6rem 0;
background: #f2f2f2;
font-weight: 700;

}

.mainnav1-3{
width: 49%;
}

.mainnav1-3 a{
position: relative;
display: flex;
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
font-size: 1.7rem;
color: #34435a;
letter-spacing: .02rem;
padding: .6rem 0;
background: #f2f2f2;
font-weight: 700;
}

.mainnav1-4{
width: 49%;
}

.mainnav1-4 a{
position: relative;
display: flex;
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
font-size: 1.7rem;
color: #34435a;
letter-spacing: .02rem;
padding: .6rem 0;
background: #f2f2f2;
font-weight: 700;
}


.mainnav2{
width: 140px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.mainnav2-1{
width: 100%;
}

.mainnav2-1 a{
width: 100%;
display: flex;
text-align: center;
font-size: 1.4rem;
color: #003686;
letter-spacing: -.05rem;
justify-content: center;
align-items: center;
padding: .6rem 0;
background: #f2f2f2;
font-weight: 500;

}

.mainnav2-2{
width: 100%;
}

.mainnav2-2 a{
width: 100%;
display: flex;
text-align: center;
font-size: 1.4rem;
color: #003686;
letter-spacing: -.05rem;
justify-content: center;
align-items: center;
padding: .6rem 0;
background: #f2f2f2;
font-weight: 500;
border-radius: 300px;
}

.mainnav3{
width: 180px;
height: 120px;
}

.mainnav3 a{
position: relative;
display: flex;
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
transition: .5s;
font-weight: 700;
height: 100%;
color: #fff;
font-size: 1.9rem;
line-height: 1.4;
letter-spacing: .15rem;
background: #e94919;
box-shadow: 0 -5px 0 #d44114 inset;
}












#pagetop{
margin-top: -100px;
padding-top: 100px;
}

header {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height:120px;
background: #fff;
transition: .3s;
min-width: 800px;
}

.header__fx{
width: 1000px;
display: flex;
align-items: center;
height: 120px;
}

.h_logo{
width: 500px;
margin: 0 30px 0 0;
}

.h_logo a{
display: flex;
align-items: center;
height: 100px;
}

.h_logo img{
width: 100%;
height: auto;
}

.h_logo a:hover{
opacity: .7;
}


.h_nav{
width: 880px;
}

.nav_apply{
width: 180px;
height: 120px;
}

.nav_apply a{
transition: .5s;
display: block;
font-weight: 700;
width: 100%;
height: 100%;
color: #fff;
font-size: 1.9rem;
line-height: 1.4;
letter-spacing: .15rem;
background: #e94919;
box-shadow: 0 -5px 0 #d44114 inset;
}

.nav_apply a:hover{

}
	
.mv__w{
width: 100%;
height: 950px;
background: url(../images/mainimage.jpg) no-repeat;
background-position: top center;
background-size: cover;
/*padding: 6rem 0;*/
}

.mv1{
width: 100%;
text-align: center;
}

.mv1 h1 img{
width: 80%;
/*width: 1460px;*/
margin:0 auto;
padding: 0 0 1rem 0;
}
	
.mv1_txt{
width: 100%;
text-align: center;

}

.mv1_txt img{
width: 600px;
padding: 6rem 0;
	}
	
	
	

.mv2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
/*margin-top: 5rem;*/
}

.mv3{
text-align: center;
/*font-size: 6.8rem;
font-weight: 600;
font-family: 'Zen Maru Gothic', sans-serif;
color: #00a1db; 
background: #fff;
padding: 1rem 2.5rem;
border-radius: 10px;
box-shadow: 15px rgb(169 202 255 / 50%);
	background-image: linear-gradient(to right,#0879a2 0,#00a1db 160%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;	*/
}
	
.mv3 img{
width: 650px;
	}

.mv4{
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 700;
color: #03873c;
}
	
	
.swipertxt{
position: absolute;
z-index: 2;
display: flex;
flex-wrap: wrap;
top: 55%;
right: 17.5%;
width: 230px;
}

.swipertxt img{
width: 100%;
/*max-height: 70vh;*/
}
	
.swipertxt02{
position: absolute;
z-index: 2;
display: flex;
flex-wrap: wrap;
top: 55%;
left: 17.5%;
width: 230px;
}

.swipertxt02 img{
width: 100%;
/*max-height: 70vh;*/
}
@media (min-width: 751px) and (max-width: 1280px) {	
.swipertxt{
position: absolute;
z-index: 2;
display: flex;
flex-wrap: wrap;
top: 38%;
right: 7.5%;
width: 180px;
}

.swipertxt img{
width: 100%;
/*max-height: 70vh;*/
}
	
.swipertxt02{
position: absolute;
z-index: 2;
display: flex;
flex-wrap: wrap;
top: 38%;
left: 7.5%;
width: 180px;
}

.swipertxt02 img{
width: 100%;
/*max-height: 70vh;*/
}
	
	
	}
	
	
	
	
.itemImg ul {
  width: 100%;
  height: 100%;
  position: relative;
}

.itemImg ul li {
  position: absolute;
}

.itemImg ul li img {
  width: 50%;
}

.itemImg ul li:nth-of-type(1) {
  top: 36%;
  left: 36%;
}

.itemImg ul li:nth-of-type(2) {
  top: 35%;
  left: 0%;
}

.itemImg ul li:nth-of-type(3) {
  top: 70%;
  left: 6%;
}

.itemImg ul li:nth-of-type(4) {
  top: 8%;
  right: 2%;
}

.itemImg ul li:nth-of-type(5) {
  top: 50%;
  right: 0%;
}
	
	
	
	
	
	
/*
.ppp__w{
width: 100%;
position: relative;
display: flex;
justify-content: center;
overflow: hidden;
}*/




.mainbox{

}

.catchtop{
/*position: relative;
display: flex;
justify-content: center;
overflow: hidden;*/
/*position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("../images/pre-mainimage-pc.jpg");
    background-size: cover;
    
    background-position: center center;
  background-repeat: no-repeat;*/
  position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.catchtop img{
width: 100%;
}

.datetop__w{
width: 100%;
padding: 5rem 0 6rem;
}

.datetop{
width: 640px;
margin: 0 auto 0;
}
.datetop a{
display: block;
}


.datetop a:hover{
transform: translateY(-7px) !important;
opacity: .5 !important;
}

.datetop a img{
/*box-shadow: 15px 15px 30px rgb(169 202 255 / 50%);*/
    border: 1px solid #cdcdcd;
}

.datetop1{
margin: 0 0 25px 0;
}
.datetop1 img{
width: 100%;
}
.datetop2{
color: #04b145;
font-weight: 700;
font-size: 5.8rem;
letter-spacing: .3rem;
text-align: center;
line-height: 1;
margin: 0 0 20px 0;
}
.datetop2 span{
font-size: 3rem;
font-weight: 400;

}
.datetop3{
color: #04b145;
font-weight: 700;
font-size: 3.5rem;
letter-spacing: .05rem;
text-align: center;
line-height: 1;
margin: 0 0 35px 0;

}
.datetop3 span{
font-weight: 400;

}


.datetop4{
text-align: center;
}

.datetop4 span{
text-align: center;
font-size: 1.7rem;
background: #f7f7f7;
color: #2f2f2f;
padding: 8px 40px 8px;
border-radius: 100px;
display: inline-block;
font-weight: 700;
box-shadow: 0 3px 3px #f3f3f3;
}






.content__w{
/*background: #f8f8f8; */
}


.outline__w{
width: 1280px;
margin: 0 auto;
background: #fff;
padding: 0 0 100px 0;
}


.outline1{
text-align: center;
padding: 6rem 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 120px;
background-size: contain;
}
.outline1 p{
margin: 0 0 50px 0;
font-size: 1.8rem;
color: #004e81;
line-height: 2;
letter-spacing: .2rem;
font-weight: 700;
}




.outline2{
width: 980px;
margin: 0 auto;
background: #fff;
}

.outline3{
text-align: center;
font-size: 5rem;
font-weight: 700;
}
.outline3::first-letter{  
color: #36a0eb !important;
}

.outlinetbl{
width: 100%;
border-top: 1px solid #d6d5d5;
  z-index: 3;
}

.outlinetbl tr{
border-bottom: 1px solid #d6d5d5;
    border-right: 1px solid #d6d5d5;
    border-left: 1px solid #d6d5d5;
}


.outlinetbl th{
padding: 30px 0;
width: 220px;
background: #efefef;
vertical-align: middle;
}




.outlinetbl td{
padding: 30px 30px;
background: #fdfdfd;
vertical-align: middle;
}


.btn_outlintable{

}





a.btn_outlintable{
display: inline-block;
background: rgb(23,202,90);
text-shadow: 1px 2px 5px #008e35;
font-weight: 700;
margin: 0 0 0 80px;
color: #fff !important;
padding: 12px 40px 14px;
line-height: 1;
box-shadow: 0 3px 5px #d8d8d8;
transition: .5s;
letter-spacing: .2rem;
}

a.btn_outlintable:hover{
opacity: .8;
transform: translateY(-4px)
}

.btn_outlintable span{

}
.btn_outlintable span::before{

}

.outline_t1{
font-size: 5rem;
font-weight: 400 !important;
color: #f38aac;
}

.outline_t2{
font-size: 5rem;
font-weight: 400 !important;
color: #5cacff;
}













.program__w{
width: 1280px;
margin: 0 auto 100px;
padding: 6rem 0 6rem 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 390px;
background-size: contain;
}

.program__w2{
width: 980px;
margin: 0 auto 120px;
}

.program1{
text-align: center;
font-size: 4.0rem;
font-weight: 600;
font-family: 'Zen Maru Gothic', sans-serif;
color: #171c61;    
}

.program1 span{
    line-height: 2;
    padding: 0 0.5vw 1vw;


}
.greeting{
text-align: center;
font-size: 3.5rem;
font-weight: 700;
color: #fff    
}
   
.program2__w{
background: #40bb6e;
padding: 65px 140px;
}

.program2{
text-align: center;
}

.program2 span{
color: #fff039;
text-align: center;
font-size: 3rem;
letter-spacing: .5rem;
font-weight: 700;
display: inline-block;
line-height: 1.5;
padding: 20px 50px;
background: #123787;
}

.program2b{
color: #e64949;
text-align: center;
}


.program3{
text-align: center;

}

.program3 span{
text-align: center;
font-size: 3.5rem;
font-weight: 200;
font-style: normal;
color: #3a4360;
display: inline-block;
padding: 2px 20px;
}


.program4{
display: flex;
justify-content: space-between;

}
.program5{
width: 45%;
box-shadow: 1px 3px 30px #dedede;
padding: 0 0 30px 0;
background: #fff;

}
.program6{
width: 100%;
background: #f2f3f4;
text-align: center;
}
.program6 img{
width: 50%;
display: inline-block;

}
.program7{
text-align: center;
font-size: 1.8rem;
margin: 20px 0 10px;
letter-spacing: .2rem;

}
.program8{
text-align: center;
font-size: 2.4rem;
font-weight: 700;
margin: 0 0 20px 0;
}
.program9b{
font-size: 1.7rem;
color: #546488;
text-align: center;
margin: 30px 0 10px;
line-height: 1.5;
}

.program9{
text-align: center;
font-size: 2.4rem;
}
.program10{
width: 45%;
box-shadow: 1px 3px 30px #dedede;
padding: 0 0 30px 0;
background: #fff;

}
.program11{
width: 100%;
background: #f2f3f4;
text-align: center;
}
.program11 img{
width: 50%;
display: inline-block;

}
.program12{
text-align: center;
font-size: 1.8rem;
margin: 20px 0 10px;
letter-spacing: .2rem;

}
.program13{
text-align: center;
font-size: 2.4rem;
font-weight: 700;
margin: 0 0 20px 0;
}
.program14{
text-align: center;
font-size: 2.4rem;
}

.si{
display: inline-block;
margin: 0 0 0 5px;
font-size: 1.4rem;
}


.program15{
text-align: center;
}

.program15 a{
background: rgb(23,202,90);
background: linear-gradient(90deg, rgba(23,202,90,1) 0%, rgba(56,239,125,1) 100%);
color: #fff;
padding: 10px 0;
font-size: 1.7rem;
display: inline-block;
width: 300px;
box-shadow: 1px 3px 6px #c3c3c3;
transition: .5s;
border-radius: 5px;
}

.program15 a:hover{
transform: translateY(-4px)
}

.program15 a span{
position: relative;
width: 100%;
display: block;
}

.program15 a span::after{
content: "";
background: url(../images/arrow.svg) no-repeat;
display: block;
width: 50px;
height: 50px;
vertical-align: middle;
margin: 0 0 0 15px;
position: absolute;
right: 20px;
top: -10px;
z-index: 1;
}

.program16{
font-size: 2.4rem;
text-align: center;
color: #20376B;
font-weight: 700;
}


.program17{
font-size: 1.8rem;
text-align: center;
color: #20376B;
}

.program18{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.program19{
width: 100%;
text-align: center;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: .3rem;
color: #4da2ee;
}
.program20{
width: 80%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.program21{
width: 48%;
padding: 3rem 0;;
border: 1px solid #003686;
text-align: center;
margin: 0 0 2rem 0;
box-shadow: 6px 8px 2px rgb(226 226 226 / 70%);
background: #fff;
border-radius: 2px;
color: #052156;
font-size: 2rem;
}














.program__w3{
width: 1280px;
padding: 60px 0 0 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 700px;
background-size: contain;
}

.program__w4{
width: 980px;
margin: 0 auto;
}

.program__w5{
width: 1280px;
margin: 0 auto 100px;
padding: 0 0 100px 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 440px;
background-size: contain;
}

.program__w6{
width: 980px;
margin: 0 auto;
}

















.medical__w{
width: 1280px;
margin: 0 auto 100px;
padding: 6rem 0 6rem 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 390px;
background-size: contain;
}

.medical__w2{
width: 980px;
margin: 0 auto 40px;
}

.medical1{
text-align: center;
font-size: 4.5rem;
font-weight: 700;

}

.medical1 span{
color: #609cd1 !important;

}

.medical2__w{
background: #40bb6e;
padding: 65px 140px;
}

.medical2{
text-align: center;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.medical3{
width: 300px;
}



.medical4{
width: 100%;
font-size: 3rem;
text-align: center;
font-weight: 700;
padding: 5rem 1rem;
background: #f6f6f6;
border-radius: 5px;
color: #34435a;
}


.toptimetable__w{
width: 100%;
}

table.toptimetable8{
width: 800px;
background: #fff;
margin: 0 auto;
}

table.toptimetable8 th{
background: #3ea164;
text-align: center;
font-weight: 500;
font-size: 1.9rem;
padding: 15px 0;
line-height: 1;
width: 10%;
color: #ffffff;
letter-spacing: .3rem;
}

table.toptimetable8 th:first-child{
width: 30%;
}

table.toptimetable8 td{
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.8rem;
padding: 0 0;
line-height: 1;
width: 10%;
color: #83ccd2;
letter-spacing: 0.05rem;
border-bottom: 1px solid #e1e1e1;
vertical-align: middle;
height: 7rem;
}

table.toptimetable8 td:first-child{
width: 30%;
color: #000;
background: #f5f4f4;
}

table.toptimetable8 tr{
}

table.toptimetable8 td img{
width: 35%;
}

.toptimetable9{
width: 570px;
margin: 0 auto;
text-align: right;
padding: 0 15px 0 0;
font-size: 1.8rem;
}

table.toptimetable8 td.toptimetable10a{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .35rem;
padding: 10px 0;
background: linear-gradient(90deg, #ed6d00, #ed6d00);
line-height: 1;
font-weight: 500;
}

table.toptimetable8 td.toptimetable10b{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .15rem;
padding: 10px 0;
background: linear-gradient(90deg, #01aee4, #01aee4);
line-height: 1;
font-weight: 500;
}

.toptimetable20{
text-align: center;
font-size: 1.8rem;
color: #FF5558;
}







/* dooctor */
.doctor_w01{
  width: 100%;
  padding: 60px 0 200px;
  background: #eaf8fb;
  position: relative;
  z-index: 0
}
		
.doctor_w01::after {
    position: absolute;
  	content: "";
    background: url(../images/doctor_bg001.svg);
    background-size: 100% auto;
    width: 100%;
    /*bottom: -1000px;
	height: 1000px;*/
    bottom: 0;
    background-repeat: no-repeat;
    height: 0;
    padding-bottom: 18.5%;
} 	
	
	
	

.doctor__w{
margin: 0px auto 0px;
padding: 6rem 0px;
background: #eaf8fb;
  z-index: 3;
	}
	

	
	
	
.doctor__w3 {
    margin: 0px auto 0px;
    padding: 0px 0px 6rem 0px;
    position: relative;
 	background: #eaf8fb;
    /*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, #efefef 100%);
    background: #fff url("../images/greeting-bg.jpg") bottom;*/
    background-size: cover;
}
	
	
	
	
	
.child1 {
  position: absolute;
  top: 0px;
  left: 0px;
}  
.child2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
}       
.doctor__w2{
margin: 0 auto;
border-radius: 5px;
z-index: 3;
}


.doctor1{
width:980px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.doctor2{
width: 250px;
}

.doctor2 img{
width: 100%;
border-radius: 5px;
}

.doctor3{
width: 500px;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0 50px;
    justify-content: center;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    box-shadow: 6px 6px 0 #d9d9d9;
}

.doctor4{
font-size: 1.8rem;
line-height: 1.2;
color: #454458;
font-weight: 400;
width: 100%;
letter-spacing: .2rem;
text-align: center;
        font-family: 'Zen Maru Gothic', sans-serif;
}

.doctor5{
font-size: 3.5rem;
color: #454458;
width: 100%;
font-weight: 500;
text-align: center;
    font-family: 'Zen Maru Gothic', sans-serif;
letter-spacing: .5rem;
}

    
.doctor5 ruby rt {
    transform: translateY(-.4em);
}
    
.doctor6{
font-size: 1.8rem;
text-align: center;
width: 100%;
color: #454458;
letter-spacing: .2rem;
font-weight: 500;
font-family: "Zen Old Mincho";
}

.doctor6{
width: 100%;
margin: 0 0 0 0;
}


.doctor7{
width: 100%;
}

.doctor7 h3{
font-size: 3.0rem;
text-align: center;
color: #454458;
letter-spacing: .2rem;
font-weight: 600;
    margin: 0 0 20px 0;
    font-family: 'Zen Maru Gothic', sans-serif;
}

.doctor7 h3::first-letter{
color: #00a1db;
}


.doctor8{
padding: 40px 50px;
width: 800px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;
font-size: 1.6rem;
background: #fff;
border-radius: 10px;    
  z-index: 3;
}

.doctor30 {
    padding: 40px 50px;
    width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 2.5;
    font-size: 1.6rem;
}    
    
.doctor8_h{
width: 100%;
margin: 0 0 35px 0;
font-size: 2.6rem;
text-align: center;
letter-spacing: .03rem;
color: #0d141a;
line-height: 1.8;
transform: scaleY(1.05);
}

.doctor9{
width: 100%;
margin: 0 auto 12px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 1.6;
font-weight: 400;
}

.doctor9:last-child{
margin: 0 auto 0;
}

.doctor10{
width: 100%;
font-size: 1.6rem;
color: #888;
}

.doctor11{
width: 100%;
}

.doctor11  h3{
font-size: 2.5rem;
color: #454458;
letter-spacing: .3rem;
margin: 0 0 10px 70px;
font-weight: 700;

}

.doctor12{
background: #fafafa;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.doctor13{
width: 100%;
}

.doctor14{
width: 100%;
}

.doctor15{
width: 48%;
}

.doctor16{
background: #fafafa;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;
}

.doctor17 {
background: #fafafa;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
}

.doctor17 > .hospital_list{
margin-top: 20px;
}

.doctor17 > .hospital_list dd {
margin-top: 10px;
}

.doctor17 > .hospital_list dd ul {
padding-left: 20px;
}

.doctor17 > .hospital_list dd li{
list-style-type: disc;
}

.doctor18{
font-size: 1.4rem;
margin: 0 0 10px 0;
}

.doctor19{
width: 100%;
text-align: center;
}

.doctor19 img{
width: 400px;
border-radius: 30px 30px 1px 30px;
}

.doctor20{
width: 100%;
text-align: center;
}


.doctor20 span{
display: inline-block;
text-align: center;
padding: .2rem 1.5rem;
background: #db948e;
color: #fff;
border-radius: 15px 15px 1px 15px;
font-weight: 400;
font-size: 1.5rem;
}

.doctor21{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.doctor22{
width: 8.5rem;
text-align: center;
}


.doctor23{
width: calc(100% - 9rem);
}

.doctor24{
width: 400px;
}

.doctor24 img{
width: 100%;
}



.doctor25{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.doctor26{
width: 20%;
font-weight: 400;
}

.doctor27{
width: 75%;
display: flex;
font-weight: 400;
}

.doctor28{
width: 800px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.doctor29{
width: 49%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}




/* dooctor */












/*panel*/
.panel__ww{
width: 100%;
background: url("../images/panelbg.jpg");
background-size: cover;
}

.panel__w{
width: 1280px;
margin: 0 auto;
padding: 120px 0 150px;
}

.panel1{
text-align: center;
margin: 0 0 60px 0;
}
.panel1 h2{
font-size: 5.7rem;
text-shadow: 6px 6px 15px #c7d1df;
font-weight: 900;
color: #2258a7;
letter-spacing: .8rem;
}

.panel2{
text-align: center;
margin: 0 0 80px 0;
}

.panel2 span{
margin: 0 auto;
background: #f7f7f7;
display: inline-block;
flex-wrap: wrap;
box-shadow: 0 10px 30px #adc7e0;
border-radius: 5px;
font-size: 2.9rem;
color: #1a3965;
padding: 8px 50px;
font-weight: 900;
letter-spacing: .3rem;
}

.panel3{
display: flex;
flex-wrap: wrap;
width: 980px;
margin: 0 auto;
justify-content: space-between;
}

.panel4{
width: 480px;
box-shadow: 0 10px 20px #adc6e0;
background: #fff;
border-radius: 20px;
margin: 0 0 60px 0;
display: flex;
flex-wrap: wrap;
}

.panel5{
text-align: center;
color: #102748;
padding: 40px 0 40px 0;
width: 100%;
}

.panel5 img{
height: 100px;
width: auto;
display: inline-block;
}

.panel6{
text-align: center;
font-size: 2.4rem;
color: #031a6d;
line-height: 1.5;
width: 100%;
display: flex;
align-items: center;
height: 140px;
justify-content: center;
background: #f3f8fb;
font-weight: 700;
}

.panel7{
text-align: center;
font-size: 1.6rem;
margin: 15px 0 15px 0;
color: #052156;
line-height: 1.4;
width: 100%;
align-items: center;
height: 4.5rem;
justify-content: center;
display: flex;
letter-spacing: .1rem;
}

.panel8{
display: flex;
flex-wrap: wrap;
width: 980px;
margin: 0 auto;
justify-content: space-between;
}

.panel9{
width: 100%;
background: #fff;
border-radius: 2px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.panel10{
text-align: center;
color: #102748;
width: 500px;
display: flex;
align-items: center;
justify-content: center;
}

.panel10-b{
order: 2;
}

.panel10 img{
width: 100%;
display: block;
margin: 0 auto;
border-radius: 10px;
}

.panel11{
text-align: center;
font-size: 3rem;
color: #3b5567;
line-height: 1.6;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: .1rem;
font-weight: 700;
}

.panel12{
text-align: center;
font-size: 1.6rem;
color: #052156;
line-height: 1.4;
width: 100%;
align-items: center;
height:9rem;
justify-content: center;
display: flex;
letter-spacing: .1rem;
padding: 30px 5px;
}

.panel13{
text-align: center;
margin: 30px 0 40px 0;
width: 100%;
align-items: center;
height: 3.5rem;
justify-content: center;
display: flex;
padding: 0 15px;
}

.panel13 a{
text-align: center;
font-size: 1.8rem;
color: #ffffff;
line-height: 1.4;
align-items: center;
letter-spacing: .1rem;
border: 1px solid #ff2257;
padding: 15px 40px;
background: #ff2257;
border-radius: 100px;
box-shadow: 5px 5px 15px #f39eb0;
}

.panel13 a:hover{
opacity: .7;
}

.panel13 a span::before{
content: "";
background: url("../images/ic_sankaku_white.svg");
width: 1rem;
height: 1rem;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
}

.panel14{
text-align: center;
margin: 18px 0 35px 0;
width: 100%;
align-items: center;
height: 3.5rem;
justify-content: center;
display: flex;
padding: 0 15px;
}

.panel14 a{
text-align: center;
font-size: 1.6rem;
color: #ffffff;
line-height: 1.4;
align-items: center;
letter-spacing: .05rem;
border: 1px solid #ff2257;
padding: 10px 30px;
background: #ff2257;
border-radius: 100px;
box-shadow: 5px 5px 15px #f39eb0;
}

.panel14 a:hover{
opacity: .7;
}

.panel14 a span::before{
content: "";
background: url("../images/ic_sankaku_white.svg");
width: 1rem;
height: 1rem;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
}

.panel15{
width: 400px;
}


























.opening1{
font-size: 4rem;
font-weight: 700;
margin: 0 0 15px 0;
text-align: center;
line-height: 1.7;


}
.opening2{
font-size: 2rem;
border-bottom: 20px solid #04b145;
margin: 0 0 100px 0;
text-align: center;
padding: 0 0 35px 0;
color: #465984;

}
.opening3{
display: flex;
justify-content: space-between;
width: 100%;
}
.opening4{
width: 24%;
box-shadow: 1px 3px 30px #dedede;
padding: 0 0 30px 0;
background: #fff;
display: flex;
flex-wrap: wrap;

}
.opening4 div {
width: 100%;
flex-direction: column;
}
.opening5{
width: 100%;
background: #f2f3f4;
text-align: center;

}
.opening5 img{
height: 140px;
display: inline-block;
margin: 0 auto;

}
.opening6{
font-size: 1.3rem;
color: #546488;
text-align: center;
margin: 15px 0 10px;
line-height: 1.5;
}
.opening7{
text-align: center;
font-size: 1.9rem;
margin-top: auto;

}

.opening_num{
color: #04b145;
font-size: 4rem;
vertical-align: baseline;
}







.news__w{
width: 1280px;
margin: 0 auto;
padding: 6rem 0 6rem 0;
background: #fff;
}

.news__w2{
width: 980px;
margin: 0 auto;
}


.news1{
width: 900px;
margin: 0 auto;
}

.news2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
padding: 30px 20px;
margin: 0 0 25px 0;
box-shadow: 6px 6px 0px rgb(193 193 193 / 30%);
border: 1px solid #ccc;
}

.news3{
width: 15%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news4{
width: 100%;
text-align: center;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}

.news5{
width: 100%;
text-align: center;
}

.news5 span{
display: inline-block;
padding: 2px 15px;
text-align: center;
background: #004ea2;
color: #fff;
font-weight: 700;
letter-spacing: .05rem;
border-radius: 2px;
}

.news6{
width: 82%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news7{
width: 100%;
font-size: 2.4rem;
font-weight: 700;
margin: 0 0 .8rem 0;
}

.news8{
width: 100%;
}




.access_w01{
  width: 100%;
  padding: 60px 0 0;
  background: #faf8f5;
  position: relative;
  z-index: 0;
}
		
.access_w01::after {
    position: absolute;
  	content: "";
    background: url("../images/fooer_bg001.svg");
    background-size: 100% auto;
    width: 100%;
    /*bottom: -1000px;
	height: 1000px;*/
    bottom: 0;
    background-repeat: no-repeat;
    height: 0;
    padding-bottom: 18.5%;
} 	
	






.access__w{
	margin: -100px auto 0px;
background: #faf8f5;
background-size: contain;
  z-index: 3;
	}
	
	
	
	
	
	
	
	
	
	
	

.access__w2{
width: 900px;
margin: 0 auto;
padding-bottom: 80px;
}

.access1{
width: 100%;
}

.access1 img{
width: 100%;
}

.access2{
width: 100%;
height: 600px;
}

.access2 iframe{
width: 100%;
height: 600px;
}

.access3{
width: 100%;
}
.access3 span{
display: inline-block;
text-align: center;
color: #0060ad;
font-size: 1.7rem;
}

.access4{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.access5{
width: 50%;
}

.access5 img{
width: 100%;
}

.access6{
width: 45%;
}

.access6 img{
width: 100%;
}














.sns__w{
background: #f7f6e9;
}

.sns__w2{
width: 980px;
margin: 0 auto;
padding: 80px 0;
}

.sns1{
width: 100%;
display: flex;
justify-content: space-between;
}


.sns2{
background: #fff;
width: 45%;
box-shadow: 1px 3px 10px #ecece1;
transition: .5s;

}
.sns2 img{
width: 100%;

}



.sns2:hover{
transform: translateY(-4px)
}













footer{
text-align: center;
width: 100%;
background: #faf8f5;
/*background: #00a1db;*/
padding: 60px 0 0 0;
}


.footer1{
width: 500px;
display: inline-block;
text-align: center;
margin: 0 0 50px 0;
}
.footer1 img{
width: 100%;
display: inline-block;
}
.footer2{
margin: 0 0 30px 0;
width: 100%;
text-align: center;
}
.footer2 span{
display: inline-block;
padding: 2rem 3rem;
border-radius: 10px;
color: #fff;
font-size: 1.5rem;
transition: .5s;
}

.footer2 a:hover{
opacity: .8;
}
.footer3{
font-size: 1.3rem;
margin: 0 0 50px 0;
color: #4c4e52;
}

.footer3 a{
color: #fff;
}

.footer4{
font-size: 1.2rem;
color: #fff;
background: #00a1db;
padding:5px;
}


.pagetop{
position: fixed;
bottom: 15px;
right: 15px;
width: 60px;
}

.pagetop img{
width: 100%;
height: 100%;
}

.pagetop img:hover{
opacity: .7;
}


.footernav__w{
width: 500px;
margin: 0 auto 60px;

}

.footernav__w ul{
display: flex;
justify-content: space-between;
width: 100%;

}

.footernav__w ul li{


}

.footernav__w ul li a{
width: 100%;
display: flex;
text-align: center;
font-size: 2rem;
color: #fff;
letter-spacing: .01rem;
justify-content: center;
align-items: center;
font-weight: 00;
border-radius: 300px;
}

.footernav__w ul li a:hover{

}




.subtitle2__w {
margin: 200px auto 0;
width: 1280px;
height: 300px;
background: #edeaeb url(../images/subtitle_bg2.jpg) no-repeat;
display: flex;
justify-content: center;
align-items: center;
background-size: contain;
}

.subtitle2__w span{
display: inline-block;
padding: 30px 80px;
text-align: center;
font-weight: bold;
font-size: 4rem;
color: #20335d;
text-shadow: 1px 1px 5px #ffffff;
}

.subtitle3__w {
margin: 200px auto 0;
width: 1280px;
height: 300px;
background: #edeaeb url(../images/subtitle_bg3.jpg) no-repeat;
display: flex;
justify-content: center;
align-items: center;
background-size: contain;
}

.subtitle3__w span{
display: inline-block;
padding: 30px 80px;
text-align: center;
font-weight: bold;
font-size: 4rem;
color: #20335d;
text-shadow: 1px 1px 5px #ffffff;
}








.subtitle4__w {
margin: 200px auto 0;
width: 1280px;
height: 300px;
background: #edeaeb url(../images/subtitle_bg4.jpg) no-repeat;
display: flex;
justify-content: center;
align-items: center;
background-size: contain;
}

.subtitle4__w span{
display: inline-block;
padding: 30px 80px;
text-align: center;
font-weight: bold;
font-size: 4rem;
color: #20335d;
text-shadow: 1px 1px 5px #ffffff;
}

.bc__w{
margin: 0 auto 0;
width: 1280px;
padding: 30px 30px;
background: #f2f3f4;
}

.bc__w ol{
}

.bc__w ol li{
display: inline-block;
}

.bc__w ol li a{
}

.bc__w ol li a span{
}






.kids__w{
width: 1280px;
margin: 0 auto 100px;
padding: 100px 0 350px 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center bottom;
background-size: contain;
}

.kids__w2{
width: 980px;
margin: 0 auto;
}



.kids1{
text-align: center;
}


.kids1 span{
border-bottom: 5px dotted #20335d;
text-align: center;
font-size: 3.3rem;
padding: 0 0 10px 0;
font-weight: 600;
display: inline-block;
}


.kids2{
font-size: 2.4rem;
font-weight: 500;

}

.kids2 span{
}

.kids3{
line-height: 2.2;
}
.kids4{
background: #ffffff;
padding: 15px 45px;
display: inline-block;
border-radius: 3px;
font-size: 1.8rem;
border: 1px solid #20335d;
}
.kids5{

}
.kids5 a,
.kids6 a{
font-size: 1.8rem;
display: inline-block;
border-bottom: 1px solid #49a9d9;
padding: 0 0 5px 0;
}

.kids5 a span,
.kids6 a span{

}

.kids5 a span::before,
.kids6 a span::before{
content: "";
background: url("../images/ic_link.svg") no-repeat;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 12px 0 5px;
}

.kids5 a span::after,
.kids6 a span::after{
content: "";
background: url("../images/ic_pdf.svg") no-repeat;
display: inline-block;
width: 3.5rem;
height: 3.5rem;
margin: 0 0 5px 17px;
vertical-align: middle;
}





.kids5 a:hover{

}
.kids6{

}
.kids7{
background: #ffffff;
padding: 15px 45px;
display: inline-block;
border-radius: 3px;
font-size: 1.8rem;
border: 1px solid #20335d;
}

.kids8{

}

.kids9 a,
.kids10 a{
font-size: 1.8rem;
display: inline-block;
border-bottom: 1px solid #49a9d9;
padding: 0 0 5px 0;
}

.kids9 a span,
.kids10 a span{

}

.kids9 a span::before,
.kids10 a span::before{
content: "";
background: url("../images/ic_link.svg") no-repeat;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 12px 0 5px;
}

.kids9 a span::after,
.kids10 a span::after{
content: "";
background: url("../images/ic_xls.svg") no-repeat;
display: inline-block;
width: 3.5rem;
height: 3.5rem;
margin: 0 0 5px 17px;
vertical-align: middle;
}

.kids10{

}

.kids11{

}





.day1{
font-size: 2.5rem;
text-align: center;
margin: 0 0 15px 0;
letter-spacing: .4rem;
color: #465984;
}
.day2{
margin: 0 0 100px 0;
font-size: 4rem;
font-weight: 700;
text-align: center;
line-height: 1.7;
padding: 0 0 25px 0;
border-bottom: 20px solid #04b145;
}


.day3{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
box-shadow: 1px 3px 10px #e2e2e2;
background: #fff;
}


.day4{
width: 25%;
}

.day4 img{
width: 100%;
}


.day5{
width: 75%;
padding: 50px 50px;
}

.day6{
width: 100%;
text-align: center;
padding: 50px 0 0 0;
font-size: 1.7rem;
letter-spacing: .2rem;
color: #3a4360;
font-weight: 500;
margin: 0 0 10px 0;
}

.day7{
width: 100%;
font-size: 3.8rem;
letter-spacing: .2rem;
font-weight: 500;
text-align: center;
}


.day__w1{
width: 1280px;
}

.day__w2 {
width: 980px;
margin: 0 auto;
}

.day__w3{
width: 1280px;
margin: 0 auto 100px;
padding: 0 0 50px 0;
}


.day__w4 {
width: 980px;
margin: 0 auto;
}


.si2{
display: inline-block;
margin: 0 0 0 5px;
font-size: 2.2rem;
font-weight: 400;
}

.day8b{
text-align: center;
margin: 0 0 30px 0;
}

.day8b span{
display: inline-block;
padding: 5px 30px;
border-radius: 100px;
background: #fff4cc;
text-align: center;
color: #6b4631;
}

.day8c{
text-align: center;
margin: 0 0 30px 0;
}

.day8c span{
display: inline-block;
padding: 5px 30px;
border-radius: 100px;
background: #20335d;
text-align: center;
color: #fff;
}

.day8d{
text-align: center;
margin: 0 0 30px 0;
}

.day8d span{
display: inline-block;
padding: 5px 30px;
border-radius: 100px;
background: #de6aa0;
text-align: center;
color: #fff;
}

.day8c2{
text-align: center;
margin: 20px 0 0 0;
}

.day8c2 span{
display: inline-block;
padding: 1px 8px;
border-radius: 100px;
background: #20335d;
text-align: center;
color: #fff;
font-size: 1.3rem;
}

.day8d2{
text-align: center;
margin: 20px 0 0 0;
}

.day8d2 span{
display: inline-block;
padding: 1px 8px;
border-radius: 100px;
background: #de6aa0;
text-align: center;
color: #fff;
font-size: 1.3rem;
}


.day8{
width: 100%;
text-align: center;
font-size: 1.7rem;
letter-spacing: .2rem;
color: #3a4360;
font-weight: 500;
line-height: 1.5;
margin: 0 0 10px 0;
}

.day9{
width: 100%;
font-size: 3.8rem;
letter-spacing: .2rem;
font-weight: 500;
text-align: center;
}


.day10{
width: 100%;
font-size: 1.6rem;
letter-spacing: .1rem;
font-weight: 400;
line-height: 2.2;
}

.day__w5{
width: 1280px;
margin: 0 auto 100px;
padding: 0 0 50px 0;
}

.day__w6 {
width: 980px;
margin: 0 auto;
}

.day__w {
width: 1280px;
margin: 0 auto 100px;
padding: 100px 0 250px 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center bottom;
background-size: contain;
}


.anchor{
margin-top: -120px;
padding-top: 120px;
}



.program_select{
text-align: center;
}

.program_select span{
color: #fff;
display: inline-block;
border-radius: 100px;
background: #3b5182;
text-align: center;
font-size: 2rem;
padding: 10px 40px;
}

a.link_official{
text-align: center;
padding: 0 5px;
font-size: 1.4rem;
color: #4da2ee;
display: inline-block;
margin: 0 0 0 30px;
border-bottom: 1px solid #4da2ee;
transition: .5s;
}

a.link_official:hover{
opacity: .5;
}

a.link_official span{

}

a.link_official span::after{
content: "";
background: url("../images/ic_window.svg") no-repeat;
display: inline-block;
width: 1.3rem;
height: 1.3rem;
margin: 0 0 0 5px;
vertical-align: middle;
}




.committee_message{
text-align: center;

}

.committee_message span{
font-size: 2rem;
display: inline-block;
background: #d2e0ff;
padding: 10px 50px;
}




a.btn_footerbtn{
display: inline-block;
font-weight: 700;
margin: 0 0 60px 0;
color: #fff !important;
padding: 2.8rem 5rem 3.3rem;
line-height: 1;
transition: .5s;
letter-spacing: .1rem;
background: #e94919;
box-shadow: 0 -5px 0 #d44114 inset;
border-radius: 5px;
font-size: 2rem;
}

a.btn_footerbtn:hover{
opacity: .8;
}







/*cancel*/
.cancel1{
color: #f16f35;
margin: 0 0 25px 0;
font-size: 3.5rem;
text-align: center;
line-height: 1.6;
font-weight: 900;
}

.cancel2{
line-height: 1.7;
font-size: 1.9rem;
text-align: center;
width: 100%;
}

.cancel3{
width: 100%;
text-align: center;
}

.cancel3 a{

padding: 2rem 2rem !important;
transition: .5s;
display: inline-block;
font-weight: 700;
width: 80%;
height: 100%;
color: #fff;
font-size: 2rem;
line-height: 1.4;
letter-spacing: .15rem;
text-align: center;
border-radius: 5px;
background: #e94919;
box-shadow: 0 -5px 0 #d44114 inset;
}



/*cancel*/








/*symposium*/
.symposium__ww{
width: 100%;
background: url("../img/symposiumbg.jpg");
background-size: cover;
margin: 70px 0 0 0;
}

.symposium__w{
width: 1280px;
margin: 0 auto;
padding: 120px 0;
}

.symposium1{
text-align: center;
margin: 0 0 90px 0;
}
.symposium1 h2{
font-size: 5.7rem;
text-shadow: 6px 6px 15px #0a3066;
font-weight: 900;
color: #fff;
letter-spacing: .8rem;
}

.symposium2{
width: 1080px;
margin: 0 auto;
padding: 100px 0;
background: #fff;
border-radius: 10px;
}

.symposium3{
text-align: center;
margin: 0 0 20px 0;
}

.symposium3 span{
background: #fe3f5e;
padding: 7px 30px;
text-align: center;
color: #fff;
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
}

.symposium4{
font-size: 5rem;
font-weight: 900;
color: #003685;
letter-spacing: .8rem;
text-align: center;
margin: 0 0 30px 0;
}

.symposium5{
text-align: center;
margin: 0 0 70px 0;
color: #102748;
font-size: 1.8rem;
}

.symposium6{
display: flex;
width: 980px;
margin: 0 auto;
justify-content: space-between;
}

.symposium7{
width: 180px;
background: #f7f9ff;
color: #003685;
padding: 50px 0;
text-align: center;
font-size: 2.4rem;
font-weight: 700;
}

.symposium8{
width: 800px;
border: 1px solid #123787;
background: #fff;
}

.symposium9{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;

}

.symposium10{
width: 100%;
font-size: 2.6rem;
color: #0358a9;
border-left: 10px solid #0358a9;
padding: 0 0 0 15px;
margin: 40px 0 20px 40px;
line-height: 1.4;
letter-spacing: .04rem;
font-weight: 700;;
}

.symposium10b{
width: 100%;
font-size: 1.6rem;
color: #102748;
margin: 0 0 35px 0;
line-height: 1.9;
letter-spacing: .08rem;
padding: 0 40px;
}

.symposium10b p{
margin: 0 0 0px 0;
}

.symposium11{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 40px 50px;
align-items: center;
}

.symposium12{
width: 150px;
height: 150px;
}

.symposium12 img{
width: 100%;
border-radius: 500px;
}

.symposium13{
display: flex;
width: 560px;
justify-content: space-between;
flex-wrap: wrap;
}

.symposium14{
font-size: 2.4rem;
width: 100%;
font-weight: 700;
}

.symposium15{
width: 100%;
font-size: 1.6rem;
color: #102748;
line-height: 1.5;
}

.symposium16{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.symposium17{
width: 100%;
border: 8px solid #efefef;
padding: 2rem 3rem;
}

.symposium18{
font-size: 2.2rem;
font-weight: 700;
line-height: 1.6;
color: #333;
display: inline-block;
width: 100%;
}

.symposium19{
font-size: 2rem;
font-weight: 500;
color: #0a73ae;
display: inline-block;
width: 100%;
padding: 0 0 0 1.2rem;
}

.symposium20{
width: 100%;
font-size: 2.6rem;
color: #0358a9;
border-left: 10px solid #0358a9;
padding: 0 0 0 15px;
margin: 50px 0 50px 40px;
line-height: 1.4;
letter-spacing: .04rem;
font-weight: 700;;
}

.symposium21{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 5%;
}

.symposium21b{
justify-content: center !important;
}

.symposium22{
width: 49.5%
}

.symposium22 img{
width: 100%;
}



















.topnavi__w{
width: 100%;
padding: 2rem 0 10rem;
}

.topnavi1{
width: 860px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topnavi2{
width: 400px;
height: 250px;
display: flex;
align-items: flex-end;
justify-content: center;
border-radius: 3px;
box-shadow: 10px 10px 2px #e4f0c9;
}

.topnavi2:hover{
transform: translateY(-5px);
opacity: .7 !important;
}

.topnavi2-1{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi1.jpg);
background-size: cover;
}

.topnavi2-2{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi2.jpg);
background-size: cover;
}

.topnavi2-3{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi3.jpg);
background-size: cover;
}

.topnavi2-4{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi4.jpg);
background-size: cover;
}


.topnavi3{
width: 100%;
color: #fff;
text-shadow: 2px 2px 2px #000;
font-size: 3.5rem;
text-align: center;
margin-bottom: 3rem;
font-weight: 700;
line-height: 1.1;
}

.topnavi3 span{
display: block;
}

.topnavi3-1 span::before{
display: block;
content: "Symposium";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 2rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}

.topnavi3-2 span::before{
display: block;
content: "Business Matching";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 2rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}

.topnavi3-3 span::before{
display: block;
content: "Panel Display";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 2rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}

.topnavi3-4 span::before{
display: block;
content: "Competition ";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 2rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}






.sidefix1{
position: fixed;
right: 0;
top: 200px;
width: 200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.sidefix2{
width: 200px;
height: 125px;
display: flex;
align-items: flex-end;
justify-content: center;
border-radius: 3px;
box-shadow: 5px 5px 0px rgb(97 194 255 / 30%);
}

.sidefix2:hover{
opacity: .7 !important;
}

.sidefix2-1{
background: linear-gradient(to top, rgb(11 59 129 / 70%) 50%, transparent 100%), url(../images/topnavi1.jpg);
background-size: cover;
}

.sidefix2-2{
background: linear-gradient(to top, rgb(11 59 129 / 70%) 50%, transparent 100%), url(../images/topnavi2.jpg);
background-size: cover;
}

.sidefix2-3{
background: linear-gradient(to top, rgb(11 59 129 / 70%) 50%, transparent 100%), url(../images/topnavi3.jpg);
background-size: cover;
}

.sidefix2-4{
background: linear-gradient(to top, rgb(11 59 129 / 70%) 50%, transparent 100%), url(../images/topnavi4.jpg);
background-size: cover;
}


.sidefix3{
width: 100%;
color: #fff;
text-shadow: 2px 2px 2px #000;
font-size: 2rem;
text-align: center;
margin-bottom: 2rem;
font-weight: 700;
line-height: 1.1;
}

.sidefix3 span{
display: block;
}

.sidefix3-1 span::before{
display: block;
content: "Symposium";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.3rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}

.sidefix3-2 span::before{
display: block;
content: "Business Matching";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.3rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}

.sidefix3-3 span::before{
display: block;
content: "Panel Display";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.3rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}

.sidefix3-4 span::before{
display: block;
content: "Competition ";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.3rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}




.clinicname{
width: 100%;
text-align: center;
padding: 8rem 0 9rem;
}

.clinicname span{
font-size: 6.5rem;
font-weight: 900;
text-align: center;
padding: 4rem 6rem;
border: 1px solid #011536;
display: inline-block;
background: #fff;
}






/* Google Maps */
.gm_w{
width:100%;
margin:20px auto 0;
text-align:center;
z-index: 3;
}

.gm_w iframe{
width:100%;
height:500px;
border-radius: 10px;
z-index: 3;}







/*当院の特徴*/
.merit__ww {
    width: 100%;
}   
.merit__w {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
}   
.merit__w::after {
    position: absolute;
  	content: "";
    background: url(../images/merit_bg001.svg);
    background-size: 100% auto;
    width: 100%;
    /*bottom: -1000px;*/
    bottom: 0;
    background-repeat: no-repeat;
    height: 0;
	/*height: 1000px;*/

    display: block;
    padding-bottom: 18.5%;

	
	
}         
.merit1 {
    width: 100%;
    margin: 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 10px;
    padding: 80px 0 0 0;
    /*background: #efefef;*/
    /*background: #efefef url(../images/bg_ornament.png) no-repeat center 390px;
    
    background-size: contain;*/
    z-index: 1;
    position: relative;
}

.merit2 {
    text-align: center;
    margin: 0 0 120px 0;
    width: 100%;
}
.merit2 span {
    text-align: center;
    padding: 12px 80px 17px;
    font-size: 3.5rem;
    color: #ffffff;
    letter-spacing: .4rem;
    font-weight: 700;
    border-radius: 100px;
    line-height: 1;
    background: #c9401a;
}   
.merit3 {
    width: 100%;
    margin: 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-position: left 30px top 40px;
} 
.merit4 {
    width: 100%;
    padding: 0 0 60px 0;
}
.merit4b {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.merit4_02 {
    width: 100%;
    padding: 0;
}
.merit4b_02 {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.merit5 {
   width: 350px;
}  
.merit5 img {
    width: 100%;
    border-radius: 20px;
}    
.merit6 {
    width: 600px;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: solid 1px #7bcbdf;
}
.merit6 .no {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #00a1db;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
}    
.merit7 {
       color: #00a1db;
    font-size: 2.8rem;
    line-height: 1.3;
    letter-spacing: .2rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-family: 'Zen Maru Gothic', sans-serif;
}   
.merit7 span {
    display: inline;
    background: linear-gradient(transparent 70%, #e3e3e3 70%);
}
.merit8 {
    font-size: 2rem;
    line-height: 1.5;
    margin: 20px 0 0 0;
}
.merit42 {
    width: 100%;
    padding: 0 0 60px 0;
}
.merit42b {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.merit52 {
    width: 350px;
    order: 2;
}    
.merit52 img {
    width: 100%;
    border-radius: 20px
}    
.merit62 {
    /*width: 680px;
    order: 1;*/
    width: 600px;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
position: relative;
    border: solid 1px #7bcbdf;
}
.merit62 .no {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #00a1db;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
}      
.merit72 {
    color: #00a1db;
    font-size: 2.8rem;
    line-height: 1.3;
    letter-spacing: .2rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-family: 'Zen Maru Gothic', sans-serif;
}  
.merit72 span {
    display: inline;
    background: linear-gradient(transparent 70%, #e3e3e3 70%);
}    
}


/* slider */
.swiper__w{
width: 100%;
background: #efefec;
  /*position: relative;*/

  }


.swiper {
  /*width: calc(100vw - 280px);
  height: 100%;
  max-height: calc(80vh - 150px);
  overflow: hidden;
  margin-top: 150px;
  margin-left: unset !important;
  opacity: 0;
  transition: opacity 1s ease-out;*/
}
  
  .is-loaded.swiper {
    opacity: 1;
  }

.swiper-slide {
text-align: center;
/*font-size: 18px;
background: #fff;*/

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 600px;
/*height: 100%;*/
object-fit: cover;
}




/* slider */






















/*PC*/





























































@media screen and (max-width:750px) {
#pagetop{
margin-top : -6vh;
padding-top : 6vh;
}

header {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
background: #fff;
transition: .3s;
min-height: 6rem;
}


.header__fx{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
position: relative;
}

.h_logo{
width: calc(100% - 25.5rem);
padding: 1rem;
}

.h_logo a{
display: flex;
align-items: center;
width: 100%;
}

.h_logo img{
width: 100%;
}

.h_logo a:hover{
opacity: .7;
}


.h_nav{

}

.nav_apply{
text-align: center;
padding: 2rem 0;
}

.nav_apply a{
background: #e94919;
transition: .5s;
display: inline-block !important;
width: 70% !important;
margin: 0 auto !important;
color: #fff !important;
text-align: center !important;
box-shadow: 0 -5px 0 #d44114 inset;
padding: 1.5rem 1rem;
}

.nav_apply a:hover{
background: rgba(37,229,109,1.00) !important;
color: #DAFFE4 !important;
}
	
	
.mv__w{
width: 100%;
background: url(../images/mainimage.jpg) no-repeat;
background-position: top center;
background-size: cover;
padding: 0 0 6rem 0;
}

.mv1{
width: 100%;
text-align: center;
}

	
.mv1 h1 img{
width: 80%;
padding: 2rem 1rem;
	margin:0 auto;
}
	
	
.mv1_txt{
width: 100%;
text-align: center;
}

.mv1_txt img{
width: 75%;
padding: 2rem 0;
	}


	
	
.mv2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
/*margin-top: 5rem;*/
}
.mv3{
text-align: center;
}
	
.mv3 img{
width: 80%;
	}

	
	
	
	
	
	

.ppp__w{
position: relative;
z-index: 1;
}


.mainbox{
width: 100%;
margin: 0 auto;
}

.catchtop{
width: 100%;
    /*position: relative;
    width: 100%;
    min-height: 100vh;
    background: url(../images/pre-mainimage-sp.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;*/
}

.catchtop img{
width: 100%;
}

.datetop__w{
padding: 3rem 0 4rem;
}

.datetop{
width: 90%;
background: #fff;
margin:0 auto;
}

.datetop a{
display: block;
}

.datetop a img:hover{
opacity: .8
}

.datetop a img{
transition: .6s;
border: 1px solid #cdcdcd;
}

.datetop1{
margin: 0 0 4vw 0;
}
.datetop1 img{
width: 100%;
}
.datetop2{
color: #04b145;
font-weight: 700;
font-size: 2.2rem;
letter-spacing: .1rem;
text-align: center;
line-height: 1;
margin: 0 0 2vw 0;
}
.datetop2 span{
font-size: 1.5rem;
font-weight: 400;

}
.datetop3{
color: #04b145;
font-weight: 700;
font-size: 2rem;
letter-spacing: .01rem;
text-align: center;
line-height: 1;
margin: 0 0 4vw 0;

}
.datetop3 span{
font-weight: 400;

}


.datetop4{
text-align: center;
}

.datetop4 span{
text-align: center;
font-size: 1.4rem;
background: #f7f7f7;
color: #2f2f2f;
padding: 1vw 6vw;
border-radius: 100px;
display: inline-block;
font-weight: 700;
}






.content__w{
}


.outline__w{
width: 100%;
margin: 0 auto;
background: #fff;
padding: 0 0 0 0;
}


.outline1{

padding: 0 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 120px;
background-size: contain;
}
.outline1 p{
margin: 0 auto;
color: #004e81;
line-height: 2;
letter-spacing: .2rem;
width: 90%;
}




.outline2{
width: 100%;
margin: 0 auto;
background: #fff;
}

.outline3{
text-align: center;
font-size: 2.7rem;
font-weight: 700;
}
.outline3::first-letter{  
color: #36a0eb !important;
}

.outlinetbl{
width: 95%;
border: 1px solid #d6d5d5;
margin: 0 auto;
  z-index: 3;
}

.outlinetbl tr{
border-bottom: 1px solid #d6d5d5;
}


.outlinetbl th{
padding: 1rem 1.5rem;
width: 100%;
background: #efefef;
vertical-align: middle;
display: block;
}




.outlinetbl td{
width: 100%;
padding: 1rem 1.5rem;
background: #fdfdfd;
vertical-align: middle;
display: block;
}


.btn_outlintable{

}





a.btn_outlintable{
display: inline-block;
background: rgb(23,202,90);
text-shadow: 1px 2px 5px #008e35;
font-weight: 700;
margin: 0 0 0 80px;
color: #fff !important;
padding: 12px 40px 14px;
line-height: 1;
box-shadow: 0 3px 5px #d8d8d8;
transition: .5s;
letter-spacing: .2rem;
}

a.btn_outlintable:hover{
opacity: .8;
transform: translateY(-4px)
}

.btn_outlintable span{

}
.btn_outlintable span::before{

}

.outline_t1{
font-size: 5rem;
font-weight: 400 !important;
color: #f38aac;
}

.outline_t2{
font-size: 5rem;
font-weight: 400 !important;
color: #5cacff;
}















.program__w{
width: 100%;
margin: 0 auto 5rem;
padding: 6rem 0 6rem 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 390px;
background-size: contain;
}

.program__w2{
width: 100%;
margin: 0 auto;
}

.program1{
text-align: center;
font-size: 2.7rem;
width: 100%;
padding: 0 2.0rem;
font-weight: 600;
font-family: 'Zen Maru Gothic', sans-serif;  
	color:#171c61;
}

.program1 span{
    line-height: 2;
    padding: 0 0.5vw 2.5vw;
}

.program2__w{
background: #40bb6e;
padding: 65px 140px;
}

.program2{
text-align: center;
}

.program2 span{
color: #fff039;
text-align: center;
font-size: 2rem;
letter-spacing: .3rem;
font-weight: 700;
display: inline-block;
line-height: 1.5;
padding: 1rem 4rem;
background: #123787;
}

.program2b{
color: #e64949;
text-align: center;
}


.program3{
text-align: center;

}

.program3 span{
text-align: center;
font-size: 3.5rem;
font-weight: 200;
font-style: normal;
color: #3a4360;
display: inline-block;
padding: 2px 20px;
}


.program4{
display: flex;
justify-content: space-between;

}
.program5{
width: 45%;
box-shadow: 1px 3px 30px #dedede;
padding: 0 0 30px 0;
background: #fff;

}
.program6{
width: 100%;
background: #f2f3f4;
text-align: center;
}
.program6 img{
width: 50%;
display: inline-block;

}
.program7{
text-align: center;
font-size: 1.8rem;
margin: 20px 0 10px;
letter-spacing: .2rem;

}
.program8{
text-align: center;
font-size: 2.4rem;
font-weight: 700;
margin: 0 0 20px 0;
}
.program9b{
font-size: 1.7rem;
color: #546488;
text-align: center;
margin: 30px 0 10px;
line-height: 1.5;
}

.program9{
text-align: center;
font-size: 2.4rem;
}
.program10{
width: 45%;
box-shadow: 1px 3px 30px #dedede;
padding: 0 0 30px 0;
background: #fff;

}
.program11{
width: 100%;
background: #f2f3f4;
text-align: center;
}
.program11 img{
width: 50%;
display: inline-block;

}
.program12{
text-align: center;
font-size: 1.8rem;
margin: 20px 0 10px;
letter-spacing: .2rem;

}
.program13{
text-align: center;
font-size: 2.4rem;
font-weight: 700;
margin: 0 0 20px 0;
}
.program14{
text-align: center;
font-size: 2.4rem;
}

.si{
display: inline-block;
margin: 0 0 0 5px;
font-size: 1.4rem;
}


.program15{
text-align: center;
}

.program15 a{
background: rgb(23,202,90);
background: linear-gradient(90deg, rgba(23,202,90,1) 0%, rgba(56,239,125,1) 100%);
color: #fff;
padding: 10px 0;
font-size: 1.7rem;
display: inline-block;
width: 300px;
box-shadow: 1px 3px 6px #c3c3c3;
transition: .5s;
border-radius: 5px;
}

.program15 a:hover{
transform: translateY(-4px)
}

.program15 a span{
position: relative;
width: 100%;
display: block;
}

.program15 a span::after{
content: "";
background: url(../images/arrow.svg) no-repeat;
display: block;
width: 50px;
height: 50px;
vertical-align: middle;
margin: 0 0 0 15px;
position: absolute;
right: 20px;
top: -10px;
z-index: 1;
}

.program16{

color: #20376B;
width: 100%;
padding: 0 2rem;
}


.program17{
color: #20376B;
width: 100%;
padding: 0 2rem;
}

.program18{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.program19{
width: 100%;
text-align: center;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: .3rem;
color: #4da2ee;
}
.program20{
width: 80%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.program21{
width: 48%;
padding: 3rem 0;;
border: 1px solid #003686;
text-align: center;
margin: 0 0 2rem 0;
box-shadow: 6px 8px 2px rgb(226 226 226 / 70%);
background: #fff;
border-radius: 2px;
color: #052156;
font-size: 2rem;
}














.program__w3{
width: 1280px;
padding: 60px 0 0 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 700px;
background-size: contain;
}

.program__w4{
width: 980px;
margin: 0 auto;
}

.program__w5{
width: 1280px;
margin: 0 auto 100px;
padding: 0 0 100px 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 440px;
background-size: contain;
}

.program__w6{
width: 980px;
margin: 0 auto;
}

















.medical__w{
width: 100%;
margin: 0 auto 5rem;
padding: 6rem 0 6rem 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center 390px;
background-size: contain;
}

.medical__w2{
width: 100%;
margin: 0 auto;
}

.medical1{
text-align: center;
font-size: 2.7rem;
font-weight: 700;
width: 100%;
padding: 0 2rem;
}

.medical1 span{
color: #609cd1 !important;

}

.medical2__w{
background: #40bb6e;
padding: 65px 140px;
}

.medical2{
text-align: center;
width: 95%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.medical3{
width: 32%;
}



.medical4{
width: 100%;
font-size: 1.6rem;
text-align: center;
font-weight: 700;
padding: 2rem 1rem;
background: #f6f6f6;
border-radius: 5px;
color: #34435a;
}


.toptimetable__w{
width: 100%;
}

table.toptimetable8{
width: 95%;
background: #fff;
margin: 0 auto;
}

table.toptimetable8 th{
background: #3ea164;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1rem 0;
line-height: 1;
width: 10%;
color: #ffffff;
letter-spacing: .3rem;
}

table.toptimetable8 th:first-child{
width: 30%;
}

table.toptimetable8 td{
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 0 0;
line-height: 1;
width: 10%;
color: #83ccd2;
letter-spacing: 0.05rem;
border-bottom: 1px solid #e1e1e1;
vertical-align: middle;
height: 5rem;
}

table.toptimetable8 td:first-child{
width: 30%;
color: #000;
background: #f5f4f4;
}

table.toptimetable8 tr{
}

table.toptimetable8 td img{
width: 35%;
}

.toptimetable9{
width: 570px;
margin: 0 auto;
text-align: right;
padding: 0 15px 0 0;
font-size: 1.8rem;
}

table.toptimetable8 td.toptimetable10a{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .35rem;
padding: 10px 0;
background: linear-gradient(90deg, #ed6d00, #ed6d00);
line-height: 1;
font-weight: 500;
}

table.toptimetable8 td.toptimetable10b{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .15rem;
padding: 10px 0;
background: linear-gradient(90deg, #01aee4, #01aee4);
line-height: 1;
font-weight: 500;
}


.toptimetable20{
text-align: left;
font-size: 1.4rem;
color: #FF5558;
padding: 0 2rem;
}







/* dooctor */
.doctor_w01{
  width: 100%;
  padding: 0;
  background: #eaf8fb;
  position: relative;
  z-index: 0
}
		
.doctor_w01::after {
    position: absolute;
  	content: "";
    background: url(../images/doctor_bg001.svg);
    background-size: 100% auto;
    width: 100%;
    /*bottom: -1000px;
	height: 1000px;*/
    bottom: 0;
    background-repeat: no-repeat;
    height: 0;
    padding-bottom: 18.5%;
} 	


.doctor__w{
width: 100%;
background: #eaf8fb;
    padding: 4rem 0px;    
}
.doctor__w3 {
    width: 100%;
    margin: 0px auto 0px;
    padding: 4rem 0px;
    position: relative;
	background: #eaf8fb;
    /*background: #fff url(../images/greeting-bg.jpg) bottom;*/
    background-size: cover;
}
.child1 {
    position: absolute;
    top: 0px;
    left: 0px;
}  
.child2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
}    
.doctor__w2{
    width: 90%;
    margin: 0 auto;
}
.doctor30 {
    padding: 4vw 0 0;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 2;
    font-size: 1.4rem;
}

.doctor1{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.doctor2{
width: 250px;
}

.doctor2 img{
width: 100%;
border-radius: 5px;
}

.doctor3{
width: 98%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    box-shadow: 6px 6px 0 #d9d9d9;
    justify-content: center;
    margin: 0 auto;
    padding: 3rem 0;
}

.doctor4{
font-size: 1.4rem;
line-height: 1.2;
color: #454458;
font-weight: 400;
width: 100%;
letter-spacing: .1rem;
text-align: center;
font-family: 'Zen Maru Gothic', sans-serif;    
}

.doctor5{
font-size: 2rem;
margin: 0 0 1rem 0;
color: #454458;
width: 100%;
font-weight: 500;
text-align: center;
letter-spacing: .1rem;
font-family: 'Zen Maru Gothic', sans-serif;    
}

.doctor6{
font-size: 1.4rem;
text-align: center;
width: 100%;
color: #454458;
font-style: italic;
letter-spacing: .3rem;
font-weight: 300;
}

.doctor6{
width: 100%;
margin: 0 0 0 0;
}


.doctor7{
width: 100%;
}

.doctor7 h3{
font-size: 2.7rem;
text-align: center;
color: #454458;
letter-spacing: .2rem;
font-weight: 600;
font-family: 'Zen Maru Gothic', sans-serif;    
}


.doctor7 h3::first-letter{
color: #00a1db;
}

.doctor8{
padding: 4vw 5vw;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;
font-size: 1.4rem;
background: #fff;
  z-index: 3
	}

.doctor8_h{
width: 100%;
margin: 0 0 3rem 0;
font-size: 2.6rem;
text-align: center;
letter-spacing: .03rem;
color: #0d141a;
line-height: 1.8;
transform: scaleY(1.05);
}

.doctor9{
width: 100%;
margin: 0 auto 12px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 1.6;
}

.doctor9:last-child{
margin: 0 auto 0;
}

.doctor10{
width: 100%;
font-size: 1.6rem;
color: #888;
}

.doctor11{
width: 100%;
}

.doctor11  h3{
font-size: 2.5rem;
color: #454458;
letter-spacing: .3rem;
margin: 0 0 10px 70px;
font-weight: 700;

}

.doctor12{
background: #fafafa;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.doctor13{
width: 100%;
}

.doctor14{
width: 100%;
}

.doctor15{
width: 48%;
}

.doctor16{
background: #fafafa;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;
}

.doctor17 {
background: #fafafa;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
}

.doctor17 > .hospital_list{
margin-top: 20px;
}

.doctor17 > .hospital_list dd {
margin-top: 10px;
}

.doctor17 > .hospital_list dd ul {
padding-left: 20px;
}

.doctor17 > .hospital_list dd li{
list-style-type: disc;
}

.doctor18{
font-size: 1.4rem;
margin: 0 0 10px 0;
}

.doctor19{
width: 100%;
text-align: center;
}

.doctor19 img{
width: 400px;
border-radius: 30px 30px 1px 30px;
}

.doctor20{
width: 100%;
text-align: center;
}


.doctor20 span{
display: inline-block;
text-align: center;
padding: .2rem 1.5rem;
background: #db948e;
color: #fff;
border-radius: 15px 15px 1px 15px;
font-weight: 400;
font-size: 1.4rem;
}

.doctor21{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.doctor22{
width: 6rem;
}


.doctor23{
width: calc(100% - 8rem);
}


.doctor24{
width: 100%;
text-align: center;
}

.doctor24 img{
width: 75%;
}



.doctor25{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.doctor26{
width: 100%;
font-weight: 400;
}

.doctor27{
width: 100%;
display: flex;
font-weight: 400;
}

.doctor28{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.doctor29{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}






/* dooctor */





























/*panel*/
.panel__ww{
width: 100%;
background: url("../images/panelbg.jpg");
background-size: cover;
}

.panel__w{
width: 1280px;
margin: 0 auto;
padding: 120px 0 150px;
}

.panel1{
text-align: center;
margin: 0 0 60px 0;
}
.panel1 h2{
font-size: 5.7rem;
text-shadow: 6px 6px 15px #c7d1df;
font-weight: 900;
color: #2258a7;
letter-spacing: .8rem;
}

.panel2{
text-align: center;
margin: 0 0 80px 0;
}

.panel2 span{
margin: 0 auto;
background: #f7f7f7;
display: inline-block;
flex-wrap: wrap;
box-shadow: 0 10px 30px #adc7e0;
border-radius: 5px;
font-size: 2.9rem;
color: #1a3965;
padding: 8px 50px;
font-weight: 900;
letter-spacing: .3rem;
}

.panel3{
display: flex;
flex-wrap: wrap;
width: 980px;
margin: 0 auto;
justify-content: space-between;
}

.panel4{
width: 480px;
box-shadow: 0 10px 20px #adc6e0;
background: #fff;
border-radius: 20px;
margin: 0 0 60px 0;
display: flex;
flex-wrap: wrap;
}

.panel5{
text-align: center;
color: #102748;
padding: 40px 0 40px 0;
width: 100%;
}

.panel5 img{
height: 100px;
width: auto;
display: inline-block;
}

.panel6{
text-align: center;
font-size: 2.4rem;
color: #031a6d;
line-height: 1.5;
width: 100%;
display: flex;
align-items: center;
height: 140px;
justify-content: center;
background: #f3f8fb;
font-weight: 700;
}

.panel7{
text-align: center;
font-size: 1.6rem;
margin: 15px 0 15px 0;
color: #052156;
line-height: 1.4;
width: 100%;
align-items: center;
height: 4.5rem;
justify-content: center;
display: flex;
letter-spacing: .1rem;
}

.panel8{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
justify-content: space-between;
}

.panel9{
width: 100%;
background: #fff;
border-radius: 2px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.panel10{
text-align: center;
color: #102748;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.panel10-b{
}

.panel10 img{
width: 80%;
display: block;
margin: 0 auto;
border-radius: 10px;
}

.panel11{
text-align: center;
font-size: 2rem;
color: #3b5567;
line-height: 1.6;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: .1rem;
font-weight: 700;
}

.panel12{
text-align: center;
font-size: 1.5rem;
color: #052156;
line-height: 1.4;
width: 100%;
align-items: center;
justify-content: center;
display: flex;
letter-spacing: .1rem;
}

.panel13{
text-align: center;
margin: 30px 0 40px 0;
width: 100%;
align-items: center;
height: 3.5rem;
justify-content: center;
display: flex;
padding: 0 15px;
}

.panel13 a{
text-align: center;
font-size: 1.8rem;
color: #ffffff;
line-height: 1.4;
align-items: center;
letter-spacing: .1rem;
border: 1px solid #ff2257;
padding: 15px 40px;
background: #ff2257;
border-radius: 100px;
box-shadow: 5px 5px 15px #f39eb0;
}

.panel13 a:hover{
opacity: .7;
}

.panel13 a span::before{
content: "";
background: url("../images/ic_sankaku_white.svg");
width: 1rem;
height: 1rem;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
}

.panel14{
text-align: center;
margin: 18px 0 35px 0;
width: 100%;
align-items: center;
height: 3.5rem;
justify-content: center;
display: flex;
padding: 0 15px;
}

.panel14 a{
text-align: center;
font-size: 1.6rem;
color: #ffffff;
line-height: 1.4;
align-items: center;
letter-spacing: .05rem;
border: 1px solid #ff2257;
padding: 10px 30px;
background: #ff2257;
border-radius: 100px;
box-shadow: 5px 5px 15px #f39eb0;
}

.panel14 a:hover{
opacity: .7;
}

.panel14 a span::before{
content: "";
background: url("../images/ic_sankaku_white.svg");
width: 1rem;
height: 1rem;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
}

.panel15{
width: 100%;
}





.opening1{
font-size: 1.8rem;
font-weight: 700;
margin: 0 0 4vw 0;
line-height: 1.7;
text-align: center;

}
.opening2{
font-size: 1.4rem;
border-bottom: 20px solid #04b145;
margin: 0 0 10vw 0;
padding: 0 0 5vw 0;
color: #465984;
line-height: 1.6;
text-align: center;
}
.opening3{
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
.opening4{
width: 49%;
box-shadow: 1px 1px 4px #dedede;
padding: 0 0 3vw 0;
background: #fff;
margin: 0 0 2vw 0;

}
.opening5{
width: 100%;
background: #f2f3f4;
text-align: center;

}
.opening5 img{
display: inline-block;
height: 30vw;

}
.opening6{
font-size: 1rem;
color: #546488;
text-align: center;
margin: 3vw 0 1vw;
line-height: 1.5;

}
.opening7{
text-align: center;
font-size: 1.4rem;

}

.opening_num{
color: #04b145;
font-size: 2.2rem;
vertical-align: baseline;
}







.news__w{
width: 100%;
margin: 0 auto;
padding: 4rem 0;
background: #fff;
}

.news__w2{
width: 100%;
margin: 0 auto;
}


.news1{
width: 95%;
margin: 0 auto;
}

.news2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
padding: 2rem;
margin: 0 0 2rem 0;
box-shadow: 6px 6px 0px rgb(193 193 193 / 30%);
border: 1px solid #ccc;
}

.news3{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news4{
width: 100%;
font-weight: 700;
display: flex;
align-items: center;
margin-bottom: .3rem;
}

.news5{
width: 100%;
margin: 0 0 1rem 0;
}

.news5 span{
display: inline-block;
padding: 0.1rem 1rem;;
text-align: center;
background: #004ea2;
color: #fff;
font-weight: 700;
letter-spacing: .05rem;
border-radius: 2px;
}

.news6{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news7{
width: 100%;
font-size: 1.8rem;
font-weight: 700;
margin: 0 0 .5rem 0;
}

.news8{
width: 100%;
}











.access__w{
width: 100%;
margin: 0 auto;
background-size: contain;
padding: 60px 0 0;
background: #fcfaf5;
position: relative;
z-index: 0;
	
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.access__w2{
width: 95%;
margin: 0 auto;
}

.access1{
width: 100%;
}

.access1 img{
width: 100%;
}

.access2{
width: 100%;
height: 40vh;
}

.access2 iframe{
width: 100%;
height: 40vh;
}

.access3{
width: 100%;
}
.access3 span{
display: inline-block;
text-align: center;
color: #0060ad;
font-size: 1.4rem;
font-weight: 700;
}

.access4{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.access5{
width: 100%;
text-align: center;
}

.access5 img{
width: 90%;
}

.access6{
width: 100%;
text-align: center;
}

.access6 img{
width: 90%;
}





















.sns__w{
background: #f7f6e9;
}

.sns__w2{
margin: 0 auto;
padding: 5vw 0 2vw;
}

.sns1{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}


.sns2{
background: #fff;
width: 60%;
box-shadow: 1px 3px 10px #ecece1;
transition: .5s;
margin: 0 auto 4vw;

}
.sns2 img{
width: 100%;

}












footer{
text-align: center;
width: 100%;
background: #faf8f5;
padding: 3rem 0 0 0;
}


.footer1{
width: 80%;
display: inline-block;
text-align: center;
margin: 5vw 0;
padding: 2rem 0;
}
.footer1 img{
width: 80%;
display: inline-block;
}
.footer2{
margin: 0 0 3vw 0;
color: #fff;
}
.footer2 a{
display: inline-block;
padding: 5px 60px;
background: #555555;
border-radius: 100px;
color: #fff;
font-size: 1.3rem;
transition: .5s;
}

.footer2 a:hover{
opacity: .8;
}
.footer3{
font-size: 1.2rem;
margin: 0 0 8vw 0;
color: #4c4e52;
}

.footer3 a{
color: #fff;
}

.footer4{
font-size: 1rem;
color: #fff;
background: #00a1db;
padding: 1rem 0.5rem;
}
	



.pagetop{
position: fixed;
bottom: 1rem;
right: 1rem;
width: 5rem;
opacity: .5;
}

.pagetop img{
width: 100%;
height: 100%;
}

.pagetop img:hover{
opacity: .9;
}



.h_btn_sp{
position: relative;
z-index: 1000;
width: calc(44vw - 60px);
}

.h_btn_sp a{
display: inline-block;
background: #e94919;
color: #fff;
padding: 1.5rem 0;
line-height: 1;
font-size: 1.3rem;
border-radius: 3px;
width: 100%;
text-align: center;
box-shadow: 0 -5px 0 #d44114 inset;
}





.footernav__w{
width: 100%;
margin: 0 auto 4rem;

}

.footernav__w ul{
display: flex;
justify-content: space-between;
width: 90%;
margin: 0 auto;
flex-wrap: wrap;
}

.footernav__w ul li{
width: 100%;
margin: 0 0 1rem 0;
text-align: center;
}

.footernav__w ul li a{
display: inline-block;;
text-align: center;
font-size: 1.4rem;
color: #fff;
letter-spacing: .01rem;
justify-content: center;
align-items: center;
padding: .2rem 0;
}

.footernav__w ul li a:hover{

}












.subtitle2__w {
margin: 8vh auto 0;
width: 100%;
height: 40vw;
background: #edeaeb url(../images/subtitle_bg2.jpg) no-repeat;
display: flex;
align-items: center;
background-size: contain;
}

.subtitle2__w span{
display: inline-block;
padding: 0 7vw 0 0;
text-align: right;
font-weight: 500;
font-size: 2.2rem;
color: #20335d;
text-shadow: 1px 1px 5px #ffffff;
width: 100%;
}

.subtitle3__w {
margin: 8vh auto 0;
width: 100%;
height: 40vw;
background: #edeaeb url(../images/subtitle_bg3.jpg) no-repeat;
display: flex;
align-items: center;
background-size: contain;
}

.subtitle3__w span{
display: inline-block;
padding: 0 7vw 0 0;
text-align: right;
font-weight: 500;
font-size: 2.2rem;
color: #20335d;
text-shadow: 1px 1px 5px #ffffff;
width: 100%;
}


.subtitle4__w {
margin: 8vh auto 0;
width: 100%;
height: 40vw;
background: #edeaeb url(../images/subtitle_bg4.jpg) no-repeat;
display: flex;
align-items: center;
background-size: contain;
}

.subtitle4__w span{
display: inline-block;
padding: 0 7vw 0 0;
text-align: right;
font-weight: 500;
font-size: 2.2rem;
color: #20335d;
text-shadow: 1px 1px 5px #ffffff;
width: 100%;
}


.bc__w{
margin: 0 auto 0;
width: 100%;
padding: 3vw 3vw;
background: #f2f3f4;
}

.bc__w ol{
}

.bc__w ol li{
display: inline-block;
}

.bc__w ol li a{
}

.bc__w ol li a span{
}






.kids__w{
width: 100%;
margin: 0 auto;
padding: 10vw 0 30vw 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center bottom;
background-size: contain;
}

.kids__w2{
width: 90%;
margin: 0 auto;
}



.kids1{
text-align: center;
}


.kids1 span{
border-bottom: 5px dotted #20335d;
text-align: center;
font-size: 2.2rem;
padding: 0 0 4vw 0;
font-weight: 600;
display: inline-block;
}


.kids2{
font-size: 1.8rem;
font-weight: 500;

}

.kids2 span{
}

.kids3{
line-height: 2.2;
}
.kids4{
background: #ffffff;
padding: 2vw 4vw;
display: inline-block;
border-radius: 3px;
font-size: 1.8rem;
border: 1px solid #20335d;
}
.kids5{

}
.kids5 a,
.kids6 a{
font-size: 1.5rem;
display: inline-block;
border-bottom: 1px solid #49a9d9;
padding: 0 0 1vw 0;
}

.kids5 a span,
.kids6 a span{

}

.kids5 a span::before,
.kids6 a span::before{
content: "";
background: url("../images/ic_link.svg") no-repeat;
display: inline-block;
width: 1.3rem;
height: 1.3rem;
margin: 0 1vw 0 0;
}

.kids5 a span::after,
.kids6 a span::after{
content: "";
background: url("../images/ic_pdf.svg") no-repeat;
display: inline-block;
width: 2.5rem;
height: 2.5rem;
margin: 0 0 1vw 2vw;
vertical-align: middle;
}





.kids5 a:hover{

}
.kids6{

}
.kids7{
background: #ffffff;
padding: 2vw 4vw;
display: inline-block;
border-radius: 3px;
font-size: 1.8rem;
border: 1px solid #20335d;
}

.kids8{

}

.kids9 a,
.kids10 a{
font-size: 1.5rem;
display: inline-block;
border-bottom: 1px solid #49a9d9;
padding: 0 0 1vw 0;
}

.kids9 a span,
.kids10 a span{

}

.kids9 a span::before,
.kids10 a span::before{
content: "";
background: url("../images/ic_link.svg") no-repeat;
display: inline-block;
width: 1.3rem;
height: 1.3rem;
margin: 0 1vw 0 0;
}

.kids9 a span::after,
.kids10 a span::after{
content: "";
background: url("../images/ic_xls.svg") no-repeat;
display: inline-block;
width: 2.5rem;
height: 2.5rem;
margin: 0 0 1vw 2vw;
vertical-align: middle;
}

.kids10{

}

.kids11{

}










.day1{
font-size: 1.6rem;
text-align: center;
margin: 0 0 2vw 0;
letter-spacing: .2rem;
color: #465984;
}
.day2{
margin: 0 0 10vw 0;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
line-height: 1.7;
padding: 0 0 4vw 0;
border-bottom: 10px solid #04b145;
}


.day3{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
box-shadow: 1px 1px 4px #dedede;
background: #fff;
}


.day4{
width: 100%;
text-align: center;
}

.day4 img{
width: 45%;
display: inline-block;
}


.day5{
width: 100%;
padding: 7vw 3vw;
}

.day6{
width: 100%;
text-align: center;
font-size: 1.4rem;
color: #546488;
font-weight: 500;
margin:  0 0 2vw 0;
}

.day7{
width: 100%;
font-size: 1.8rem;
font-weight: 500;
text-align: center;
}


.day__w1{
width: 100%;
}

.day__w2 {
width: 90%;
margin: 0 auto;
}

.day__w3{
width: 100%;
margin: 0 auto 10vw;
}


.day__w4 {
width: 90%;
margin: 0 auto;
}


.si2{
display: inline-block;
margin: 0 0 0 0;
font-size: 1.2rem;
}

.day8b{
text-align: center;
margin: 0 0 3vw 0;
}

.day8b span{
display: inline-block;
padding: 1vw 5vw;
border-radius: 100px;
background: #fff4cc;
text-align: center;
color: #6b4631;
}

.day8c{
text-align: center;
margin: 0 0 3vw 0;
}

.day8c span{
display: inline-block;
padding: 1vw 5vw;
border-radius: 100px;
background: #20335d;
text-align: center;
color: #ffffff;
}

.day8d{
text-align: center;
margin: 0 0 30px 0;
}

.day8d span{
display: inline-block;
padding: 1vw 5vw;
border-radius: 100px;
background: #de6aa0;
text-align: center;
color: #ffffff;
}

.day8c2{
text-align: center;
margin: 2vw 0 0 0;
}

.day8c2 span{
display: inline-block;
padding: 1vw 3vw;
border-radius: 100px;
background: #20335d;
text-align: center;
color: #ffffff;
font-size: 1.1rem;
}

.day8d2{
text-align: center;
margin: 2vw 0 0 0;
}

.day8d2 span{
display: inline-block;
padding: 1vw 3vw;
border-radius: 100px;
background: #de6aa0;
text-align: center;
color: #ffffff;
font-size: 1.1rem;
}

.day8{
width: 100%;
text-align: center;
font-size: 1.4rem;
color: #546488;
font-weight: 500;
margin:  0 0 2vw 0;
}

.day9{
width: 100%;
font-size: 1.8rem;
font-weight: 500;
text-align: center;
}


.day10{
width: 100%;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.6;
}

.day__w5{
width: 100%;

}

.day__w6 {
width: 90%;
margin: 0 auto;
}

.day__w {
width: 100%;
margin: 0 auto;
padding: 10vw 0 30vw 0;
background: #fff url(../images/bg_ornament.jpg) no-repeat center bottom;
background-size: contain;
}







.anchor{
margin-top: -12vh;
padding-top: 12vh;
}


.program_select{
text-align: center;

}

.program_select span{
color: #fff;
display: inline-block;
border-radius: 100px;
background: #3b5182;
text-align: center;
font-size: 1.4rem;
padding: 1.5vw 5vw;
line-height: 1.4;
}



a.link_official{
text-align: center;
font-size: 1.2rem;
color: #4da2ee;
display: inline-block;
margin: .2rem 0 0 0;
border-bottom: 1px solid #4da2ee;
transition: .5s;
}

a.link_official:hover{
opacity: .5;
}

a.link_official span{
display: inline-block;
text-align: center;

}

a.link_official span::after{
content: "";
background: url("../images/ic_window.svg") no-repeat;
display: inline-block;
width: 1.3rem;
height: 1.3rem;
margin: 0 0 0 1vw;
vertical-align: middle;
}


.committee_message{
text-align: center;

}

.committee_message span{
font-size: 1.6rem;
display: inline-block;
background: #d2e0ff;
padding: 1vw 5vw;
}




a.btn_footerbtn{
width: 90%;
display: block;
background: #e94919;
font-weight: 700;
margin: 4vw auto 10vw;
color: #fff !important;
padding: 2rem 2rem;
line-height: 1;
transition: .5s;
letter-spacing: .2rem;
text-align: center;
font-size: 1.4rem;
border-radius: 3px;
box-shadow: 0 -5px 0 #d44114 inset;
}

a.btn_footerbtn:hover{
opacity: .8;
transform: translateY(-2px)
}



/*cancel*/
.cancel1{
color: #f16f35;
margin: 0 0 1rem 0;
font-size: 2.5rem;
text-align: center;
line-height: 1.6;
font-weight: 700;
}

.cancel2{
line-height: 1.7;
text-align: center;
width: 100%;
}

.cancel3{
width: 100%;
text-align: center;
}

.cancel3 a{

padding: 2rem 2rem !important;
transition: .5s;
display: inline-block;
font-weight: 700;
width: 80%;
height: 100%;
color: #fff;
font-size: 1.5rem;
line-height: 1.4;
letter-spacing: .15rem;
text-align: center;
border-radius: 5px;
background: #e94919;
box-shadow: 0 -5px 0 #d44114 inset;
}



/*cancel*/








/*symposium*/
.symposium__ww{
width: 100%;
background: url("../img/symposiumbg.jpg");
background-size: cover;
margin: 70px 0 0 0;
}

.symposium__w{
width: 1280px;
margin: 0 auto;
padding: 120px 0;
}

.symposium1{
text-align: center;
margin: 0 0 90px 0;
}
.symposium1 h2{
font-size: 5.7rem;
text-shadow: 6px 6px 15px #0a3066;
font-weight: 900;
color: #fff;
letter-spacing: .8rem;
}

.symposium2{
width: 1080px;
margin: 0 auto;
padding: 100px 0;
background: #fff;
border-radius: 10px;
}

.symposium3{
text-align: center;
margin: 0 0 20px 0;
}

.symposium3 span{
background: #fe3f5e;
padding: 7px 30px;
text-align: center;
color: #fff;
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
}

.symposium4{
font-size: 5rem;
font-weight: 900;
color: #003685;
letter-spacing: .8rem;
text-align: center;
margin: 0 0 30px 0;
}

.symposium5{
text-align: center;
margin: 0 0 70px 0;
color: #102748;
font-size: 1.8rem;
}

.symposium6{
display: flex;
width: 95%;
margin: 0 auto;
justify-content: space-between;
flex-wrap: wrap;
}

.symposium7{
width: 100%;
background: #f7f9ff;
color: #003685;
padding: 3rem 0;
text-align: center;
font-size: 2rem;
font-weight: 700;
}

.symposium8{
width: 100%;
border: 1px solid #123787;
background: #fff;
}

.symposium9{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;

}

.symposium10{
width: 100%;
font-size: 2rem;
color: #0358a9;
border-left: 6px solid #0358a9;
padding: 0 0 0 15px;
margin: 3rem 0 2rem 3rem;
line-height: 1.4;
letter-spacing: .04rem;
font-weight: 700;;
}

.symposium10b{
width: 100%;
color: #102748;
margin: 0 0 3rem 0;
line-height: 1.9;
letter-spacing: .08rem;
padding: 0 3rem;
}

.symposium10b p{
margin: 0 0 0px 0;
}

.symposium11{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 3rem 2rem;
align-items: center;
}

.symposium12{
width: 30%;
height: auto;
}

.symposium12 img{
width: 100%;
border-radius: 500px;
}

.symposium13{
display: flex;
width: 65%;
justify-content: space-between;
flex-wrap: wrap;
}

.symposium14{
font-size: 2rem;
width: 100%;
font-weight: 700;
}

.symposium15{
width: 100%;
color: #102748;
line-height: 1.5;
}

.symposium16{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.symposium17{
width: 100%;
border: 8px solid #efefef;
padding: 2rem 2rem;
}

.symposium18{
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
color: #333;
display: inline-block;
width: 100%;
}

.symposium19{
font-size: 1.6rem;
font-weight: 500;
color: #0a73ae;
display: inline-block;
width: 100%;
padding: 0 0 0 0;
}

.symposium20{
width: 100%;
font-size: 2rem;
color: #0358a9;
border-left: 6px solid #0358a9;
padding: 0 0 0 15px;
margin: 3rem 0 2rem 3rem;
line-height: 1.4;
letter-spacing: .04rem;
font-weight: 700;;
}

.symposium21{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 5%;
}

.symposium21b{
justify-content: center !important;
}

.symposium22{
width: 80%;
margin: 0 auto;
}

.symposium22 img{
width: 100%;
}




.topnavi__w{
width: 100%;
padding: 0 2% 7rem;
}

.topnavi1{
width: 95%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topnavi2{
width: 47%;
height: 15rem;
display: flex;
align-items: flex-end;
justify-content: center;
border-radius: 3px;
box-shadow: 10px 10px 2px #e4f0c9;
}

.topnavi2:hover{
transform: translateY(-5px);
opacity: .7 !important;
}

.topnavi2-1{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi1.jpg);
background-size: cover;
}

.topnavi2-2{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi2.jpg);
background-size: cover;
}

.topnavi2-3{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi3.jpg);
background-size: cover;
}

.topnavi2-4{
background: linear-gradient(to top, rgb(4 30 68 / 70%) 10%, transparent 100%), url(../images/topnavi4.jpg);
background-size: cover;
}


.topnavi3{
width: 100%;
color: #fff;
text-shadow: 2px 2px 2px #000;
font-size: 1.6rem;
text-align: center;
margin-bottom: 3rem;
font-weight: 700;
line-height: 1.1;
}

.topnavi3 span{
display: block;
}

.topnavi3-1 span::before{
display: block;
content: "Symposium";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.1rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}

.topnavi3-2 span::before{
display: block;
content: "Business Matching";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.1rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}

.topnavi3-3 span::before{
display: block;
content: "Panel Display";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.1rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}

.topnavi3-4 span::before{
display: block;
content: "Competition ";
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.1rem;
text-align: center;
font-weight: 700;
letter-spacing: .3rem;
line-height: 1;
margin: 0 0 1rem 0;
}






.sidefix1{
position: fixed;
right: 0;
bottom: 0;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.sidefix2{
width: 25%;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 5px 5px 0px rgb(97 194 255 / 30%);
}

.sidefix2:hover{
opacity: .7 !important;
}

.sidefix2-1{
background: linear-gradient(to top, rgb(11 59 129 / 80%) 50%, transparent 100%), url(../images/topnavi1.jpg);
background-size: cover;
}

.sidefix2-2{
background: linear-gradient(to top, rgb(11 59 129 / 80%) 50%, transparent 100%), url(../images/topnavi2.jpg);
background-size: cover;
}

.sidefix2-3{
background: linear-gradient(to top, rgb(11 59 129 / 80%) 50%, transparent 100%), url(../images/topnavi3.jpg);
background-size: cover;
}

.sidefix2-4{
background: linear-gradient(to top, rgb(11 59 129 / 80%) 50%, transparent 100%), url(../images/topnavi4.jpg);
background-size: cover;
}


.sidefix3{
width: 100%;
color: #fff;
text-shadow: 2px 2px 2px #000;
font-size: 1.1rem;
text-align: center;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0;
}

.sidefix3 span{
display: block;
line-height: 1.3;
}

.sidefix3-1 span::before{
display: block;
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}

.sidefix3-2 span::before{
display: block;
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.3rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}

.sidefix3-3 span::before{
display: block;

width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.3rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}

.sidefix3-4 span::before{
display: block;
width: 100%;
color: #39F5FF;
text-shadow: 2px 2px 2px #000;
font-size: 1.3rem;
text-align: center;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1;
margin: 0 0 .5rem 0;
}

.clinicname{
width: 90%;
text-align: center;
padding: 4rem 0;
margin: 0 auto;
}

.clinicname span{
font-size: 2.5rem;
font-weight: 900;
text-align: center;
padding: 3rem 3rem;
border: 1px solid #011536;
display: inline-block;
background: #fff;
}










}
/*sp*/





















































































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





/*HOME*/
.t_s_aries{
font-size:1.4rem;
margin-left:3px;
display:inline-block;
}

.t_h_s_aries{
font-size:2.4rem;
margin-left:3px;
display:inline-block;
}

.mtpc15{
margin-top:15px;
}

.mtpc20{
margin-top:20px;
}

.mtpc30{
margin-top:30px;
}

.mtpc40{
margin-top:40px;
}

.mtpc50{
margin-top:50px;
}

.mbpc10{
margin-bottom:10px;
}

.mbpc20{
margin-bottom:20px;
}

.mbpc30{
margin-bottom:30px;
}


.b22{
font-size: 2rem;
font-weight: bold;
}


body{
width:100%;
min-width: 980px;
}



section {
margin-top : -130px;
padding-top : 130px;
margin-bottom:50px;
}

.pc_none{
display: none;
}

.sp_none{
display:block;
}

.t_st{
font-weight:bold;
font-size:1.8rem !important;
}

.t_st2{
font-weight:bold;
font-size:2.2rem !important;
}

.t_sq {
display: block;
padding: 10px 20px;
background: #f5f1eb;
width: 100%;
text-align: center;
margin: 0 auto;
}

.t_c{
text-align:center;
}

.t_brown{
color: #ffdaa1;
display: inline-block;
margin-right: 0.7rem;
}

.mt50{
margin-top:50px !important;
}

.mt40{
margin-top:40px !important;
}

.mt30{
margin-top:30px !important;
}
.mt20{
margin-top:20px !important;
}

.mt10{
margin-top:10px !important;
}

.mt0{
margin-top:0 !important;
}

.mb40{
margin-bottom:40px !important;
}

.mb30{
margin-bottom:30px !important;
}
.mb20{
margin-bottom:20px !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb0{
margin-bottom:0 !important;
}

.pt60{
padding-top:60px !important;
}

.pt30{
padding-top:30px !important;
}
.pt20{
padding-top:20px !important;
}

.pt10{
padding-top:10px !important;
}

.pt0{
padding-top:0 !important;
}

.t_c_pc{
text-align:center;
}

.t_n{
font-weight:normal !important;
}


.box_c{
text-align:center;
}

.box_cc{
text-align:left;
display:inline-block;
}

.pctc{
text-align:center;
}


a[href^="tel:"] {
pointer-events: none;
}




/*電話番号*/
.tel_w{
position:absolute;
top:0;
right:0;
}

.tel{
float:left;
color:#692d1a;
text-align:center;
margin-right:40px;
}

.tel_t{
font-size:1.3rem;
color:#a23824;
}

.tel_n{
font-size:3.2rem;
line-height:1;
font-weight:bold;
color:#a23824;
}


/*予約ボタン*/
.rsv{
float:left;
}

.rsv a{
background: #e4b07e;
background: -moz-linear-gradient(left, #e4b07e 0%, #ca6654 100%);
background: -webkit-linear-gradient(left, #e4b07e 0%,#ca6654 100%);
background: linear-gradient(to right, #e4b07e 0%,#ca6654 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b07e', endColorstr='#ca6654',GradientType=1 );

font-family: 'Roboto', 'YakuHanJP', 'NotoSerifJP', Meiryo, serif;
color:#fff;
padding:13px 26px;
text-align:center;
display:block;

}

.rsv a:link,
.rsv a:visited,
.rsv a:action,
.rsv a:hover{
}

.rsv_t{
color:#fff;
letter-spacing:1px;
}

.rsv a:hover{
opacity:0.8;
}



/* メイン画像 */
.mainimg_w{
width:100%;
margin:70px 0 0;
background:#eef9f9;
height:900px;
overflow:hidden;
}

.title_w{
width:980px;
margin:0 auto;
}


/*リンクボタン*/
.home_about_btn:hover,
.home_headache_btn:hover{
opacity:0.8;
transition: all 0.8s;
}

.home_fac_w:hover,
.home_med_w:hover{
opacity:0.8;
}








/*サブナビドロップダウン*/
.nav_pc02{
}

.dropmenu02{
zoom: 1;
}
.dropmenu02:before, .dropmenu02:after{
content: "";
display: table;
}
.dropmenu02:after{
clear: both;
}
.dropmenu02 li{
position: relative;
float: left;
margin: 0;
padding: 0;
text-align: center;
}

.dropmenu02 li a{
display: block;
color: #89644e;
line-height: 1;
text-decoration: none;
font-size: 1.6rem;
}
.dropmenu02 li ul{
list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
.dropmenu02 li ul li{
width: 100%;
}
.dropmenu02 li ul li a{
padding: 11px 15px;
text-align: left;
white-space: nowrap;
font-size:1.4rem;
background:#f8e1d3;
}
.dropmenu02 li:hover > a{
background: #fff;
}
.dropmenu02 li a:hover{
background: #f5f3f1;
}
#left-to-right02 ul{
overflow: hidden;
width: 0;
transition: .5s;
}
#left-to-right02 li:hover ul{
width: 291px;
}
#left-to-right02 li:hover ul li a{
white-space: nowrap;
color:#3c120a;
}
#left-to-right02 li:hover ul li a:hover{
background: #fff;
}



/*お知らせ*/

.news_ww{
width: 100%;

padding: 50px 0 0;
}

.news_w{
width:980px;
margin:0 auto;
padding: 70px 50px 70px;
border-radius: 10px;
background: #fff;
position: relative;
z-index: 100;
}

.news_h{
text-align:center;
}







/*うみ博とは*/
.umihakutoha_w{
padding:0 20px;
}

.umihakutoha_w p{
margin-bottom: 35px;
font-size: 1.7rem;
line-height: 1.9;
}


.umihakutoha_w p:last-child{
margin-bottom:0;
}

.btn_umihakutoha{
background:#ffef00;
border-radius:5px;
margin:0 auto;
color:#011b6a;
font-weight:bold;
text-align:center;
padding:10px 0;
font-size:2.0rem;
letter-spacing:0.1rem;
box-shadow: 1px 3px 5px #e0e0e0;
}

.arrow_umihakutoha{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #011b6a;
vertical-align: middle;
text-decoration: none;
}
.arrow_umihakutoha::before,
.arrow_umihakutoha::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.ic_umihakutoha::before{
left: 0;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #011b6a;
}

.btn_umihakutoha_w{
width:400px;
margin:40px auto 0;
}

.btn_umihakutoha_w a{
-webkit-transition: all .3s;
transition: all .3s;
display: block;
}

.btn_umihakutoha_w a:hover{
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
opacity: .6;
}




/*home イベント*/
.event_w{
width:100%;
background: url(../images/event_bg1.jpg) repeat center;
}

.event_ww{
position:relative;
width:980px;
height:1040px;
margin:0 auto;
background: url(../images/event_bg2.jpg) repeat center;
}

.event_btn1{
position:absolute;
top:67px;
left:43px;
transition: all 0.3s;
}

.event_btn1:hover,
.event_btn2:hover,
.event_btn3:hover
{
transform: translate(0,-9px) !important;
opacity:0.9 !important;
}

.event_btn2{
position:absolute;
top:173px;
left:505px;
transition: all 0.3s;
}

.event_btn3{
position:absolute;
top:556px;
left:192px;
transition: all 0.3s;
}



/*その他イベント*/
.subevent_w{
width:100%;
background: url(../images/event_bg1.jpg) repeat center;
padding:20px 0 70px 0;
}

.subevent_ww{
display:flex;
flex-wrap:wrap;
width:980px;
margin:0 auto;
}


.subevent1_w,
.subevent2_w,
.subevent3_w,
.subevent4_w,
.subevent5_w,
.subevent6_w{
margin-right:1px;
margin-bottom:1px;
}

.subevent1 a,
.subevent2 a,
.subevent3 a,
.subevent4 a,
.subevent5 a,
.subevent6 a{
}



/* ■ */
.subevent1_w,
.subevent2_w,
.subevent3_w,
.subevent4_w,
.subevent5_w,
.subevent6_w
{
background:#fff;
/*width:325px;*/
width:485px;
text-align:center;
font-size:2.2rem;
font-weight:bold;
padding:15px 0 12px;
}

.subevent1_w a:hover:before,
.subevent2_w a:hover:before,
.subevent3_w a:hover:before,
.subevent4_w a:hover:before,
.subevent5_w a:hover:before,
.subevent6_w a:hover:before
{
transform: translate(0,-2px);
opacity:0.9;
transition: all 0.3s;
}

.subevent1_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic1.png) no-repeat;
background-size: 70px 70px;
height: 70px;
width: 70px;
}

.subevent2_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic2.png) no-repeat;
background-size: 70px 70px;
height: 70px;
width: 70px;
}

.subevent3_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic3.png) no-repeat;
background-size: 70px 70px;
height: 70px;
width: 70px;
}


.subevent4_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic4.png) no-repeat;
background-size: 70px 70px;
height: 70px;
width: 70px;
}


.subevent5_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic5.png) no-repeat;
background-size: 70px 70px;
height: 70px;
width: 70px;
}


.subevent6_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic6.png) no-repeat;
background-size: 70px 70px;
height: 70px;
width: 70px;
}





/* 新着情報 */
.oshirase_w{
margin:0 0 60px 0;
}

.oshirase_box{
border-bottom:1px dotted #d2d2d2;
padding:25px 30px;
}

.oshirase_date{
margin-right:20px;
font-size:1.3rem;
color:#797979;
display:block;
}



.oshirase_h{
margin:35px 0 25px 0;
}










.umihakutoha{
margin:15px 0 30px 0;
}



.news_h h2{
font-family: 'MPLUSRounded';
font-size:5rem;
color:#333;
letter-spacing:0.1rem;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
line-height: 1.5;
}



.news_cont_ww{
background: #fff;
border-radius: 6px;
padding: 20px 50px;
}

ul.news_list{
}


.news_date{
width: 220px;
color: #e26a28;
font-weight: bold;
padding-left: 30px;
padding-right: 30px;
}

.news_t{
display:inline-block;
}














/*sns*/
.sns_w{
background:#f8f5f0;
width:100%;
padding:30px 0;
}

.sns_ww{
display:flex;
flex-wrap:wrap;
width:980px;
margin:0 auto;
justify-content: space-between;
}


/*fb*/
.fb_w{
width:480px;
background:#fff;
}

.fb_h{
text-align:center;
padding:10px 0;

}

.fb_c{
}

.fb_c iframe{
height:500px;
width:480px;
}


/*tw*/
.tw_w{
width:480px;
background:#fff;
}

.twitter-timeline{
height:500px;
width:480px;
}

.tw_h{
text-align:center;
padding:10px 0;

}

.tw_c{
}




/*スポンサー*/
.sponsor_w{
background:#fff;
width:100%;
padding:120px 0 100px;
}

.sponsor_ww{
}

.sponsor_list_w{
}

ul.sponsor_list{
width:980px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content: space-around;
}

/*
ul.sponsor_list li{
width: 164px;
border: 1px solid #ccc;
padding: 5px 20px;
height: 100px;
position: relative;
text-align: center;
align-items: center;
display: flex;
line-height: 0;
justify-content: center;
}
*/

ul.sponsor_list li {
display: flex;
line-height: 0;
justify-content: space-between;
}


ul.sponsor_list li a {
width: 164px;
height: auto;
position: relative;
text-align: center;
align-items: center;
display: flex;
line-height: 0;
justify-content: space-around;
}

ul.sponsor_list li img {
width: 164px;
height: auto;
position: relative;
text-align: center;
align-items: center;
line-height: 0;
justify-content: center;
}




/*コンタクト*/
.contact_w{
text-align:center;
}

.contact_logo{
width: 300px;
margin: 0 auto 15px;
}

.contact_prof{
margin-bottom:25px;
}


.btn_contact{

}

.btn_contact a{
background: #ededed;
border-radius: 5px;
margin: 0 auto;
text-align: center;
padding: 3px 40px;
font-size: 1.4rem;
letter-spacing: 0.1rem;
display: inline-block;    color: #909090 !important;
}

.btn_contact a:hover{
opacity: .8;
}

.arrow_contact{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #fff;
vertical-align: middle;
text-decoration: none;
}
.arrow_contact::before,
.arrow_contact::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.ic_contact::before{
left: 0;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #fff;
}

.btn_contact_w{
width:432px;
margin:0 auto 0;
}


/*フッター*/

.footer_up_w{
width:100%;
}

.footer_up_ww{
width:100%;
}

.footer_up_ww img{
vertical-align: bottom;
}




















/*フッター*/
.footer_w{
width:100%;
background:#004ea2;
position:relative;
}

.footer_ww{
width:980px;
margin:0 auto;
padding:40px 0;
position:relative;
}

.footer_list_w{
}

.footer_list_w ul{
height: 160px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.footer_list_w ul li{
font-size:1.4rem;
margin-bottom:5px;
}

.footer_list_w a{
margin-right:30px;
}

.footer_list_w a:last-child{
margin-right:0;
}

.footer_list_w a:link,
.footer_list_w a:visited{
color:#fff;
}

.footer_list_w a:hover,
.footer_list_w a:active{
color:#fff;
}

.footer_list_w li:last-child::after{
content : none ;
}


.footer_totop{
position:absolute;
top:-30px;
right:20px;
background:#fff;
padding:10px 20px;
color:#132168;
font-size:2rem;
border-radius:5px;
font-weight:bold;
border: 1px solid #132168;
}

.footer_totop::before{
}

/*コピーライト*/
.copyright_w{
background: #132168;
color: #fff;
font-size: 1.5rem;
text-align: center;
padding: 60px 0;
}

.copyright_w a{
color:#fff;
}



/* slick */
.slick_slider_w{
width:980px;
height:900px;
margin:0 auto 30px;
position:relative;
}

.slick_slider_u{
}

.slick_slider_u li{
width:980px;
height:900px;
}

.slick_slider_t{
position:absolute;
z-index:2;
top:160px;
right:0px;
left:0px;
margin:0 auto;
width:580px;
height:34px;
}

.slick_slider_b{
position:absolute;
z-index:1;
}





/* 下層 */
.subtitle_ww{
width:100%;
margin:105px 0 0;
background:url(../images/catch_bg.jpg) repeat-x center center;
height:220px;
overflow:hidden;
}

.subtitle_w{
background: url(../images/bg_subttl.jpg) no-repeat;
width:980px;
height:220px;
margin:0 auto;
}

.subtitle_w h2{
font-size:4.0rem;
text-align:center;
padding:74px 0 0 0;
color:#fff;
text-shadow:4px 3px 3px #3f1c07;
letter-spacing:1rem;
}



.sub_cont_top{
padding: 30px 0 0 0;
}

.sub_cont_ww{
background: #fff;
padding: 0 80px 30px;
}

.sub_ww{
width: 100%;
background: url(../images/bg_news.jpg) repeat center center;
padding: 0 0 45px 0;
}

.sub_w{
width:980px;
margin:0 auto;
padding:50px 0 0 0;
background:#fff;
}












/*パンくず*/
.bc_w{
width:100%;
font-size: 1.4rem;
}

.bc_ww{
width:980px;
margin:0 auto;
}


.bc_w ol{
}

.bc_w ol li{
list-style:none;
display:inline;
}

.bc_w ol li a:link,
.bc_w ol li a:visited{
color:#0068b7 !important;
font-size:1.4rem !important;
}

.bc_w ol li a:hover,
.bc_w ol li a:active{
color:#0068b7 !important;
font-size:1.4rem !important;
}

.bc_w ol li a:last-of-type{
color:#333 !important;
}
































/*うみ博とは*/
.sub_h{
text-align:center;
}

.sub_h::before {
content: "";
display: inline-block;
margin: 0 auto 0;
background: url(../images/ic_sub_h.png) no-repeat;
background-size: 35px 35px;
height: 35px;
width: 35px;
margin-right:10px;
vertical-align: text-bottom;
}


.sub_h::after {
}


.sub_h h2{
font-size:3.4rem;
color:#004ea2;
letter-spacing:0.2rem;
margin:15px 0 20px 0;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
}

.sub_h h2:before {
left:0;
}
.sub_h h2:after {
right: 0;
}


.sub2_h{
}

.sub2_h h3{
font-size:2.2rem;
color:#333;
letter-spacing:0.1rem;
margin:0 0 0 0;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
}

.sub2_h::after {
content: "";
display: block;
background: #dadada;
height: 2px;
/* width: 5px; */
margin: 5px auto 25px;
}

.sub2_h h3:before {
left:0;
}
.sub2_h h3:after {
right: 0;
}






.subtitlebox{
background: #fff;
z-index: 99;
position: absolute;
top: 24vw;
width: 980px;
left: 0;
right: 0;
margin: auto;
padding: 60px 25px;
text-align: center;
box-shadow: 0px 0px 5px 0px #f0f3f3;
border-radius: 10px;
line-height: 1.6;
}

.subtitlebox span{
font-size: 5rem;
font-weight: bold;
letter-spacing: .2rem;
color: #122067;
}

h3.subpageh2{
font-size: 2.5rem !important;
background: #49a9d9;
display: inline-block;
border-radius: 100px;
color: #fff;
padding: 12px 50px 6px;
line-height: 1;
margin: 0 0 30px 0;
}

.subtitlebox2{
background: #fff;
z-index: 99;
position: absolute;
top: 4vw;
width: 980px;
left: 0;
right: 0;
margin: auto;
padding: 40px 25px 25px;
text-align: center;
box-shadow: 0px 0px 5px 0px #f0f3f3;
border-radius: 10px;
line-height: 1.6;
}

.subtitlebox2 span{
font-size: 5rem;
font-weight: bold;
letter-spacing: .2rem;
color: #122067;
}








.ornament1{
position: absolute;
left: 0;
top: 0;
width: 32vw;

}

.ornament2{
position: absolute;
right: 0;
top: 0;
width: 32vw;

}

.logo_h{
height: 8vw;
}












/*virtual*/

.logo_vt{
position: absolute;
top: 50px;
z-index: 98;
width: 400px;
left: 50px;
}

.logo_vt img{
width: 100%;
}

.ttl_vt1{
position: absolute;
top: 0;
z-index: 98;
width: 27vw;
right: 0;
}

.ttl_vt1 img{
width: 100%;
}

.ttl_vt2{
position: absolute;
z-index: 2000;
width: 35vw;
left: 0;
}

.ttl_vt2 img{
width: 100%;
}

.ttl_vt3{
position: absolute;
top: 0;
z-index: 98;
width: 15vw;
right: 0;
}

.ttl_vt3 img{
width: 100%;
}


.vt_ttl__w{
height: 800px;
overflow: hidden;
position: relative;
margin: 70px 0 0;
background: url("../images/bg_bubble.png") repeat,linear-gradient(#4fa6d8, #7cc4e8);
}

.vt_ttl2__w{
height: 650px;
overflow: hidden;
position: relative;
margin: 70px 0 0;
background: url("../images/bg_bubble.png") repeat,linear-gradient(#4fa6d8, #7cc4e8);
}


.bg0{
background: none !important;
padding: 0 0 !important;
}

.vt_cont__w{
background: url("../images/bg_bubble.png") repeat,linear-gradient(#0b6ac6, #122067);
padding: 0 0 330px 0;
}

.keyword_cont__w{
background: url("../images/bg_bubble.png") repeat,linear-gradient(#0b6ac6, #122067);
padding: 0 0 100px 0;
}

.vt_cont2__w{
background: url("../images/bg_bubble.png") repeat,linear-gradient(#0b6ac6, #122067);
padding: 0 0 100px 0;
}






.vtbooth__w{
width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.vtbooth_box{
width: 600px;
position:relative;
margin: 0 0 150px 0;
}

.vtbooth1{
width: 100%;

}
.vtbooth1 img{
width: 100%;
}

.vtbooth2{
width: 100%;
border: solid 8px #212484;
margin: 0 0 0 0;
border-radius: 5px;
background: #212484;
}


.vtbooth3{
margin: 0 0 10px 0;
}

.vtbooth3:last-child{
margin: 0 0 0 0;
}


.vtbooth3 a{
display: block;
background: #fff;
padding: 20px 30px;
border-radius: 5px;

}
.vtbooth3 a:hover{
transform: translateY(-5px);
opacity: .7;
}


.vtbooth4{
font-size: 2.2rem;
font-family: 'MPLUSRounded';
line-height: 1.3;
color: #0084b5;
margin: 0 0 12px 0;
}

.vtbooth5{
font-size: 1.6rem;
line-height: 1.3;
}






.vtbooth_box:nth-child(2n+2){
top:280px; /* Hey!のボックスを上から50pxずらす */
}





.footernav{
width: 1100px;
margin: 50px auto 0;

}

.footernav ul{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}

.footernav ul li{
display: inline-block;
font-weight: bold;
font-size: 1.7rem;
padding: 0 25px;
}












.home_cont__w{
background: url(../images/bg_bubble_home.png) repeat,linear-gradient(#5abee2, #122067);
padding: 0 0 0 0;
}







.stamp__ww{
width: 100%;
margin: -100px 0 0 0;
padding: 100px 0 0 0;
}


.stamp__w{
width: 980px;
margin: 160px auto 0;
padding: 70px 50px 70px;
border-radius: 50px;
background: #1e2666;
position: relative;
border: 10px solid #ffef00;
}

.stamp1{
width: 90%;
margin: -250px auto 0;
}


.stamp1 img{
width: 100%;
}

.stamp2{
width: 100%;
color: #fff;
font-size: 2.2rem;
text-align: center;
margin: 30px 0 50px 0;
line-height: 2.8;
}

.stamp3{


}







.booth__ww{
width: 100%;

}


.booth__w{
width: 100%;
position: relative;
height: 40vw;
}

.booth1{
position: absolute;
z-index: 101;
bottom: -3vw;
pointer-events: none;
}

.booth1 img{
width: 100vw;

}

.booth2{
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 100;
width: 700px;
bottom: -2vw;

}

.booth2 img{
width: 100%;
filter: drop-shadow(0 0 10px #fff);

}
.booth2 a{
display: block;
}

.booth2 a:hover{
transform: translate(0, -20px);
transform: scale(1.1, 1.1);
}

.booth2 a img:hover{
filter: drop-shadow(0 0 15px #fff);
}




.bgc3{
padding: 100px 100px;
position: absolute;
left: 0;
top: 100px;
width: 15vw;
z-index: 50;
}

.bgc3 img{
width: 100%;
}

.bgc4{
padding: 100px 100px;
position: absolute;
right: 0;
top: 100px;
width: 15vw;
z-index: 50;
}

.bgc4 img{
width: 100%;
}



.bgfish1{
left: 100px;
top: 400px;
width: 120px;
z-index: 1;
}

.bgfish1 img{
width: 100%;
}

.bgfish2{
right: 30px;
bottom: 200px;
width: 150px;
z-index: 1;
}

.bgfish2 img{
width: 100%;
}

.bgfish3{
left: 80px;
top: 200px;
width: 200px;
z-index: 1;
}

.bgfish3 img{
width: 100%;
}


.bgfish4{
right: 30px;
bottom: 50px;
width: 300px;
z-index: 1;
}

.bgfish4 img{
width: 100%;
}

.bgfish5{
right: 30px;
top: 50px;
width: 300px;
z-index: 1;
}

.bgfish5 img{
width: 100%;
}




.footernav2{
width: 100%;
margin: 40px 0 0;
}

.footernav2 ul{
width: 980px;
margin: 0 auto;
display: flex;
justify-content: center;
}

.footernav2 ul li{
display: inline-block;
padding: 0 30px;
}

.footernav2 ul li a{
font-size: 1.3rem;
color: #696969;
}






.about_i1{
width: 100%;
text-align: center;
}


.about_i1 img{
display: inline-block;

}

.news_h_l{
text-align: left !important;
}






.anke1{
width: 100%;
text-align: center;
margin: 70px 0 30px 0;
}

.anke1 a{
display: inline-block;
background: #2799ee;
text-align: center;
border-radius: 5px;
color: #fff;
padding: 3px 60px;
font-size: 2rem;
letter-spacing: .2rem;
box-shadow: 1px 3px 5px #d3d3d3;
}

.anke1 a:hover{
transform: translate(0,-5px);
opacity: .8;
}




.anke3{
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}

.anke3 a{
font-size: 1.4rem;
color: #555
}



.anke4{
width: 100%;
text-align: center;
margin: 0 0 100px 0;
}

.anke4 a{
display: inline-block;
background: #2799ee;
text-align: center;
border-radius: 5px;
color: #fff;
padding: 3px 60px;
font-size: 2rem;
letter-spacing: .2rem;
box-shadow: 1px 3px 5px #d3d3d3;
}

.anke4 a:hover{
transform: translate(0,-5px);
opacity: .8;
}











.vtl1{
font-size: 5rem;
font-weight: bold;
letter-spacing: .7rem;
color: #ffef00;
margin: 0 0 20px 0;
line-height: 1.4;
text-shadow: #1d2565 3px 0px 0px, #1d2565 -3px 0px 0px, #1d2565 0px -3px 0px, #1d2565 0px 3px 0px, #1d2565 3px 3px 0px, #1d2565 -3px 3px 0px, #1d2565 3px -3px 0px, #1d2565 -3px -3px 0px, #1d2565 1px 3px 0px, #1d2565 -1px 3px 0px, #1d2565 1px -3px 0px, #1d2565 -1px -3px 0px, #1d2565 3px 1px 0px, #1d2565 -3px 1px 0px, #1d2565 3px -1px 0px, #1d2565 -3px -1px 0px, #1d2565 1px 1px 0px, #1d2565 -1px 1px 0px, #1d2565 1px -1px 0px, #1d2565 -1px -1px 0px;
}



.vtl2{
width: 100%;
padding: 25px 20px;
border-radius: 5px;
background: #fff;
box-shadow: 0px 5px 5px #f5f3ef;
}

.vtl3{

}

.vtl4{

}

.vtl5{
margin: 0 auto 10px;

}

.vtl5 img{
height: 50px;

}

.vtl6{
font-size: 1.8rem;
font-weight: bold;

}

.vtl7{
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 35px 0;
line-height: 1.6;
}

.vtl8{
display: flex;
justify-content: space-between;
width: 100%;
}

.vtl9{
display: block;
width: 75%;
}

.vtl10{
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}

.vtl10 img{
height: 150px;
}

.vtl11{
width: 75%;
padding: 25px 20px;
border-radius: 5px;
background: #fff;
box-shadow: 0px 5px 5px #f5f3ef;
}







.news_h h2.vth2{
font-family: heisei-maru-gothic-std, 'MPLUSRounded';
font-size: 4.2rem;
color: #333;
font-weight: bold;
text-shadow: 2px 2px 0px #ffffff;
position: relative;
display: inline-block;
line-height: 1.8;
margin: 0 0 70px 0;
text-align: left;
}

.vtcontent1{
margin: 0 0 40px 0;
text-align: center;
}

.vtcontent1youtube{
margin: 0 0 40px 0;
text-align: center;
}

.vtcontent1youtube iframe{
width: 854px;
height: 480px;
}

.vtcontent2{
padding: 0 60px;
margin: 0 0 65px 0;

}

.vtcontent2 p{
font-size: 1.8rem !important;
line-height: 2;

}



.vtcontent3{
text-align: center;
margin: 0 0 25px 0;
}

.vtcontent3 a{
display: inline-block;
border-radius: 100px;
/* border: 3px solid #00a4f2; */
padding: 5px 100px;
text-align: center;
color: #fff;
font-size: 2.8rem;
background: rgb(41,167,224);
background: linear-gradient(180deg, rgb(68 197 255) 0%, rgb(0 148 218) 100%);
font-weight: bold;
box-shadow: 1px 1px 4px #4297b7;
width: 60%;
}

.vtcontent3 a span::before{
content: "\025b6";
display: inline-block;
font-size: 3rem;
color: #fff;
margin: 0 15px 0 0;

}

.vtcontent3 a:hover{
opacity: .7;
transform: translate(0,-8px);

}




.vtcontent4{

}

.vtcontent5{

}

.vtcontent6{

}

.vtcontent7{

}

.vtcontent8{

}

.vtno1{

}


.vtl8{
}

.vtcontent_w p{
margin-bottom: 35px;
}

.vthhh{
color: #37abff;
font-size: 5.5rem;
display: inline-block;
margin: 0 3px 0 0;
}



.bgvtcontent{
background: #f8f4ee !important;
}




.vt_keyword__w{
width: 980px;
margin: 0 auto;
padding: 40px 50px 40px;
border-radius: 10px;
background: #fff;
display: flex;
justify-content: space-between;
}


.vt_keyword1{
width: 47%;
}
.vt_keyword1 img{
width: 100%;
}
.vt_keyword2{
width: 50%;
background: #102f7b;
border-radius: 100%;
padding: 20px 0 50px;
display: block;

}
.vt_keyword3{
}
.vt_keyword3 img{
width: 100%;
}
.vt_keyword4{
text-align: center;
color: #fff;
line-height: 1.8;
font-size: 1.8rem;
}

a.vt_keyword2:hover{
opacity: .9;
transform: translate(0,-8px);

}



.word__w{
margin: 80px 0 0 0;
}

.word1{
width: 300px;
margin: 0 auto;
}


.word1 img{
width: 100%;
}

.paging__w{
width: 100%;
display: flex;
justify-content: space-between;
margin: 100px 0 10px;
}

.paging1{
width: 25%;
background: #f7f7f7;
text-align: center;
border-radius: 5px;
box-shadow: 1px 2px 5px #dedede;
padding: 20px 0;
font-size: 2.2rem;
font-weight: bold;
color: #505050;
}
.paging1{


}
.paging1 span{

}

.paging1 span::before{
content: "\025c0";
display: inline-block;
font-size: 2.5rem;
margin: 0 15px 0 0;
color: #ffbb4f;
}


.paging2{
width: 40%;
background: #f7f7f7;
text-align: center;
border-radius: 5px;
box-shadow: 1px 2px 5px #dedede;
padding: 20px 0;
font-size: 2.2rem;
font-weight: bold;
color: #505050;}
.paging2 a{

}
.paging2 span{

}

.paging2 span::before{
content: "\025cf";
display: inline-block;
font-size: 2.5rem;
margin: 0 15px 0 0;
color: #ffbb4f;
}


.paging3{
width: 25%;
background: #f7f7f7;
text-align: center;
border-radius: 5px;
box-shadow: 1px 2px 5px #dedede;
padding: 20px 0;
font-size: 2.2rem;
font-weight: bold;
color: #505050;}
.paging3 a{


}
.paging3 a span{

}

.paging3 span::after{
content: "\025b6";
display: inline-block;
font-size: 2.5rem;
margin: 0 0 0 15px;
color: #ffbb4f;
}


.paging1:hover,
.paging2:hover,
.paging3:hover{
opacity: .9;
transform: translate(0,-8px);
}









.presenttop__w{
width: 100%;
display: flex;
justify-content: space-between;
margin: 50px auto 0;
}

.presenttopbox{
width: 31%;
display: 1 0 flex;
flex-direction: column;
}

.presenttop1{
display: block;

}

.presenttop1 img{
width: 100%;
border-radius: 5px;
border: 5px solid #fff;
}

.presenttop2{
text-align: center;
margin: 0 0 10px 0;
}
.presenttop2 span{
color: #fff;
background: #ef3b3b;
text-align: center;
padding: 5px 30px;
display: block;
font-size: 2.5rem;
border-radius: 5px;
border: 5px solid #fff;
}

.presenttop3{
background: #f8f8f8;
padding: 20px 20px;
font-size: 1.5rem;
line-height: 1.8;
}


.currentpage{
background: #166cc7;
}






.topnews__w{
width: 100%;
}

.topnews_box{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px dotted #ccc;
margin: 0 0 30px 0;
padding: 0 0 20px 0;
}

.topnews_box:last-child{
margin: 0 0 0 0;
}

.topnews1{
width: 100%;
margin: 0 0 15px 0;
}

.newsdate1{
display: inline-block;
background: #2d85e4;
text-align: center;
padding: 5px 30px 0;
border-radius: 100px;
color: #fff;
margin: 0 0 10px 0;
}

.newsdate2{
display: inline-block;
text-align: center;
margin: 0 0 0 -15px;
color: #ffef00;
text-shadow: #1d2565 2px 0px 0px, #1d2565 -2px 0px 0px, #1d2565 0px -2px 0px, #1d2565 0px 2px 0px, #1d2565 2px 2px 0px, #1d2565 -2px 2px 0px, #1d2565 2px -2px 0px, #1d2565 -2px -2px 0px, #1d2565 1px 2px 0px, #1d2565 -1px 2px 0px, #1d2565 1px -2px 0px, #1d2565 -1px -2px 0px, #1d2565 2px 1px 0px, #1d2565 -2px 1px 0px, #1d2565 2px -1px 0px, #1d2565 -2px -1px 0px, #1d2565 1px 1px 0px, #1d2565 -1px 1px 0px, #1d2565 1px -1px 0px, #1d2565 -1px -1px 0px;
font-size: 1.8rem;
}

.topnews2{
font-weight: bold;
font-size: 2.2rem;
color: #1876dc;
line-height: 1.5;
}

.topnews3{

}

.topnews_a{
transition: .6s;
}

.topnews_a:hover{
opacity: .6;
}




.value__w {
width: 1280px;
margin: 0 auto 100px;
padding: 4rem 0 4rem 0;
background: #fff;
background-size: contain;
}

.value1 {
background: rgb(255 255 255 / 70%);
padding: 40px 50px;
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;
font-size: 1.6rem;
}

.value2 {
width: 100%;
text-align: center;

}

.value3 {}


.value3 span {
font-size: 2.8rem;
padding: 0 0 1rem;
display: block;
color: #2fa53d;
}

.value3 span::after {
content: "";
background: #6ccf78;
width: 1000px;
height: 1px;
display: block;
margin: 1rem auto 0;
}

.value4 {
font-size: 2.2rem;
font-family: 'Zen Kaku Gothic New';
font-weight: 400;
line-height: 2;
}

.value5 {
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.value6 {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.value7 {
width: 22%;

}

.value7 img {
width: 100%;
}


.value8 {
width: 75%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}


.value9 {
padding: 0 4rem;
width: 100%;
font-size: 2.5rem;
color: #1e99d0;
font-family: "Zen Maru Gothic";
}

.value10 {
width: 100%;
padding: 0 4rem;
font-size: 1.8rem;
}

.value11 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.value11 img {
width: 40px;
height: 40px;
}

.value12 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 2rem;
color: #fff;
padding: 1.5rem 3rem;
border-radius: 5px;
background: #1e99d0;
}



.value13 {
font-size: 2.2rem;
line-height: 2.5;
font-family: 'Zen Kaku Gothic New';
font-weight: 400;
text-align: left;
width: 68rem;
margin: 0 auto;
}




.value14 {
width: 800px;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 2.5rem 3rem;
background: #197db9;
margin: 0 auto;
border-radius: 10px;
}

.value15 {
width: 100%;
font-size: 2.6rem;
color: #ffffff;
font-family: 'Zen Kaku Gothic New';
text-align: center;
line-height: 2;
}














}
/*PC*/
































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




/* sp footer */

.spfooternav__w{
width: 100%;
display: flex !important;
justify-content: space-between;
position: fixed;
bottom: 0;
z-index: 10;
height: 7rem;
align-items: center;
}

.spfooternav1{
width: calc(100vw - 15rem);
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

.spfooternav1 a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 2rem !important;
transition: .5s;
font-weight: 700;
height: 7rem;
color: #fff;
font-size: 1.4rem;
line-height: 1.4;
letter-spacing: .15rem;
text-align: center;
background: #e94919;
box-shadow: 0 -5px 0 #d44114 inset;
}

.spfooternav1 a span{

}

.spfooternav1 a span::before{
content: "";
background: url("../images/ic_tel_white.svg") no-repeat;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
vertical-align: middle;
margin-right: .4rem;
}

.spfooternav2{
width: 7.5rem;
display: flex;
align-items: center;
justify-content: center;
background: #f3faff;
}

.spfooternav2 a{
padding: 0 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.1rem;
color: #003686;
letter-spacing: 0rem;
height: 7rem;
background: #f1f9ff;
text-align: center;
line-height:footer  1.2;
}

.spfooternav2 a span::before{
content: "";
background: url("../images/ic_map.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto .5rem;
}




.spfooternav2 a span{

}


.spfooternav3{
width: 7.5rem;
display: flex;
align-items: center;
justify-content: center;
background: #f3faff;
}

.spfooternav3 a{
padding: 0 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.1rem;
color: #003686;
letter-spacing: 0rem;
height: 7rem;
background: #dceffd;
text-align: center;
line-height: 1.2;
}

.spfooternav3 a span::before{
content: "";
background: url("../images/ic_access.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto .5rem;
}




.spfooternav3 a span{

}



.spfooternav4{
width: 7rem;
display: flex;
align-items: center;
justify-content: center;
background: #f3faff;
}

.spfooternav4 a{
padding: 0 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.1rem;
color: #9b473e;
letter-spacing: 0rem;
height: 7rem;
background: #fff;
text-align: center;
line-height: 1.2;
}

.spfooternav4 a span::before{
content: "";
background: url("../images/ic_btn_fix3.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto .5rem;
}




.spfooternav4 a span{

}

.spfooternav5{
font-size: 1.2rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
letter-spacing: 0.025rem;
margin: 0 0 .7rem 0;
line-height: 1;
}



.spfooternav1 ruby{
line-height: 1;
}

.spfooternav1 rt{
font-size: 1rem !important;
font-weight: 500;
transform: translateY(.3rem);
}


/* sp footer */





.container {
position: relative;
width: 100%;
margin: 0 auto;
}



/* nav kai*/

.mainnav__w{
width: 25rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}

.mainnav__w nav{
width: 100%;

}

.mainnav__w nav ul{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.mainnav1{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
top: .5rem;
right: .5rem;
width: 100%;
}

.mainnav1-a,
.mainnav1-b
{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.mainnav1 li{
margin-right: .5rem;
}
.mainnav1 li:last-child{
margin-right: 0;
}


.mainnav1-1,
.mainnav1-2,
.mainnav1-3,
.mainnav1-4
{
width: 48%;
}

.mainnav1-1,
.mainnav1-2
{
margin-bottom: .5rem;
}

.mainnav1-1 a,
.mainnav1-2 a,
.mainnav1-3 a,
.mainnav1-4 a
{
position: relative;
display: flex;
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
font-size: 1.2rem;
color: #34435a;
letter-spacing: .01rem;
padding: .2rem .5rem;
background: #f2f2f2;
font-weight: 400;
border-radius: 100px;
}



.mainnav2{
display: none;
}

.mainnav2-1,
.mainnav2-2{
width: 49%;
}

.mainnav2-1 a,
.mainnav2-2 a{
width: 100%;
display: flex;
text-align: center;
font-size: 1.1rem;
color: #003686;
letter-spacing: -.05rem;
justify-content: center;
align-items: center;
padding: .6rem 0;
background: #f2f2f2;
font-weight: 400;
border-radius: 300px;
}

.mainnav3{
display: none;
}

.mainnav3 a{
position: relative;
display: flex;
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
transition: .5s;
font-weight: 700;
height: 100%;
color: #fff;
font-size: 1.3rem;
line-height: 1.4;
letter-spacing: .15rem;
background: #e94919;
box-shadow: 0 -3px 0 #d44114 inset;
padding: 1rem;
}






/*ヘッダー*/
.smp_none{
display:block;
}

.mainimg_smp{
display:none;
}








/*電話番号*/
.tel_w{
position:absolute;
top:0;
right:60px;
z-index: 100;
}

.tel{
}


/*予約ボタン*/
.rsv{
}

.rsv a{
background: #e4b07e;
background: -moz-linear-gradient(left, #e4b07e 0%, #ca6654 100%);
background: -webkit-linear-gradient(left, #e4b07e 0%,#ca6654 100%);
background: linear-gradient(to right, #e4b07e 0%,#ca6654 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b07e', endColorstr='#ca6654',GradientType=1 );

color:#fff;
padding:8px 10px 0;
text-align:center;
display:block;
width:60px;
height:59px;
}



.rsv_t{
color:#fff;
font-size: 1.4rem;
line-height: 1.5;
}


/*スマホメニュー*/
.nav_sp{
position:absolute;
top:0;
left:0;
}

.navsp_tel{
text-align:center;
background:#f5f5f5;
padding: 10px 0;
}

.navsp_tel_t{
font-size:1.2rem !important;
display:inline-block;
color:#2a0707;
}

.dl-menuwrapper li .navsp_tel_n a{
font-size:2.4rem !important;
display:inline-block;
line-height:1;
color:#2a0707;
padding: 10px 0;
}









/* メイン画像 */
.mainimg_w{
width:100%;
margin:60px auto 0;
}



/*リンクボタン*/
.home_about_btn:hover,
.home_headache_btn:hover{
}

.home_fac_w:hover,
.home_med_w:hover{
opacity:0.8;
}



/*メインナビドロップダウン*/
.nav_pc{
position:relative;
}

.dropmenu{
zoom: 1;
list-style-type: none;
width: 770px;
margin: 5px auto 30px;
position: absolute;
top: 24px;
left: 410px;
}
.dropmenu:before, .dropmenu:after{
content: "";
display: table;
}
.dropmenu:after{
clear: both;
}
.dropmenu li{
position: relative;
float: left;
margin: 0;
padding: 0;
text-align: center;
}

.dropmenu li a{
display: block;
margin: 0;
padding: 15px 16px 11px;
color: #240700;
line-height: 1;
text-decoration: none;
font-size: 1.6rem;
}
.dropmenu li ul{
list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
.dropmenu li ul li{
width: 100%;
}
.dropmenu li ul li a{
padding: 11px 15px;
text-align: left;
white-space: nowrap;
font-size:1.4rem;
background:#f8e1d3;
}
.dropmenu li:hover > a{
background: #fff;
}
.dropmenu li a:hover{
background: #f5f3f1;
}
#left-to-right ul{
overflow: hidden;
width: 0;
transition: .5s;
}
#left-to-right li:hover ul{
width: 240px;
}
#left-to-right li:hover ul li a{
white-space: nowrap;
color:#3c120a;
}
#left-to-right li:hover ul li a:hover{
background: #fff;
}




/*サブナビドロップダウン*/
.nav_pc02{
}

.dropmenu02{
zoom: 1;
}
.dropmenu02:before, .dropmenu02:after{
content: "";
display: table;
}
.dropmenu02:after{
clear: both;
}
.dropmenu02 li{
position: relative;
float: left;
margin: 0;
padding: 0;
text-align: center;
}

.dropmenu02 li a{
display: block;
margin: 0;
color: #89644e;
line-height: 1;
text-decoration: none;
font-size: 1.6rem;
}
.dropmenu02 li ul{
list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
.dropmenu02 li ul li{
width: 100%;
}
.dropmenu02 li ul li a{
padding: 11px 15px;
text-align: left;
white-space: nowrap;
font-size:1.4rem;
background:#f8e1d3;
}
.dropmenu02 li:hover > a{
background: #fff;
}
.dropmenu02 li a:hover{
background: #f5f3f1;
}
#left-to-right02 ul{
overflow: hidden;
width: 0;
transition: .5s;
}

#left-to-right02 li:hover ul{
width: 300px;
}
#left-to-right02 li:hover ul li a{
white-space: nowrap;
color:#3c120a;
}
#left-to-right02 li:hover ul li a:hover{
background: #fff;
}



/*お知らせ*/

.news_w{
width: 90%;
margin: 0 auto 40px;
background: #fff;
border-radius: 10px;

}

.news_h{
text-align:center;
}

.news_h h2{
font-family: 'MPLUSRounded';
font-size:2.4rem;
color:#333;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
}


/*うみ博とは*/



















.news_cont_ww{
padding:0 10px;
}

ul.news_list{
}

ul.news_list li{
width:100%;
padding:6px 0;
border-bottom: solid 1px #dbd3cb;
}

.news_date{
color: #e26a28;
font-weight: bold;
display:inline-block;
font-size:1.2rem;
text-align:left;
width:100%;
}

.news_t{
width:100%;
display:inline-block;
line-height:1.3;
font-size:1.4rem;
}




/* 診療科目について */
.pick_w{
width:100%;
margin:0 auto;
}

.sp_pick_list{
}

.pick_h{
text-align:center;
}

.pick_h h2{
font-size:2rem;
color:#000;
margin:0 0 20px 0;
text-shadow:2px 2px 0px #ffffff;
font-weight:bold;
}

.pick_h h2::after{
content:"";
display: block;
margin: 5px auto 0;
width: 30%;
height:2px;
background:-webkit-gradient(linear, left top, right bottom, from(#eed8bc), to(#d89d7f));
background:-moz-linear-gradient(left, #eed8bc, #d89d7f);
background:linear-gradient(left, #eed8bc, #d89d7f);
}

.pick_list_ww{
}

ul.pick_list{
display:flex;
flex-wrap:no-wrap;
}

ul.pick_list li{
text-align:center;
}


ul.pick_list li span{
padding-top:40px;
}

.pick_list_01{
width:100%;
box-sizing:border-box;
display:inline-block;
padding: 8px 0 14px 0;
text-align: center;
border-bottom: solid 1px #edeff1;
line-height:1;
font-size:1.8rem;
font-weight:bold;
letter-spacing:0.3rem;
color: #000;
background: linear-gradient(to bottom, #dadee7 0%,#ffffff 50%,#dadee7 100%);
border-top: solid 1px #edeff1;
}

.pick_list_01::before{
content:"";
display:block;
background:url(../images/ic_pick_01.png) no-repeat center center;
background-size:contain;
width:70px;
height:70px;
margin: 0 auto 10px;
}

.pick_list_01::after{
content:"INTERNAL MEDICINE";
color:#000;
font-size:1rem;
display:block;
margin: 5px 0 0 0;
letter-spacing:0.05rem;
}

.pick_list_02{
width:100%;
box-sizing:border-box;
display:inline-block;
padding: 14px 0 14px 0;
text-align: center;
border-bottom: solid 1px #edeff1;
line-height:1;
font-size:1.8rem;
font-weight:bold;
letter-spacing:0.3rem;
color: #000;
background: linear-gradient(to bottom, #dadee7 0%,#ffffff 50%,#dadee7 100%);
}

.pick_list_02::before{
content:"";
display:block;
background:url(../images/ic_pick_02.png) no-repeat center center;
background-size:contain;
width:70px;
height:70px;
margin: 0 auto 10px;
}

.pick_list_02::after{
content:"HEADACHE";
color:#000;
font-size:1rem;
display:block;
margin: 5px 0 0 0;
letter-spacing:0.05rem;
}

.pick_list_03{
width:100%;
box-sizing:border-box;
display:inline-block;
padding: 14px 0 14px 0;
text-align: center;
border-bottom: solid 1px #edeff1;
line-height:1;
font-size:1.8rem;
font-weight:bold;
letter-spacing:0.3rem;
color: #000;
background: linear-gradient(to bottom, #dadee7 0%,#ffffff 50%,#dadee7 100%);
}

.pick_list_03::before{
content:"";
display:block;
background:url(../images/ic_pick_03.png) no-repeat center center;
background-size:contain;
width:70px;
height:70px;
margin: 0 auto 10px;
}

.pick_list_03::after{
content:"NEUROLOGY";
color:#000;
font-size:1rem;
display:block;
margin: 5px 0 0 0;
letter-spacing:0.05rem;
}

.pick_list_04{
width:100%;
box-sizing:border-box;
display:inline-block;
padding: 14px 0 22px 0;
text-align: center;
line-height:1;
font-size:1.8rem;
font-weight:bold;
letter-spacing:0.3rem;
color: #000;
background: linear-gradient(to bottom, #dadee7 0%,#ffffff 50%,#dadee7 100%);
border-bottom: solid 1px #edeff1;
}

.pick_list_04::before{
content:"";
display:block;
background:url(../images/ic_pick_04.png) no-repeat center center;
background-size:contain;
width:70px;
height:70px;
margin: 0 auto 10px;
}

.pick_list_04::after{
content:"CHECK";
color:#000;
font-size:1rem;
display:block;
margin: 5px 0 0 0;
letter-spacing:0.05rem;
}


.pick_list_05::after{
content:"SELF-PAY CARE";
color:#000;
font-size:1rem;
display:block;
margin: 5px 0 0 0;
letter-spacing:0.05rem;
}

.pick_list_05{
width:100%;
box-sizing:border-box;
display:inline-block;
padding: 14px 0 22px 0;
text-align: center;
line-height:1;
font-size:1.8rem;
font-weight:bold;
letter-spacing:0.3rem;
color: #000;
background: linear-gradient(to bottom, #dadee7 0%,#ffffff 50%,#dadee7 100%);
border-bottom: solid 2px #fff;
}

.pick_list_05::before{
content:"";
display:block;
background:url(../images/ic_pick_05.png) no-repeat center center;
background-size:contain;
width:70px;
height:70px;
margin: 0 auto 10px;
}

.pick_nav li{
display:inline-block;
margin-right:10px;
position: relative;
padding:0 30px 5px 0;
}



.sp_pick_list_li{
position:relative;
}


.sp_pick_list_li_02::after,
.sp_pick_list_li_04::after,
.sp_pick_list_li_05::after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin: -4px 0 0 0;
border-top: solid 3px #4881b0;
border-right: solid 3px #4881b0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);

}

.sp_pick_list_li_01::after{
position: absolute;
top: 50%;
right: 14px;

margin: -4px 0 0 0;
content:"+";
display:block;
width:22px;
height:22px;
border-radius:14px;
background:#4881b0;
color:#fff;
line-height:22px;
text-align:center;
}

.sp_pick_list_li_03::after{
position: absolute;
top: 50%;
right: 14px;

margin: -4px 0 0 0;
content:"+";
display:block;
width:22px;
height:22px;
border-radius:14px;
background:#4881b0;
color:#fff;
line-height:22px;
text-align:center;
}



.sp_pick_list_li .inner li a::after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #88634d;
border-right: solid 2px #88634d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);

}










/*当クリニックについて*/
.home_about_ww{
width:100%;
padding:20px 0;
margin:0 0 0 0;
background:url(../images/bg_home_about.jpg) repeat center center;
}


.home_about_w{
width:100%;
margin:0 auto;
}

.home_about_logo{
width: 90%;
border-radius: 10px;
text-align: center;
box-sizing: border-box;
margin: 0 auto;
background:url(../images/bg_home_about_sp.png) no-repeat center center;
padding: 10px 0;
}
.home_about_logo span{
color:#57300e;
font-size:1.8rem;
}

.home_about_logo span::after{
content:"";
display:block;
background:url(../images/logo_s.png) no-repeat center center;
background-size: contain;
width:42px;
height:42px;
margin:4px auto 6px;
}

.home_about_logo::after{
content:"Kuramae Kato Medical Clinic";
display:block;
font-size:1.0rem;
}


.home_about_h{
font-size:2.0rem;
color:#771f0c;
text-align:center;
margin: 20px 0 16px;
line-height:1.5;
font-weight:bold;
text-shadow:2px 2px 0px #ffffff;

}

.home_about_t{
font-size:1.4rem;
color:#000;
text-align:left;
padding: 0 20px 20px 20px;
}

.home_about_btn{
border-radius:50px;
border:1px solid #bdbcbd;
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
width:70%;
text-align:center;
font-size:1.5rem;
color:#512d12;
padding:10px 0;
margin:0 auto;

}

.home_about_btn span::after{
content:"\025b6";
margin-left:5px;
font-size:1rem;
}

.home_about_wr{
}










/*頭痛外来について*/
.home_headache_ww{
background:#f0ebe6;
width:100%;
padding:20px 0;
margin:0 0 0 0;
}


.home_headache_w{
background:#f0ebe6;
width:100%;
margin:0 auto;
}

.home_headache_logo{
width: 90%;
border-radius: 10px;
text-align: center;
box-sizing: border-box;
margin: 0 auto;
padding: 50px 0;
background:url(../images/bg_home_headache_sp.jpg) no-repeat center center;
}

.home_headache_logo span{
color:#fff;
font-size:2rem;
}

.home_headache_logo span::after{
}

.home_headache_logo::after{
}


.home_headache_h{
font-size:2.0rem;
color:#771f0c;
text-align:center;
margin: 20px 0 16px;
line-height:1.5;
font-weight:bold;
}

.home_headache_t{
font-size:1.4rem;
color:#000;
text-align:left;
padding: 0 20px 16px 20px;
}

.home_headache_btn{
border-radius:50px;
border:1px solid #bdbcbd;
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
width:70%;
text-align:center;
font-size:1.5rem;
color:#512d12;
padding:10px 0;
margin:0 auto;

}

.home_headache_btn span::after{
content:"\025b6";
margin-left:5px;
font-size:1rem;
}

.home_headache_wr{
}



/*ドクターズ・ファイル*/
.home_drf_w{
width:270px;
height:270px;
margin: 20px auto 0;
}

/*施設*/
.home_fac_med_w{
width:100%;
margin:0 auto 10px;
padding:20px 0;
}

.home_fac_w{
width:100%;
height:200px;
box-sizing:border-box;
border:8px solid #f7f4ef;
border-radius:15px;
position: relative;
background: url(../images/bg_btn_fac.jpg) no-repeat;
background-size:cover;
text-align:center;
margin:0 auto;
}

.home_fac_h{
font-size:2.3rem;
color:#fff;
margin-top:20px;
}

.home_fac_t{
font-size:1.5rem;
color:#fff;
margin-top:10px;
line-height:1.3;
}

.home_fac_btn{
font-size:1.5rem;
color:#fff;
border-radius:50px;
padding:6px 0;
text-align:center;
background: rgba(224, 199, 160, 0.5);;
width:70%;
margin:14px auto 0;
}





/*メディア*/

.home_med_w{
width:100%;
height:200px;
box-sizing:border-box;
border:8px solid #f7f4ef;
border-radius:15px;
position: relative;
background: url(../images/bg_btn_med.jpg) no-repeat;
background-size:cover;
text-align:center;
margin:0 auto;
}

.home_med_h{
font-size:2.3rem;
color:#fff;
margin-top:20px;
}

.home_med_t{
font-size:1.5rem;
color:#fff;
margin-top:10px;
line-height:1.3;
}

.home_med_btn{
font-size:1.5rem;
color:#fff;
border-radius:50px;
padding:6px 0;
text-align:center;
background: rgba(174, 201, 222, 0.7);
width:70%;
margin:14px auto 0;
}





/*注意事項*/
.home_note_w{
background: #f7f4ef;
border-radius: 15px;
width: 100%;
padding: 14px 18px 20px;
}

.home_note_h{
font-size: 1.8rem;
color: #502424;
margin: 0 0 8px 0;
text-align:center;
}

.home_note_h::before{
content:"─";
margin-right:10px;
color:#502424;
}
.home_note_h::after{
content:"─";
margin-left:10px;
color:#502424;
}

.home_note_t{
font-size:1.3rem;
color:#502424;
line-height:1.4;
}








/*home クリニックについて*/

.home_clinic_w{
width:100%;
margin:20px auto 0;
padding:0 20px;
}

.home_clinic_l_w{
width:100%;
}


.home_cln_toho{
background:#692d1a;
border-radius:50px;
width:100%;
color:#fff;
font-size:1.6rem;
padding:4px 0;
text-align:center;
}

.home_cln_logo{
text-align:center;
margin:20px 0 10px;
}

.home_cln_address{
font-size: 1.2rem;
text-align:center;
}

.home_cln_tel{
font-size:2.2rem;
color:#692d1a;
margin:0 0 0 0;
font-weight:bold;
text-align:center;
}

.home_cln_memo{
font-size:1.8rem;
color:#692d1a;
margin:0 0 10px 0;
font-weight:bold;
text-align:center;
}




.home_cln_time{
text-align:center;
}

.home_cln_dayoff{
padding:0 20px 20px;
font-size: 1.2rem;
}

.front_w{
}

.dayoff_w{
}

.dayoff_01{
}
.dayoff_02{}
.dayoff_03{
color:#e56660;
}
.dayoff_04{
color:#e56660;
}


.home_clinic_r_w{
width:100%;
}

.home_cln_photo{
}

.home_cln_map{
}




/* Google Maps */
.gm_w{
width:95%;
margin:0 auto 0;
text-align:center;
}

.gm_w iframe{
width:100%;
height:40vh;
}
	
	
	
	

/*フッター*/
.footer_w{
width:100%;
background:#004ea2;
position:relative;
}

.footer_in{
width:100%;
margin:0 auto;
padding:40px 0;
position:relative;
}

.footer_list_w{
padding:40px 0 10px 10px;
}

.footer_list_w ul{
display: flex;
flex-wrap: wrap;
line-height: 1.4;
}

.footer_list_w ul li{
padding: 0 0 15px 5px;
width: 50%;
}

.footer_list_w a{
display:inline-block;
margin-right:40px;
font-size:1.2rem;
}

.footer_list_w a:last-child{
margin-right:0;
}

.footer_list_w a:link,
.footer_list_w a:visited{
color:#fff;
}

.footer_list_w a:hover,
.footer_list_w a:active{
color:#fff;
}

.footer_list_w ul li a{
display: block;
position: relative;
font-size:1.2rem;
}

/*
.footer_list_w ul li a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
*/

.footer_list_w li::before{
content:"";

}

.footer_list_w li:last-child::after{
}


.footer_totop{
position: absolute;
top: 0;
right: 1%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
padding: 2vw 2vw;
color: #132168;
font-size: 1.2rem;
border-radius: 5px;
font-weight: bold;
border: 1px solid #132168;
line-height: 1;
}


.a_pagetop:hover,
.a_pagetop:active{
opacity:1;
}

/*コピーライト*/
.copyright_w{
background:#132168;
color:#fff;
font-size:1.2rem;
text-align:center;
padding:5vw 0 2vw;
}

/*コピーライト*/
.copyright_w a{
color:#fff !important;
font-size:1.2rem !important;
}


/*sp pickup menu修正*/
ul.child li a{
display: block;
position: relative;
font-size:1.4rem;
}

ul.child li a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #88634d;
border-right: solid 2px #88634d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}




.slick_slider_t{
position:absolute;
z-index:2;
top:45px;
right:0px;
left:0px;
margin:auto auto;
max-width:380px;
width:90%;
height:auto;
}

.slick_slider_b{
z-index:1;
top:0px;
right:0px;
bottom:0px;
left:0px;
margin:0 auto;
}

/* slider */
.swiper__w{
width: 100%;
  background: #efefec;
  position: relative;
  }


.swiper {
  /*width: calc(100vw - 280px);
  height: 100%;
  max-height: calc(80vh - 150px);
  overflow: hidden;
  margin-top: 150px;
  margin-left: unset !important;
  opacity: 0;
  transition: opacity 1s ease-out;*/
}
  
  .is-loaded.swiper {
    opacity: 1;
  }
  .isnot-loaded.swiper {
    opacity: 0;
  }
.swiper-slide {
text-align: center;
/*font-size: 18px;
background: #fff;*/

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 75%;
/*height: 100%;*/
object-fit: cover;
}




/* slider */












/* 下層 */
.subtitle_ww{
width: 100%;
margin: 60px 0 0;
background: url(images/catch_bg.jpg) repeat-x center center;
height: 80px;
overflow: hidden;
background-position:left;
}

.subtitle_w{
background: url(../images/bg_subttl_sp.jpg) no-repeat right center;
width:100%;
height:80px;
margin:0 auto;
}

.subtitle_w h2{
font-size: 2.4rem;
text-align: center;
padding: 20px 0 0 0;
color: #fff;
text-shadow: 2px 2px 3px #3f1c07;
font-weight:bold;
}

.subtitle_line2 h2{
line-height:1.4;
padding: 8px 0 0 0 !important;
}

.sub_cont_ww{
background: #fff;
padding: 0 20px;
}

.sub_ww{
width: 100%;
padding: 0 0 0 0;
}

.sub_w{
width:100%;
padding:20px 0 0 0;
}





/* 医師紹介 */
.doc_t_p_w{
display:flex;
flex-wrap:wrap;
}

.doc_t_p_t{
}

.doc_t_p_t p{
margin-bottom:13px;
font-size:1.6rem;
line-height:1.6;
}

p.doc_t_p_n{
font-family: 'Roboto', 'YakuHanJP', 'NotoSerifJP', Meiryo, sans-serif;
font-size: 1.8rem;
font-weight: bold;
text-align: right;
letter-spacing: 0.3rem;
margin-bottom: 20px;
}

.doc_t_p_p{
width:100%;
margin:0 auto;
}

/*経歴*/
.keireki_shikaku_w{
background: #fff;
display:flex;
flex-wrap:wrap;
}

.keireki_w{
width:100%;
background:#fbf5ed;
margin-bottom:30px;
}

.keireki_data_w{
padding:0 20px 25px 20px;
}

.keireki_data_w ul{
font-size:1.5rem;
color:#000;
}

.keireki_data_w ul li{
}

.keireki_year{
display:block;
}

h2.keieki_h{
margin:15px 0 20px 0;
font-size:2.2rem;
}

.shikaku_w{
width:100%;
background:#fbf5ed;
}
.shikaku_ul_w{
padding:0 20px 25px 20px;
}

.shikaku_ul_w ul{
font-size:1.5rem;
color:#000;
}

.shikaku_ul_w ul li{
}

.shikaku_ul_w ul li::before{
content:"■";
margin-left:0.2rem;
}




/*下層　見出し*/

p.sub_h_3{
font-size:1.8rem;
margin:0 0 15px 0;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
}

p.sub_h_3::after {
content: "";
display: block;
height: 4px;
background: -webkit-linear-gradient(to right, rgb(255, 218, 161), transparent);
background: linear-gradient(to right, rgb(255, 218, 161), transparent);
}

.sub_h_3_w{
text-align:center;
}


/* 診療系 基本 */
.sub_t_p_w{
display:flex;
flex-wrap:wrap;
}

.sub_t_p_t{
width:100%;
}

.sub_t_p_t p{
margin-bottom:15px;
font-size:1.6rem;
line-height:1.6;
}

p.sub_t_p_n{
font-family: 'Roboto', 'YakuHanJP', 'NotoSerifJP', Meiryo, sans-serif;
font-size:2.4rem;
font-weight:bold;
text-align:right;
letter-spacing:0.3rem;
}

.sub_t_p_p{
width:100%;
}

.sub_t_t_t{
width:100%;
}

.mb{
margin-bottom:20px;
}

.tbox_c{
margin: 0 auto;
text-align: center;
display: block;
}

.tbox_c_t{
text-align: left;
display: inline-block;
}




/* アクセス */
.sub_p100{
text-align:center;
width: 100%;
}

.sub_p100 img{
display:inline-block;
}

.bdr{
border:1px solid #ccc;
}




/*初診の方へ*/
a.fir_btn{
background: #e4b07e;
background: -moz-linear-gradient(left, #e4b07e 0%, #ca6654 100%);
background: -webkit-linear-gradient(left, #e4b07e 0%,#ca6654 100%);
background: linear-gradient(to right, #e4b07e 0%,#ca6654 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b07e', endColorstr='#ca6654',GradientType=1 );
color: #fff;
padding: 13px 15px;
text-align: center;
display: block;
width: 80%;
margin: 0 auto;
font-size: 1.5rem;
}







/*施設*/
.eq_photo_w{
margin-bottom:15px;
}

.eq_photo_i{
}

.eq_photo_t{
text-align:center;
font-size:1.8rem;
}

.eq_l{
}

.eq_r{
}

ul.eq_clinic_list{
display: flex;
flex-wrap: wrap;
text-align:left;
border-radius: 10px;
padding: 20px 20px 5px 20px;
background: #fff9f4;}

ul.eq_clinic_list li{
width: 420px;
margin-bottom: 15px;
}

ul.eq_clinic_list a:link,
ul.eq_clinic_list a:visited{
border-bottom: dotted 1px #cb6a56;

}

ul.eq_clinic_list a:active,
ul.eq_clinic_list a:hover{
border-bottom: dotted 1px #cb6a56;
background: #fff6ef;
}

.eq_clinic_list_w{
display:block;
text-align:center;
}



/*質問*/
.dem_q{
padding: 20px;
border-left: 20px solid #ffc978;
background: #fffbf3;
}

.dem_a{
padding: 20px;
background: #fbfbfb;
border-left: 20px solid #ececec;
}







.gui_tel{
padding: 10px 0;
border: 2px solid #eaeaea;
background: #f9f9f9;
border-radius: 50px;
width: 80%;
margin-right: auto;
margin-left: auto;
}










.order1 {
order: 2;
}

.order2 {
order: 1;
}




.spmt20{
margin-top:20px;
}

.sptc{
text-align:center;
}



/* 汎用 */
.memosq{
padding:2rem 1rem 0.5rem 2rem;
margin: 2rem 0;
color: #232323;
background: #fff8e8;
border-left: solid 10px #ffc06e;
}




/* 文書料 */

.pricetbl_w{
width:100%;
}

table.pricetbl{
border:1px solid #999999;
border-collapse:collapse;
width:98%;
margin:0 auto;
font-size:1.4rem;
}

table.pricetbl th{
border:1px solid #999999;
background:#f1d8c1;
font-weight:normal;
text-align:center;
padding:10px 0 10px ;
font-size:2rem;
font-weight:bold;
}



table.pricetbl td{
border:1px solid #999999;
padding:10px 0 10px 20px;
}

td.pricetbl_cate{
background:#f9eee5;
text-align:center;
}

td.pricetbl_price{
background:#f9eee5;
text-align:center;
}


td.pricetbl_cate2{
text-align:center;
}

td.pricetbl_price2{
background:#fff;
text-align:center;
}

.price_memo{
color: #e56660;
text-align:center;
padding:20px 0 20px 0;
width:100%;
}


.price_ship{
width:100%;
margin:0 auto 5px;
text-align:right;
padding:0 10px 0 0;
font-size:1.4rem;
}















/*うみ博とは*/
.umihakutoha_w{
padding:5vw 5vw 8vw;
}

.umihakutoha_w p{
margin-bottom:8vw;
line-height: 1.8;
}

.umihakutoha_w p:last-child{
margin-bottom:0;
}

.btn_umihakutoha{
background:#ffef00;
border-radius:5px;
width:80%;
margin:0 auto;
color:#011b6a;
font-weight:bold;
text-align:center;
padding:10px 0;
font-size:1.8rem;
letter-spacing:0.1rem;
}

.arrow_umihakutoha{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #011b6a;
vertical-align: middle;
text-decoration: none;
}
.arrow_umihakutoha::before,
.arrow_umihakutoha::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.ic_umihakutoha::before{
left: 0;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #011b6a;
}

.btn_umihakutoha_w{
width:100%;
margin:25px auto 0;
}



.umihakutoha{
margin:5vw 0 0 0;
}








/*home イベント*/
.event_w{
width:100%;
background: url(../images/event_bg1.jpg) repeat center;
padding: 30px 25px 10px;
}

.event_ww{
width: 100%;
margin: 0 auto;
background: url(images/event_bg2.jpg) repeat center;
text-align: center;
}

.event_btn1{
margin-bottom: 20px;
}

.event_btn2{
margin-bottom: 20px;
}

.event_btn3{
}



/*その他イベント*/
.subevent_w{
width:100%;
background: url(../images/event_bg1.jpg) repeat center;
padding:20px 0 50px 0;
}

.subevent_ww{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0 auto;
}


.subevent1_w,
.subevent2_w,
.subevent3_w,
.subevent4_w,
.subevent5_w,
.subevent6_w{
margin-right:0.3%;
margin-bottom:0.3%;
}

.subevent1_w a,
.subevent2_w a,
.subevent3_w a,
.subevent4_w a,
.subevent5_w a,
.subevent6_w a{
width: 100%;
display: block;
}



/* ■ */
.subevent1_w,
.subevent2_w,
.subevent3_w,
.subevent4_w,
.subevent5_w,
.subevent6_w
{
background:#fff;
width:49.7%;
text-align:center;
font-size:1.4rem;
font-weight:bold;
padding:15px 0 12px;
}

.subevent1_w span,
.subevent2_w span,
.subevent3_w span,
.subevent4_w span,
.subevent5_w span,
.subevent6_w span
{
margin-top: 10px;
display: inline-block;
}

.subevent1_w a:hover:before,
.subevent2_w a:hover:before,
.subevent3_w a:hover:before,
.subevent4_w a:hover:before,
.subevent5_w a:hover:before,
.subevent6_w a:hover:before
{
}

.subevent1_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic1.png) no-repeat;
background-size: 60px 60px;
height: 60px;
width: 60px;
}

.subevent2_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic2.png) no-repeat;
background-size: 60px 60px;
height: 60px;
width: 60px;
}

.subevent3_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic3.png) no-repeat;
background-size: 60px 60px;
height: 60px;
width: 60px;
}


.subevent4_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic4.png) no-repeat;
background-size: 60px 60px;
height: 60px;
width: 60px;
}


.subevent5_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic5.png) no-repeat;
background-size: 60px 60px;
height: 60px;
width: 60px;
}


.subevent6_w a::before{
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/subevent_ic6.png) no-repeat;
background-size: 60px 60px;
height: 60px;
width: 60px;
}





/* 新着情報 */
.oshirase_w{
margin:0 0 30px 0;
}

.oshirase_box{
border-bottom:1px dotted #d2d2d2;
padding:15px 20px;
}

.oshirase_date{
margin-right:20px;
font-size:1.3rem;
color:#797979;
display: block;
}



.oshirase_h{
margin:30px 0 0 0;
}




/*sns*/
.sns_w{
background:#f8f5f0;
width:100%;
padding:30px 0;
}

.sns_ww{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0 auto;
justify-content: center;
}


/*fb*/
.fb_w{
width:80%;
background:#fff;
margin-bottom:20px;
}

.fb_h{
text-align:center;
padding:10px 0;

}

.fb_c{
}

.fb_c iframe{
height:500px;
width:100%;
}


/*tw*/
.tw_w{
width:80%;
background:#fff;
}

.tw_h{
text-align:center;
padding:10px 0;

}

.tw_c{
}

.tw_c iframe{
height:500px;
}




/*スポンサー*/
.sponsor_w{
background:#fff;
width:100%;
padding: 7vw 0 12vw;

}

.sponsor_ww{
}

.sponsor_list_w{
}

ul.sponsor_list{
width:100%;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content: space-evenly;
}

ul.sponsor_list li{
width: 20%;
position: relative;
text-align: center;
align-items: center;
display: flex;
line-height: 0;
justify-content: center;
margin-bottom: 4vw;

}



/*コンタクト*/
.contact_w{
text-align:center;
}

.contact_logo{
margin:0 auto 15px;
width:60%;
}

.contact_prof{
margin-bottom:15px;
}


.btn_contact{
background:#bebebf;
border-radius:5px;
width:40%;
margin:0 auto;
color:#fff;
text-align:center;
padding:5px 0;
font-size:1.3rem;
letter-spacing:0.1rem;
}

.arrow_contact{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #fff;
vertical-align: middle;
text-decoration: none;
}
.arrow_contact::before,
.arrow_contact::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.ic_contact::before{
left: 0;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #fff;
}

.btn_contact_w{
width:100%;
margin:0 auto 0;
}


/*フッター*/

.footer_up_w{
width:100%;
}

.footer_up_ww{
width:60%;
margin:0 auto;
}

.footer_up_ww img{
width:100%;
vertical-align: bottom;
}


















/*パンくず*/
.bc_w{
width:100%;
margin:80px 0 0 0;
font-size: 1.4rem;
}

.bc_ww{
width:100%;
margin:0 auto;
}


.bc_w ol{
padding-left: 10px;
}

.bc_w ol li{
list-style:none;
display:inline;
}

.bc_w ol li a:link,
.bc_w ol li a:visited{
color:#0068b7 !important;
font-size:1.4rem !important;
}

.bc_w ol li a:hover,
.bc_w ol li a:active{
color:#0068b7 !important;
font-size:1.4rem !important;
}

.bc_w ol li a:last-of-type{
color:#333 !important;
}



/*注意事項*/
.entrynotes_w{
background:#fafaf8;
width:100%;
padding:20px 20px 15px 20px;
margin-bottom:20px;
margin-top:20px;
}

.entrynotes_ww{
width:100%;
margin:0 auto;
}

.entrynotes_w p{
}

.entrynotes_st{
text-align:center;
}

.entrynotes_st p{
font-size: 1.6rem;
color: #f5651e;
background: #fff;
padding: 10px 20px;
margin: 15px 0 15px;
border-radius: 50px;
font-weight:bold;
}


/* 下層ヘッダー */
.sb_head_w{
width:100%;
margin:110px 0 10px;
padding-bottom:25px;
border-bottom:solid 3px #e8e8e8;
}

.sb_head_ww{
width:100%;
margin:0 auto;
}

.sb_head_in{
display:flex;
flex-wrap:no-wrap;
justify-content:space-around;
align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.sb_head_w ul li{
}

.sb_head1{
order: 2;
}

.sb_head2{
order: 1;
}

.sb_head3{
order: 3;
}

/* 下層 */
.notesttl_w{
width:100%;
}

.notesttl_ww{
width:100%;
margin:0 auto;
}



/*募集概要*/

.entryoutline_w{
width:100%;
background:url(../images/line_wave.png) repeat-x bottom;
padding-bottom:50px;
margin-bottom:30px;
}

.entryoutline_ww{
width:100%;
margin:0 auto;
}





.entryoutline_h1{
text-align:center;
position: relative;
}

.entryoutline_h1::before {
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/ic_num1.png) no-repeat;
background-size: 196px 61px;
height: 61px;
width: 196px;
}

.entryoutline_h1::after {
}


.entryoutline_h1 h2{
font-family: 'MPLUSRounded';
font-size:3rem;
color:#333;
letter-spacing:0.3rem;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
padding: 0 30px;
line-height: 1.3;}


.entryoutline_h2{
text-align:center;
position: relative;
}

.entryoutline_h2::before {
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/ic_num2.png) no-repeat;
background-size: 196px 61px;
height: 61px;
width: 196px;
}

.entryoutline_h2::after {
}


.entryoutline_h2 h2{
font-family: 'MPLUSRounded';
font-size:3rem;
color:#333;
letter-spacing:0.3rem;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
padding: 0 30px;
vertical-align: super;
line-height: 1.3;
}





.entryoutline_h3{
text-align:center;
position: relative;
}

.entryoutline_h3::before {
content: "";
display: block;
margin: 0 auto 0;
background: url(../images/ic_num3.png) no-repeat;
background-size: 196px 61px;
height: 61px;
width: 196px;
}

.entryoutline_h3::after {
}


.entryoutline_h3 h2{
font-family: 'MPLUSRounded';
font-size:3rem;
color:#333;
letter-spacing:0.3rem;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
padding: 0 30px;
vertical-align: super;
line-height: 1.3;
}







.entryoutline_t{
text-align: left;
font-size:1.5rem;
padding:20px 20px 10px;
}

.entryoutline_tblphoto_w{
display:flex;
flex-wrap:wrap;
}

.entryoutline_tbl_w{
order:2;
width:100%;

}

.entryoutline_tbl{
border:1px solid #e2e2e2;
border-collapse:collapse;
width:100%;
}

.entryoutline_tbl th{
background:#2d6ec4;
vertical-align:middle;
text-align:center;
color:#fff;
border:1px solid #e2e2e2;
font-weight:normal;
font-size:1.4rem;
padding:10px 25px;
width:100px;
}

.entryoutline_tbl td{
border:1px solid #e2e2e2;
font-size:1.4rem;
vertical-align:middle;
padding:10px 10px;
}

.entryoutline_photo_w{
margin:0 auto 10px;
text-align: center;
order:1;
}

.entryoutline_photo_w img{
width:50%;
}


.btn_entryoutline{
background: #dc4949;
background: -moz-linear-gradient(left, #dc4949 0%, #f05d5d 100%);
background: -webkit-linear-gradient(left, #dc4949 0%,#f05d5d 100%);
background: linear-gradient(to right, #dc4949 0%,#f05d5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4949', endColorstr='#f05d5d',GradientType=1 );
border-radius:5px;
width:80%;
margin:0 auto;
color:#fff;
text-align:center;
padding:20px 0;
font-size:1.8rem;
letter-spacing:0.1rem;
}

.btn_entryoutline:hover {
opacity: 0.7 !important;
}

.arrow_entryoutline{
position: relative;
display: inline-block;
padding: 0 0 0 16px;

color: #fff;
vertical-align: middle;
text-decoration: none;
}
.arrow_entryoutline::before,
.arrow_entryoutline::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.ic_entryoutline::before{
left: 0;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #fff;
}

.btn_entryoutline_w{
width:100%;
margin:30px auto 0;
}







/*応募前の注意事項*/
.eg_w{
background:#fafaf8;
width:100%;
padding:20px 0 15px 0;
margin:20px 0 0 0;
}

.eg_ww{
width:100%;
margin:0 auto;
padding:0 25px;
}

.eg_w p{
margin-bottom:15px;
}

.eg_illust_w{
text-align:center;
background:#fff;
border-radius:10px;
padding:15px;
width:90%;
margin:20px auto;
}

.eg_illust_w p{
text-align:center;
background:linear-gradient(transparent 70%, #fff799 75%);
display:inline;
font-weight:bold;
font-size:1.6rem;
}

.eg_illust_w img{
margin-top:15px;
}


.eg_ww a:link,
.eg_ww a:visited{
color:#03c;
text-decoration:underline;
}

.eg_ww a:hover,
.eg_ww a:active{
color:#cc3434;
text-decoration:underline;
}



/*事前注意　エントリーボタン*/
.eg_box_w{
width: 100%;
padding: 0 0 0 0;
margin-bottom: 0;
background: #fafaf8;
}

.eg_box_ww{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 0 0;
}


.eg_box1{
width: 90%;
border: 1px solid #d0d0d0;
border-radius: 3px;
margin: 0 auto 40px;
background:#fff;
}

.eg_box_i{
margin-bottom: 10px;
text-align: center;
}

.eg_box_i img {
width: 100%;
}

.eg_box_t{
text-align: center;
font-weight: bold;
font-size: 2.0rem;
}


.btn_eg_w{
width: 80%;
margin: 20px auto 0;
}

.btn_eg{
background: #dc4949;
background: -moz-linear-gradient(left, #dc4949 0%, #f05d5d 100%);
background: -webkit-linear-gradient(left, #dc4949 0%,#f05d5d 100%);
background: linear-gradient(to right, #dc4949 0%,#f05d5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4949', endColorstr='#f05d5d',GradientType=1 );
border-radius:5px;
margin:0 auto 20px;
color:#fff;
text-align:center;
padding:10px 0;
font-size:2.0rem;
letter-spacing:0.1rem;
}

.arrow_eg{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #fff;
vertical-align: middle;
text-decoration: none;
}
.arrow_eg::before,
.arrow_eg::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.ic_eg::before{
left: 0;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #fff;
}

.btn_eg a:hover{
opacity:0.5;
}

.btn_eg:hover {
opacity: 0.7 !important;
}








/*うみ博とは*/
.sub_h{
text-align:center;
}

.sub_h::before {
content: "";
display: inline-block;
margin: 0 auto 0;
background: url(../images/ic_sub_h.png) no-repeat;
background-size: 20px 20px;
height: 20px;
width: 20px;
margin-right:5px;
vertical-align: sub;
}


.sub_h::after {
}


.sub_h h2{
font-size:1.8rem;
color:#004ea2;
letter-spacing:0.2rem;
margin:20px 0 10px 0;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
}

.sub_h h2:before {
left:0;
}
.sub_h h2:after {
right: 0;
}


.sub2_h{
}

.sub2_h h3{
font-size:1.6rem;
color:#333;
letter-spacing:0.1rem;
margin:0 0 0 0;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
font-weight:bold;
}

.sub2_h::after {
content: "";
display: block;
background: #dadada;
height: 2px;
margin: 5px auto 10px;
}

.sub2_h h3:before {
left:0;
}
.sub2_h h3:after {
right: 0;
}

p.ta0{
margin-bottom:0;
}

p.ta{
margin-bottom:25px;
}

p.tal{
margin-bottom:15px;
}

.ta_imgr_w{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.ta_w {
}

.ta_yanagihara {
width:100%;
}


.imgr_w{
text-align:center;
}

.img_yanagihara{
width:100%;
text-align:center;
margin-bottom:30px;
}

/* 下層 */
.common_t_w{
width:100%;
}

.common_t_ww{
width:100%;
margin:0 auto;
padding: 0 20px;
}

.common_t_w a:link,
.common_t_w a:visited,
.common_t_w a:hover,
.common_t_w a:active{
color: #0068b7;
text-decoration: underline;
}

.line_wave{
width: 100%;
background: url(../images/line_wave.png) repeat-x bottom;
padding-bottom: 50px;
}




/* スポンサー */

.soncers_c_w{
margin:20px 0 0 0;
}

.soncers_c_tbl{
border:1px solid #e2e2e2;
border-collapse:collapse;
width:100%;
margin:0 auto;
}

.soncers_c_tbl th{
background:#2d6ec4;
vertical-align:middle;
text-align:center;
color:#fff;
border:1px solid #e2e2e2;
font-weight:normal;
font-size:1.4rem;
padding:10px 5px;
width:18%;
}

.soncers_c_tbl td{
border:1px solid #e2e2e2;
font-size:1.4rem;
vertical-align:middle;
padding:30px 20px;
}



/*ダウンロード*/
.dl_btn_w{
margin:15px 0 0;

}

.dl_btn{
padding: 12px 0;
text-align: center;
border: solid 2px #004ea1;
border-radius: 50px;
width: 80%;
color: #004ea1;
font-weight: bold;
font-size: 1.4rem;
margin: 0 auto 0;
transition: .7s;
}

.dl_btn:hover{
background:#f3f3f3;
}

.dl_btn span{
position: relative;
display: inline-block;
width: 90%;
}

.dl_btn span::after{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(../images/ic_dl.png);
background-size: contain;
vertical-align: middle;
position:absolute;
right:0;
}




/*アクセス*/

.acc_w{
display:flex;
flex-wrap:wrap;
justify-content: center;
width:100%;
padding-top: 15px;
margin-bottom: 30px;
}

.acc_map1{
width:95%;
height:auto;
margin-bottom:20px;
}

.acc_map2{
width:95%;
height:294px;
}

.acc_map2 iframe{
width:100%;
height:294px;
}











.acc_w0{
}

.acc_w2{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}

.acc_map1s{
width:100%;
height:294px;
}

.acc_map2s{
width:100%;
height:294px;
}

.acc_w2 iframe{
width:100%;
height:294px;
}

.sate_w1{
width:100%;
margin-bottom: 50px;
}

.sate_h{
font-size: 1.6rem;
font-weight: bold;
padding-top: 15px;
}

.sate_t{
font-size: 1.5rem;
line-height: 1.4;
padding: 10px 0 0;
}

.sat_blue{
color:#008cc2;
display:inline-block;
margin-right:3px;
}

.sat_green{
color:#46b035;
display:inline-block;
margin-right:3px;
}














/* ワークショップ */
.workshop_h1{
text-align:center;
position: relative;
margin-bottom:15px;
}

.workshop_h1::before {
}

.workshop_h1::after {
}


.workshop_h1 h2{
font-family: 'MPLUSRounded';
font-size:2rem;
color:#333;
letter-spacing:0.1rem;
font-weight:bold;
align-items: center;
text-shadow:2px 2px 0px #ffffff;
position: relative;
display: inline-block;
padding: 0 30px;
line-height: 1.3;}



.workshopline_w{
width: 100%;
border-bottom: 2px dotted #e6e6e6;
padding-bottom: 35px;
margin-bottom: 20px;}

.workshopline_ww{
width:100%;
margin:0 auto;
}


/*注意事項*/



.workshopnotes_w{
text-align: left;
background: #fffdb9;
width:100%;
padding:20px 20px 15px 20px;
margin-bottom:20px;
margin-top:20px;
color: #000;
}

.workshopnotes_ww{
width:100%;
margin:0 auto;
}














/*よくある質問*/

.faq_w{
}

.faq_q{
}

.faq_q dl{
}

.faq_q dt{
background: #e9f6ff;
position: relative;
width: 100%;
padding: 12px 0 12px 60px;
text-indent: -20px;
margin-bottom:20px;


}

.faq_q dt::before{
content: "";
display: inline-block;
background: url(../images/ic_q.png) no-repeat;
background-size: 36px 36px;
height: 36px;
width: 36px;
vertical-align: bottom;
margin-right: 15px;
margin-left: -30px;
}


.faq_q dd{
position: relative;
width: 100%;
padding: 0 0 0 60px;
text-indent: -20px;
margin-bottom:30px;
}


.faq_q dd::before{
content: "";
display: inline-block;
background: url(../images/ic_a.png) no-repeat;
background-size: 36px 36px;
height: 36px;
width: 36px;
vertical-align: bottom;
margin-right: 15px;
margin-left: -30px;
}



.faq_q dd:last-child{
margin-bottom:0;
}








/*スケジュール*/
.sch_map_w{
width:100%;
background:#3999c5;
margin-bottom:30px;
}

.sch_map_ww{
position:relative;
width:100%;
margin:0 auto;
}

.sch_map{
padding:10px 10px 5px;
}

.sch_map_whole{
padding:30px 0 20px;
width:95%;
margin:0 auto;
}

.sch_map_main{
padding:70px 0 50px;
width:95%;
margin:0 auto;
}

.sch_data_w{
width:100%;
margin-bottom:50px;
}

.sch_data_ww{
position:relative;
width:980px;
margin:0 auto;
}

.sch_data{
padding:30px 0 20px;
}







/*うみ博とは　追加*/

.ta_goals {
width:660px;
}


.imgr_w{
}

.img_goals{
width: 100%;
text-align: center;
}

.img_goals img{
width:150px;
}

.img_project{
width: 100%;
text-align: center;
}

.img_project img{
width:150px;
}








/*ステージプログラム*/

.stage_w {
border-bottom: 1px solid #ccc;
margin-bottom:20px;
}

.stage_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.stage_time{
width: 100%;
padding: 10px 0;
background: #f3f3f3;
font-size: 1.8rem;
text-align: center;
color:#3a3a3a;
font-weight:bold;
border-top: 1px solid #ccc;
}

.stage_time::before{
content: "";
display: inline-block;
background: url(../images/ic_watch.png) no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0 10px 0 0;
}

.stage_t_w{
padding: 15px 0 30px 20px;
width: 100%;



}

.stage_h{
color: #000;
font-size: 1.6rem;
font-weight: bold;
}

.stage_t{
}

.stage_date::before{
background:none !important;
}


.stage_common_w{
width:100%;
}

.stage_common_ww{
width:100%;
margin:0 auto;
padding: 0 0;
}





/*イベントナビ*/
.ev_w{
width:100%;
}

.ev_ww{
width:100%;
margin:30px auto 0;

}

.ev_box_w{
display:flex;
flex-wrap:wrap;
justify-content: space-around;
}

.ev_box_w a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 46%;}

.ev_box{
border-radius: 3px;
overflow: hidden;
transition: all 0.5s;
margin-bottom: 10px;
}

.ev_box:hover{
background:#E6F4FF;

}

.ev_i{
}

.ev_h{
font-size: 1.4rem;
font-weight: bold;
width: 100%;
text-align: center;
margin-top:5px;
}

.ev_t{
padding: 10px 5px 10px 0;
line-height: 1.4;
font-size: 1.4rem;
}

.ev_h_arrow1{
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
color: #004ea2;
}
.ev_h_arrow1::before{
position: absolute;
top: 0;
bottom: 0;
margin: auto 0 auto -8px;
content: "";
vertical-align: middle;
}

.ev_h_arrow2::before{
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #7ab0d9;
}





/*お問い合わせ*/
.contact_form_tbl{
width:100%
}

.contact_form_tbl tr{
border-top:1px solid #ccc;
}


.contact_form_tbl th{
text-align: left;
width: 25%;
vertical-align: middle;
font-size: 1.3rem;
}

.contact_form_tbl td{
padding: 25px 20px;
font-size: 1.3rem;
}

.form_nec{
display: inline-block;
border-radius: 5px;
background: #E51C20;
color: #fff;
padding: 1px 8px;
font-size: 1.2rem;
}



.contact_form_tbl label {
cursor:pointer;
}


.confirm_wrap label {
cursor:pointer;
}


.cantact_ta1,
.cantact_ta2,
.cantact_ta3,
.cantact_ta4,
.cantact_ta5
{
border:0;
padding:10px;
font-size:1.3rem;
border:solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 1px 1px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 1px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 1px 9px -6px rgba(0,0,0,0.5);
}


.cantact_ta1{
width:100%;
}

.cantact_ta2{
width:30%;
margin:0 0 20px 0;
}

.cantact_ta3{
width:100%;
height:100px;
}

.contact_cfb_w{
text-align: center;
font-size: 1.3rem;
}

.contact_t{
text-align: left;
margin-bottom: 30px;
margin-top: 15px;
font-size: 1.3rem;
}

.contact_btn_w{
text-align:center;
}

.contact_btn{
border: solid 1px #ccc;
padding: 10px 30px;
margin: 0 0 20px;
font-size: 1.3rem;
text-transform: uppercase;
color: #333;
}



/*会場マップ*/
.mainmap_w1{
width: 100%;
margin-bottom: 20px;
border-bottom: 1px dotted #ccc;
padding-bottom: 20px;
}



.mainmap_num{
color:#00a5a8;
display:inline-block;
margin-right:3px;

}



/*謝辞*/
.thanks_w1{
background: #eef9f9;
margin: -45px 0 0 0;
padding:30px 0 35px;
}
.thanks_w2{
border: 5px solid #96d7dd;
border-radius: 10px;
margin: 30px auto 10px;
padding: 20px 5px;
background: #fff;
}

.thanks_h{
font-family: 'MPLUSRounded';
font-size: 1.8rem;
color: #076BBF;
font-weight: bold;
text-align: center;
line-height: 1.5;
margin-bottom: 15px;
}
.thanks_h span{
font-size: 1.8rem;
}


.thanks_t{
text-align: center;
font-size: 1.6rem;
line-height: 1.6;
padding:0 15px 0 20px;
}

.thanks_t p{
display: inline-block;
text-align: left;
}












/*パララックス*/
.animation{
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}








.keyframe1 img{
width: 40vw;
}


.keyframe2 img{
width: 100%;
}

.keyframe3 img{
width: 100%;

}


.keyframe4 img{
width: 40vw;
}

.keyframe5 img{
width: 100%;

}

.keyframe6 img{
width: 100%;

}

.animation{
position: absolute;
}







.keyframe1{
z-index: 60;
right: 0;
bottom: -5vw;
}

.keyframe2{
z-index: 49;
bottom: -14vw;
}


.keyframe3{
z-index: 48;
bottom: -14vw;

}


.keyframe4{
z-index: 58;
left: 0;
bottom: -5vw;
}

.keyframe5{
z-index: 44;
bottom: -14vw;
}
.keyframe6{
z-index: 47;
bottom: -14vw;
}





.keyframe9{
z-index: 4;
position: absolute;
bottom: -2vw;
left: 0;
}
.keyframe9 img{
width: 80vw;
}

.keyframe10{
z-index: 4;
position: absolute;
bottom: 12vw;
right: 0;
}
.keyframe10 img{
width: 25vw;
}

.keyframe12{
z-index: 4;
position: absolute;
bottom: 1vw;
right: 0;
}
.keyframe12 img{
width: 80vw;
}



.logotop{
position: absolute;
top: 4vw;
z-index: 98;
width: 80vw;
left: 0;
right: 0;
margin: auto;
}

.logotop img{
width: 100%;
filter: drop-shadow(0 0 10px #fff);
}


.logovirtual{
position: absolute;
top: 4vw;
z-index: 98;
width: 80vw;
left: 0;
right: 0;
margin: auto;
}

.logovirtual img{
width: 100%;
}



.bnr_virtual{
z-index: 2099;
position: absolute;
top: 64vw;
padding: 3vw 3vw;
}

.bnr_virtual img{
width: 100%;
box-shadow: 3px 3px 5px #153556;
border-radius: 20px;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
}

.bnr_virtual img:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

.bnr_stamp{

z-index: 2099;
position: absolute;
top: 41vw;
width: 100vw;
left: 0;
right: 0;
margin: auto;
padding: 3vw 3vw;
}

.bnr_stamp img{
width: 100%;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
}

.bnr_stamp img:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}











.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.cp_arrows__w{
position: relative;
margin: -50px 0;
}


.cp_arrows {
position: absolute;
display: flex;
margin: 2em auto;
justify-content: center;
align-items: center;
z-index: 90;
left: 50%;
transform: translateX(-50%);
}
.cp_arrows .cp_arrow {
position: absolute;
width: 100px;
height: 10px;
-webkit-transform: scale(0.3);
transform: scale(0.3);
-webkit-animation: arrow-move07 3s ease-out infinite;
animation: arrow-move07 3s ease-out infinite;
opacity: 0;
}
.cp_arrows .cp_arrow:first-child {
-webkit-animation: arrow-move07 3s ease-out 1s infinite;
animation: arrow-move07 3s ease-out 1s infinite;
}
.cp_arrows .cp_arrow:nth-child(2) {
-webkit-animation: arrow-move07 3s ease-out 2s infinite;
animation: arrow-move07 3s ease-out 2s infinite;
}
.cp_arrows .cp_arrow:before,
.cp_arrows .cp_arrow:after {
position: absolute;
top: 0;
width: 50%;
height: 100%;
content: '';
border-radius: 2px;
background: #2196f3;
}
.cp_arrows .cp_arrow:before {
left: 1px;
-webkit-transform: skewY(30deg);
transform: skewY(30deg);
}
.cp_arrows .cp_arrow:after {
right: 1px;
width: 50%;
-webkit-transform: skewY(-30deg);
transform: skewY(-30deg);
}





/*img move*/
.img-wrap {
overflow: hidden;
position: relative;
}

.img-wrap:before {
animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
background: #f8fdff;
}
/*img move*/






.ornament1{
position: absolute;
left: 0;
top: 0;
width: 32vw;
z-index: 50;
}

.ornament2{
position: absolute;
right: 0;
top: 0;
width: 32vw;
z-index: 50;
}





















.ornament1n{
position: absolute;
left: 0;
top: 0;
width: 15vw;
z-index: 50;
}

.ornament2n{
position: absolute;
right: 0;
top: 0;
width: 15vw;
z-index: 50;
}








/*virtual*/

.logo_vt{
display: none;
}

.logo_vt img{
width: 100%;
}

.ttl_vt1{
position: absolute;
bottom: 20vw;
z-index: 98;
width: 60vw;
right: 0;
}

.ttl_vt1 img{
width: 100%;
}

.ttl_vt2{
position: absolute;
bottom: 0;
z-index: 98;
width: 50vw;
left: 0;
}

.ttl_vt2 img{
width: 100%;
}

.ttl_vt3{
position: absolute;
top: -15vw;
z-index: 98;
width: 60vw;
left: 0;
right: 0;
margin: auto;
}

.ttl_vt3 img{
width: 100%;
}


.vt_ttl__w{
height: 140vw;
overflow: hidden;
position: relative;
margin: 6vh 0 0;
background: url("../images/bg_bubble.png") repeat,linear-gradient(#4fa6d8, #7cc4e8);
}

.vt_ttl2__w{
height: 140vw;
overflow: hidden;
position: relative;
margin: 6vh 0 0;
background: url("../images/bg_bubble.png") repeat,linear-gradient(#4fa6d8, #7cc4e8);
}


.bg0{
background: none !important;
}

.vt_cont__w{
background: url("../images/bg_bubble.png") repeat,linear-gradient(#0b6ac6, #122067);
padding: 0 0 0 0;
}

.vt_cont2__w{
background: url("../images/bg_bubble.png") repeat,linear-gradient(#0b6ac6, #122067);
padding: 0 0 0 0;
}


.home_cont__w{
background: url(../images/bg_bubble_home.png) repeat,linear-gradient(#5abee2, #122067);
padding: -50px 0 0 0;
}

.keyword_cont__w{
background: url("../images/bg_bubble.png") repeat,linear-gradient(#0b6ac6, #122067);
padding: 0 0 0 0;
}




.vtbooth__w{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.vtbooth_box{
width: 95%;
position:relative;
margin: 0 auto 16vw;
}

.vtbooth1{
width: 85%;
margin: 0 auto;

}
.vtbooth1 img{
width: 100%;
}

.vtbooth2{
width: 98%;
border: solid 3vw #212484;
border-radius: 5px;
background: #212484;
margin: 0 auto;
}


.vtbooth3{
margin: 0 0 5vw 0;
}

.vtbooth3:last-child{
margin: 0 0 0 0;
}


.vtbooth3 a{
display: block;
background: #fff;
padding: 3vw 3vw 3vw 3vw;
border-radius: 5px;

}
.vtbooth3 a:hover{
transform: translateY(-5px);
opacity: .7;
}


.vtbooth4{
font-size: 1.8rem;
font-family: 'MPLUSRounded';
line-height: 1.4;
color: #0084b5;
margin: 0 0 2vw 0;
letter-spacing: 0;
}

.vtbooth5{
font-size: 1.3rem;
line-height: 1.5;
}







.footernav{
width: 100%;
margin: 7vw auto 0;

}

.footernav ul{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content:space-between;
}

.footernav ul li{
display: block;
font-weight: bold;
font-size: 1.5rem;
padding: 0 25px;
width: 100%;
margin: 0 0 5vw 0;
}


.keyframe11{
z-index: 4;
position: absolute;
bottom: 0;
height: 25vw;
}

.news_ww{
width: 100%;
padding: 10vw 0 0;
}












.stamp__ww{
width: 100%;
margin: -14vw 0 0 0;
padding: 14vw 0 0 0;
}

.stamp__w{
width: 90%;
margin: 5vw auto 0;
padding: 3vw 3vw 3vw;
border-radius: 50px;
background: #1e2666;
position: relative;
border: 10px solid #ffef00;
}




.stamp1{
width: 100%;
margin: -12vw auto 0;
}


.stamp1 img{
width: 100%;
}

.stamp2{
width: 100%;
color: #fff;
font-size: 1.6rem;
margin: 0 2vw 8vw 2vw;
line-height: 2;
}

.stamp3{


}





















.booth__ww{
width: 100%;
overflow: hidden;
}


.booth__w{
width: 100%;
position: relative;
height: 70vw;
}

.booth1{
position: absolute;
z-index: 101;
bottom: -3vw;
pointer-events: none;
}

.booth1 img{
width: 100vw;

}

.booth2{
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 100;
width: 60vw;

bottom: -3vw;
}

.booth2 img{
width: 100%;
filter: drop-shadow(0 0 10px #fff);

}
.booth2 a{
display: block;
}

.booth2 a:hover{
}

.booth2 a img:hover{
filter: drop-shadow(0 0 15px #fff);
}




.bgc3{
padding: 100px 100px;
position: absolute;
left: 0;
top: 100px;
width: 15vw;
z-index: 50;
}

.bgc3 img{
width: 100%;
}

.bgc4{
padding: 100px 100px;
position: absolute;
right: 0;
top: 100px;
width: 15vw;
z-index: 50;
}

.bgc4 img{
width: 100%;
}



.footernav2{
width: 100%;
margin: 0 0 8vw;
}

.footernav2 ul{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.footernav2 ul li{
width: 100%;
margin: 0 0 5vw 0;
}

.footernav2 ul li a{
font-size: 1.3rem;
color: #696969;
}






.about_i1{
width: 100%;
text-align: center;
}


.about_i1 img{
display: inline-block;

}

.news_h_l{
text-align: left !important;
}
















/*当院の特徴*/
.merit__ww {
    width: 100%;
}
.merit__w {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
}   
/*.merit__w::before {
    position: absolute;
    content: "";
    background: url(../images/bg_ornament_2.png) center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 500px;
    bottom: 200px;
}  */
	
.merit__w::after {
    position: absolute;
  	content: "";
    background: url(../images/merit_bg001.svg);
    background-size: 100% auto;
    width: 100%;
    /*bottom: -1000px;*/
    bottom: 0;
    background-repeat: no-repeat;
    height: 0;
	/*height: 1000px;*/

    display: block;
    padding-bottom: 18.5%;

	
	
}         
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.merit1 {
    width: 100%;
    margin: 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 10px;
    padding: 4rem 0 0;
    z-index: 1;
    position: relative;
}
.merit2 {
    text-align: center;
    margin: 0 0 18vw 0;
    width: 100%;
}
.merit2 span {
    text-align: center;
    padding: 3vw 8vw;
    font-size: 2rem;
    color: #ffffff;
    letter-spacing: .1rem;
    font-weight: 700;
    border-radius: 100px;
    background: #c9401a;
}  
.merit3 {
    width: 100%;
    margin: 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-position: right 3vw top 4vw;
}   
.merit4 {
    width: 100%;
    padding: 0 0 10vw 0;
}  
.merit4b {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* background: url(../images/meritbg_l.png) no-repeat; */
    background-position: right 0 top 4vw;
}  
.merit4_02 {
    width: 100%;
    padding: 0;
}  
.merit4b_02 {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* background: url(../images/meritbg_l.png) no-repeat; */
    background-position: right 0 top 4vw;
}  
.merit5 {
    width: 70%;
    margin: 0 auto 5vw;
}  
.merit5 img {
    width: 100%;
    border-radius: 10px;
}   
.merit6 {
    width: 100%;
    padding: 4vw;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: solid 1px #00a1db
} 
.merit6 .no {
    position: absolute;
    top: 3vw;
    left: 3vw;
    color: #00a1db;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
}    
.merit7 {
    color: #00a1db;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: .1rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 0 0 5vw;
    font-weight: 600;
    font-family: 'Zen Maru Gothic', sans-serif;
}   
.merit7 span {
    display: inline;
    background: linear-gradient(transparent 70%, #e3e3e3 70%);
}  
.merit8 {
    font-size: 1.3rem;
    padding: 0 3vw;
    margin: 3vw 0 0 0;
}
.merit32 {
    width: 100%;
    margin: 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-position: left 3vw top 4vw;
}   
.merit42 {
    width: 100%;
    padding: 0 0 10vw 0;
}
.merit42b {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    /* background: url(../images/meritbg_r.png) no-repeat; */
    justify-content: space-between;
}    
.merit52 {
    width: 70%;
    margin: 0 auto 5vw;
}    
.merit52 img {
    width: 100%;
    border-radius: 10px;
}    
.merit62 {
   width: 100%;
    padding: 4vw;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: solid 1px #7bcbdf;
}  
.merit62 .no {
   position: absolute;
    top: 3vw;
    left: 3vw;
    color: #00a1db;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
}    
.merit72 {
    color: #00a1db;
    font-size: 1.7rem;
    line-height: 1.4;
    letter-spacing: .1rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 0 0 5vw;
    font-weight: 600;
    font-family: 'Zen Maru Gothic', sans-serif;
}   
.merit72 span {
    display: inline;
    background: linear-gradient(transparent 70%, #e3e3e3 70%);
}    
}

/*sp*/























.fadein {
opacity : 0;
transform : translate(0, 30px);
transition:all 0.8s;
text-align:center;
}
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
}

.ic_blue::before{
content:"●";
color:#cde5ff;
margin-right:5px;
}

















































/*pc*/
@media all and (min-width:751px) {



/*img move*/
.img-wrap {
overflow: hidden;
position: relative;
}

.img-wrap:before {
animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
background: #f8fdff;
}

/*img move*/



/*img move*/
.img-wrap2 {
overflow: hidden;
position: relative;
}

.img-wrap2:before {
animation: img-wrap2 2s cubic-bezier(.4, 0, .2, 1) forwards;
background: #f8fdff;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}

/*img move*/




.wrap {
margin: 0 auto;
}
.text {
text-align: center;
opacity: 0;
padding: 10px 0;
}

.text-move {
opacity: 0;
display: inline-block;
transform: scale(1.25) translate(8px, 4px);
font-size: 3.4rem;
letter-spacing: 0.02em;
}

.text-move:nth-child(1) {
transition: opacity 1.2s ease 0.1s, transform 1.2s ease 0.2s;
}
.text-move:nth-child(2) {
transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.25s;
}
.text-move:nth-child(3) {
transition: opacity 1.2s ease 0.25s, transform 1.2s ease 0.3s;
}
.text-move:nth-child(4) {
transition: opacity 1.2s ease 0.3s, transform 1.2s ease 0.35s;
}
.text-move:nth-child(5) {
transition: opacity 1.2s ease 0.35s, transform 1.2s ease 0.4s;
}
.text-move:nth-child(6) {
transition: opacity 1.2s ease 0.4s, transform 1.2s ease 0.45s;
}
.text-move:nth-child(7) {
transition: opacity 1.2s ease 0.45s, transform 1.2s ease 0.5s;
}
.text-move:nth-child(8) {
transition: opacity 1.2s ease 0.5s, transform 1.2s ease 0.55s;
}
.text-move:nth-child(9) {
transition: opacity 1.2s ease 0.55s, transform 1.2s ease 0.6s;
}
.text-move:nth-child(10) {
transition: opacity 1.2s ease 0.6s, transform 1.2s ease 0.65s;
}
.text-move:nth-child(11) {
transition: opacity 1.2s ease 0.65s, transform 1.2s ease 0.7s;
}
.text-move:nth-child(12) {
transition: opacity 1.2s ease 0.7s, transform 1.2s ease 0.75s;
}
.text-move:nth-child(13) {
transition: opacity 1.2s ease 0.75s, transform 1.2s ease 0.8s;
}
.text-move:nth-child(14) {
transition: opacity 1.2s ease 0.8s, transform 1.2s ease 0.85s;
}
.text-move:nth-child(15) {
transition: opacity 1.2s ease 0.85s, transform 1.2s ease 0.9s;
}
.text-move:nth-child(16) {
transition: opacity 1.2s ease 0.9s, transform 1.2s ease 0.95s;
}
.text-move:nth-child(17) {
transition: opacity 1.2s ease 0.95s, transform 1.2s ease 1s;
}
.text-move:nth-child(18) {
transition: opacity 1.2s ease 1s, transform 1.2s ease 1.05s;
}
.text-move:nth-child(19) {
transition: opacity 1.2s ease 1.05s, transform 1.2s ease 1.1s;
}
.text-move:nth-child(20) {
transition: opacity 1.2s ease 1.1s, transform 1.2s ease 1.15s;
}
.text-move:nth-child(21) {
transition: opacity 1.2s ease 1.15s, transform 1.2s ease 1.2s;
}
.text-move:nth-child(22) {
transition: opacity 1.2s ease 1.2s, transform 1.2s ease 1.25s;
}






.text.active {
opacity: 1;
}

.text.active .text-move {
opacity: 1;
transform: scale(1) translate(0);
}











/*osusume*/
.osusume__w{
width: 100%;
}

.osusume__wi{
width: 1480px;
height: 988px;
margin: 0 auto;
position: relative;
}

.osusume1{
position: absolute;
top:-35px;
left:867px;
z-index: 100;
}
.osusume2{
position: absolute;
top:130px;
left:750px;
z-index: 100;

}
.osusume3{
position: absolute;
top:376px;
left:906px;
z-index: 100;

}
.osusume4{
position: absolute;
top:666px;
left:1010px;
z-index: 100;

}

.osusume5{
position: absolute;
top:0;
left:0;
z-index: 100;
}






.tokucho_w{
background: #f6f6f6;
padding: 0 0 120px 0;
}

.tokucho_wi{
}

.tokucho1{
width: 100%;
text-align: center;
padding: 140px 0 120px;
}

.tokucho1 img{
display: inline-block;
}


/*tokucho1 */
.tokucho_box1{
width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

.tokucho2{
width: 600px;
}

.tokucho3{
width: 680px;
text-align: right;
}

.tokucho3 img{
display: inline-block;
}

.tokucho4{
width: 680px;
background: #fff;
}

.tokucho5{
font-size: 3.5rem;
letter-spacing: .3em;
width: 680px;
text-align: center;
}

.tokucho5 span{
color: #ff758e;
}

.tokucho6{
width: 680px;
padding: 0 0 0 120px;
line-height: 2.5;
font-size: 1.7rem;
}


/*tokucho2 */
.tokucho_box2{
width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

.tokucho7{
width: 600px;
order: 2;
}

.tokucho8{
width: 680px;
text-align: left;
}

.tokucho8 img{
display: inline-block;
}

.tokucho9{
width: 680px;
background: #fff;
order: 1;
}

.tokucho10{
font-size: 3.5rem;
letter-spacing: .3em;
width: 680px;
text-align: center;
}

.tokucho10 span{
color: #ff758e;
}

.tokucho11{
width: 680px;
padding: 0 0 0 90px;
line-height: 2;
font-size: 1.7rem;
}

.tokucho12{
width: 680px;
padding: 0 0 0 60px;
line-height: 1.8;
font-size: 1.7rem;
}

.tokucho13{
width: 680px;
padding: 0 0 0 110px;
line-height: 2.2;
font-size: 1.7rem;
}

.tokucho14{
width: 680px;
padding: 0 0 0 90px;
line-height: 2.2;
font-size: 1.7rem;
}


/*仕事紹介*/
.work__w{
background: #faf8f4;
padding: 0 0 160px 0;
}

.work_h__w1{
width: 100%;
background: #aee7fc;
}

.work_h__w2{
width: 1200px;
margin: 0 auto;
background: url("../images/work1.jpg") no-repeat;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 300px;
}

.work_h__w2 img{
display: inline-block;
}





.work1{
font-size: 4rem;
text-align: center;
letter-spacing: 2rem;
}

.work2{
color: #ff758e;
}

.work3{
background:linear-gradient(transparent 75%, #fdf2b7 75%);
}

.work4{
font-size: 1.7rem;
text-align: center;
letter-spacing: .5rem;
line-height: 2.5;
}

.work5{
}

.work6{
border: 1px solid #00b097;
width: 860px;
margin: 0 auto;
padding: 200px;
background: #fff;
}

.work6 th{
color: #00b097;
width: 300px;
text-align: right;
padding: 40px 50px 0 0;
}


.work6 td{
padding: 40px 50px 0 0;
font-size: 1.5rem;
}

.work6 tr:last-child th{
padding: 40px 50px 40px 0;
}



.course__w{
background: #f6f6f6;
padding: 0 0 100px 0;
}

.course_h__w2{
width: 1200px;
margin: 0 auto;
background: url("../images/course1.jpg") no-repeat;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 300px;
}

.course5{

width: 100%;
}

table.course6{
width: 700px;
margin: 0 auto;
}

.course6 th{
width: 130px;
text-align: left;
padding: 40px 0 0 0;
font-size: 1.4rem;
letter-spacing: .2rem;
}


.course6 td{
padding: 40px 0 0 0;
font-size: 1.5rem;
line-height: 2;
}

.course6 tr:last-child th{
padding: 40px 0 40px 0;
}

.course7{
text-align: center;
width: 100%;
font-size: 3rem;
letter-spacing: .6rem;
}

.course8{
background: #fff;
width: 860px;
margin: 0 auto;
padding: 50px 0;

}

.course8::before{
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 84px;/*画像の幅*/
height: 84px;/*画像の高さ*/
background: url("../images/course3.png") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -105px 0 0 -30px;
}

.course9{
background: #fff;
width: 860px;
margin: 0 auto;
padding: 50px 0;

}

.course9::before{
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 84px;/*画像の幅*/
height: 84px;/*画像の高さ*/
background: url("../images/course4.png") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -105px 0 0 -30px;
}


.course10{
background: #fff;
width: 860px;
margin: 0 auto;
padding: 50px 0;

}

.course10::before{
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 84px;/*画像の幅*/
height: 84px;/*画像の高さ*/
background: url("../images/course5.png") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -105px 0 0 -30px;
}


.flow__w{
background: #fff;
padding: 0 0 120px 0;
}



.flow_h__w2{
width: 1200px;
margin: 0 auto;
background: url("../images/flow1.jpg") no-repeat;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 300px;
}


.flow_fx__w{
display: flex;
justify-content: space-between;
width: 1200px;
margin: 0 auto;
}

.flow_box{
width: 270px;

}

.flow_box1{
margin: 0 auto 20px;
}

.flow_box1 img{
width: 100%;
}

.flow_box2{
width: 56px;
margin: 0 auto 25px;
}

.flow_box2 img{
width: 100%;
}

.flow_box3{
color: #30353a;
text-align: center;
letter-spacing: .5rem;
font-size: 2.4rem;
margin: 0 0 25px 0;
font-weight: bold;
}

.flow_box4{
font-size: 1.4rem;

}

.flow_arrow{
width: 12px;
padding: 120px 0 0 0;
}

.flow_arrow img{
width: 100%;
}




/*buttn*/
.btn2_w{
width: 100%;
text-align: center;
}

.btn2__w a{
width: 500px;
height: 120px;
border-radius: 5px;
padding: 20px 20px;
color: #ffffff;
text-align: center;
font-size: 2.3rem;
position: relative;
letter-spacing: .1rem;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
vertical-align: middle;
line-height: 1.5;
transition: .5s;
font-weight: bold;
background: linear-gradient(to right, #f18d26, #fd644f);
margin: 0 auto 150px;
display: flex;
align-items: center;
justify-content: center;
}

.btn2__w a:hover,
.btn2__w a:active{
transform: translate(0,-8px) !important;
opacity: .8 !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);    
}












}
/*PC*/






















@keyframes img-wrap {
100% {
transform: translateX(100%);
}
}
@keyframes img-wrap2 {
100% {
transform: translateX(-100%);
}
}












































/*sp*/
@media all and (max-width:750px) {


/*common*/

.anchor{
display: block;
/*
padding-top: 11vh;
margin-top: -11vh;
margin-bottom: 12vw;
*/
}


.t_h{
font-size: 1.5rem !important;
color: #222 !important;
margin: 0 0 1vw 0 !important;
font-weight: bold!important;
}




nav.NavMenu{
position: fixed;
z-index: 2;
top: 0;
left: 0;
background: #f4f2e8;
color: #000;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 1s;
padding: 3vh 0 3vh 0;
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
}

nav.NavMenu ul li{
font-size: 1.6rem;
list-style-type: none;
padding: 0;
width: 60%;
line-height: 1.8;
letter-spacing: .1rem;
margin: 0 auto;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
display: flex;
background: #fff;
border-radius: 5px;
width: 100%;
padding: 1vw 0;
text-align: center;
margin: 0 0 3vw 0;
box-shadow: 2px 3px 3px 1px #e6e3d3;
transition: .3s;
font-size: 1.5rem;
min-height: 5rem;
line-height: 1.4;
justify-content: center;
align-items: center;
}

nav.NavMenu ul li a:link,
nav.NavMenu ul li a:visited{
color: #6d3c30;
}

nav.NavMenu ul li a:hover,
nav.NavMenu ul li a:active{
color: #6d3c30;
box-shadow: 0 0 0 0 #f4f2e8;
}

nav.NavMenu ul li.nav_tel{
font-size: 2.3rem;
font-weight: bold;
padding: 3vw 0 3vw 0;
}

.nav_tel_num{
color: #323335;
display: flex;
align-items: center;
}

.nav_tel_num::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: text-top;
margin: 0 5px 0 0;
}

.nav_tel_t{
display: block;
color: #6d3c30;
font-size: 1.5rem;
text-align: center;
margin: 2vw 0 3vw 0;
}

nav.NavMenu ul li.nav_rsv{
}

nav.NavMenu ul li.nav_rsv a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 10vw;
transition: .6s;
position: relative;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.01rem;
background: #2bacb9;
color: #e9f8fd;
box-shadow: 0px 0px 5px 0px #afe0e6;
}

nav.NavMenu ul li.nav_rsv a:active,
nav.NavMenu ul li.nav_rsv a:hover{
transform: translate(0,-3px);
opacity: .9;
}

nav.NavMenu ul li.nav_rsv span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

nav.NavMenu.active{
transform: translateY(0%);		/*ナビを表示する*/
height: 100vh;
overflow-y: auto;
}

.Toggle {
display: block;
position: fixed;
top: 0.5rem;
right: 3.5vw;
width: 10vw;
cursor: pointer;
z-index: 3;
height: 5rem;
}

.Toggle span {
display: block;
position: absolute;
width: 10vw;
border-top: solid 1px #000;
-webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
-moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
transition: .35s ease-in-out;			/*変化の速度を指定*/
}

.Toggle span:nth-child(1) {
top: 1rem;
}

.Toggle span:nth-child(2) {
top: 2.2rem;
}

.Toggle span:nth-child(3) {
top: 3.4rem;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
top: 5vw;
left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 5vw;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
















/*<!--main image-->*/

.mainimage_area{
background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,1) 100%), url(../images/bg_main.jpg);  
background-size: cover;
}

.mainimage_area1{
background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,1) 100%), url(../images/bg_main1.jpg);  
background-size: cover;
}

.mainimage_area2{
background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,1) 100%), url(../images/bg_main2.jpg);  
background-size: cover;
}

.mainimage_area3{
background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,1) 100%), url(../images/bg_main3.jpg);  
background-size: cover;
}

.mainimage_area4{
background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,1) 100%), url(../images/bg_main4.jpg);  
background-size: cover;
}

.mainimage_area div:first-child,
.mainimage_area1 div:first-child,
.mainimage_area2 div:first-child,
.mainimage_area3 div:first-child,
.mainimage_area4 div:first-child
{
border-radius: 30px;
}

.mainimg_w{
width: 100%;
background-position: center top !important;
background-size: cover!important;
background-repeat: no-repeat;
padding: 80px 0 80px;
}

.slick_slider_w{
}

.slick_slider_u{
}

.slick_slider_u li{
width:980px;
height:820px;
}

.slick_slider_b{
z-index:1;
position  : absolute;
top: 390px;
left: 50%;
transform : translate(-50%, -50%);
}

.slick_box{
background: #fff;
width: 580px;
position: absolute;
top: 180px;
right: 100px;
padding: 30px 30px 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
border-radius: 3px;
opacity: .95;
}

.slick_box1{
width: 100%;
text-align: center;
padding: 0 0 10px 0;
font-weight: bold;
letter-spacing: .1rem;
font-size: 2rem;
}

.slick_box2{
padding: 10px 0 15px 0;
}

.slick_box2 img{
width: 100%;
}

.slick_box3{
width: 100%;
padding: 0 0 25px 20px;
font-size: 1.4rem;
}

.slick_box3 span{
color: #3fb7c3;
}

.slick_box4{
width: 100%;
text-align: center;
padding: 0 0 0 0;
font-weight: bold;
letter-spacing: .1rem;
font-size: 2rem;
}

.slick_box5{
width: 100%;
font-size: 3rem;
font-weight: bold;
text-align: center;
padding: 0 0 20px 0;
}

.slick_box5 span::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 5px 0 0;
}

.slick_box6{
padding: 0 25px 0 25px;
}

.slick_box6 a{
display: inline-block;
border-radius: 5px;
background: #fff;
color: #5fc6d0;
text-align: center;
padding: 15px 30px;
transition: .6s;
position: relative;
font-size: 1.6rem;
width: 250px;
box-shadow: 0px 0px 10px 0px #bfe4e4;
font-weight: bold;
}

.slick_box6 a:active,
.slick_box6 a:hover{
transform: translate(0,-3px);
opacity: .9;
}

.slick_box6 span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.slick_box7{
width: 25%;
}

.slick_box7 a{
display: block;
background: #3e88c9;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 3px 0;
font-size: 1.4rem;
transition: .3s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);    
}

.slick_box7 a:hover,
.slick_box7 a:active{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);    
}

.mainimage_t{
color: #ff7ba6;
font-size: 2.2rem;
letter-spacing: .5rem;
line-height: 1.8;
text-align: center;
}

.mainimage_t2{
font-size: 1.8rem;
letter-spacing: .4rem;
line-height: 2;
text-align: center;
color: #01344a;
}

.mainimage_t3{
font-size: 1.4rem;
letter-spacing: .1rem;
line-height: 2.5;
text-align: left;
color: #000000;
padding: 0 10vw;
}






























/*<!--breadcrumb-->*/
.bc__w{
width: 100%;
margin: 0 auto 0;
padding: 2vw 4vw;
font-size: 1.3rem;
background: #f1f1f1;
}

.bc__w ol{
padding: 0;
}

.bc__w ol li{
list-style:none;
display:inline;
}

.bc__w ol li a:link,
.bc__w ol li a:visited{
border-bottom: 0;
}

.bc__w ol li a:hover,
.bc__w ol li a:active{
border-bottom: 0;
}

.bc__w ol li:last-of-type a{
color:#333 !important;
}

















/*<!--information-->*/
.info__w{
margin: 0 auto;
padding: 0 5vw;
}

.info_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.info_box1{
margin: 0 0 10vw;
order: 2;
}

.info_box1 h3{
font-weight: bold;
font-size: 1.8rem;
padding: 0 0 3vw;
color: #ff975a;
}

.info_box1 p{
}

.info_box2{
width: 100%;
order: 1;
margin: 0 0 3vw 0;
}

.info_box2 img{
width: 100%;
}
























/*<!--subdoctor-->*/
.subdoctor__w{
width: 100%;
background: #f1f1f1;
}

.subdoctor__wi{
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.subdoctor_i{
width: 60%;
margin: 5vw auto 0;
}

.subdoctor_i img{
width: 100%;
}

.subdoctor_t{
width: 100%;
}

.subdoctor_t1{
font-size: 1.9rem;
text-align: center;
letter-spacing: .2rem;
padding: 8vw 0 4vw;
font-weight: bold;
}

.subdoctor_t2{
font-size: 1.6rem;
text-align: center;
letter-spacing: .1rem;
padding: 0 0 7vw;
}

.subdoctor_t3{
line-height: 2;
padding: 2vw 6vw 10vw;
font-size: 1.4rem;
}

.subdoctor_t4{
}












/*<!--doctorhistory-->*/
.doctorhistory__w{
width: 100%;
background: #fff;
padding: 10vw 0 10vw;
}

.doctorhistory_box{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctorhistory_box1{
width: 100%;
padding: 8vw 4vw;
background: #f7f7ed;
margin: 0 0 5vw 0;
}

.doctorhistory_box1 h3{
font-weight: bold;
font-size: 1.6rem;
margin: 0 0 1vw 0;
}

.doctorhistory_box1 p{
line-height: 2.5;
}

.doctorhistory_box2{
width: 100%;
padding: 8vw 4vw;
background: #f7f7ed;
margin: 0 0 5vw 0;
}

.doctorhistory_box2 h3{
font-weight: bold;
font-size: 1.6rem;
margin: 0 0 1vw 0;
}

.doctorhistory_box2 p{
line-height: 2.5;
}

.subdoctor_name{
text-align: center;
padding: 10vw 0 10vw;
font-size: 1.8rem;
background: #f1f1f1;
margin: 0 0 5vw 0;
}













/*<!--sub gallery-->*/
.sub_gallery__w{
}

.sub_gallery_box__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding: 0 1vw;
}

.sub_gallery_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 0 5vw 0;
}

.sub_gallery_box1{
width: 100%;
}

.sub_gallery_box1 img{
width: 100%;
}

.sub_gallery_box2{
width: 100%;
font-size: 1.4rem;
text-align: center;
padding: 2vw 1vw 2vw 1vw;
background: #f5f5f5;
letter-spacing: .3rem;
}





}


/*sp*/




















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













/* <!--PC 申込ボタン--> */
.btn_pagetop{
position: fixed;
bottom: 2vw;
right: 2vw;
z-index: 100;
opacity: .8;
}

.btn_pagetop a{
width: 10vw;
height: 10vw;
border-radius: 10vw;
padding: 1vw 1vw;
display: table-cell;
color: #ffffff;
text-align: center;
font-size: 1.2rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.5;
background: #000000;
transition: .5s !important;
font-weight: bold;
opacity: .6;
}

.btn_pagetop a:hover,
.btn_pagetop a:active{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);    
}






/*rinenh*/
.rinenh__w{
width:100%;
background:#fffbf2;
padding: 8vw 0 12vw;
}

.rinenh__wi{
width: 100%;
margin: 0 auto;
background: url("../images/rinen_bg.png") no-repeat top center;
}

.rinenh__w h2{
font-size: 1.8rem;
letter-spacing: 0.5rem;
width: 100%;
text-align: center;
font-weight: bold;
}

.rinenh__w h2 span{
display: inline-block;
margin: 0 auto;
}

.rinenh__w h2::after{
content: "philosophy";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
font-weight: normal;
}

.rinenh__wi p{

}

.rinenh_t1{
padding: 10vw 5vw 10vw;
line-height: 1.8;
}

.rinenh_t2 {
text-align: center;
}


.rinenh_t2 span{
background: #f39547;
padding: 3vw 5vw;
text-align: center;
color: #fff;
font-size: 1.4rem;
display: inline-block;
font-weight: bold;
width: 100%;
}

/*rinen*/
.rinen__w{
width: 100%;
background: #ffc18f;
padding: 0 0 5vw 0;
}

.rinen__wi{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.rinen_box{
width: 100%;
background: #fff;

}

.rinen_box:nth-child(2){
background: #fafafa;
}

.rinen_box1{
}

.rinen_box1 img{
width:100%;
}

.rinen_box2{
width: 25%;
margin: -8vw auto 0;

}

.rinen_box2 img{
width:100%;
}

.rinen_box3{
font-size: 1.4rem;
padding: 3vw 5vw 15vw 5vw;
line-height: 2;
}

.rinen_c1{
color: #f39756;
font-weight: bold;
font-size: 2.4rem;
}

.rinen_c2{
color: #63b5ed;
font-weight: bold;
font-size: 2.4rem;
}

.rinen_c3{
color: #ed86bc;
font-weight: bold;
font-size: 2.4rem;
}


/*timetable*/
.medical_timetable__w{
padding: 0 2vw;
width: 100%;
}

.medical_timetable1{
width: 100%;
margin: 12vw auto 3vw;
}

.medical_timetable1 img{
width: 100%;
}

.medical_timetable2{
width: 100%;
margin: 0 auto;
padding: 0 5vw;
}

/*gmap*/
.gmap__w{
width: 100%;
height: 70vw;
margin: 0 0 8vw 0;
}

.gmap__w iframe{
width: 100%;
height: 100%;
}

/*sp_gnav*/

.sp_gnav__w{
background: #f4f2e8;
width: 100%;
padding:5vw 3vw 3vw;
margin: 0 0 10vw 0;
}

.sp_gnav{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}

.sp_gnav li{
width: 31%;
display: flex;
align-items: center;
justify-content: center
}

.sp_gnav li a{
display: flex;
background: #fff;
border-radius: 5px;
width: 100%;
padding: 1vw 0;
text-align: center;
margin: 0 0 3vw 0;
box-shadow: 2px 3px 3px 1px #e6e3d3;
transition: .3s;
color: #6d3c30;
font-size: 1.5rem;
min-height: 6rem;
line-height: 1.4;
justify-content: center;
align-items: center;
}

.sp_gnav li a:hover{
box-shadow: 0 0 0 0 #f4f2e8;
}








/*topfeature*/
.topfeature__ww{
width: 100%;
padding: 10vw 0 18vw;
}

.topfeature__w{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.topfeature_box{
width: 100%;
height: 42vw;
text-align: center;
box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
}

.topfeature_box_none{
width: 24%;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 1);
background: #fafafa;
margin: 0 0 20px 0;
}

.topfeature1{
width: 100%;
font-size: 2rem;
color: #fff;
letter-spacing: .5rem;
z-index: 100;
}

.topfeature2{
width: 100%;
margin: 0 0 40px;
font-size: 1.4rem;
letter-spacing: -0.05rem;
line-height: 2.2;
}

.topfeature3{
width: 70%;
margin: 0 auto 30px;
}

.topfeature3 img{
width: 100%;
}

.linkbox01{
background: url("../images/link01.jpg") no-repeat;
background-size: cover;
}

.linkbox02{
background: url("../images/link02.jpg") no-repeat;
background-size: cover;
}

.linkbox03{
background: url("../images/link03.jpg") no-repeat;
background-size: cover;
}

.linkbox04{
background: url("../images/link04.jpg") no-repeat;
background-size: cover;
}


.linkbox__w1,
.linkbox__w2,
.linkbox__w3,
.linkbox__w4 {
position: relative;
overflow: hidden;
text-align: center;
width: 42vw;
height: 42vw;
text-shadow: 0 0 12px #000;
margin: 0 0 4vw 0;
border-radius: 10px;

}
.linkbox__w1:after,
.linkbox__w2:after,
.linkbox__w3:after,
.linkbox__w4:after {
position: absolute;
content: "";
display: block;
width: 42vw;
height: 42vw;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.linkbox__w1:hover:after,
.linkbox__w2:hover:after,
.linkbox__w3:hover:after,
.linkbox__w4:hover:after {
opacity: .9;
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);

}
.linkbox__w1.inner,
.linkbox__w2.inner,
.linkbox__w3.inner,
.linkbox__w4.inner {
z-index: 1;
position: relative;
}

.linkbox__w1:after{
background: url(../images/link01.jpg) no-repeat center center;
}

.linkbox__w2:after{
background: url(../images/link02.jpg) no-repeat center center;
}

.linkbox__w3:after{
background: url(../images/link03.jpg) no-repeat center center;
}

.linkbox__w4:after{
background: url(../images/link04.jpg) no-repeat center center;
}













.wide_img{
text-align: center;
width: 100%;
margin: 50px 0 20px;
}

.wide_img img {
display: inline-block;
width: 600px;
}








/*interschool lp*/
.hero__w{
width: 100%;
background: #f8fdff;
}
.hero__w2{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.hero01{
width: 100%;
}
.hero01 img{
padding: 3vw;
width: 40%;
}


.hero02{
width: 100%;

text-align: center;
}

.hero02 img{
width: 80%;
display: inline-block;
}

.hero03{
width: 100%;
color: #fff;
text-align: center;
}

.hero03 img{
width: 95%;
display: inline-block;
}

.hero04{
width: 100%;
}

.hero04 img{
width: 100%;
}



/*img move*/
.img-wrap {
overflow: hidden;
position: relative;
}

.img-wrap:before {
animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
background: #f8fdff;
}

/*img move*/



/*img move*/
.img-wrap2 {
overflow: hidden;
position: relative;
}

.img-wrap2:before {
animation: img-wrap2 2s cubic-bezier(.4, 0, .2, 1) forwards;
background: #f8fdff;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}

/*img move*/




.wrap {
margin: 0 auto;
}
.text {
text-align: center;
opacity: 0;
padding: 10px 0;
}

.text-move {
opacity: 0;
display: inline-block;
transform: scale(1.25) translate(8px, 4px);
font-size: 3.4rem;
letter-spacing: 0.02em;
}

.text-move:nth-child(1) {
transition: opacity 1.2s ease 0.1s, transform 1.2s ease 0.2s;
}
.text-move:nth-child(2) {
transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.25s;
}
.text-move:nth-child(3) {
transition: opacity 1.2s ease 0.25s, transform 1.2s ease 0.3s;
}
.text-move:nth-child(4) {
transition: opacity 1.2s ease 0.3s, transform 1.2s ease 0.35s;
}
.text-move:nth-child(5) {
transition: opacity 1.2s ease 0.35s, transform 1.2s ease 0.4s;
}
.text-move:nth-child(6) {
transition: opacity 1.2s ease 0.4s, transform 1.2s ease 0.45s;
}
.text-move:nth-child(7) {
transition: opacity 1.2s ease 0.45s, transform 1.2s ease 0.5s;
}
.text-move:nth-child(8) {
transition: opacity 1.2s ease 0.5s, transform 1.2s ease 0.55s;
}
.text-move:nth-child(9) {
transition: opacity 1.2s ease 0.55s, transform 1.2s ease 0.6s;
}
.text-move:nth-child(10) {
transition: opacity 1.2s ease 0.6s, transform 1.2s ease 0.65s;
}
.text-move:nth-child(11) {
transition: opacity 1.2s ease 0.65s, transform 1.2s ease 0.7s;
}
.text-move:nth-child(12) {
transition: opacity 1.2s ease 0.7s, transform 1.2s ease 0.75s;
}
.text-move:nth-child(13) {
transition: opacity 1.2s ease 0.75s, transform 1.2s ease 0.8s;
}
.text-move:nth-child(14) {
transition: opacity 1.2s ease 0.8s, transform 1.2s ease 0.85s;
}
.text-move:nth-child(15) {
transition: opacity 1.2s ease 0.85s, transform 1.2s ease 0.9s;
}
.text-move:nth-child(16) {
transition: opacity 1.2s ease 0.9s, transform 1.2s ease 0.95s;
}
.text-move:nth-child(17) {
transition: opacity 1.2s ease 0.95s, transform 1.2s ease 1s;
}
.text-move:nth-child(18) {
transition: opacity 1.2s ease 1s, transform 1.2s ease 1.05s;
}
.text-move:nth-child(19) {
transition: opacity 1.2s ease 1.05s, transform 1.2s ease 1.1s;
}
.text-move:nth-child(20) {
transition: opacity 1.2s ease 1.1s, transform 1.2s ease 1.15s;
}
.text-move:nth-child(21) {
transition: opacity 1.2s ease 1.15s, transform 1.2s ease 1.2s;
}
.text-move:nth-child(22) {
transition: opacity 1.2s ease 1.2s, transform 1.2s ease 1.25s;
}






.text.active {
opacity: 1;
}

.text.active .text-move {
opacity: 1;
transform: scale(1) translate(0);
}











/*osusume*/
.osusume__w{
width: 100%;
background: url("../images/osusume05_sp.jpg") no-repeat;
background-size: cover;
padding: 100px 0 50px 0;
}

.osusume__wi{
width: 100%;
margin: 0 auto;
position: relative;
}

.osusume1{
width: 100%;
text-align: center;
margin: -125px 0 0 0;
}
.osusume1 img{
width: 80%;
display: inline-block;
}
.osusume2{
width: 100%;
text-align: right;
}
.osusume2 img{
width: 53%;
display: inline-block;
}




.osusume3{
width: 100%;
text-align: right;
}
.osusume3 img{
width:55%;
display: inline-block;
}



.osusume4{
width: 100%;
text-align: right;
}
.osusume4 img{
width: 65%;
display: inline-block;
}

.osusume5{

}

.osusume5 img{
width: 100%;

}





.tokucho_w{
background: #f6f6f6;
padding: 0 0 120px 0;
}

.tokucho_wi{
}

.tokucho1{
width: 100%;
text-align: center;
padding: 120px 0 60px;
}

.tokucho1 img{
display: inline-block;
width: 90%;
}


/*tokucho1 */
.tokucho_box1{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

.tokucho2{
width: 100%;
}

.tokucho2 img{
width: 100%;
}

.tokucho3{
width: 100%;
text-align: left;
margin: -10px 0 0 0;
}

.tokucho3 img{
display: inline-block;
width: 20%;
}

.tokucho4{
width: 100%;
background: #fff;
}

.tokucho5{
font-size: 2.2rem;
letter-spacing: .2rem;
width: 100%;
text-align: center;
}

.tokucho5 span{
color: #ff758e;
}

.tokucho6{
width: 100%;
line-height: 2;
font-size: 1.3rem;
padding: 0 40px 60px;
}


/*tokucho2 */
.tokucho_box2{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

.tokucho7{
width: 100%;
}

.tokucho7 img{
width: 100%;
}

.tokucho8{
width: 100%;
text-align: left;
margin: -10px 0 0 0;
}

.tokucho8 img{
display: inline-block;
width: 20%;
}

.tokucho9{
width: 100%;
background: #fff;

}

.tokucho10{
font-size: 2.2rem;
letter-spacing: .2rem;
width: 100%;
text-align: center;
}

.tokucho10 span{
color: #ff758e;
}

.tokucho11{
width: 100%;
line-height: 2;
font-size: 1.3rem;
padding: 0 40px 60px;
}

.tokucho12{
width: 100%;
line-height: 2;
font-size: 1.3rem;
padding: 0 40px 60px;
}

.tokucho13{
width: 100%;
line-height: 2;
font-size: 1.3rem;
padding: 0 40px 60px;
}

.tokucho14{
width: 100%;
line-height: 2;
font-size: 1.3rem;
padding: 0 40px 60px;
}


/*仕事紹介*/
.work__w{
background: #faf8f4;
padding: 0 0 120px 0;
}

.work_h__w1{
width: 100%;
background: #aee7fc;
}

.work_h__w2{
width: 100%;
margin: 0 auto;
background: url("../images/work1.jpg") no-repeat;
background-size: cover;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 40vw;
}

.work_h__w2 img{
display: inline-block;
width: 35vw;
}





.work1{
font-size: 2rem;
text-align: center;
letter-spacing: .3rem;
}

.work2{
color: #ff758e;
}

.work3{
background:linear-gradient(transparent 75%, #fdf2b7 75%);
}

.work4{
font-size: 1.4rem;
text-align: center;
letter-spacing: .2rem;
line-height: 2.5;
}

.work5{
}

.work6{
border: 1px solid #00b097;
width: 90%;
margin: 0 auto;
background: #fff;
font-size: 1.3rem;
}

.work6 th{
color: #00b097;
width: 30%;
text-align: center;
}


.work6 td{
padding: 30px 50px 0 0;
font-size: 1.3rem;
}

.work6 tr:last-child th{
padding: 30px 0 30px 0;
}



.course__w{
background: #f6f6f6;
padding: 0 0 100px 0;
}

.course_h__w2{
width: 100%;
margin: 0 auto;
background: url("../images/course1.jpg") no-repeat;
background-size: cover;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 40vw;
}

.course_h__w2 img{
width: 35vw;
}

.course5{
width: 95%;
margin: 0 auto
}

table.course6{
width: 90%;
margin: 0 auto;
}

.course6 th{
width: 25%;
text-align: left;
padding: 40px 0 0 0;
font-size: 1.3rem;
}


.course6 td{
padding: 40px 0 0 0;
font-size: 1.3rem;
line-height: 1.7;
}

.course6 tr:last-child th{
padding: 30px 0;
}

.course7{
text-align: center;
width: 100%;
font-size: 2rem;
letter-spacing: .3rem;
}

.course8{
background: #fff;
width: 100%;
margin: 0 auto;
padding: 20px 0 50px;

}

.course8::before{
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 42px;/*画像の幅*/
height: 42px;/*画像の高さ*/
background: url("../images/course3.png") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -70px 0 0 2vw;
}

.course9{
background: #fff;
width: 100%;
margin: 0 auto;
padding: 20px 0 50px;
}

.course9::before{
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 42px;/*画像の幅*/
height: 42px;/*画像の高さ*/
background: url("../images/course4.png") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -70px 0 0 2vw;
}


.course10{
background: #fff;
width: 100%;
margin: 0 auto;
padding: 20px 0 50px;
}

.course10::before{
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 42px;/*画像の幅*/
height: 42px;/*画像の高さ*/
background: url("../images/course5.png") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -70px 0 0 2vw;
}


.flow__w{
background: #fff;
padding: 0 0 80px 0;
}



.flow_h__w2{
width: 100%;
margin: 0 auto;
background: url("../images/flow1.jpg") no-repeat;
background-size: cover;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 40vw;
}

.flow_h__w2 img{
width: 35vw;
}


.flow_fx__w{
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
}

.flow_box{
width: 100%;
}

.flow_box1{
margin: 0 auto 20px;
width: 40vw;
}

.flow_box1 img{
width: 100%;
}

.flow_box2{
width: 56px;
margin: 0 auto 25px;
}

.flow_box2 img{
width: 100%;
}

.flow_box3{
color: #30353a;
text-align: center;
letter-spacing: .5rem;
font-size: 2.4rem;
margin: 0 0 25px 0;
font-weight: bold;
}

.flow_box4{
font-size: 1.4rem;
padding: 0 10vw;
}

.flow_arrow{
width: 100%;
text-align: center;
padding: 8vw 0;
}

.flow_arrow img{
width: 15vw;
display: inline-block;
}




/* <!--btn reservation--> */
.btn_fix__w2{
position: fixed;
bottom: 3%;
z-index: 150;
left: 50%;
transform: translateX(-50%);
margin: auto;
}

.btn_fix__w2 a{
height: auto;
border-radius: 5px;
padding: 5vw 8vw;
color: #ffffff;
text-align: center;
font-size: 1.3rem;
letter-spacing: .1rem;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
vertical-align: middle;
line-height: 1.5;
transition: .5s;
font-weight: bold;
background: linear-gradient(to right, #f18d26, #fd644f);
display: block;
width: 60vw;
}

.btn_fix__w2 a:hover,
.btn_fix__w2 a:active{
transform: translate(0,-8px);
opacity: .9;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);    
}







.subtitlebox{
background: #fff;
z-index: 99;
position: absolute;
top: 50vw;
width: 90%;
left: 0;
right: 0;
margin: auto;
padding: 8vw 3vw;
text-align: center;
box-shadow: 0px 0px 5px 0px #f0f3f3;
border-radius: 10px;
}

.subtitlebox span{
font-size: 2rem;
font-weight: bold;

color: #122067;
}

h3.subpageh2{
font-size: 1.6rem !important;
background: #49a9d9;
display: inline-block;
border-radius: 100px;
color: #fff;
padding: 2vw 5vw 1vw;
line-height: 1;
margin: 0 0 0 3vw;
}




.subtitlebox2{
z-index: 99;
position: absolute;
top: 50vw;
width: 90%;
left: 0;
right: 0;
margin: auto;
padding: 3vw 3vw;
text-align: center;
box-shadow: 0px 0px 5px 0px #f0f3f3;
border-radius: 10px;
line-height: 1.6;
}

.subtitlebox2 span{
font-size: 5rem;
font-weight: bold;
letter-spacing: .2rem;
color: #122067;
}





.anke1{
width: 100%;
text-align: center;
margin: 0 0 8vw 0;
}

.anke1 a{
display: inline-block;
background: #2799ee;
text-align: center;
border-radius: 5px;
color: #fff;
padding: 3vw 0;
font-size: 1.8rem;
box-shadow: 1px 3px 5px #d3d3d3;
width: 90%;
}

.anke1 a:hover{
transform: translate(0,-5px);
opacity: .8;
}

.anke4{
width: 100%;
text-align: center;
padding: 0 0 10vw 0;
}

.anke4 a{
font-size: 1.4rem;
color: #555
}


.anke4{
width: 100%;
text-align: center;
margin: 0 0 8vw 0;
}

.anke4 a{
display: inline-block;
background: #2799ee;
text-align: center;
border-radius: 5px;
color: #fff;
padding: 3vw 0;
font-size: 1.8rem;
box-shadow: 1px 3px 5px #d3d3d3;
width: 90%;
}

.anke4 a:hover{
transform: translate(0,-5px);
opacity: .8;
}













.vtl1{
font-size: 2.1rem;
font-weight: bold;
color: #1d2565;
margin: 2vw 0 3vw 0;
line-height: 1.4;
letter-spacing: .1rem;
}



.vtl2{
width: 100%;
padding: 3vw 3vw;
border-radius: 5px;
background: #fff;
box-shadow: 0px 5px 5px #f5f3ef;
}

.vtl3{

}

.vtl4{

}

.vtl5{
margin: 0 auto 1vw;

}

.vtl5 img{
height: 7vw;
}

.vtl6{
font-size: 1.4rem;
font-weight: bold;

}

.vtl7{
margin: 0 0 5vw 0;
text-align: left;
padding: 0 2vw;
}


.vtl8{
display: flex;
justify-content: space-between;
width: 100%;
}

.vtl9{
display: block;
width: 75%;
}

.vtl10{
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}

.vtl10 img{
height: 15vw;
}


.vtl11{
width: 75%;
padding: 3vw 3vw;
border-radius: 5px;
background: #fff;
box-shadow: 0px 5px 5px #f5f3ef;
}




.news_h h2.vth2{
font-family: heisei-maru-gothic-std, 'MPLUSRounded';
font-size: 2.4rem;
color: #333;
font-weight: bold;
text-shadow: 2px 2px 0px #ffffff;
position: relative;
display: inline-block;
line-height: 1.6;

text-align: left;
padding: 5vw 3vw 9vw;
}

.vtcontent1{
margin: 0 0 10vw 0;
}


.vtcontent1youtube{
margin: 0 0 10vw 0;
position: relative;
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;

}

.vtcontent1youtube iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.vtcontent2{


width: 90%;
margin: 0 auto 7vw;
}

.vtcontent2 p{
font-size: 1.6rem !important;
line-height: 2;

}



.vtcontent3{
text-align: center;
}

.vtcontent3 a{
margin: 8vw auto 0;
width: 80%;
display: block;
border-radius: 100px;
padding: 2vw 0;
text-align: center;
color: #fff;
font-size: 1.8rem;
background: rgb(41,167,224);
background: linear-gradient(180deg, rgb(68 197 255) 0%, rgb(0 148 218) 100%);
font-weight: bold;
box-shadow: 1px 1px 4px #4297b7;
}

.vtcontent3 a span::before{
content: "\025b6";
display: inline-block;
font-size: 1.8rem;
color: #fff;
margin: 0 2vw 0 0;

}

.vtcontent3 a:hover{
opacity: .7;
transform: translate(0,-8px);

}




.vtcontent4{

}

.vtcontent5{

}

.vtcontent6{

}

.vtcontent7{

}

.vtcontent8{

}

.vtno1{
width: 90%;
margin: 0 auto;
}


.vtcontent_w{
padding: 0 0 10vw 0;
}

.vtcontent_w p{
margin-bottom: 6vw;
}

.vthhh{
color: #37abff;
}



.bgvtcontent{
background: #f8f4ee !important;
}




.vt_keyword__w{
width: 90%;
margin: 0 auto;
/* padding: 40px 50px 40px; */
border-radius: 10px;
background: #fff;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}


.vt_keyword1{
width: 60%;
margin: 0 auto 5vw;
}
.vt_keyword1 img{
width: 100%;
}
.vt_keyword2{
width: 95%;
background: #102f7b;
border-radius: 100%;
padding: 3vw 0 8vw;
display: block;
margin: 0 auto 5vw;

}
.vt_keyword3{
}
.vt_keyword3 img{
width: 100%;
}
.vt_keyword4{
text-align: center;
color: #fff;
line-height: 1.7;
font-size: 1.6rem;
}

a.vt_keyword2:hover{
opacity: .9;
transform: translate(0,-8px);

}



.word__w{
padding: 10vw 0 10vw;
}

.word1{
width: 50%;
margin: 0 auto;
}


.word1 img{
width: 100%;
}

.paging__w{
width: 90%;
display: flex;
justify-content: space-between;
margin: 25vw auto 0;
flex-wrap: wrap;
padding: 0 0 4vw 0;
}

.paging1{
width: 48%;
background: #f7f7f7;
text-align: center;
border-radius: 5px;
box-shadow: 1px 2px 5px #dedede;
padding: 6vw 0;
font-size: 1.5rem;
font-weight: bold;
color: #505050;
order: 2;
}
.paging1{


}
.paging1 span{

}

.paging1 span::before{
content: "\025c0";
display: inline-block;
font-size: 1.5rem;
margin: 0 1vw 0 0;
color: #ffbb4f;
}


.paging2{
width: 100%;
background: #f7f7f7;
text-align: center;
border-radius: 5px;
box-shadow: 1px 2px 5px #dedede;
padding: 6vw 0;
font-size: 1.5rem;
font-weight: bold;
color: #505050;
order: 1;
margin: 0 0 4vw 0;

}

.paging2 span{

}

.paging2 span::before{
content: "\025cf";
display: inline-block;
font-size: 1.5rem;
margin: 0 1vw 0 0;
color: #ffbb4f;
}


.paging3{
width: 48%;
background: #f7f7f7;
text-align: center;
border-radius: 5px;
box-shadow: 1px 2px 5px #dedede;
padding: 6vw 0;
font-size: 1.5rem;
font-weight: bold;
color: #505050;
order: 3;
}

.paging3 a span{

}

.paging3 span::after{
content: "\025b6";
display: inline-block;
font-size: 1.5rem;
margin: 0 0 0 1vw;
color: #ffbb4f;
}


.paging1:hover,
.paging2:hover,
.paging3:hover{
opacity: .9;
transform: translate(0,-8px);
}






.presenttop__w{
width: 100%;
display: flex;
justify-content: space-between;
margin: 8vw auto 0;
flex-wrap: wrap;
}

.presenttopbox{
width: 32%;
display: 1 0 flex;
flex-direction: column;
margin: 0 auto 5vw;
}

.presenttop1{
display: block;

}

.presenttop1 img{
width: 100%;
border-radius: 5px;
border: 1px solid #fff;
}

.presenttop2{
text-align: center;
margin: 0 0 1vw 0;
}
.presenttop2 span{
color: #fff;
background: #ef3b3b;
text-align: center;
padding: 2vw 0 1vw;
display: block;
font-size: 1.6rem;
border-radius: 5px;
border: 1px solid #fff;
}

.presenttop3{
background: #f8f8f8;
padding: 20px 20px;
font-size: 1.6rem;
line-height: 1.8;
}







.topnews__w{
width: 100%;
padding: 5vw 5vw 8vw;
}

.topnews_box{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px dotted #ccc;
margin: 0 0 3vw 0;
padding: 0 0 2vw 0;
}

.topnews_box:last-child{
margin: 0 0 0 0;
}

.topnews1{
width: 100%;
margin: 0 0 2vw 0;
}

.newsdate1{
display: inline-block;
background: #2d85e4;
text-align: center;
padding: 1vw 4vw;
border-radius: 100px;
color: #fff;
margin: 0 0 2vw 0;
font-size: 1.3rem;
}

.newsdate2{
display: inline-block;
text-align: center;
margin: 0 0 2vw -2vw;
color: #ffef00;
text-shadow: #1d2565 2px 0px 0px, #1d2565 -2px 0px 0px, #1d2565 0px -2px 0px, #1d2565 0px 2px 0px, #1d2565 2px 2px 0px, #1d2565 -2px 2px 0px, #1d2565 2px -2px 0px, #1d2565 -2px -2px 0px, #1d2565 1px 2px 0px, #1d2565 -1px 2px 0px, #1d2565 1px -2px 0px, #1d2565 -1px -2px 0px, #1d2565 2px 1px 0px, #1d2565 -2px 1px 0px, #1d2565 2px -1px 0px, #1d2565 -2px -1px 0px, #1d2565 1px 1px 0px, #1d2565 -1px 1px 0px, #1d2565 1px -1px 0px, #1d2565 -1px -1px 0px;
font-size: 1.8rem;
}

.topnews2{
font-weight: bold;
font-size: 1.6rem;
color: #1876dc;
margin: 0 0 1vw 0;
}

.topnews3{

}



.topnews_a{
transition: .6s;
}

.topnews_a:hover{
opacity: .6;
}








.value__w {
width: 100%;
margin: 0 auto 5rem;
padding: 4rem 0 4rem 0;
background: #fff;
background-size: contain;
}

.value1 {
background: rgb(255 255 255 / 70%);
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;

}

.value2 {
width: 100%;
text-align: center;

}

.value3 {}


.value3 span {
font-size: 2rem;
padding: 0 0 1rem;
display: block;
color: #2fa53d;
font-weight: 700;
}

.value3 span::after {
content: "";
background: #6ccf78;
width: 90%;
height: 1px;
display: block;
margin: 1rem auto 0;

}

.value4 {
padding: 0 4rem;
display: block;
color: #2fa53d;
text-align: left;
}

.value5 {
width: 95%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.value6 {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.value7 {
width: 20%;

}

.value7 img {
width: 100%;
}


.value8 {
width: 77%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}


.value9 {
width: 100%;
font-size: 2rem;
color: #1e99d0;
font-weight: 700;
}

.value10 {
width: 100%;
padding: 0 0 0 2.5rem;
}

.value11 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.value11 img {
width: 3rem;
height: 3rem;
}

.value12 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 1.6rem;
color: #fff;
padding: 1.5rem 3rem;
border-radius: 5px;
background: #1e99d0;
}



.value13 {
line-height: 2;
font-weight: 400;
text-align: left;
width: 100%;
margin: 0 auto;
padding: 0 4rem;
}


.value14 {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem 3rem;
  background: #197db9;
  margin: 0 auto;
  border-radius: 10px;
}

.value15 {
  width: 100%;
  font-size: 1.7rem;
  color: #ffffff;
  text-align: center;
  line-height: 2;
}








}
/* sp*/