@charset "UTF-8";
/* CSS Document */
section {
width:100%;
position: relative;
}
#block01 {
overflow: hidden;
height:100vh; 
}
#block01 h2{
position:absolute;
right:20%;
top:60px;
z-index:2;
writing-mode: vertical-rl;
font-size: 1.1em;
letter-spacing: 0.1em;
line-height:1.4em;
text-orientation:upright;
}
#block01 p {
position:absolute;
width:100%;
height: calc(100vh - 105px); 
top:105px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
right:0;
background-image: url(https://eto-itoshima.jp/wp-content/themes/eto_theme/images/thanks_bg.jpg);
}
#block02{
width:auto;
padding:50px 3% 50px 90px;
}
#block02 p{
font-size: 0.9em;
line-height: 1.6em;
margin: 0 0 1.4em;
}

#block02 .item01{
width: 100%;
font-size: 1.1em;
line-height: 1.6em;
margin: 0 0 0.3em;
}
#block02 input[type="text"],
#block02 select,
#block02 textarea {
padding: 3px;
font-size: 1.1em;
}
#block02 ul{
display: none;
}
#block02 .item02 {
width: 100%;
}
#block02 .itemwrap {
padding: 10px 0;
width:100%;
margin: 0 auto;
}
#block02 input[type="text"]{
width:100%;
}
#block02 textarea {
width:100%;
}
#block02 input[type="submit"]{
font-size:15px;
line-height:30px;
box-sizing:border-box;
padding:0 15px;
border:1px solid #00583b;
border-radius:5px;
color:#00583b;
background-color:#fff;
margin: 15px auto 0;
}
#block02 .sub {
text-align: center;
}
.mw_wp_form .error {
line-height: 1.6em;
margin:0.3em 0 0;
}

#block05{
width:100%;
background-color:#eee;
}
.bl05c{
width:100%;
margin-top: 0;
}
.bl05c iframe{
height:300px;
}
#block05 .com {
width: 100%;
height: 62vw;
margin: 0 auto 1.4em;
background: url('https://eto-itoshima.jp/wp-content/themes/eto_theme/images/about01.jpg') center/cover; /* 窓の中に見せたい背景や画像 */
}
#outline_wrap {
padding:0 3% 0 90px;
}
#block05 h2{
text-align:left;
font-size: 1.0em;
line-height: 1.2em;
margin: 0 0 0.6em;
}
#block05 p{
font-size: 0.8em;
line-height: 1.6em;
margin: 0 0 0.6em;
}
#block05 p:nth-of-type(2){
margin: 0 0 2.0em;
}
#block05 p:nth-of-type(3){
font-size: 0.9em;
margin: 0;
}
#block05 p:nth-of-type(4){
font-size: 0.6em;
}
#block05 p:nth-of-type(5){
margin: 0;
padding:0 0 1.4em;
}







@media (min-width: 600px) {
#bl05_wrap{
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
#block05 .com {
width: 50%;
height: 38vw;
margin:0;
}
#outline_wrap {
width:44%;
padding:1.4em 3% 0;
}
}




@media (min-width: 768px) {
#block01 h2{
font-size: 1.3em;
}
#block02 p{
font-size: 0.9em;
}

#block05 h2{
font-size: 1.1em;
}
#block05 p{
font-size: 0.9em;
}
#block05 p:nth-of-type(3){
font-size: 1.0em;
}
#block05 p:nth-of-type(4){
font-size: 0.7em;
}
.bl05c iframe{
height:400px;
}
}




@media (min-width: 1024px) {
#block01 h2{
font-size: 1.4em;
}
#block02 h2{
padding:0 3% 0 10%;
font-size: 1.8em;
}
#block02 p{
padding:0 3% 0 0;
font-size: 1.0em;
}
#block05{
width:auto;
padding:50px 3% 50px 90px;
}
#bl05_wrap {
width:919px;
margin:0 auto;
}
#block05 .com {
height: 345px;
}
}