@charset "utf-8";
/* CSS Document */


/* =====================
   officeページ専用スタイル
===================== */ 



/*PC_px*/
/*@media screen and (min-width: 1680px) {}*/



/*PC*/
@media print, screen and (min-width: 768px) {


.sec01 { border-top: solid 1px var(--color99);}

.sec01 h2 { font-size: 90px; margin: 50px 0 80px; text-align: center; color: var(--color00); -webkit-text-stroke: 1px var(--color99); text-stroke: 1px var(--color99); font-family: Arial, Helvetica, "sans-serif"; }

.sec01 dl { width: 610px; margin: 0 auto 100px; border-bottom: solid 2px var(--color99);}
.sec01 dl dt { width: 160px; float: left; border-top: solid 2px var(--color99); text-align: center; padding: 25px 0;}
.sec01 dl dd { margin-left: 160px; border-top: solid 2px var(--color99); padding: 25px 0 25px 40px;}
.sec01 dl dd a { text-decoration: underline;}

/*---------------------------*/

.sec02 { background: #f2f2f2; padding: 0 0 100px;}
.sec02 .bg {}
.sec02 .bg .inner { max-width: 1000px; margin: 0 auto 0;}

.sec02 h2 { font-size: 90px; margin: 0 0 80px; text-align: center; color: var(--color00); font-family: Arial, Helvetica, "sans-serif"; line-height: 0.8;}

.sec02 h3 { margin: 50px 0 15px; font-size: 18px;}
.sec02 p {}

.sec02 .contact { text-align: center; margin-top: 60px;}
.sec02 .contact .box { background: var(--color00); padding: 40px 80px; text-align: left; display: inline-block;}

/*.sec_form { display: none;}*/



}



/*sp*/
@media only screen and (max-width: 767px) {


.sec01 { border-top: none; padding: 0 5.469vw;}

.sec01 h2 { font-size: 14.063vw; margin: 7.813vw 0 12.5vw; text-align: center; color: var(--color00); -webkit-text-stroke: 1px var(--color99); text-stroke: 1px var(--color99); font-family: Arial, Helvetica, "sans-serif";}

.sec01 dl { width: 100%; margin: 0 auto 15.625vw; border-bottom: solid 2px var(--color99);}
.sec01 dl dt { width: 25vw; float: left; border-top: solid 2px var(--color99); text-align: center; padding: 3.906vw 0;}
.sec01 dl dd { margin-left: 25vw; border-top: solid 2px var(--color99); padding: 3.906vw 0 3.906vw 6.25vw;}
.sec01 dl dd a { text-decoration: underline;}

/*---------------------------*/

.sec02 { background: #f2f2f2; padding: 0 5.469vw 15.625vw;}
.sec02 .bg {}
.sec02 .bg .inner { max-width: 156.25vw; margin: 0 auto 0;}

.sec02 h2 { font-size: 14.063vw; margin: 0 0 12.5vw; text-align: center; color: var(--color00); font-family: Arial, Helvetica, "sans-serif"; line-height: 0.8;}

.sec02 h3 { margin: 7.813vw 0 2.344vw; font-size: 2.813vw;}
.sec02 p {}

.sec02 .contact { text-align: center; margin-top: 9.375vw;}
.sec02 .contact .box { background: var(--color00); padding: 4.688vw 9.375vw; text-align: left; display: inline-block; margin: 0 4.688vw;}

/*.sec_form { display: none;}*/



}



/*sp_px*/
@media screen and (width: 640px) {


.sec01 { border-top: none; padding: 0 35px;}

.sec01 h2 { font-size: 90px; margin: 50px 0 80px; text-align: center; color: var(--color00); -webkit-text-stroke: 1px var(--color99); text-stroke: 1px var(--color99); font-family: Arial, Helvetica, "sans-serif";}

.sec01 dl { width: 100%; margin: 0 auto 100px; border-bottom: solid 2px var(--color99);}
.sec01 dl dt { width: 160px; float: left; border-top: solid 2px var(--color99); text-align: center; padding: 25px 0;}
.sec01 dl dd { margin-left: 160px; border-top: solid 2px var(--color99); padding: 25px 0 25px 40px;}
.sec01 dl dd a { text-decoration: underline;}

/*---------------------------*/

.sec02 { background: #f2f2f2; padding: 0 35px 100px;}
.sec02 .bg {}
.sec02 .bg .inner { max-width: 1000px; margin: 0 auto 0;}

.sec02 h2 { font-size: 90px; margin: 0 0 80px; text-align: center; color: var(--color00); font-family: Arial, Helvetica, "sans-serif"; line-height: 0.8;}

.sec02 h3 { margin: 50px 0 15px; font-size: 18px;}
.sec02 p {}

.sec02 .contact { text-align: center; margin-top: 60px;}
.sec02 .contact .box { background: var(--color00); padding: 30px 60px; text-align: left; display: inline-block; margin: 0 30px;}

/*.sec_form { display: none;}*/



}