@media screen and (min-width: 750px){
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-weight: 500;
font-size: 16px;
list-style-type: none;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr { display: none; }
html{
min-height: 620px;
height: 100%;
overflow-y: scroll;
}
body{
background: #fff;
color: #000;
overflow: hidden;
}

a		{	text-decoration: none; color: #000; transition: all .3s;}
a:hover	{   text-decoration: none; background-color: #EE869D; color:#FFF; font-weight: normal;}
a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60); -ms-filter: "alpha(opacity=50)"; }
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
::selection {
    background: #000;
    color: #fff;
}



.sp_view{
display: none !important;
}
.drawer{
height: 100%;
background-color: #fff;
width: 105px;
position: fixed;
z-index: 100;
padding-top: 15%;
}

.drawer_2{
height: 100%;
width: 35px;
position:fixed;
z-index: 100;
padding-top: 5%;
right: 0;
text-align: center;
background: #FFF;
border-left: #000 1px solid;
}

.drawer_2 ul{
position:absolute;
right:20px;
}
    
.drawer_2 li{
height:30px;
width:30px;
line-height: 30px;
border-radius:50%;
text-align:center;
vertical-align: middle;
background-color: #000;
margin-bottom: 1rem;
transition: all .3s;
}

.drawer_2 li:hover{
background-color: #EE869D;
transform: translate(0,-5px);
}

.drawer_2 li a{
display: block;
}

.drawer_2 li a:hover{
background:none;
}
    
.drawer_2 p{
writing-mode: vertical-rl;
-webkit-transform:rotate(180deg);
/* position: fixed; */
font-family: 'Damion', cursive;
font-size: 1.2rem;
margin:20rem 0 0 2px;
}

.drawer_2 li i{
    color: #FFF;
}

nav ul{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width: 105px;
}
nav ul li{
display: inline-block;
margin-bottom: 4vh;
font-weight: bold;
vertical-align: middle;
line-height: 105px;
font-size: 18px;
width: 105px;
}
.wrapper{
margin: 0 50px 0 105px ;
}
header{
margin: 0 auto;
max-width: 1080px;
width: 100%;
}
.sabnavigation{
float: left;
margin-top: 25px;
left: 42px;
position: fixed;
z-index: 101;
}
.sabnavigation li{
float: left;
margin-right: 15px;
background-position: left center;
background-repeat: no-repeat;
background-size: 25px;
font-weight: bold;
height: 25px;
vertical-align: middle;
line-height: 25px;
font-size: 14px;
font-family: 'Varela Round', sans-serif;
}
.sabnavigation li:first-child{
}
.sabnavigation li:last-child{
}
.button_form{
float: right;
max-width: 200px;
position: fixed;
right: 0;
top: 0;
z-index: 101;
width: 15%;
}
.button_form img{
width: 100%;
height: auto;
}
.mainvisual{
width: 100%;
}
.mainvisual .inner{
position: relative;
height: 90%;
padding-top: 5%;
/* z-index: 100; */
}
.mainvisual .bg{
width: 100%;
height: 80%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.mainvisual .bg h1{
left: 4%;
right: 0;
margin: 0 auto;
position: absolute;
top: 7%;
}
.mainvisual .bg h1 img{
height: auto;
}
.mainvisual .bg .catchcopy{
    margin: auto;
    text-align: center;
    margin-bottom:10rem;
}
.mainvisual .bg .catchcopy h2{
font-size: 3.8vw;
font-weight: bold;
margin-bottom: 1%;
}
.mainvisual .bg .catchcopy p{
font-size: 1rem;
font-weight: bold;
line-height: 2em;
width: 50%;
height: 100%;
margin:2rem auto;
text-align: justify;
text-justify: inter-ideograph;
}
.mainvisual .bg .catchcopy p span{
background-color: #000;
color:#FFF;
}

.contents_about{
background: -moz-linear-gradient(top, #e1fae9, #e1f6f4);
background: -webkit-linear-gradient(top, #e1fae9, #e1f6f4);
background: linear-gradient(to bottom, #e1fae9, #e1f6f4);
overflow: hidden;
}
.contents_about .inner{
margin: 0 auto;
width: 100%;
overflow: hidden;
padding: 80px 0 50px;
}
.contents_about img{
float: left;
width: 45%;
max-width: 650px;
}
.contents_about .text{
float: left;
width: 45%;
margin: 2.5% 5%;
}
.contents_about .text h2{
font-size: 36px;
font-weight:bold;
margin-bottom: 10px;
}
.contents_about .text p{
font-weight: bold;
line-height: 1.8em;
}
h2.arrow{
text-align: center;
font-size: 28px;
font-weight: bold;
margin-bottom: 50px;
padding-top: 30px;
}
h2.arrow span{
position: relative;
display: inline-block;
padding: 0 45px;
}
h2.arrow span::before {
    content: '';
    position: absolute;
    top: 20%;
    display: inline-block;
    width: 37px;
    height: 37px;
    background-image:url(../img/h2_before.png);
    left:0;
}
h2.arrow span::after{
    content: '';
    position: absolute;
    top: 20%;
    display: inline-block;
    width: 37px;
    height: 37px;
    background-image:url(../img/h2_after.png);
    right: 0;
}
.contents_target{
background: #fff;
padding-top: 50px;
}
.contents_target h2{
}
.contents_target h2.arrow span::after {
border-top: 10px solid #fff;
}
.contents_target .inner{
max-width: 980px;
margin: 0 auto 50px;
text-align: center;
font-size: 0;
width: 100%;
}
.contents_target .middle_block{
display: inline-block;
width: 20%;
vertical-align: top;
padding-bottom: 25px;
height: 245px;
margin: 0 2.5%;
}
.contents_target .middle_block:nth-child(odd){
border-bottom: solid #13b686 3px;
}
.contents_target .middle_block:nth-child(even){
border-bottom: solid #13a1b6 3px;
}
.contents_target .middle_block .number{
font-size: 56px;
text-align: center;
background-repeat: no-repeat;
background-size: 25px;
background-position: bottom center;
padding-bottom: 15px;
margin-bottom: 15px;
}
.contents_target .middle_block .text{
text-align: left;
font-weight: bold;
line-height: 1.6em;
}
.contents_target img{
width: 100%;
height: auto;
}
.contents_area{
background:linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
padding:50px 0;
overflow: hidden;
}
.contents_area .inner{
max-width: 980px;
margin: 0 auto;
text-align: center;
font-size: 0;
width: 100%;
}
.contents_area .inner .middle_block{
width: 45%;
display: inline-block;
margin: 0 2.5%;
}
.contents_area .inner .middle_block img{
width: 100%;
height: auto;
}
.contents_area .inner .middle_block .detail{
background-color: #fff;
padding: 5%;
}
.contents_area .inner .middle_block .detail h3{
font-weight: bold;
margin-bottom: 10px;
font-size: 24px;
}
.contents_area .inner .middle_block .detail p{
text-align: left;
}
.contents_overview{
background-color: #cae3dd;
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
padding: 20px 0 30%;
}
.contents_overview .inner{
background-color: rgba(250,250,250,0.8);
padding: 20px 10% 5%;
width: 70%;
margin: 50px 5%;
}
.contents_overview  h2.arrow span::after {
border-top: 10px solid #eee !important;
}
.contents_overview .inner dl{
}
.contents_overview .inner dt{
clear: left;
float: left;
width: 120px;
font-weight: bold;
}
.contents_overview .inner dd{
padding-left: 120px;
margin-bottom: 20px;
}
.contents_overview .inner dd span{
font-size: 14px;
}
.button {
display: inline-block;
width: 200px;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button {
background-color: #13a1b6;
border: 2px solid #13a1b6;
color: #fff;
line-height: 50px;
}
.button:hover{
background-color: #fff;
border-color: #13a1b6;
color: #13a1b6;
}
.contents_overview .inner .button{
text-align: center;
width: 400px;
display: block;
margin: 50px auto 0;
font-weight: bold;
font-size: 18px;
}
.contents_schedule{
padding: 50px 0 100px;
}
.contents_schedule .formbutton{
text-align: center;
width: 100%;
}
.contents_schedule h2.arrow span::after {
border-top: 10px solid #fff;
}
.contents_schedule .readtext{
text-align: center;
}
.contents_schedule h3{
text-align: center;
background-repeat: no-repeat;
background-size: 20px;
background-position: bottom center;
padding-bottom: 15px;
margin-bottom: 30px;
}
.contents_schedule .inner{
max-width: 980px;
margin: 0 auto;
width: 100%;
font-size: 0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.contents_schedule .inner .middle_block{
width: 100%;
padding: 2.5%;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
position: relative;
}
.contents_schedule .inner .middle_block:nth-child(1),
.contents_schedule .inner .middle_block:nth-child(3),
.contents_schedule .inner .middle_block:nth-child(5){
border: solid #e1fae8 10px;
}
.contents_schedule .inner .middle_block:nth-child(2),
.contents_schedule .inner .middle_block:nth-child(4),
.contents_schedule .inner .middle_block:nth-child(6),
.contents_schedule .inner .middle_block:nth-child(8){
border: solid #e1f6f4 10px;
}
.contents_schedule .inner .middle_block:nth-child(1) ul,
.contents_schedule .inner .middle_block:nth-child(3) ul,
.contents_schedule .inner .middle_block:nth-child(5) ul{
border-bottom: solid 3px #13b686;
}
.contents_schedule .inner .middle_block:nth-child(2) ul,
.contents_schedule .inner .middle_block:nth-child(4) ul,
.contents_schedule .inner .middle_block:nth-child(6) ul,
.contents_schedule .inner .middle_block:nth-child(8) ul{
border-bottom: solid 3px #13a1b6;
}
.contents_schedule .inner .middle_block:nth-child(1) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(3) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(5) ul li:first-child{
color: #13b686;
}
.contents_schedule .inner .middle_block:nth-child(2) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(4) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(6) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(8) ul li:first-child{
color: #13a1b6;
}
.contents_schedule .inner .middle_block ul{
padding-bottom: 15px;
margin-bottom: 25px;
font-size: 0;
}
.contents_schedule .inner .middle_block ul li{
display: inline-block;
vertical-align: middle;
}
.contents_schedule .inner .middle_block ul li:first-child{
width: 12.5%;
line-height: 70px;
text-align: center;
}
.contents_schedule .inner .middle_block ul li:first-child p.phase{
font-size: 18px;
font-weight: bold;
line-height: 1.2em;
}
.contents_schedule .inner .middle_block ul li:first-child p.number{
font-size: 80px;
}
.contents_schedule .inner .middle_block ul li:last-child{
width: 85.5%;
margin-left: 2%;
line-height: 2.2em;
}
.contents_schedule .inner .middle_block ul li h4{
font-size: 24px;
font-weight: bold;
}
.contents_schedule .inner .middle_block .date{
font-weight: bold;
font-size: 18px;
}
.contents_schedule .inner .middle_block .border_bottom{
margin-bottom: 30px;
}
.contents_schedule .inner .middle_block p.text{
line-height: 1.8em;
}
.contents_schedule .inner .middle_block h5{
font-weight: bold;
margin-bottom: 5px;
}
.contents_schedule .inner .middle_block dl{
}
.contents_schedule .inner .middle_block dt{
clear: left;
float: left;
width: 60px;
font-weight: bold;
}
.contents_schedule .inner .middle_block dd{
padding-left: 60px;
margin-bottom: 5px;
}
.contents_schedule .inner .middle_block a{
color: #d36363;
text-decoration: underline;
}
.contents_schedule .inner .bg_curriculum{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.contents_schedule .inner .bg_curriculum a{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color: #fff;
font-size: 18px;
border: solid 2px #fff;
padding: 2.5% 5%;
text-align: center;
width: 60%;
background-color: rgba(250,250,250,0.2);
}
.contents_schedule .inner .button{
text-align: center;
width: 400px;
display: block;
margin: 50px auto 0;
font-weight: bold;
font-size: 18px;
}
.contents_privilege{
background:linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
padding: 50px 0;
overflow: hidden;
}
.contents_privilege .inner{
max-width: 980px;
margin: 0 auto;
width: 90%;
}
.contents_privilege .inner .middle_block{
background-color: #fff;
width: 100%;
overflow: hidden;
margin-bottom: 40px;
font-size: 0;
}
.contents_privilege .inner .middle_block img{
width: 30%;
display: inline-block;
vertical-align: middle;	
}
.contents_privilege .inner .middle_block .text{
width: 60%;
margin-left: 5%;
display: inline-block;
vertical-align: middle;
padding-right: 5%;
}
.contents_privilege .inner .middle_block .text p{
font-weight: bold;
vertical-align: middle;
padding-top: 5%;
padding-bottom: 5%;
line-height: 1.8em;
}
.contents_meme{
padding: 50px 0 100px;
overflow: hidden;
width: 100%;
background: linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
}
.contents_meme h2.arrow span::after {
}
.contents_meme .inner{
max-width: 980px;
margin: 0 auto;
width: 90%;
text-align: center;
}
.contents_meme .inner img{
margin-bottom: 50px;
}
.contents_meme .inner p{
line-height: 1.8em;
}
.contents_member{
background: linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
padding: 50px 30px;
overflow: hidden;
}
.contents_member .inner{
max-width: 980px;
margin: 0 auto;
width: 90%;
}
.contents_member .inner .middle_block{
overflow: hidden;
margin-bottom: 40px;
background-color: #fff;
padding: 2.5%;
}
.contents_member .inner .middle_block img{
width: 25%;
float: left;
}
.contents_member .inner .middle_block .detail{
float: right;
width: 70%;
padding: 0 2.5%;
}
.contents_member .inner .middle_block .detail .job{
font-weight: bold;
}
.contents_member .inner .middle_block .detail h3{
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}
.contents_member .sponsorship{
text-align: center;
width: 90%;
margin: 50px 5%;
}
.contents_member .sponsorship h4{
font-weight: bold;
}
.contents_member .sponsorship p{
margin-bottom: 25px;
}
footer{
padding: 15px 0;
background-color: #000;
}
footer p{
text-align: center;
color: #fff;
font-size: 14px;
}
.contents_overview .kickoff{
padding: 5% 10%;
}
.contents_overview .kickoff h3{
font-size: 22px;
font-weight: bold;
margin-bottom: 5px;
}
.contents_overview .kickoff .date{
font-size: 16;
font-weight: bold;
margin-bottom: 30px;
}
.contents_overview .kickoff dt{
}
.contents_overview .kickoff dd{
}
.otherpage h1{
width: 420px;
text-align: center;
margin: 0 auto;
padding-top: 2.5%;
}
.otherpage h1 img{
width: 100%;
height: auto;
}
.contents_blog{
max-width: 980px;
width: 90%;
margin: 5% auto 10%;
}
.contents_blog h2{
text-align: center;
font-weight: bold;
font-size: 24px;
margin-bottom: 1.5%;
}
.contents_blog .date{
margin-bottom: 5%;
text-align: center;
}
.contents_blog .thumbnail img{
width: 100%;
height: auto;
}
.contents_blog .detail p{
margin-bottom: 5%;
line-height: 1.6em;
}
.contents_blog .detail h3{
font-weight: bold;
margin-bottom: 2.5%;
}
.contents_blog .detail a{
text-decoration: underline;
color: #13a1b6;
}
.contents_blog .detail img{
max-width: 100%;
height: auto;
margin: 2.5% 0;
}
.contents_blog .wp_social_bookmarking_light{
display: none;
}
.blog_list{
/* overflow: hidden; */
margin: 5% 0 10%;
clear: both;
}
.blog_list .inner{
max-width: 980px;
width: 90%;
margin: 0 auto -5%;
font-size: 0;
text-align: center;
}
.blog_list .inner .middle_block{
width: 30.3%;
display: inline-block;
text-align: center;
margin: 0 1.5% 5%; 
vertical-align: top;
}
.blog_list .inner .middle_block img{
width: 100%;
height: auto;
margin-bottom: 2.5%;
border:#000 solid 4px;
}

.blog_list .inner .middle_block .thumbnail_circle img{
border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
width:  180px;       /* ※縦横を同値に */
height: 180px;       /* ※縦横を同値に */
border: 3px dashed #000;
}

#work.blog_list .inner .middle_block .detail{
text-align: left;
}
#work.blog_list .inner .middle_block .detail p{
line-height: 1.2rem;
margin-bottom: 0.5rem;
}

#work.blog_list .inner .middle_block .detail p span{
background:#000;
color: #FFF;
font-size: small;
padding:5px;
}

#work.blog_list .inner .middle_block .detail p a{
font-size: smaller;
line-height: 0.5rem;
}
#work.blog_list .inner .middle_block img{
width: 100%;
height: auto;
margin-bottom: 0;
border:#000 solid 4px;
}
    
     
    


.blog_list .inner .middle_block h3{
font-weight: bold;
font-size: 16px;
position: relative;
display: inline-block;
margin:1.5rem 0 2.5em 0;
}

.blog_list .inner .middle_block h3:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 30px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
}


.blog_list h2.arrow span::after {
/* border-top: 10px solid #fff; */
}
.contents_blog .detail .gallery-columns-2,
.contents_blog .detail .gallery-columns-3,
.contents_blog .detail .gallery-columns-4{
text-align: center;
font-size: 0;
margin: 2.5% 0
}
.contents_blog .detail .gallery-columns-2 figure,
.contents_blog .detail .gallery-columns-3 figure,
.contents_blog .detail .gallery-columns-4 figure{
width: 22%;
margin: 0px 1.5%;
}
.contents_blog .detail figure{
display: inline-block;
vertical-align: top;
margin: 0;
}
.contents_blog .detail .gallery figure img{
width: 100%;
height: auto;
}
.contents_blog .detail .gallery a{
pointer-events:none;  
}
.alignleft{
float: left;
margin-right: 2.5% !important;
margin-bottom: 2.5% !important;
margin-top: 0 !important;
}
.alignright{
float: right;
margin-left: 2.5% !important;
margin-bottom: 2.5% !important;
margin-top: 0 !important;
}
}@media screen and (max-width:750px) {
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-weight: normal;
font-size: 15px;
list-style-type: none;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-webkit-text-size-adjust: 100%;
}
a		{	text-decoration: none; color: #000;	}
a:hover	{   text-decoration: none; color: #444;	}
.pc_view{
display: none !important;
}
nav{
background-color: #fff;
width: 100%;
z-index: 100;
padding-top: 5%;
height: 100%;
}
nav ul{
width: 100%;
}
nav ul li{
font-weight: bold;
font-size: 16px;
text-align: center;
margin: 5% 0;
}
.wrapper{
}
header{
background-position: left center;
background-repeat: no-repeat;
background-size: 30px;
font-weight: bold;
/* height: 30px; */
vertical-align: middle;
line-height: 25px;
font-size: 10px;
display: inline-block;
text-align: center;
margin: 0 2.5%;
}
.sabnavigation{
margin-top: 30%;
text-align: center;
font-size: 0;
}
.sabnavigation li{
display: inline-block;
/* width: 40px; */
vertical-align: top;
margin: 5% 0;
}
.sabnavigation li img{
width: 100%;
height: auto;
}
.button_form{
position: fixed;
right: 0;
bottom: 0;
z-index: 102;
width: 27.5%;
}
.button_form img{
width: 100%;
height: auto;
}
.mainvisual{
width: 100%;
}
.mainvisual .inner{
}
.mainvisual .bg{
width: 100%;
height: 90%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.mainvisual .bg h1{
right: 0;
margin: 0 auto;
left: 0;
}
.mainvisual .bg h1 img{
height: auto;
max-width: 60%;
margin:0 0 0 5% ;
}
.mainvisual .bg .catchcopy{
}
.mainvisual .bg .catchcopy h2{
font-size: 3.5vh;
font-weight: bold;
background-color: #fff;
margin-top: -7rem;
}
.mainvisual .bg .catchcopy h2 img{
max-width: 70%;
}
.mainvisual .bg .catchcopy p{
font-size: 2.2vh;
font-weight: bold;
line-height: 1.6em;
background-color: #fff;
padding: 2.5%;
width: 70%;
height: 100%;
margin:auto;
}

.mainvisual .bg .catchcopy p span{
background-color: #000;
color:#FFF;
}


.combine {
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
}
.contents_about{
background: -moz-linear-gradient(top, #e1fae9, #e1f6f4);
background: -webkit-linear-gradient(top, #e1fae9, #e1f6f4);
background: linear-gradient(to bottom, #e1fae9, #e1f6f4);
overflow: hidden;
position: relative;
z-index: 100;
}
.contents_about .inner{
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.contents_about img{
width: 100%;
height: auto;
}
.contents_about .text{
width: 90%;
margin: 2.5% 5% 10%;
}
.contents_about .text h2{
font-size: 36px;
font-weight:bold;
margin-bottom: 10px;
}
.contents_about .text p{
font-weight: bold;
line-height: 1.8em;
}
h2.arrow{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 50px;
    padding-top: 30px;
    }
    h2.arrow span{
    position: relative;
    display: inline-block;
    padding: 0 45px;
    }
    h2.arrow span::before {
        content: '';
        position: absolute;
        top: 20%;
        display: inline-block;
        width: 37px;
        height: 37px;
        background-image:url(../img/h2_before.png);
        left:0;
    }
    h2.arrow span::after{
        content: '';
        position: absolute;
        top: 20%;
        display: inline-block;
        width: 37px;
        height: 37px;
        background-image:url(../img/h2_after.png);
        right: 0;
    }
.contents_target{
background: #fff;
width: 100%;
padding-top: 10%;
}
.contents_target h2{
}
.contents_target h2.arrow span::after {
border-top: 10px solid #fff;
}
.contents_target .inner{
margin: 0 5% 10%;
text-align: center;
font-size: 0;
width: 90%;
}
.contents_target .middle_block{
display: inline-block;
width: 80%;
vertical-align: top;
padding-bottom: 5%;
margin: 0 10% 5%;
}
.contents_target .middle_block:nth-child(odd){
border-bottom: solid #13b686 3px;
}
.contents_target .middle_block:nth-child(even){
border-bottom: solid #13a1b6 3px;
}
.contents_target .middle_block .number{
font-size: 56px;
text-align: center;
background-repeat: no-repeat;
background-size: 25px;
background-position: bottom center;
padding-bottom: 15px;
margin-bottom: 15px;
}
.contents_target .middle_block .text{
text-align: left;
font-weight: bold;
line-height: 1.6em;
}
.contents_target img{
width: 100%;
height: auto;
}
.contents_area{
background: linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
padding: 10% 0;
overflow: hidden;
}
.contents_area .inner{
margin: 0 10%;
text-align: center;
font-size: 0;
width: 80%;
}
.contents_area .inner .middle_block{
width: 100%;
margin-bottom: 5%;
}
.contents_area .inner .middle_block img{
width: 100%;
height: auto;
}
.contents_area .inner .middle_block .detail{
background-color: #fff;
padding: 5%;
}
.contents_area .inner .middle_block .detail h3{
font-weight: bold;
margin-bottom: 2.5%;
font-size: 20px;
}
.contents_area .inner .middle_block .detail p{
text-align: left;
}
.contents_overview{
background-color: #cae3dd;
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
padding: 10% 0 30%;
}
.contents_overview .inner{
background-color: rgba(250,250,250,0.8);
padding: 5% 10%;
width: 70%;
margin: 5%;
}
.contents_overview  h2.arrow span::after {
border-top: 10px solid #eee !important;
}
.contents_overview .inner dl{
}
.contents_overview .inner dt{
font-weight: bold;
}
.contents_overview .inner dd{
margin-bottom: 7.5%;
word-wrap: break-word;
overflow-wrap: break-word;
}
.contents_overview .inner dd span{
font-size: 14px;
}
.button {
text-align: center;
width: 100%;
display: block;
margin: 10% auto 0;
font-weight: bold;
font-size: 16px;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button {
background-color: #13a1b6;
border: 2px solid #13a1b6;
color: #fff;
line-height: 50px;
}
.button:hover{
background-color: #fff;
border-color: #13a1b6;
color: #13a1b6;
}
.contents_overview .inner .button{
text-align: center;
width: 100%;
display: block;
margin: 5% auto 0;
font-weight: bold;
font-size: 16px;
}
.contents_schedule{
padding: 10% 0 15%;
}
.contents_schedule .formbutton{
text-align: center;
width: 100%;
}
.contents_schedule h2.arrow span::after {
border-top: 10px solid #fff;
}
.contents_schedule .readtext{
text-align: center;
width: 80%;
margin: 0 10%;
}
.contents_schedule h3{
text-align: center;
background-repeat: no-repeat;
background-size: 20px;
background-position: bottom center;
padding-bottom: 15px;
margin-bottom: 10%;
}
.contents_schedule .inner{
max-width: 1080px;
margin: 0 auto;
width: 100%;
font-size: 0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.contents_schedule .inner .middle_block{
width: 100%;
padding: 5%;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
position: relative;
}
.contents_schedule .inner .middle_block:nth-child(1),
.contents_schedule .inner .middle_block:nth-child(3),
.contents_schedule .inner .middle_block:nth-child(5){
border: solid #e1fae8 10px;
}
.contents_schedule .inner .middle_block:nth-child(2),
.contents_schedule .inner .middle_block:nth-child(4),
.contents_schedule .inner .middle_block:nth-child(6),
.contents_schedule .inner .middle_block:nth-child(8){
border: solid #e1f6f4 10px;
}
.contents_schedule .inner .middle_block:nth-child(1) ul,
.contents_schedule .inner .middle_block:nth-child(3) ul,
.contents_schedule .inner .middle_block:nth-child(5) ul{
border-bottom: solid 3px #13b686;
}
.contents_schedule .inner .middle_block:nth-child(2) ul,
.contents_schedule .inner .middle_block:nth-child(4) ul,
.contents_schedule .inner .middle_block:nth-child(6) ul,
.contents_schedule .inner .middle_block:nth-child(8) ul{
border-bottom: solid 3px #13a1b6;
}
.contents_schedule .inner .middle_block:nth-child(1) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(3) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(5) ul li:first-child{
color: #13b686;
}
.contents_schedule .inner .middle_block:nth-child(2) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(4) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(6) ul li:first-child,
.contents_schedule .inner .middle_block:nth-child(8) ul li:first-child{
color: #13a1b6;
}
.contents_schedule .inner .middle_block ul{
padding-bottom: 2.5%;
margin-bottom: 5%;
font-size: 0;
}
.contents_schedule .inner .middle_block ul li{
display: inline-block;
vertical-align: middle;
}
.contents_schedule .inner .middle_block ul li:first-child{
width: 25%;
text-align: center;
}
.contents_schedule .inner .middle_block ul li:first-child p.phase{
font-size: 3.5vw;
font-weight: bold;
line-height: 1.2em;
}
.contents_schedule .inner .middle_block ul li:first-child p.number{
font-size: 15vw;
line-height: 1em;
}
.contents_schedule .inner .middle_block ul li:last-child{
width: 70%;
margin-left: 5%;
line-height: 1.8em;
}
.contents_schedule .inner .middle_block ul li h4{
font-size: 4vw;
font-weight: bold;
line-height: 1.4em;
}
.contents_schedule .inner .middle_block .date{
font-weight: bold;
}
.contents_schedule .inner .middle_block p.text{
line-height: 1.8em;
}
.contents_schedule .inner .middle_block a{
color: #d36363;
text-decoration: underline;
}
.contents_schedule .inner .bg_curriculum{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.contents_schedule .inner .bg_curriculum a{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color: #fff;
font-size: 18px;
border: solid 2px #fff;
padding: 2.5% 5%;
text-align: center;
width: 60%;
background-color: rgba(250,250,250,0.2);
}
.contents_schedule .inner .button{
text-align: center;
width: 90%;
display: block;
margin: 5% auto 0;
font-weight: bold;
font-size: 18px;
}
.contents_privilege{
background: linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
padding: 10% 0;
overflow: hidden;
}
.contents_privilege .inner{
margin: 0 auto;
width: 95%;
text-align: center;
font-size: 0;
}
.contents_privilege .inner .middle_block{
background-color: #fff;
width: 80%;
margin: 0 10% 10%;
}
.contents_privilege .inner .middle_block img{
width: 100%;
height: auto;
}
.contents_privilege .inner .middle_block .text{
width: 90%;
padding: 5%;
}
.contents_privilege .inner .middle_block .text p{
line-height: 1.6em;
text-align: left;
}
.contents_meme{
padding: 10% 0;
overflow: hidden;
width: 100%;
margin: 0 0 5%;
background: linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
}
.contents_meme h2.arrow span::after {
}
.contents_meme .inner{
margin: 0 auto;
width: 90%;
text-align: center;
}
.contents_meme .inner img{
margin-bottom: 7.5%;
width: 50%;
height: auto;
}
.contents_meme .inner p{
line-height: 1.6em;
}
.contents_member{
background: linear-gradient(90deg,#e1f6f4 0%,#e1f6f4 50%,#e1fae8 50%,#e1fae8 100%);
padding: 10% 0;
overflow: hidden;
}
.contents_member .inner{
margin: 0 5%;
width: 90%;
}
.contents_member .inner .middle_block{
overflow: hidden;
margin-bottom: 5%;
background-color: #fff;
padding: 5%;
}
.contents_member .inner .middle_block img{
width: 80%;
margin: 0 10% 5%;
height: auto;
}
.contents_member .inner .middle_block .detail{
width: 100%;
}
.contents_member .inner .middle_block .detail .job{
font-weight: bold;
text-align: center;
}
.contents_member .inner .middle_block .detail h3{
font-weight: bold;
font-size: 18px;
margin-bottom: 5%;
text-align: center;
}
.contents_member .sponsorship{
text-align: center;
width: 90%;
margin: 5% 5% 0;
}
.contents_member .sponsorship h4{
font-weight: bold;
}
.contents_member .sponsorship p{
margin-bottom: 25px;
}
footer{
padding: 5% 0;
background-color: #000;
}
footer p{
text-align: center;
color: #fff;
font-size: 12px;
}
.otherpage h1{
width: 55%;
text-align: center;
margin: 0 auto;
}
.otherpage h1 img{
width: 100%;
height: auto;
}
.contents_blog{
width: 90%;
margin: 10% auto 10%;
}
.contents_blog h2{
text-align: center;
font-weight: bold;
font-size: 24px;
margin-bottom: 1.5%;
}
.contents_blog .date{
margin-bottom: 5%;
text-align: center;
}
.contents_blog .thumbnail img{
width: 100%;
height: auto;
}
.contents_blog .detail p{
margin-bottom: 2.5%;
}
.contents_blog .detail h3{
font-weight: bold;
}
.contents_blog .detail a{
text-decoration: underline;
color: #13a1b6;
}
.contents_blog .detail img{
max-width: 100%;
height: auto;
margin: 2.5% 0;
}
.contents_blog .wp_social_bookmarking_light{
display: none;
}
.blog_list{
overflow: hidden;
margin: 10% 0;
clear: both;
}
.blog_list .inner{
width: 90%;
margin: 0 auto;
}
.blog_list .inner .middle_block{
width: 100%;
margin-bottom: 5%;
font-size: 0;
text-align: center;
}
.blog_list .inner .middle_block .thumbnail{
width: 80%;
display: inline-block;
vertical-align: middle;
}

.blog_list .inner .middle_block .thumbnail_circle img{
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    width:  60%;       /* ※縦横を同値に */
    height: 60%;       /* ※縦横を同値に */
    border: 3px dashed #000;
    }

.blog_list .inner .middle_block .detail{
width: 80%;
display: inline-block;
vertical-align: middle;
/* margin-left: 5%; */
text-align: justify;
}

#work.blog_list .inner .middle_block .detail{
text-align: center;
}
#work.blog_list .inner .middle_block .detail p{
}

#work.blog_list .inner .middle_block .detail p span{
background:#000;
color: #FFF;
font-size: small;
padding:5px;
}

#work.blog_list .inner .middle_block img{
width: 100%;
height: auto;
margin-bottom: 0;
border:#000 solid 4px;
}
    





.blog_list .inner .middle_block img{
width: 100%;
height: auto;
margin-bottom: 2.5%;
}
.blog_list .inner .middle_block h3{
font-weight: bold;
font-size: 16px;
margin-bottom: 2.5%;
text-align: center;
}
.blog_list h2.arrow span::after {
border-top: 10px solid #fff;
}
.contents_blog .detail .gallery-columns-2,
.contents_blog .detail .gallery-columns-3,
.contents_blog .detail .gallery-columns-4{
text-align: center;
font-size: 0;
margin: 2.5% 0
}
.contents_blog .detail .gallery-columns-2 figure,
.contents_blog .detail .gallery-columns-3 figure,
.contents_blog .detail .gallery-columns-4 figure{
width: 45%;
margin:2.5%;
}
.contents_blog .detail figure{
display: inline-block;
vertical-align: top;
margin: 0;
width: 100% !important;
}
.contents_blog .detail .gallery figure img{
width: 100%;
height: auto;
}
.contents_blog .detail .gallery a{
pointer-events:none;  
}
}@media screen and (max-width:750px) {
body.drawer-navbar.drawer-fixed{padding-top:0;}
.drawer-nav-list li{border-bottom:1px solid #eee;font-size:16px;font-weight:bold;margin:1% 4%;padding:4% 0;text-align:center;width:92%;}
.drawer-right .drawer-hamburger p{margin-left:-2px;margin-top:10px;}
.drawer-nav-list li a{color:#333;}
.drawer-main{position:fixed;z-index:5300;top:0;overflow:hidden;width:100%;height:100%;}
.drawer-left .drawer-main{left:-200px;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translate3d(-280px, 0px, 0px);transform:translate3d(-280px, 0px, 0px);}
.drawer-left.drawer-open .drawer-main{left:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);}
.drawer-right .drawer-main{right:-100%;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translate3d(280px, 0px, 0px);transform:translate3d(280px, 0px, 0px);}
.drawer-right.drawer-open .drawer-main{right:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);}
.drawer-top .drawer-main{width:100%;height:auto;max-height:100%;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translate3d(0, -100%, 0px);transform:translate3d(0, -100%, 0px);}
.drawer-top.drawer-open .drawer-main{-webkit-transform:translate3d(0, 0, 0px);transform:translate3d(0, 0, 0px);}
.drawer-overlay{position:relative;}
.drawer-left .drawer-hamburger{left:0;-webkit-transform:translateX(0px) translateY(0px);-ms-transform:translateX(0px) translateY(0px);-o-transform:translateX(0px) translateY(0px);transform:translateX(0px) translateY(0px);}
.drawer-left.drawer-open .drawer-hamburger{-webkit-transform:translateX(280px) translateY(0px);-ms-transform:translateX(280px) translateY(0px);-o-transform:translateX(280px) translateY(0px);transform:translateX(280px) translateY(0px);}
.drawer-right .drawer-hamburger{right:0;-webkit-transform:translateX(0px) translateY(0px);-ms-transform:translateX(0px) translateY(0px);-o-transform:translateX(0px) translateY(0px);transform:translateX(0px) translateY(0px);top:-5px;}
.drawer-right.drawer-open .drawer-hamburger{-webkit-transform:translateX(0px) translateY(0px);-ms-transform:translateX(0px) translateY(0px);-o-transform:translateX(0px) translateY(0px);transform:translateX(0px) translateY(0px);}
.drawer-top .drawer-hamburger{right:0;}
.drawer-top.drawer-open .drawer-hamburger{z-index:5400;right:0;}
.drawer-overlay-upper{position:fixed;z-index:5200;height:100%;width:100%;left:0;top:0;display:none;background-color:#000;background-color:rgba(250, 250, 250, 0.5);}
.drawer-open .drawer-overlay-upper{display:block !important;}
.drawer-hamburger{border:0;background:0;position:fixed;display:block;top:0;padding:20px;width:70px;height:70px;background-color:transparent;border:0;z-index:10000;outline:0;}
.drawer-hamburger:hover{cursor:pointer;}
.drawer-hamburger-icon{position:relative;display:block;margin-top:10px;}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{height:3px;width:100%;border-radius:1px;background-color:#000;-webkit-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1);}
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after{position:absolute;content:" ";top:-10px;left:0;}
.drawer-hamburger-icon:after{top:10px;}
.drawer-open .drawer-hamburger-icon{background-color:transparent;}
.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after{top:0;}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.drawer-default{background-color:rgba(255, 255, 255, 0.8);-webkit-box-shadow:inset 0 0px 0px #000000;-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.5);box-shadow:inset 0 0px 0px #000000;box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.5);}
.drawer-default + .drawer-overlay{background-color:#fff;}
.drawer-default li, .drawer-default a, .drawer-default .drawer-brand{position:relative;display:block;}
.drawer-default a{text-decoration:none;}
.drawer-default a:hover, .drawer-default a:focus{text-decoration:underline;}
.drawer-default .drawer-brand a{padding:20px 15px;color:#fff;font-size:22px;}
.drawer-default .drawer-brand a:hover{color:#555;}
.drawer-default .drawer-brand > img{display:block;}
.drawer-default .drawer-footer{position:relative;padding:0 15px;height:50px;line-height:50px;background-color:transparent;}
.drawer-default .drawer-footer span:before,
.drawer-default .drawer-footer span:after{content:" ";display:block;}
.drawer-default ul{margin:0;padding:0;list-style:none;}
.drawer-default .drawer-menu-item{padding:15px 15px 0;font-size:18px;color:#555;}
.drawer-default .drawer-menu-item.disabled a{color:#333;}
.drawer-default .drawer-menu-item.disabled a:hover, .drawer-default .drawer-menu-item.disabled a:focus{cursor:not-allowed;color:#333;background-color:transparent;}
.drawer-default .drawer-menu-item a{color:#888;}
.drawer-default .drawer-menu-item a:hover, .drawer-default .drawer-menu-item a:focus{color:#fff;background-color:transparent;}
.drawer-default .drawer-menu-item a img{max-width:none;}
.drawer-default .drawer-submenu{margin-bottom:20px;}
.drawer-default .drawer-submenu:last-child{margin-bottom:0;}
.drawer-default .drawer-submenu-item{padding:0;}
.drawer-default .drawer-submenu-item a{height:50px;line-height:50px;font-size:14px;}
.drawer-default .drawer-submenu-item a:hover, .drawer-default .drawer-submenu-item a:focus{color:#fff;}
.drawer-default .dropdown-menu{position:absolute;display:none;z-index:5000;background-color:#222;border:0;-webkit-box-shadow:none;box-shadow:none;}
.drawer-default .dropdown-menu > li > a{padding:0 !important;}
.drawer-default .dropdown.open > .dropdown-menu{position:static;display:block;float:none;width:auto;}
.drawer-default a:hover, .drawer-default a:focus{color:#888 !important;text-decoration:none;}
.drawer-navbar-default{background-color:#222;-webkit-box-shadow:inset 0 0px 0px #000000;-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.5);box-shadow:inset 0 0px 0px #000000;box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.5);}
.drawer-navbar-default + .drawer-overlay{background-color:#fff;}
.drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand{position:relative;display:block;}
.drawer-navbar-default a{text-decoration:none;outline:0;}
.drawer-navbar-default a:hover, .drawer-navbar-default a:focus{text-decoration:none;}
.drawer-navbar-default .drawer-brand a{padding:20px 15px;color:#fff;font-size:22px;}
.drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus{color:#555;}
.drawer-navbar-default .drawer-brand > img{display:block;}
.drawer-navbar-default .drawer-footer{position:relative;padding:0 15px;height:50px;line-height:50px;background-color:transparent;}
.drawer-navbar-default .drawer-footer span:before,
.drawer-navbar-default .drawer-footer span:after{content:" ";display:block;}
.drawer-navbar-default ul{margin:0;padding:0;list-style:none;}
.drawer-navbar-default .drawer-menu.drawer-navbar-right{float:none;}
.drawer-navbar-default .drawer-menu-item{padding:15px 15px 0;font-size:18px;color:#555;}
.drawer-navbar-default .drawer-menu-item.disabled a{color:#333;}
.drawer-navbar-default .drawer-menu-item.disabled a:hover, .drawer-navbar-default .drawer-menu-item.disabled a:focus{color:#333;background-color:transparent;cursor:not-allowed;}
.drawer-navbar-default .drawer-menu-item a{color:#888;}
.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus{color:#fff;background-color:transparent;}
.drawer-navbar-default .drawer-menu-item a img{max-width:none;}
.drawer-navbar-default .drawer-submenu{margin-bottom:20px;}
.drawer-navbar-default .drawer-submenu:last-child{margin-bottom:0;}
.drawer-navbar-default .drawer-submenu-item{padding:0;}
.drawer-navbar-default .drawer-submenu-item a{height:50px;line-height:50px;font-size:14px;}
.drawer-navbar-default .drawer-submenu-item a:hover, .drawer-navbar-default .drawer-submenu-item a:focus{color:#fff;}
.drawer-navbar-default .dropdown-menu{position:absolute;display:none;z-index:5000;top:100%;left:0;background-color:#222;border:0;-webkit-box-shadow:none;box-shadow:none;}
.drawer-navbar-default .dropdown-menu > li > a{padding:0 !important;}
.drawer-navbar-default .dropdown.open > .dropdown-menu{display:block;}
.drawer-navbar-default .container{padding-left:0;padding-right:0;}
.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus{color:#888;text-decoration:none;}
.drawer-navbar-default .drawer-submenu{margin-bottom:20px;}
.drawer-navbar-default .drawer-submenu:last-child{margin-bottom:0;}
.drawer-navbar-default .drawer-submenu-item a:hover, .drawer-navbar-default .drawer-submenu-item a:focus{color:#ddd;}
.drawer-navbar-default .dropdown.open > .dropdown-menu{position:static;float:none;width:auto;}
.drawer-dropdown .caret,
.drawer-dropdown-hover .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;-webkit-transition:-webkit-transform 0.2s ease, opacity 0.2s ease;-o-transition:-o-transform 0.2s ease, opacity 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.drawer-dropdown.open .caret,
.drawer-dropdown-hover.open .caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.sr-only-focusable:active, .sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}.drawer-responsive.drawer-left .drawer-toggle,
.drawer-responsive.drawer-right .drawer-toggle,
.drawer-navbar.drawer-left .drawer-toggle,
.drawer-navbar.drawer-right .drawer-toggle,
.drawer-navbar.drawer-top .drawer-toggle{display:none;visibility:hidden;}
.drawer-responsive.drawer-left .drawer-main{left:0;display:block;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.drawer-responsive.drawer-right .drawer-main{right:0;display:block;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
body.drawer-navbar.drawer-fixed{padding-top:50px;}
.drawer-responsive{background-color:#222;}
.drawer-responsive .drawer-overlay{background-color:#fff;}
.drawer-responsive .container{max-width:618px;}
.drawer-responsive.drawer-left .drawer-main,
.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px !important;height:auto !important;overflow:visible !important;}
.drawer-responsive.drawer-left .drawer-main{float:left;}
.drawer-responsive.drawer-left .drawer-overlay{margin-left:150px;}
.drawer-responsive.drawer-right .drawer-main{float:right;}
.drawer-responsive.drawer-right .drawer-overlay{margin-right:150px;}
.drawer-navbar.drawer-left .drawer-main,
.drawer-navbar.drawer-right .drawer-main,
.drawer-navbar.drawer-top .drawer-main{position:relative;}
.drawer-navbar.drawer-static.drawer-left .drawer-main,
.drawer-navbar.drawer-static.drawer-right .drawer-main,
.drawer-navbar.drawer-static.drawer-top .drawer-main{z-index:5000;}
.drawer-navbar.drawer-fixed.drawer-left .drawer-main,
.drawer-navbar.drawer-fixed.drawer-right .drawer-main,
.drawer-navbar.drawer-fixed.drawer-top .drawer-main{position:fixed;z-index:5100;}
.drawer-navbar.drawer-left .drawer-main,
.drawer-navbar.drawer-right .drawer-main,
.drawer-navbar.drawer-top .drawer-main{display:block;top:0;left:0;width:100% !important;height:auto !important;overflow:visible !important;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.drawer-navbar-default{position:relative;background-color:#fff;border-bottom:1px solid #ccc;}
.drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand{float:left;}
.drawer-navbar-default a{padding:0 15px;height:50px;line-height:50px;font-size:14px;}
.drawer-navbar-default .drawer-brand a{padding:0 15px;color:#555;font-size:90%;}
.drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus{color:#333;background-color:#eee;}
.drawer-navbar-default .drawer-footer{display:none;}
.drawer-navbar-default .drawer-menu.drawer-navbar-right{float:right;}
.drawer-navbar-default .drawer-menu.drawer-navbar-right .dropdown-menu{right:0;left:auto;}
.drawer-navbar-default .drawer-menu-item{padding:0;font-size:14px;}
.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus{color:#888;background-color:#eee;}
.drawer-navbar-default .dropdown-menu{-webkit-box-shadow:0 6px 12px #000000;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px #000000;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);}
.drawer-navbar-default .dropdown-menu > li{float:none;}
.drawer-navbar-default .dropdown-menu > li > a{width:160px;padding:0 15px !important;color:#fff;background-color:#444;border-bottom:1px solid #555;opacity:0.9;filter:alpha(opacity=90);}
.drawer-navbar-default .dropdown-menu > li > a:hover, .drawer-navbar-default .dropdown-menu > li > a:focus{color:#999;background-color:#333;}
.drawer-responsive .container{max-width:768px;}
.drawer-responsive.drawer-left .drawer-main,
.drawer-responsive.drawer-right .drawer-main{width:280px !important;}
.drawer-responsive.drawer-left .drawer-overlay{margin-left:280px;}
.drawer-responsive.drawer-right .drawer-overlay{margin-right:280px;}

.drawer-default .drawer-sub{text-align: center; margin-top: 10%;}
.drawer-default .drawer-sub li{display: inline-block; width:10%;}



}




/* フェードインアニメ　ここから */

.mainvisual h1 img {
    animation-name: fadein;
    animation-duration: 2s;
    /* animation-iteration-count: infinite; */
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(-20px);
    transform: scale(1.5);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.mainvisual h2 img {
    animation-name: fadein;
    animation-duration: 1s;
    /* animation-iteration-count: infinite; */
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.fadein{
opacity : 0;
transform: translateY(20px);
transition: all 2s;
}

/* フェードインアニメ　ここまで */


/* マウスオン震える　ここから */

/* .mainvisual h2 img:hover {
    display: inline-block;
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
} */

/* マウスオン震える　ここまで */

/* フォーム　ここから */

.form-control {
display: block;
width: 100%;
padding: 10px 20px;
line-height: 1.42857;
color: #555555;
background-color: #fff;
background-image: none;
border: 2px solid #ccc;
border-radius: 4px;
box-shadow: none;
/* margin: auto; */
}
.form-control:focus, .form-control:active {
box-shadow: none;
border: 2px solid #EE869D;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    }
    

#submit {
height: 57px;
font-size: 20px;
border-radius: 4px;
padding: 0 2rem;
}

input[type="text"]{height: 1.5rem;}
input[type="text"],textarea { margin-bottom: 1rem;  font-size: 17px; outline: 0; }
textarea{height: 10rem;}

.label{
text-align: left;
font-weight: bold;
}

@media screen and (min-width: 750px) {
form{
width: 70%;
margin: auto;
}
}


.btn {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
text-align: center;
}

.btn {
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn.btn-primary {
background: #000;
color: #fff;
border: none !important;
border: 2px solid transparent !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
box-shadow: none;
background: #EE869D;
}
.btn:hover, .btn:active, .btn:focus {
background: #EE869D !important;
color: #fff;
outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
border-color: transparent;
}


#formWrap{
padding-top:10rem;
}
#formWrap .btn{
height: 57px;
font-size: 20px;
border-radius: 4px;
padding: 0 2rem;
}



@media screen and (max-width: 750px) {
form{
width: 90%;
margin: auto;
}
.form-control {
width: 90%;
}
.form-group {
margin-bottom: 0px;
}
#formWrap{
padding-top:10rem;
width: 85%;
margin: auto;
}    
#formWrap .btn{
height: 57px;
font-size: 20px;
border-radius: 4px;
padding: 0 2rem;
margin-top: 1rem;
}
}
    

/* フォーム　ここまで */

/* モーダル　ここから */

.open a:hover{
cursor: pointer;
}
#overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, .65);
}
.modal {
    display: none;
    position: fixed;
    left: 40%;
    top: 40%;
    z-index: 99;
    transform: translate(-30%, -35%);
    max-width: 90%;
    max-height: 90%;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
    overflow:auto;
}
.active {
    display: block !important;
}




@media screen and (max-width: 750px) {
.modal {
left: 20%;
top: 30%;
transform: translate(-13%, -35%);
}
    
}

/* モーダルここまで */



#about p{
text-align: justify;
text-justify: inter-ideograph;
}