@charset "utf-8";

/* @group header */

header{
height:83px;
background-image:none;
border-bottom:1px solid #ccc;
}

.header_content{
position:relative;
}

.header_content .button{
position:absolute;
top:20px;
right:0;
font-size:14px;
color:#fff;
background:#333;
border-color:#333;
}

.header_content .button:hover,
.header_content .button:focus{
color:#333;
background:#fff;
}

@media screen and (min-height:415px) and (min-width:480px){
header{
position:fixed;
z-index:999;
top:0;
left:0;
width:100%;
}
body{
padding-top:83px;
}
}

@media screen and (max-width:832px){
#logo{top:23px;}
header .management_ideology{top:36px;}
}

@media screen and (max-width:715px){
header .management_ideology{top:23px;max-width:150px;font-size:.7em;}
}

@media screen and (max-width:592px){
#logo{top:16px;}
header .management_ideology{top:56px;left:0;max-width:none;font-size:.65em;}
}

@media screen and (max-width:479px){
#logo{top:23px;}
header .management_ideology{top:36px;left:210px;}
.header_content .button{display:none;}
}

@media screen and (max-width:449px){
header{height:auto;padding-bottom:0;}
#logo{display:block;position:static;top:auto;left:auto;margin:0 0 8px;padding:10px 0 0;text-align:center;}
#logo img{vertical-align:top;}
header .management_ideology{position:static;top:auto;left:auto;text-align:center;margin:0 0 10px;}
}

/* @end */

/* @group footer */
footer{
background-image:none;
}

.footer_content{
min-height:0;
}

footer .utility{
padding-top:15px;
}

footer .copyright{
top:15px;
}
/* @end */

html,body{
overflow-x:hidden;
-ms-overflow-style:-ms-autohiding-scrollbar;
}

body{
color:#555;
}

section + section{
margin:0;
}

#content{
margin:0 auto;
padding:0;
}

.full_width{
box-sizing:border-box;
position:relative;
left:50%;
right:50%;
width:100vw;
margin-left:-50vw;
margin-right:-50vw;
}

main p{
margin:0 0 80px;
font-size:1em;
line-height:2.1875;
}

main p.lead{
text-align:center;
}

main ul,
main ol,
main dl{
margin:0 0 80px;
}

main li,
main dt,
main dd{
font-size:1em;
line-height:2.1875;
}

.movie{
margin:0 auto 80px;
}

h1,h2,h3,h4.h5,h6{
color:#000;
}

h1{
margin:0 0 50px;
font-size:2.25em;
font-weight:normal;
line-height:1.111;
text-align:center;
}

h1:after{
content:"";
display:block;
margin:46px auto 0;
width:40px;
border-bottom:1px solid #444;
}

h2{
margin:0 0 30px;
padding:0;
font-size:1.875em;
font-weight:normal;
line-height:1.6667;
}

.button{
display:inline-block;
border-width:1px;
border-style:solid;
margin:0;
padding:1em 2em;
border-radius:3em;
text-align:center;
text-decoration:none;
line-height:1;
transition-duration:.2s;
}

.lyt_image_1 p,
.lyt_image_2 p,
.lyt_image_1 ul,
.lyt_image_2 ul,
.lyt_image_1 ol,
.lyt_image_2 ol,
.lyt_image_1 dl,
.lyt_image_2 dl{
margin:0 0 40px;
}

.lyt_image_2,
.lyt_image_3{
margin:0 auto 80px;
}

.lyt_image_2.hdg_included{
display:table;
}

.lyt_image_2.hdg_included .image,
.lyt_image_2.hdg_included .text{
display:table-cell;
float:none;
overflow:auto;
vertical-align:top;
}

.lyt_image_2 .text > *:last-child{
margin-bottom:0;
}

.lyt_image_2 > .image.floatR{
padding:0 0 0 80px;
}

.lyt_image_2.hdg_included .image img{
max-width:none;
}

.case_info{
margin:50px 0 20px;
}

.case_info:after{
content:attr(data-title);
display:block;
margin:30px 0 0;
font-size:1.125em;
line-height:1;
color:#000;
text-align:center;
font-family:'Lato';
}

@media screen and (max-width:1281px){
.lyt_image_2 > .image.floatR{
padding:0 0 0 40px;
}
}

@media screen and (max-width:981px){
#content{
padding:0 10px;
}
.lyt_image_2 > .image.floatR{
margin:0 0 40px;
}
.lyt_image_2.hdg_included{
display:block;
}
.lyt_image_2.hdg_included .image,
.lyt_image_2.hdg_included .text{
display:block;
}
.lyt_image_2.hdg_included .image{
text-align:center;
}
.lyt_image_2.hdg_included .image img{
max-width:100%;
}
.lyt_image_2.hdg_included .image.floatR{
padding:0;
}
.lyt_image_2 .text > *:last-child{
margin-bottom:40px;
}
}

@media screen and (max-width:767px){
.lyt_image_2 > .image.floatR{
padding:0;
}
}

/* @group application */

#application{
margin-top:0;
margin-bottom:0;
padding:50px 0 1px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#f5f5f5;
}

.application_content{
margin:0 auto;
padding:0 10px;
width:962px;
}

.application_content h2{
margin:0 auto;
font-size:1.5em;
line-height:2.083;
}

.application_content ul{
margin-bottom:50px;
}

.application_content li{
display:inline-block;
position:relative;
margin:0 20px 0 0;
padding:0 0 0 20px;
line-height:3.125;
}

.application_content li:before{
content:"・";
position:absolute;
top:0;
left:0;
}

@media screen and (min-width:1281px){
.application_content{
width:1168px;
}
}

@media screen and (max-width:981px){
.application_content{
width:auto;
}
}

/* @end */

/* @group menu */

#menu ul{
margin:30px auto;
width:962px;
}

#menu li{
padding:0 0 0 20px;
background:url(../img/arrow01_right.png) 0 .8182em no-repeat;
font-size:.875em;
line-height:2.5714;
}

#menu li a,
#menu li em{
color:#555;
}

#menu li em{
font-weight:bold;
}

@media screen and (min-width:1281px){
#menu ul{
width:1168px;
}
}

@media screen and (max-width:981px){
#menu ul{
margin:30px 10px;
width:auto;
}
}

/* @end */

/* @group inquiry */

#inquiry{
padding:80px 10px;
color:#fff;
background:#686868;
text-align:center;
}

#inquiry p{
margin:0 0 24px;
font-size:1.5em;
line-height:1.5;
}

#inquiry ul{
margin:0;
}

#inquiry li{
display:inline-block;
margin:0 15px;
font-size:1.125em;
line-height:1.3333;
}

#inquiry a{
min-width:14em;
}

#inquiry .inquiry{
color:#686868;
background:#fff;
border-color:#fff;
}

#inquiry .inquiry:hover,
#inquiry .inquiry:focus{
color:#fff;
background:#333;
border-color:#333;
}

#inquiry .mlc{
color:#fff;
border-color:#fff;
}

#inquiry .mlc:hover,
#inquiry .mlc:focus{
color:#686868;
background:#fff;
}

@media screen and (max-width:767px){
#inquiry{
padding:50px 10px;
}
#inquiry li{
display:block;
margin:0 0 30px;
}
#inquiry li:last-child{
margin:0;
}
#inquiry a{
display:block;
min-width:0;
}
}

/* @end */