@charset "UTF-8";

/*==================================================================

HEADER_AREA

==================================================================*/
@media screen and (min-width:961px) {
.header_area{
width:700px;
margin:0 auto;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
.header_area div{
width:100%;
margin:50px 0 0;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.header_area{
width:80%;
margin:30px auto 0;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
.header_area div{
width:100%;
margin:35px 0 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.header_area{
width:98%;
margin:30px auto 50px;
}
.header_area h1{
width:90%;
margin:0 auto;
}
.header_area div{
width:94%;
margin:35px auto 0;
}
}
@media screen and (min-width:961px){
.oguni{
width:700px;
margin:200px auto 100px;
}
.fv{
position:relative;
display:inline-block;
}
.fv img{
display:block;
max-width:100%;
height:auto;
}
.fv img:nth-of-type(2){
position:absolute;
right:-8%;
bottom:-10%;
width:30%;
height:auto;
}
.fv img:nth-of-type(3){
position:absolute;
left:60%;
top:-30%;
width:56%;
height:auto;
}
.fv img:nth-of-type(4){
position: absolute;
left:-6%;
top:-10%;
width:20%;
height:auto;
}
.fv img:nth-of-type(5){
position: absolute;
left:-16%;
bottom:10%;
width:40%;
height:auto;
}
.fv img:nth-of-type(6){
position: absolute;
left:20%;
bottom:-15%;
width:26%;
height:auto;
}
}
@media only screen and (min-width:768px) and (max-width:960px){
.oguni{
width:94%;
margin:150px auto 100px;
}
.fv{
position:relative;
display:inline-block;
}
.fv img{
display:block;
max-width:100%;
height:auto;
}
.fv img:nth-of-type(2){
position:absolute;
right:-8%;
bottom:-10%;
width:30%;
height:auto;
}
.fv img:nth-of-type(3){
position:absolute;
left:60%;
top:-30%;
width:56%;
height:auto;
}
.fv img:nth-of-type(4){
position: absolute;
left:-6%;
top:-10%;
width:20%;
height:auto;
}
.fv img:nth-of-type(5){
position: absolute;
left:-16%;
bottom:10%;
width:40%;
height:auto;
}
.fv img:nth-of-type(6){
position: absolute;
left:20%;
bottom:-15%;
width:26%;
height:auto;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.oguni{
width:90%;
margin:100px auto 60px;
}
.fv{
position:relative;
display:inline-block;
}
.fv img{
display:block;
max-width:100%;
height:auto;
}
.fv img:nth-of-type(2){
position:absolute;
right:-8%;
bottom:-10%;
width:30%;
height:auto;
}
.fv img:nth-of-type(3){
position:absolute;
left:60%;
top:-30%;
width:56%;
height:auto;
}
.fv img:nth-of-type(4){
position: absolute;
left:-6%;
top:-10%;
width:20%;
height:auto;
}
.fv img:nth-of-type(5){
position: absolute;
left:-16%;
bottom:10%;
width:40%;
height:auto;
}
.fv img:nth-of-type(6){
position: absolute;
left:20%;
bottom:-15%;
width:26%;
height:auto;
}
}









/*==================================================================

MESSAGE_AREA

==================================================================*/
@media screen and (min-width:961px) {
.message_area{
width:100%;
margin:80px auto 80px;
background:url("../../about/images/header_october_about_message.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.message_area h2{
display:none;
}
.message_area div{
width:90%;
margin:100px 10% 0 0;
}
.message_area p{
font-size:15px;
line-height:1.6em;
margin:0 0 1.5em;
display:block;
}
.message_area p.shorten{
margin-bottom:0;
}
.message_area .heading::before{
content: '';
width:30px;
height:1px;
background-color:#000;
}
.message_area .heading::before{
margin-right:0.5em;
}
.message_area h3{
font-size:18px;
text-align:right;
margin-top:1em;
}
.message_area h4{
font-size:17px;
text-align:right;
margin-top:0.8em;
word-spacing:1em;
}
.message_area p span{
letter-spacing:-1px;
margin:0 0.3em;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.message_area{
width:100%;
margin:60px auto;
background:url("../../about/images/header_october_about_message.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.message_area h2{
display:none;
}
.message_area div{
width:94%;
margin:60px 6% 0 0;
}
.message_area p{
font-size:14px;
line-height:1.6em;
margin:0 0 1.5em;
display:block;
}
.message_area p.shorten{
margin-bottom:0;
}
.message_area .heading::before{
content: '';
width:30px;
height:1px;
background-color:#000;
}
.message_area .heading::before{
margin-right:0.5em;
}
.message_area h3{
font-size:17px;
text-align:right;
margin-top:1em;
}
.message_area h4{
font-size:16px;
text-align:right;
margin-top:0.8em;
word-spacing:1em;
}
.message_area p span{
letter-spacing:-1px;
margin:0 0.3em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.message_area{
width:94%;
margin:60px auto;
background:url("../../about/images/header_october_about_message.png") no-repeat right top;
background-size:130%;
padding:1px 0 0;
}
.message_area h2{
display:none;
}
.message_area div{
width:80%;
margin:50px 10% 0 10%;
}
.message_area p{
font-size:14px;
line-height:1.6em;
margin:0 0 1.5em;
display:block;
}
.message_area p.shorten{
margin-bottom:0;
}
.message_area .heading::before{
content: '';
width:30px;
height:1px;
background-color:#000;
}
.message_area .heading::before{
margin-right:0.5em;
}
.message_area h3{
font-size:16px;
text-align:right;
margin-top:2em;
}
.message_area h4{
font-size:16px;
text-align:right;
margin-top:0.5em;
word-spacing:1em;
}
.message_area p span{
letter-spacing:-1px;
margin:0 0.3em;
}
}









/*==================================================================

MEMBER_AREA

==================================================================*/
@media screen and (min-width:961px) {
.mebmer_area{
width:100%;
margin:80px auto 80px;
background:url("../../about/images/header_october_about_member.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.mebmer_area div.member{
width:90%;
margin:100px 10% 0 0;
}
.mebmer_area h2{
display:none;
}
.mebmer01{
}
.mebmer01 dl{
font-size:15px;
}
.mebmer01 dl dt{
float:left;
width:14em;
margin-right:2em;
margin-bottom:1em;
}
.mebmer01 dl dd{
padding-left:17em;
margin-bottom:1em;
}
.mebmer01 dl dd span{
font-size:0.8em;
}
.general_director{
margin:50px 0;
}
.general_director h3{
font-size:16px;
text-align:center;
}
.general_director h4{
font-size:22px;
text-align:center;
margin-bottom:1em;
word-spacing:0.2em;
letter-spacing:0.1em;
}
.general_director div{
width:50%;
margin:5px auto 10px;
}
.mebmer02{
}
.mebmer02 dl{
font-size:15px;
}
.mebmer02 dl dt{
float:left;
width:14em;
margin-right:2em;
margin-bottom:1em;
}
.mebmer02 dl dd{
padding-left:17em;
margin-bottom:1em;
}
.mebmer02 dl dd span{
font-size:0.8em;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.mebmer_area{
width:100%;
margin:80px auto 60px;
background:url("../../about/images/header_october_about_member.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.mebmer_area h2{
display:none;
}
.mebmer_area div.member{
width:94%;
margin:60px 6% 0 0;
}
.mebmer01{
}
.mebmer01 dl{
font-size:14px;
}
.mebmer01 dl dt{
float:left;
width:14em;
margin-right:2em;
margin-bottom:1em;
}
.mebmer01 dl dd{
padding-left:17em;
margin-bottom:1em;
}
.mebmer01 dl dd span{
font-size:0.8em;
}
.general_director{
margin:50px 0;
}
.general_director h3{
font-size:15px;
text-align:center;
}
.general_director h4{
font-size:20px;
text-align:center;
margin-bottom:1em;
word-spacing:0.2em;
letter-spacing:0.1em;
}
.general_director div{
width:50%;
margin:5px auto 10px;
}
.mebmer02{
}
.mebmer02 dl{
font-size:14px;
}
.mebmer02 dl dt{
float:left;
width:14em;
margin-right:2em;
margin-bottom:1em;
}
.mebmer02 dl dd{
padding-left:17em;
margin-bottom:1em;
}
.mebmer02 dl dd span{
font-size:0.8em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.mebmer_area{
width:94%;
margin:60px auto;
background:url("../../about/images/header_october_about_member.png") no-repeat right top;
background-size:130%;
padding:1px 0 0;
}
.mebmer_area h2{
display:none;
}
.mebmer_area div.member{
width:94%;
margin:50px 5% 0 1%;
}
.mebmer01{
}
.mebmer01 dl{
font-size:14px;
}
.mebmer01 dl dt{
margin-right:2em;
margin-bottom:0.5em;
}
.mebmer01 dl dt span{
font-size:0.9em;
background:#000;
color:#FFF;
padding:0.1em 0.5em;
}
.mebmer01 dl dd{
margin-bottom:1.3em;
}
.mebmer01 dl dd span{
font-size:0.8em;
}
.general_director{
margin:50px 0;
}
.general_director h3{
font-size:15px;
text-align:center;
}
.general_director h4{
font-size:20px;
text-align:center;
margin-bottom:1em;
word-spacing:0.2em;
letter-spacing:0.1em;
}
.general_director div{
width:80%;
margin:5px auto 10px;
}
.mebmer02{
}
.mebmer02 dl{
font-size:14px;
}
.mebmer02 dl dt{
margin-right:2em;
margin-bottom:0.5em;
}
.mebmer02 dl dt span{
font-size:0.9em;
background:#000;
color:#FFF;
padding:0.1em 0.5em;
}
.mebmer02 dl dd{
margin-bottom:1.3em;
}
.mebmer02 dl dd span{
font-size:0.8em;
}
}









/*==================================================================

ABOUT_AREA

==================================================================*/
@media screen and (min-width:961px) {
.about_area{
width:100%;
margin:80px auto 80px;
background:url("../../about/images/header_october_about_about.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.about_area h2{
display:none;
}
.about_area div{
width:90%;
margin:100px 10% 0 0;
}
.about_area dl{
font-size:15px;
}
.about_area dl dt{
float:left;
width:4em;
margin-right:2em;
margin-bottom:1em;
}
.about_area dl dd{
padding-left:7em;
margin-bottom:1em;
}
.about_area dl dd span{
font-size:0.8em;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.about_area{
width:100%;
margin:80px auto 60px;
background:url("../../about/images/header_october_about_about.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.about_area h2{
display:none;
}
.about_area div{
width:94%;
margin:60px 6% 0 0;
}
.about_area dl{
font-size:14px;
}
.about_area dl dt{
float:left;
width:4em;
margin-right:2em;
margin-bottom:1em;
}
.about_area dl dd{
padding-left:7em;
margin-bottom:1em;
}
.about_area dl dd span{
font-size:0.8em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.about_area{
width:94%;
margin:60px auto;
background:url("../../about/images/header_october_about_about.png") no-repeat right top;
background-size:130%;
padding:1px 0 0;
}
.about_area h2{
display:none;
}
.about_area div{
width:94%;
margin:50px 5% 0 1%;
}
.about_area dl{
font-size:14px;
}
.about_area dl dt{
margin-right:2em;
margin-bottom:0.5em;
}
.about_area dl dt span{
font-size:0.9em;
background:#000;
color:#FFF;
padding:0.1em 0.5em;
}
.about_area dl dd{
margin-bottom:1.3em;
}
.about_area dl dd span{
font-size:0.8em;
}
}