@charset "utf-8";
/*--
中 font-size:96%;
小 font-size:88%;
--*/
/*---------------------------------------*/
/* 共通 */
/*---------------------------------------*/
.areaInner{
width:90%;
max-width:1210px;
margin:0 auto;
position:relative;
z-index:10;
}
@media screen and (min-aspect-ratio: 16/10) and (max-width:1440px){
.areaInner{
max-width:980px;
}
}
.areaInner.w1066{
max-width:1066px;
}
.areaInner.w980{
max-width:980px;
}
.areaBase{
margin:0 auto 160px;
overflow:hidden;
}
@media screen and (max-width:767px){
.areaBase{
margin:0 auto 60px;
}
}
/* iconLogo */
.iconLogo{
position:relative;
}
.iconLogo .icon-logo{
position:absolute;
top:0;
left:0;
}
.iconLogo .icon-logo-2{
color:#E61F18;
}
/* btn */
.btn a{
display:block;
width:95%;
max-width:455px;
height:92px;
border:1px solid #CC984A;
border-radius:3px;
background: #CC984A;
margin:55px auto 0;
text-align:center;
line-height:92px;
font-size:131%;
font-weight:bold;
}
/*IE用記述 */
@media all and (-ms-high-contrast: none){
.btn a{
line-height:102px;
}
}
@media screen and (max-width:767px){
.btn a{
height:60px;
line-height:60px;
margin:25px auto 0;
font-size:11pt;
}
}
.btn a:hover{
background:#fff;
}
/* フォントスタイル */
.enTtl{
text-align:center;
font-size:550%;
color:#1B2945;
letter-spacing:0.06em;
line-height:1;
margin-bottom:-12px;
position:relative;
z-index:10;
}
@media screen and (max-width:767px){
.enTtl{
font-size:35pt;
margin-bottom:-9px;
}
}
.partsTtl{
margin-bottom:50px;
border-bottom:1px solid #231815;
}
@media screen and (max-width:767px){
.partsTtl{
margin-bottom:30px;
}
}
.partsTtl .txt{
font-size:150%;
font-weight:bold;
position:relative;
letter-spacing:0.1em;
display:inline-block;
}
@media screen and (max-width:767px){
.partsTtl .txt{
font-size:12pt;
}
}
.partsTtl .txt .en{
font-size:50%;
font-weight:normal;
margin-left:15px;
}
@media screen and (max-width:767px){
.partsTtl .txt .en{
font-size:6pt;
margin-left:10px;
}
}
.partsTtl .txt:after{
position:absolute;
bottom:-2px;
left:0;
width:100%;
height:3px;
background:#231815;
content:"";
}
.mainTxt{
font-size:206%;
font-weight:bold;
color:#1B2945;
letter-spacing:0.15em;
margin-bottom:30px;
}
@media screen and (max-width:1300px) {
.mainTxt{
letter-spacing:0.08em;
}
}
@media screen and (max-width:767px){
.mainTxt{
font-size:13pt;
margin-bottom:15px;
}
}
.mainNote{
font-size:112.5%;
}
@media screen and (max-width:767px){
.mainNote{
font-size:11pt;
}
}
.col-gd{
color:#B28146;
}
/* 縦文字 */
.tate{
line-height: 1.6;
letter-spacing: 0.03em;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
/*Edge用記述 */
@supports (-ms-ime-align: auto) {
.tate .mincho{
font-family:"游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
}
}

/* 画像サイズ */
.img img{
width:100%;
height:auto;
}
/*---------------------------------------*/
/* keyVisual */
/*---------------------------------------*/
.keyVisual{
width:100%;
position:relative;
margin:86px 0 100px;
}
@media screen and (max-width:767px){
.keyVisual{
margin:56px 0 60px;
}
}
.keyVisual .pageTtl,
.noVisual .pageTtl{
font-size:271%;
text-align:center;
color:#fff;
line-height:1;
position:absolute;
top:50%;
left:0;
width:100%;
margin-top:-21px;
letter-spacing:0.1em;
}
@media screen and (max-width:767px){
.keyVisual .pageTtl,
.noVisual .pageTtl{
font-size:20pt;
margin-top:-13px;
}
}
.noVisual{
margin:180px 0 100px;
}
@media screen and (max-width:767px){
.noVisual{
margin:100px 0 60px;
}
}
.noVisual .pageTtl{
color:#342E2C;
position:static;
line-height:1.4;
}
/*---------------------------------------*/
/* woodBg */
/*---------------------------------------*/
.woodBg{
background:url(../images/page/bg-wood.jpg) center top repeat-x;
background-size:2730px auto;
padding:200px 0 0;
position:relative;
overflow:visible;
}
@media screen and (max-width:767px){
.woodBg{
background-size:910px auto;
padding:100px 0 0;
}
}
.woodBg .enTtl{
position:absolute;
top:-0.35em;
left:0;
width:100%;
}
/*---------------------------------------*/
/* company */
/*---------------------------------------*/
#company .message .partsTtl{
margin-bottom:0;
}
#company .message .president{
background:url(../images/page/img-company-message.jpg) top right no-repeat;
background-size:contain;
padding:85px 0 35px;
margin-bottom:80px;
}
@media screen and (max-width:980px){
#company .message .president{
padding:55px 0 30px;
}
}
@media screen and (max-width:767px){
#company .message .president{
background:url(../images/page/img-company-message.jpg) top right no-repeat;
background-size:70% auto;
padding:30px 0 20px;
margin-bottom:20px;
}
}
#company .message .logo .iconLogo{
width:252px;
height:47px;
display:block;
margin-bottom:60px;
}
@media screen and (max-width:980px){
#company .message .logo .iconLogo{
margin-bottom:40px;
}
}
@media screen and (max-width:767px){
#company .message .logo .iconLogo{
margin-bottom:10px;
width:134px;
height:25px;
}
}
#company .message .logo .iconLogo .icon-logo{
font-size:47px;
}
@media screen and (max-width:980px){
#company .message .logo .iconLogo .icon-logo{
font-size:25px;
}
}
#company .message .logo .iconLogo .icon-logo-1{
color:#0E4D95;
}
#company .message .mainTxt{
text-align:left;
margin-bottom:60px;
}
@media screen and (max-width:980px){
#company .message .mainTxt{
margin-bottom:40px;
}
}
@media screen and (max-width:767px){
#company .message .mainTxt{
margin-bottom:10px;
}
}
#company .message .info .position,
#company .message .info .name{
display:inline-block;
vertical-align:middle;
}
#company .message .info .position{
font-size:81%;
margin-right:15px;
position:relative;
top:-7px;
}
@media screen and (max-width:767px){
#company .message .info .position{
font-size:8pt;
position:static;
margin-bottom:5px;
}
}
#company .message .info .name{
text-align:center;
letter-spacing:0.08em;
}
@media screen and (max-width:767px){
#company .message .info .name{
	display:block;
	text-align:left;
}
}
#company .message .info .name .name-jp{
font-size:169%;
font-weight:bold;
line-height:1;
}
@media screen and (max-width:767px){
#company .message .info .name .name-jp{
font-size:13pt;
}
}
#company .message .info .name .name-en{
font-size:62.5%;
}
@media screen and (max-width:767px){
#company .message .info .name .name-en{
font-size:7pt;
}
}
#company .message .messageContent{
max-width:850px;
margin:0 auto;
}
#company .message .messageContent .mainNote{
margin-bottom:1.8em;
}
@media screen and (max-width:767px){
#company .message .messageContent .mainNote{
margin-bottom:1.5em;
}
}
#company .message .messageContent .signature{
margin:20px 0 0 auto;
width:200px;
}
@media screen and (max-width:767px){
#company .message .messageContent .signature{
width:100px;
margin:0 0 0 auto;
}
}
#company .policyContent01{
background:#1B2945;
color:#fff;
width:100%;
position:relative;
}
#company .policyContent02{
background:#B28146;
color:#fff;
width:100%;
position:relative;
}
#company .policyContent01 .txtBox{
width:55%;
padding:70px 0;
float:left;
}
#company .policyContent02 .txtBox{
width:45%;
padding:70px 0;
float:right;
}
@media screen and (max-width:767px){
#company .policyContent01 .txtBox,
#company .policyContent02 .txtBox{
width:100%;
padding:30px 0;
}
}
#company .policyContent01 .img{
position:absolute;
top:0;
left:60%;
width:40%;
height:100%;
}
#company .policyContent02 .img{
position:absolute;
top:0;
left:0;
width:50%;
height:100%;
}
@media screen and (max-width:767px){
#company .policyContent01 .img,
#company .policyContent02 .img{
position:static;
width:100%;
height:250px;
}
}
#company .policyContent01 .img{
background:url(../images/page/img-company-policy_01.jpg) center no-repeat;
background-size:cover;
}
#company .policyContent02 .img{
background:url(../images/page/img-company-policy_02.jpg) center no-repeat;
background-size:cover;
}
#company .policyContent .ttl{
font-size:194%;
margin-bottom:20px;
text-indent:-0.5em;
}
@media screen and (max-width:767px){
#company .policyContent .ttl{
font-size:17pt;
}
}
#company .policyContent02 .txtBox{
position:relative;
}
#company .policyContent02 .creed{
width:48px;
height:48px;
border:1px solid #fff;
position:absolute;
top:72px;
left:0;
text-align:center;
line-height:48px;
}
@media screen and (max-width:767px){
#company .policyContent02 .creed{
width:40px;
height:40px;
top:32px;
line-height:40px;
}
}
#company .policyContent02 .ttl{
margin-left:75px;
text-indent:0;
}
#company .policyContent02 ul{
margin-left:79px;
}
@media screen and (max-width:980px){
#company .policyContent02 ul{
margin-left:0;
}
}
@media screen and (max-width:767px){
#company .policyContent02 .ttl{
margin-left:70px;
}
}
#company .policyContent02 ul li{
margin-left:2em;
}
#company .policyContent02 ul li .ichi{
margin-left:-2em;
display:inline-block;
width:2em;
}
#company .profile .subTtl{
height:35px;
line-height:35px;
background:#1B2945;
padding:0 15px;
color:#fff;
font-weight:bold;
font-size:112.5%;
margin-bottom:35px;
}
/*IE用記述 */
@media all and (-ms-high-contrast: none){
#company .profile .subTtl{
line-height:41px;
}
}
@media screen and (max-width:767px) {
#company .profile .subTtl{
font-size:11pt;
margin-bottom:15px;
}
}
#company .profileContent{
margin-bottom:100px;
}
#company .profileContent:last-child{
margin-bottom:0;
}
@media screen and (max-width:767px) {
#company .profileContent{
margin-bottom:40px;
}
}
#company .profile table th{
font-weight:bold;
width:8em;
letter-spacing:0.08em;
}
@media screen and (max-width:767px) {
#company .profile table th{
width:6em;
}
}
#company .profile .blockLeft,
#company .profile .blockRight{
width:48.5%;
}
@media screen and (max-width:980px) {
#company .profile .blockLeft,
#company .profile .blockRight{
width:100%;
}
#company .profile .blockLeft{
margin-bottom:30px;
}
}
#company .profile table:nth-child(2),
#company .profile table:nth-child(3){
margin-top:1.8em;
}
#company .profile table p:first-child{
margin-bottom:1.8em;
}
#company .profile .blockRight .note{
font-size:112.5%;
}
@media screen and (max-width:980px) {
#company .profile .blockRight .note{
font-size:100%;
}
}
#company .profile .blockRight .note.bold{
font-weight:bold;
}
#company .map{
width:100%;
height:560px;
}

@media screen and (max-width:767px) {
#company .map{
width:100%;
height:250px;
}
}
#company .map #map_canvas1{
width:100%;
height:100%;
}


/*---------------------------------------*/
/* strength */
/*---------------------------------------*/
#strength .manufacturing .navi li{
float:left;
width:32%;
margin-right:2%;
text-align:center;
}
#strength .manufacturing .navi li:nth-child(3){
margin-right:0;
}
#strength .manufacturing .navi li .numAction{
width:103px;
height:27px;
margin:0 auto 20px;
position:relative;
}
@media screen and (max-width:767px){
#strength .manufacturing .navi li .numAction{
width:43px;
height:13px;
margin:0 auto 15px;
}
}
#strength .manufacturing .navi li .numAction .line{
stroke:#CC984A;
stroke-width:1.791;
stroke-dashoffset:200;
stroke-dasharray: 200;
transition: stroke-dashoffset 0.6s linear;
fill:none;
}
#strength .manufacturing .navi li:first-child .numAction.animation .line {
stroke-dashoffset:0;
transition: stroke-dashoffset 2s cubic-bezier(.43,.45,0,.92) 1.3s;
}
#strength .manufacturing .navi li:nth-child(2) .numAction.animation .line {
stroke-dashoffset:0;
transition: stroke-dashoffset 2s cubic-bezier(.43,.45,0,.92) 1.5s;
}
#strength .manufacturing .navi li:nth-child(3) .numAction.animation .line {
stroke-dashoffset:0;
transition: stroke-dashoffset 2s cubic-bezier(.43,.45,0,.92) 1.7s;
}

#strength .manufacturing .navi li .num{
font-size:228.5%;
color:#B28247;
line-height:1;
}
@media screen and (max-width:980px){
#strength .manufacturing .navi li .num{
font-size:200%;
}
}
@media screen and (max-width:767px){
#strength .manufacturing .navi li .num{
font-size:13pt;
}
}
#strength .manufacturing .navi li .ttl{
font-size:300%;
color:#1B2945;
font-weight:bold;
line-height:1;
margin:20px 0 30px;
}
@media screen and (max-width:980px){
#strength .manufacturing .navi li .ttl{
font-size:280%;
}
}
@media screen and (max-width:767px){
#strength .manufacturing .navi li .ttl{
font-size:15pt;
margin:10px 0;
}
}
#strength .manufacturing .navi li .note{
font-size:144%;
color:#231815;
line-height:1.4;
}
@media screen and (max-width:980px){
#strength .manufacturing .navi li .note{
font-size:112.5%;
}
}
@media screen and (max-width:767px){
#strength .manufacturing .navi li .note{
font-size:9pt;
}
}
@media screen and (max-width:374px){
#strength .manufacturing .navi li .note{
font-size:8pt;
}
}
#strength .strengthContent{
position:relative;
}
#strength .strengthContent01{
min-height:380px;
}
#strength .strengthContent02{
min-height:350px;
}
#strength .strengthContent03{
min-height:422px;
}
@media screen and (max-width:767px){
#strength .strengthContent01,
#strength .strengthContent02,
#strength .strengthContent03{
min-height:inherit;
}
}
#strength .strengthContent .img{
position:absolute;
top:0;
}
#strength .strengthContent01 .img,
#strength .strengthContent03 .img{
left:0;
width:460px;
}
@media screen and (max-width:1185px){
#strength .strengthContent01 .img,
#strength .strengthContent03 .img{
width:360px;
}
}
@media screen and (max-width:980px){
#strength .strengthContent01 .img,
#strength .strengthContent03 .img{
width:80%;
position:static;
margin:0 0 30px auto;
}
}
@media screen and (max-width:767px){
#strength .strengthContent01 .img,
#strength .strengthContent03 .img{
width:100%;
margin-bottom:20px;
}
}
#strength .strengthContent02 .img{
right:0;
width:535px;
}
@media screen and (max-width:1185px){
#strength .strengthContent02 .img{
width:430px;
}
}
@media screen and (max-width:980px){
#strength .strengthContent02 .img{
width:80%;
position:static;
margin-bottom:30px;
}
}
@media screen and (max-width:767px){
#strength .strengthContent02 .img{
width:100%;
margin-bottom:20px;
}
}
@media screen and (max-width:767px){
#strength .strengthContent .txtBox{
position:relative;
}
#strength .strengthContent01 .txtBox{
min-height:270px;
}
#strength .strengthContent02 .txtBox{
min-height:250px;
}
#strength .strengthContent03 .txtBox{
min-height:270px;
}
}
#strength .strengthContent .tate{
position:absolute;
top:0;
font-size:187.5%;
}
@media screen and (max-width:767px){
#strength .strengthContent .tate{
font-size:15pt;
}
}
#strength .strengthContent01 .tate,
#strength .strengthContent03 .tate{
left:505px;
}
@media screen and (max-width:1185px){
#strength .strengthContent01 .tate,
#strength .strengthContent03 .tate{
left:390px;
}
}
@media screen and (max-width:980px){
#strength .strengthContent01 .tate{
left:5%;
}
#strength .strengthContent03 .tate{
left:5%;
margin-left:-1em;
}
}
@media screen and (max-width:767px){
#strength .strengthContent01 .tate,
#strength .strengthContent03 .tate{
left:0;
margin:0;
}
}
#strength .strengthContent02 .tate{
right:580px;
}
@media screen and (max-width:1185px){
#strength .strengthContent02 .tate{
right:460px;
}
}
@media screen and (max-width:980px){
#strength .strengthContent02 .tate{
right:5%;
margin-right:-1em;
}
}
@media screen and (max-width:767px){
#strength .strengthContent02 .tate{
right:0;
margin:0;
}
}
#strength .strengthContent .tate p{
white-space:nowrap;
}
#strength .strengthContent01 .note{
font-size:106%;
}
@media screen and (max-width:767px){
#strength .strengthContent01 .note{
font-size:10pt;
}
}
#strength .strengthContent01 .note{
margin-left:600px;
}
@media screen and (max-width:1185px){
#strength .strengthContent01 .note{
margin-left:460px;
}
}
@media screen and (max-width:980px){
#strength .strengthContent01 .note{
margin-left:0;
}
}
@media screen and (max-width:767px){
#strength .strengthContent01 .note{
margin-left:45px;
}
}
#strength .strengthContent02 .note{
margin-right:710px;
}
@media screen and (max-width:1185px){
#strength .strengthContent02 .note{
margin-right:570px;
}
}
@media screen and (max-width:980px){
#strength .strengthContent02 .note{
margin-right:0;
}
}
@media screen and (max-width:767px){
#strength .strengthContent02 .note{
margin-right:75px;
}
}
#strength .strengthContent03 .note{
margin-left:635px;
}
@media screen and (max-width:1185px){
#strength .strengthContent03 .note{
margin-left:505px;
}
}
@media screen and (max-width:980px){
#strength .strengthContent03 .note{
margin-left:0;
}
}
@media screen and (max-width:767px){
#strength .strengthContent03 .note{
margin-left:75px;
}
}
#strength .strengthLine{
margin:90px auto;
width:60%;
max-width:245px;
height:1px;
background:#231815;
}
@media screen and (max-width:767px){
#strength .strengthLine{
margin:40px auto;
}
}
/*---------------------------------------*/
/* menu */
/*---------------------------------------*/
#menu .maincontent .navi li{
float:left;
width:30%;
margin-right:5%;
text-align:center;
}
@media screen and (max-width:980px){
#menu .maincontent .navi li{
width:100%;
margin-right:0;
text-align:left;
position:relative;
min-height:220px;
margin-bottom:70px;
}
}
@media screen and (max-width:767px){
#menu .maincontent .navi li{
margin-bottom:40px;
}
}
#menu .maincontent .navi li:nth-child(3){
margin-right:0;
}
#menu .maincontent .navi li .img{
position:relative;
width:100%;
max-width:275px;
margin:0 auto 57px;
}
@media screen and (max-width:980px){
#menu .maincontent .navi li .img{
position:absolute;
top:0;
left:0;
width:220px;
}
}
@media screen and (max-width:767px){
#menu .maincontent .navi li .img{
width:120px;
}
}
#menu .maincontent .navi li .img .icon{
position:absolute;
width:58px;
left:50%;
bottom:-37px;
margin-left:-29px;
}
@media screen and (max-width:980px){
#menu .maincontent .navi li .txtBox{
margin-left:240px;
}
}
@media screen and (max-width:767px){
#menu .maincontent .navi li .txtBox{
margin-left:0;
}
}
@media screen and (max-width:767px){
#menu .maincontent .navi li .ttlBox{
min-height:100px;
margin:20px 0 15px;
margin-left:140px;
}
}
#menu .maincontent .navi li .subTtl{
color:#B28146;
font-size:144%;
font-weight:bold;
margin-bottom:15px;
line-height:1.5;
}
@media screen and (max-width:767px){
#menu .maincontent .navi li .subTtl{
font-size:10pt;
}
}
@media screen and (max-width:980px){
#menu .maincontent .navi li .subTtl .icon{
display:inline-block !important;
width:50px;
margin-right:10px;
}
#menu .maincontent .navi li .subTtl .icon img{
width:100%;
height:auto;
}
}
@media screen and (max-width:767px){
#menu .maincontent .navi li .subTtl .icon{
width:25px;
margin-right:5px;
}
}
#menu .maincontent .navi li .ttl{
font-size:175%;
font-weight:bold;
color:#1B2945;
margin-bottom:20px;
line-height:1.5;
}
@media screen and (max-width:1185px){
#menu .maincontent .navi li .ttl{
font-size:155%;
}
}
@media screen and (max-width:767px){
#menu .maincontent .navi li .ttl{
font-size:12pt;
}
}
#menu .maincontent .navi li .note{
text-align:left;
}
#menu .menuContent{
position:relative;
min-height:535px;
}
#menu .menuContent02{
max-width:1366px;
width:100%;
}
@media screen and (max-width:980px){
#menu .menuContent02{
width:90%;
}
}
#menu .menuContent03{
min-height:365px;
}
@media screen and (max-width:980px){
#menu .menuContent,
#menu .menuContent03{
min-height:inherit;
}
}
#menu .menuContent .img{
position:absolute;
top:0;
width:533px
}
@media screen and (max-width:1185px){
#menu .menuContent .img{
width:430px;
}
}
@media screen and (max-width:980px){
#menu .menuContent .img{
width:100%;
position:static;
margin-bottom:30px;
}
}
@media screen and (max-width:767px){
#menu .menuContent .img{
margin-bottom:15px;
}
}
#menu .menuContent01 .img,
#menu .menuContent03 .img{
left:0;
}
#menu .menuContent02 .img,
#menu .menuContent04 .img{
right:0;
}
#menu .menuContent01 .txtBox,
#menu .menuContent03 .txtBox{
margin-left:580px;
}
@media screen and (max-width:1185px){
#menu .menuContent01 .txtBox,
#menu .menuContent03 .txtBox{
margin-left:470px;
}
}
@media screen and (max-width:980px){
#menu .menuContent01 .txtBox,
#menu .menuContent03 .txtBox{
margin-left:0;
}
}
#menu .menuContent02 .txtBox{
margin-right:780px;
margin-left:auto;
max-width: 435px;
}
@media screen and (max-width:1185px){
#menu .menuContent02 .txtBox{
margin-right:600px;
margin-left:5vw;
max-width:inherit;
}
}
@media screen and (max-width:980px){
#menu .menuContent02 .txtBox{
margin-right:0;
margin-left:0;
}
}
#menu .menuContent04 .txtBox{
margin-right:580px;
}
@media screen and (max-width:1185px){
#menu .menuContent04 .txtBox{
margin-right:470px;
}
}
@media screen and (max-width:980px){
#menu .menuContent04 .txtBox{
margin-right:0;
}
}
#menu .menuContent02 .txtBox .tate{
position:absolute;
top:0;
right:585px;
}
@media screen and (max-width:1185px){
#menu .menuContent02 .txtBox .tate{
right:450px;
}
}

@media screen and (max-width:980px){
#menu .menuContent02 .txtBox .tate{
line-height: 1.5;
letter-spacing:normal;
-webkit-writing-mode:inherit;
-ms-writing-mode:inherit;
writing-mode:inherit;
position:static;
}
}
#menu .menuContent02 .txtBox .tate .line2{
margin-top:3em;
}
@media screen and (max-width:980px){
#menu .menuContent02 .txtBox .tate .line2{
margin-top:0;
}
}
#menu .menuContent .subTtl{
font-size:150%;
font-weight:bold;
color:#B28146;
margin-bottom:10px;
}
@media screen and (max-width:767px){
#menu .menuContent .subTtl{
font-size:11pt;
margin-bottom:5px;
}
}
#menu .menuContent02 .subTtl{
margin-left:20px;
}
@media screen and (max-width:1185px){
#menu .menuContent02 .subTtl{
margin-left:5px;
}
}
#menu .menuContent .ttl{
font-size:219%;
color:#1B2945;
line-height:1.5;
margin-bottom:15px;
}
@media screen and (max-width:767px){
#menu .menuContent .ttl{
font-size:15pt;
}
}
#menu .menuContent .note{
font-size:106%;
}
@media screen and (max-width:767px){
#menu .menuContent .note{
font-size:10pt;
}
}
#menu .menuLine{
margin:90px auto;
width:60%;
max-width:245px;
height:1px;
background:#231815;
}
@media screen and (max-width:767px){
#menu .menuLine{
margin:40px auto;
}
}
/*---------------------------------------*/
/* formContent */
/*---------------------------------------*/
.formContent{
max-width:825px;
margin:0 auto;
}
.formContent table{
margin-top:90px;
width:100%;
}
@media screen and (max-width:767px){
.formContent table{
margin-top:40px;
}
}
.formContent table th{
width:25%;
padding:30px 0 25px;	
}
@media screen and (max-width:767px){
.formContent table th{
width:100%;
display:block;
padding:10px 0 0;	
}
}
.formContent table td{
width:75%;
padding:25px 0;
}
@media screen and (max-width:767px){
.formContent table td{
width:100%;
display:block;
padding:5px 0 10px;	
}
}
.form .txt-l,.form .txt-m,.form .txt-s,.form .txt-area {
border:1px solid #231815;
border-radius: 0;
font-size: 100%;
height: 40px;
padding:0 20px;
width: 100%;
box-sizing:border-box;
-webkit-appearance: none;
cursor:pointer;
vertical-align:middle;
color:#231815;
font-family:"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
@media screen and (max-width: 767px) {
.form .txt-l,.form .txt-m,.form .txt-s,.form .txt-area {
height: 55px;
padding:10px;
}
}
.form .txt-m{
width:47.5%;
margin-right:5%;
}
@media screen and (max-width: 767px) {
.form .txt-m{
width:100%;
margin-right:0;
}
}
.form span:last-child .txt-m{
margin-right:0;
}
@media screen and (max-width: 767px) {
.form span:last-child .txt-m{
margin-top:5px;
}
}
.form .txt-s {
width:44%;
}
@media screen and (max-width: 767px) {
.form .txt-s {
width: 80%;
}
}
.form .txt-area {
height: 340px;
padding-bottom: 10px;
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.form .txt-area {
height:150px;
}
}
.form input[type="text"]:focus,
.form textarea:focus {
outline: 0;
}
.form input[type="radio"]{
vertical-align:middle;
}
.form input:focus, .form textarea:focus, .form select:focus {
border: 1px solid #0E4D95;
}
.form div.wpcf7-validation-errors {
border: 2px solid #0E4D95 !important;
}
.form div.wpcf7-mail-sent-ok {
border: 2px solid #0E4D95;
}
.form div.wpcf7-response-output {
margin-left: 30px !important;
margin-right: 30px !important;
margin-top: 0 !important;
text-align: center;
}
.form span.wpcf7-list-item {
padding-right: 15px;
margin:0;
white-space:nowrap;
}
.form .wpcf7-list-item-label{
margin-left:10px;
}
.form .radio .wpcf7-list-item{
display:block;
margin-bottom:5px;
}
.form .agree{
text-align:center;
margin-bottom:30px;
color:#665442;
}
@media screen and (max-width:767px){
.form .agree{
margin-bottom:10px;
font-size:9pt;
}
}
.form .agree span.wpcf7-list-item{
padding:0;
}
.acceptance{
margin-right:5px;
}
.form .privacyLink{
text-align:center;
margin-bottom:60px;
}
@media screen and (max-width:767px){
.form .privacyLink{
margin-bottom:30px;
font-size:8pt;
}
}
.form .btnSubmit{
padding-bottom:26px;
}
@media screen and (max-width:767px){
.form .btnSubmit{
padding-bottom:21px;
}
}
.form .btnSubmit.disabled{
padding-bottom:0;
opacity:0.3;
}
.form .btnSubmit input{
-webkit-appearance: none;
width:100%;
margin:0 auto;
max-width:295px;
height:60px;
line-height:60px;
display:block;
background:#CC984A;
border-radius:0;
border:1px solid #CC984A;
cursor:pointer;
font-size:114%;
color:#fff;
letter-spacing:0.15em;
font-family:"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.form .btnSubmit input{
font-size:11pt;
height:40px;
line-height:40px;
}
}
.form .btnSubmit input:hover{
background:#fff;
color:#CC984A;
}
.form .btnSubmit.disabled input:hover{
background:#CC984A;
color:#fff;
}
.form .btnSubmitAlert{
font-size:75%;
color: #a5a5a5;
max-width:375px;
margin:5px auto 0;
text-align:center;
}
@media screen and (max-width:767px){
.form .btnSubmitAlert{
font-size:7pt;
}
}
.form .btnSubmitAlert.none{
display:none;
}
/*---------------------------------------*/
/* privacy */
/*---------------------------------------*/
#privacy .privacyContent{
margin:0 auto 1.8em;
max-width:825px;
}
#privacy .privacyContent .bold{
font-weight:bold;
}
#privacy .privacyContent li{
margin-left:1em;
}
#privacy .privacyContent li .dot{
margin-left:-1em;
width:1em;
display:inline-block;
}
#privacy .privacyContent .contact{
margin-top:50px;
}
@media screen and (max-width:767px){
#privacy .privacyContent .contact{
margin-top:20px;
}
}