@charset "UTF-8";
/* CSS Document */
/* 画像サイズ調整 ---------------------------------------------------------------------------*/
/* フォントサイズ調整 ---------------------------------------------------------------------------*/
/* ブレークポイント ---------------------------------------------------------------------------*/
/*----------------------------------------------------*/
html {
font-size: 10px;
}

body,
td,
th,
input,
textarea {
color: #000000;
font-size: 1.3rem;
line-height: 1.5;
}

body {
overflow-wrap: break-word;
}

a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
color: #000000;
text-decoration: underline;
/*
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: .80;
*/
}

a:hover {
text-decoration: none;
}

a:hover,
a:hover img,
.img_hover:hover {
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: .80;
}

img {
vertical-align: bottom;
}

.img_ck {
font-size: 0.1rem;
line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
content: ' ';
display: table;
}

.clearfix:after {
clear: both;
}

/* For IE 6/7 only */
.clearfix {
*zoom: 1;
}

div,
p {
/*word-break: break-all;*/
}

h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
img,
nav,
figure {
margin: 0;
padding: 0;
}

ul,
ol,
li {
list-style: none;
}



/*---------------------------------------------------------------------------*/
.oshirase {
  margin: 4em 0;
}
.oshirase-title {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2em;
}
.oshirase-text {
  font-size: 1.4em;
  text-align: center;
  font-weight: 700;
  line-height: 2;
}
@media screen and (min-width: 769px), print {
  .pc-none {
    display: none;
  }
}
@media screen and (max-width: 770px){
	.sp-none {
		display: none;
	}
  .oshirase-title {
    font-size: 6.2vw;
  }
  .oshirase-text {
    font-size: 4.5vw;
    text-align: left;
    padding: 0 1em;
  }
}
@media screen and (min-width: 769px), print {
body,
td,
th,
input,
textarea {
font-size: 1.6rem;
}
body {
min-width: 1100px;
}
.content {
width: 100%;
min-width: 1100px;
}
.content img {
max-width: 100%;
text-align: center;
}
.content * {
box-sizing: border-box;
/*    letter-spacing: .1em;*/
}
.sp {
display: none !important;
}
.pc {
display: inline-block !important;
}
.inner {
margin: auto;
max-width: 1100px;
min-width: 1100px;
position: relative
}

.office {
}
.office-hd-read {
height: 80px;
position: relative;
background: url(../images/office-hd-read.png) center center no-repeat;
background-color: #30a253;
}
.office-hd-read h2 {
font-size: 0;
}
.office-hd {
min-height: 690px;
}
.office-hd-logo {
/*display: -ms-flexbox;
display: flex;
-ms-flex-align: center;*/
padding-top: 40px;
}
.office-hd-logo-item {
display: block;
background-image: url("../images/office-hd-logo-n1-pc.jpg");
width: 649px;
height: 538px;
background-size: cover;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
font-size: 0;
margin: 0 auto;
}
.office-hd-copy{
padding-top: 0;
}
.office-hd-copy-item {
display: block;
background-image: url(../images/office-hd-copy-n-pc.png);
width: 693px;
height: 69px;
background-size: cover;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
font-size: 0;
margin: 0 auto;
}

.office-campaign {
position: relative;
text-align: center;
margin: 0 auto -30px;
z-index: 1;
}

.office-offer {
position: relative;
background-color: #30a253;
list-style: none;
overflow: hidden;
padding: 30px 0;
}
.office-offer ul {
text-align: center;
margin: 0 auto;
width: 960px;
}

.office-offer li {
text-align: center;
float: left;
}
.office-offer li.btn01 {
width: 480px;
line-height:100px;
padding: 0 10px;
}
.office-offer li.btn01 a {
height: 100px;
display: block;
font-size: 0;
cursor:pointer;
position: relative;
background: url(../images/office-offer-btn01.png) center center no-repeat;
background-color: #000;
border-radius: 50px;
border: solid 7px #FFF;
}
.office-offer li.btn01 a:hover {
background: url(../images/office-offer-btn01.png) center center no-repeat;
background-color: #999;
border-radius: 50px; 
border: solid 7px #FFF;
}

.office-offer li.btn02 {
width: 480px;
position: relative;
line-height:100px;
padding: 0 15px;
}

.office-offer li.btn02 a {
height: 100px;
display: block;
font-size: 0;
cursor:pointer;
background: url(../images/office-offer-btn02-n-pc.png) center center no-repeat;
background-color: #eb6100;
border-radius: 50px;
border: solid 7px #FFF;
}
.office-offer li.btn02 a:hover {
background: url(../images/office-offer-btn02-n-pc.png) center center no-repeat;
background-color: #f8af00;
border-radius: 50px;
border: solid 7px #FFF;
}

.office-read {
background-size: auto auto;
background-color: rgba(248, 199, 0, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255, 225, 0, 1) 2px, rgba(255, 225, 0, 1) 14px );
}	
.office-read-bg {
margin: 0 auto;
width: 1100px;
min-height: 815px;
background: url(../images/office-read-bg-pc.png) center right no-repeat;
}	
.office-read h3 {
width: 610px;
padding-top: 120px;
}
.office-read p {
width: 610px;
font-size: 22rem;
font-size: 22px;
line-height: 1.8;
margin-top: 60px;
}	

.office-media {
text-align: center;
padding: 80px 0;
margin: 0 auto;
width: 100%;
min-height: 820px;
background: url(../images/office-media-bg.png) top center no-repeat;
background-size: cover;
}		
.office-media h3 {
padding: 0 0 40px 0;
}	

.office-media-inner {
position: relative;
padding-top: 56.25%;
}

.office-media-movie-wrap {
margin: 0 auto;
max-width: 1100px;
}	
.office-media .office-media-movie {
width: 100%;
height: 100%;
vertical-align: bottom;
position: absolute;
top: 0;
left: 0;
}	



.office-about {
text-align: center;
}
.office-about h3 {
padding-top: 80px;
}
.office-about-bg {
text-align: left;
margin: 40px auto 0;
width: 1100px;
min-height: 681px;
background: url(../images/office-about-pic-pc.png) center right no-repeat;
}
.office-about h4 {
margin-bottom: 15px;
}	
.office-about .nth02 {
margin-top: 40px;
}	
.office-about .nth03 {
margin-top: -80px;
text-align: left;
}
.office-about .nth03 ul{
display: flex;	
}
.office-about .nth03 li:nth-child(2){
margin: 0 40px;
}	

.office-thought {
margin-top: 70px;
background: url(../images/office-thought-bg-pc.jpg) center bottom no-repeat;
background-color: #f5f5f5;
min-height: 770px;
}
.office-thought h3 {
padding: 70px 0 5px;
font-size: 50rem;
font-size: 50px;
font-weight: lighter;
}
.office-thought p {
padding-top: 25px;
width: 770px;
font-size: 23rem;
font-size: 23px;
line-height: 1.4;
}	
.office-thought p span {
margin-top: 0;
font-size: 12rem;
font-size: 12px;
display: block;
}		
.office-thought p.last {
padding-top: 30px;
width: 770px;
font-size: 30rem;
font-size: 30px;
line-height: 1.4;
}	

.office-service {
background-size: auto auto;
background-color: rgba(248, 199, 0, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255, 225, 0, 1) 2px, rgba(255, 225, 0, 1) 14px );
text-align: center;
}	
.office-service h3 {
padding-top: 70px;
}	
.office-service p {
padding-top: 50px;
}	
.office-service ul {
text-align: center;
margin: 0 auto;
padding: 70px 0;
width: 700px;
}

.office-service li {
text-align: center;
}
.office-service li.btn01 {
width: 700px;
line-height:150px;
padding: 0 10px;
}
.office-service li.btn01 a {
height: 150px;
display: block;
font-size: 0;
cursor:pointer;
position: relative;
background: url(../images/office-service-btn01.png) center center no-repeat;
background-color: #eb6100;
border-radius: 100px;
border: solid 10px #FFF;
}
.office-service li.btn01 a:hover {
background: url(../images/office-service-btn01.png) center center no-repeat;
background-color: #f8af00;
border-radius: 100px; 
border: solid 10px #FFF;
}

.office-service li.btn02 {
width: 700px;
position: relative;
line-height:150px;
padding: 30px 0 0;
}

.office-service li.btn02 a {
height: 150px;
display: block;
font-size: 0;
cursor:pointer;
background: url(../images/office-service-btn02.png) center center no-repeat;
background-color: #000;
border-radius: 100px;
border: solid 10px #FFF;
}
.office-service li.btn02 a:hover {
background: url(../images/office-service-btn02.png) center center no-repeat;
background-color: #999;
border-radius: 100px;
border: solid 10px #FFF;
}

.office-area {
margin: 0 auto;
width: 1100px;
padding-bottom: 70px;
font-size: 0;
}

.office-area h3 {
padding-top: 70px;
}
.office-area p {
padding-top: 30px;
}

.office-qa {
width: 100%;
margin: 0 auto;
padding: 0 0 5em;
background: #f3f3f3;
}
.office-qa h3 {
padding-top: 70px;
}
.office-qa dl {
max-width: 1100px;
margin: 2em auto 0;
background: #FFF;
padding: 3em 1em;
}
.office-qa dt {
background-image: url(../images/office-qa-icon_q.png);
background-size: 40px 50px;
background-repeat: no-repeat;
background-position: 1.3em top;
min-height: 50px;
font-size: 28px;
font-size: 2.8rem;
}
.office-qa dt p {
display: inline-block;
padding: 0.2em 1.5em 0 3.7em;
margin: 0;
}

.office-qa dd {
background-image: url(../images/office-qa-icon_a.png);
background-size: 40px 50px;
background-repeat: no-repeat;
background-position: left top;
min-height: 50px;
padding: 0;
margin: 1em 0 0  2em;
font-size: 18px;
font-size: 1.8rem;
font-weight: lighter;
}
.office-qa dd p {
display: inline-block;
padding: 0.5em 3em 0 4em;
margin: 0;
}
.office-qa dd p span {
display: block;
padding: 0.3em 3em 0 0;
margin: 0;
font-size: 16px;
font-size: 1.6rem;
}

.privacy {
padding: 20px 0 50px 0;
width: 1100px;
margin: 0 auto
}	
.privacy p {
padding-top: 10px;
font-size: 1.8rem;
font-weight: lighter;
line-height: 1.6;
}


}

@media screen and (max-width: 768px) {
body,
td,
th,
input,
textarea {
font-size: 1.4rem;
}
.content img {
width: 100%;
}
.pc {
display: none !important;
}
.sp {
display: block !important;
}
.inner {
margin: 0 4.6875vw;
position: relative
}
.office {
}
.office-hd-read {
height: 12.5vw;
position: relative;
background: url(../images/office-hd-read.png) center center no-repeat;
background-color: #30a253;
background-size: contain;
}
.office-hd-read h2 {
font-size: 0;
}
.office-hd {
min-height: 100vw;
}
.office-hd-logo {
/*display: -ms-flexbox;
display: flex;
-ms-flex-align: center;*/
padding-top: 6.25vw;
}
.office-hd-logo-item {
display: block;
background-image: url(../images/office-hd-logo-n1-sp.jpg);
background-repeat:  no-repeat;     
max-width: 107.8125vw;
height: 70vw; /*448px*/
background-size: contain;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
font-size: 0;
margin: 0 auto;
}
.office-hd-copy{
padding-top: 0;
}
.office-hd-copy-item {
display: block;
background-image: url(../images/office-hd-copy-n-sp.png);
background-repeat:  no-repeat; 
background-position: center;
max-width: 107.8125vw;
height: 19.21875vw;
background-size: contain;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
margin: 0 auto;
}

.office-campaign {
position: relative;
text-align: center;
margin: 0 4.6875vw -3.4375vw;
z-index: 10;
}	


.office-offer {
position: relative;
background-color: #30a253;
list-style: none;
overflow: hidden;
padding: 3.125vw 0;
}
.office-offer ul {
text-align: center;
margin: 0 auto;
width: 93.75vw;
}

.office-offer li {
text-align: center;
float: left;
}
.office-offer li.btn01 {
width: 45.3125vw;
line-height: 9.375vw;
padding: 0;
}
.office-offer li.btn01 a {
height: 14.0625vw;
display: block;
font-size: 0;
cursor:pointer;
position: relative;
background: url(../images/office-offer-btn01.png) center center no-repeat;
background-color: #000;
background-size: 35%;
border-radius: 70px;
border: solid 1.09375vw #FFF;
}
.office-offer li.btn01 a:hover {
background: url(../images/office-offer-btn01.png) center center no-repeat;
background-color: #999;
background-size: 35%;
border-radius: 70px; 
border: solid 1.09375vw #FFF;
}

.office-offer li.btn02 {
width: 45.3125vw;
position: relative;
line-height: 9.375vw;
padding: 0 0 0 1.5625vw;
}

.office-offer li.btn02 a {
height:	14.0625vw;
display: block;
font-size: 0;
cursor:pointer;
background: url(../images/office-offer-btn02-n-sp.png) center center no-repeat;
background-color: #eb6100;
background-size: 75%;
border-radius: 70px;
border: solid 1.09375vw #FFF;
}
.office-offer li.btn02 a:hover {
background: url(../images/office-offer-btn02-n-sp.png) center center no-repeat;
background-color: #f8af00;
background-size: 75%;
border-radius: 70px;
border: solid 1.09375vw #FFF;
}

.office-read {
background-size: auto auto;
background-color: rgba(248, 199, 0, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255, 225, 0, 1) 2px, rgba(255, 225, 0, 1) 14px );
padding-bottom: 6.25vw;
}	
.office-read-bg {
height: 230vw;
padding: 0 4.6875vw;
background: url(../images/office-read-bg-pc.png) center bottom no-repeat;
background-size: 80%;
}	
.office-read h3 {
padding-top: 10.9375vw;
}
.office-read p {
font-size: 3.90625vw;
line-height: 1.8;
margin-top: 6.25vw;
}	

.office-media {
text-align: center;
padding: 10.9375vw 0;
margin: 0 auto;
width: 100%;
background: url(../images/office-media-bg.png) top center no-repeat;
background-size: cover;
}		
.office-media h3 {
padding: 0 0 6.25vw 0;
}	

.office-media-inner {
position: relative;
padding-top: 56.25%;
}

.office-media-movie-wrap {
margin: 0 4.6875vw;
}	
.office-media .office-media-movie {
width: 100%;
height: 100%;
vertical-align: bottom;
position: absolute;
top: 0;
left: 0;
}	



.office-about {
text-align: center;
margin-bottom: 9.375vw;
}
.office-about h3 {
padding-top: 10.9375vw;
}
.office-about-bg {
text-align: left;
margin: 6.25vw auto 0;
min-height: 215vw;
background: url(../images/office-about-pic-pc.png) center bottom no-repeat;
background-size: 80%;
}
.office-about h4 {
margin-bottom: 2.34375vw;
}	
.office-about .nth02 {
margin-top: 6.25vw;
}	
.office-about .nth03 {
margin-top: 6.25vw;
text-align: left;
}
.office-about .nth03 ul{
display: block;	
}
.office-about .nth03 li:nth-child(2){
margin: 4.6875vw 0;
}	

.office-thought {
margin-top: 9.375vw;
background: url(../images/office-thought-bg-sp.jpg) center bottom no-repeat;
background-color: #f5f5f5;
height: 190vw;
}
.office-thought h3 {
padding: 10.9375vw 0 1.5625vw;
font-size: 10.9375vw;
font-weight: lighter;
}
.office-thought p {
padding-top: 3.125vw;
font-size: 3.90625vw;
line-height: 1.4;
}	
.office-thought p span {
margin-top: 0;
font-size: 2.5vw;
line-height: 1.2;
display: block;
}		
.office-thought p.last {
padding-top: 4.6875vw;
font-size: 4.6875vw;
line-height: 1.5;
}	

.office-service {
background-size: auto auto;
background-color: rgba(248, 199, 0, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255, 225, 0, 1) 2px, rgba(255, 225, 0, 1) 14px );
text-align: center;
}	
.office-service h3 {
padding-top: 10.9375vw;
margin: 0 auto;
}	
.office-service p {
padding-top: 7.8125vw;
}	
.office-service ul {
text-align: center;
margin: 0 auto;
padding: 10.9375vw 0;
}

.office-service li {
text-align: center;
}
.office-service li.btn01 {
line-height:23.4375vw;
padding: 0;
}
.office-service li.btn01 a {
height: 23.4375vw;
display: block;
font-size: 0;
cursor:pointer;
position: relative;
background: url(../images/office-service-btn01.png) center center no-repeat;
background-size: 70%;
background-color: #eb6100;
border-radius: 100px;
border: solid 1.5625vw #FFF;
}
.office-service li.btn01 a:hover {
background: url(../images/office-service-btn01.png) center center no-repeat;
background-size: 70%;
background-color: #f8af00;
border-radius: 100px; 
border: solid 1.5625vw #FFF;
}

.office-service li.btn02 {
position: relative;
line-height:23.4375vw;
padding: 4.6875vw 0 0;
}

.office-service li.btn02 a {
height: 23.4375vw;
display: block;
font-size: 0;
cursor:pointer;
background: url(../images/office-service-btn02.png) center center no-repeat;
background-size: 80%;
background-color: #000;
border-radius: 100px;
border: solid 1.5625vw #FFF;
}
.office-service li.btn02 a:hover {
background: url(../images/office-service-btn02.png) center center no-repeat;
background-size: 80%;
background-color: #999;
border-radius: 100px;
border: solid 1.5625vw #FFF;
}



.office-area {
padding-bottom: 9.375vw;
font-size: 0;
}	

.office-area h3 {
padding-top: 9.375vw;
}
.office-area p {
padding-top: 4.6875vw;
}	

.office-qa {
width: 100%;
margin: 0 auto;
padding: 0 0 9.375vw;
background: #f3f3f3;
}
.office-qa h3 {
padding-top: 9.375vw;
}
.office-qa dl {
margin: 4.6875vw auto 0;
background: #FFF;
padding: 2em 1em;
}
.office-qa dt {
background-image: url(../images/office-qa-icon_q.png);
background-size: 6.25vw 7.8125vw;
background-repeat: no-repeat;
background-position: 0.5em top;
min-height: 7.8125vw;
font-size: 4.375vw;
}
.office-qa dt p {
display: inline-block;
padding: 0 0.5em 0 2.5em;
margin: 0;
}

.office-qa dd {
background-image: url(../images/office-qa-icon_a.png);
background-size: 6.25vw 7.8125vw;
background-repeat: no-repeat;
background-position: left top;
min-height: 7.8125vw;
padding: 0;
margin: 1em 0 0 0.75em;
font-size: 2.8125vw;
font-weight: lighter;
}
.office-qa dd p {
display: inline-block;
padding: 0.5em 1em 0 3em;
margin: 0;
}
.office-qa dd p span {
display: block;
padding: 0.3em 3em 0 1em;
margin: 0;
font-size: 2.5vw;
text-indent: -1em;
}
.privacy {
padding: 3.125vw 0 5.46875vw 0;
margin: 0 5.46875vw 0;
}
.privacy p {
padding-top: 1.5625vw;
font-size: 2.8125vw;
font-weight: lighter;
line-height: 1.6;
}

}
