body { font-size: 0.9em; }

/* HEADER */
header {
    padding: 8em 0 2em;
    
    background-position: left -6vw top -7vh,bottom -6vh right 10vw,right top -6vh;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 30%,30%,30%;
}

header h1 { width: 80%; }
header ul#sns { top: 3vh; }

/* CONTAINER HEADER */
div#container.profile section#col_01,
div#container.contact section#col_01 {
   background-size: 70%;
}

/* CONTAINER */

div#container section#col_01 div.text,
div#container section#col_02 div.text,
div#container section#col_02 div.text_2,
div#container section#col_03 div.text,
div#container section#col_03 div.text_2 {
    min-width: 35%;
    max-width: 100%;
    margin-right:6vw;
    margin-left:6vw;
}

div.col_wrp { width: 85%;}

div#container h2,div#container h3 { min-width: 10em; }
div#container h2 { font-size: 1.8em; line-height: 1.6em;}
div#container h3 { font-size: 1.1em; margin-bottom: 8vh;}

/* COLUMN-01 */
div#container section#col_01 {
    background-size: 100%;
    background-position: right -43vw bottom -4vh;
    padding-bottom: 45vh;
}


/* COLUMN-02 */
div#container section#col_02 {
    background-position: right 60% bottom 1%,right -15% bottom 3%,left bottom -2vh;
    background-size: 25%,85%,6%;
}

div#container section#col_02 p.pict {
    position: relative;
    margin:0 6vw 40vh;
    top: auto;
    right: auto;
    min-width: 30%;
    max-width: 100%;
}

div#container section#col_02 p img { width:46%;}



/* COLUMN-03 */
div#container section#col_03 {
    background-position:94% 11%;
    background-size:25%;
}

div#container section#col_03 div.box {
    background-position:80% 0vh,right 18% top 42%,left 3em bottom,left 8vh;
    background-size:9vh,40%,50%,80%;
    padding-bottom:15vh;
    height: auto;
}

div#container section#col_03 div.timeline {
    position: relative;
    top: 0;
    right: auto;
    margin: 0 auto;
    width: 90%;
}
div#container section#col_03 div.timeline h4 {padding: 2vh 4vw;}

div#container section#col_03 div.timeline div.box p {padding: 1.8vh 10vw 1.8vh 12vh;
}

div#container section#col_03 div.timeline div.box p span {
    left: 7vw;
}

div#container section#col_03 p.pict {
    margin:0 6vw 5vh;
    max-width: 100%;
    text-align: center;
}


div#container section#col_03 p img {
    display:inline-block;
    width:47%;
    margin: 0 0;
}
div#container section#note h3,
div#container section#contact h3 { width: 14em; }

/* NOTE */
div#container section#note a { width: 40%; }
div#container section#note img { width: 90%;}

/* CONTANCT */
div#container section#contact button { width: 70%; }


div#container.seminar section#col_01 div#list div.box {
    float: none;
    display: block;
    width: 100%;
    margin:  2em 0 3em;
    min-height: auto;
}

div#container.seminar section#col_01 div#list div.box h4 { font-size: 1.1em; }
div#container.seminar section#col_01 p.notice {text-align: inherit; }

/* PROFILE,CONTACT commons */

div#container.profile section#col_01,
div#container.contact section#col_01 {
    width:100%;
}





/* PROFILE */
div#container.profile section#col_01 div.text {
    display: block;
    float: none;
    max-width: 100%;
    margin:  2em 0 0 0;
}

div#container.profile section#col_01 div.text p { margin: 0;}


div#container.profile section#col_01 div.text_2 {
    float: none;
    max-width: 100%;
    margin:  2em 0 0 0;
}
div#container.profile section#col_01 div.text_2 img{
    width: 100%;
    min-width: 200px;
}


/* FORM */

input[type="text"],input[type="tel"],textarea{
    width:88%;
	padding:6%;
	font-size:1.2em;
}
textarea{ font-size:1.4em; }