@charset "UTF-8";

/* *************************************************************

*   Contents CSS
*   Since:2020-07
*   Editor:ricostyle

************************************************************* */


/* COMMON CONTACT */
#Contact #contents .errorHide{display:none;height:0;}
#Contact #contents .error{font-weight:bold;color:#C00;}
#Contact #contents .borderZero{border:0;}


.btn input.sysNextSubmit {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #7287CF 0%, #30428B);
    background: -webkit-gradient(linear, left top, left bottom, from(#7287CF), to(#30428B));
	background:linear-gradient(to bottom, #7287CF, #30428B); /* IE */
    border: 1px solid #30428B;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding: 23px 0;
}

.btn input.sysNextSubmit:hover {
	border: 1px solid #4564B9;
   background: -moz-linear-gradient(top, #89A0DB 0%, #4564B9);
    background: -webkit-gradient(linear, left top, left bottom, from(#89A0DB), to(#4564B9));
	background:linear-gradient(to bottom, #89A0DB, #4564B9); /* IE */
}

.btn input.sysBack {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
		background:linear-gradient(to bottom, #FFF, #EEE); /* IE */
    border: 1px solid #DDD;
    color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding: 23px 0;
}

.btn input.sysBack:hover {
   background: -moz-linear-gradient(top, #FFF 0%, #DDD);
   background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
   	background:linear-gradient(to bottom, #FFF, #DDD); /* IE */
}



/* ==========================================================================
   Media Queries
   ========================================================================== */


@media print,screen and (min-width:640px) {

/* COMMON */
.wrapper{background:#EEEEEE;padding-bottom:40px;}


/* User title */
#Manager h2,#Officechange h2,#Startup h2,#Netowner h2,#Internationaltax h2
{height:80px;padding-top:40px;text-shadow: 2px 2px 3px #000;color:#FFF;font-weight:bold;font-size:2.6em;}
#Manager h2{background:#030D36 url(../manager/img/img_tt.jpg) center top no-repeat;}
#Officechange h2{background:#030D36 url(../officechange/img/img_tt.jpg) center top no-repeat;}
#Startup h2{background:#030D36 url(../startup/img/img_tt.jpg) center top no-repeat;}
#Netowner h2{background:#030D36 url(../netowner/img/img_tt.jpg) center top no-repeat;}
#Internationaltax h2{background:#030D36 url(../internationaltax/img/img_tt.jpg) center top no-repeat;}

/* User Contents */
.wrap1{margin:0 auto;background:#FFF;width:1000px;padding:60px 40px 5px;text-align:left;}
.wrap1 h3{color:#0C278C;font-size:2em;line-height:1.5em;margin-bottom:30px;}
.wrap1 p{line-height:2em;padding-bottom:1.5em;}
.wrap1 .box{background:url(../img_cmn/bg_linegray.png) left bottom repeat-x;padding-bottom:20px;margin-bottom:40px;}

/* ユーザー振り分けコンテンツ */
div#byuser{padding:30px 0;width:1080px;margin:0 auto;}
div#byuser ul li{background:url(../img_cmn/bg_btn.png) center center no-repeat;width:330px;height:100px;padding:5px;display:inline-block;position:relative;position: relative;}
div#byuser ul li:hover{background:url(../img_cmn/bg_btn_on.png) center center no-repeat;}
div#byuser ul li a{color:#555;font-size:1.4em;font-weight:bold;text-align:center;width:330px;height:100px;display: table-cell;vertical-align:middle;}
div#byuser ul li a:hover{color:#000;}




/* Company title */
#Policy h2,#Payment h2,#Service h2,#Flow h2,#Recruit h2,#Contact h2,#Meetingform h2,#About h2,#Links h2,#Contact h2
{font-weight:bold;font-size:1.8em;color:#333;padding:40px 0 40px 40px;text-align:left;width:1040px;margin:0 auto;}

/* Company Contents */
.wrap2{margin:0 auto;background:#FFF;width:1000px;padding:40px;text-align:left;}
.wrap2 h3{background:#E6F5F8;padding:20px 0 20px 40px;font-size:1.5em;text-align:left;font-weight:normal;color:#333;margin-bottom:30px;clear:both;}
.wrap2 p{line-height:2em;margin:0 40px 1.5em;width:920px;}
.wrap2 table{width:920px;margin:0 auto 40px;line-height:1.5em;}
.wrap2 table th{background:#E4E9F5;font-weight:bold;}
.wrap2 table th,.wrap2 table td{border:1px solid #AAA;padding:15px;}

#Flow .flowbox{text-align:center;background:url(../img_cmn/icon_arrow5.png) center bottom no-repeat;padding-bottom:40px;margin-bottom:10px;}
#Flow .flowboxlast{text-align:center;margin-bottom:40px;}
#About .wrap2 iframe{margin-bottom:40px;}


/* ContactForm */
#Contact #contents table{width:100%;margin-bottom:30px;}
#Contact #contents table th{text-align:center;background:#E4E9F5;width:35%;vertical-align:middle;}
#Contact #contents table td{text-align:left;background:#FFF;}
#Contact #contents table th,#Contact #contents table td{padding:10px 20px;border:1px solid #AAA;}

input[type="text"],textarea {
    padding: 0.4em;
    outline: none;
    border: 1px solid #AAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input[type="text"],textarea {width: 95%;}
select{width: 75%;font-size:1.2em;color:#555;padding:5px 0;border:1px solid #AAA;}
input[type="text"]:focus,textarea:focus{
box-shadow: 0 0 7px #62A5DA;border: 1px solid #AAA;}
.btn {text-align:center;}
.btn input{width:290px;margin:0 15px;cursor:pointer;}

}




@media only screen and (max-width:639px) {
/* COMMON */
.wrapper{background:#FFF;}


/* User title */
#Manager h2,#Officechange h2,#Startup h2,#Netowner h2,#Internationaltax h2
{height:80px;padding-top:40px;text-shadow: 2px 2px 3px #000;color:#FFF;font-weight:bold;font-size:2.2em;margin-bottom:20px;line-height:1.5em;}
#Manager h2{background:#030D36 url(../manager/img/img_tt.jpg) center top no-repeat;}
#Officechange h2{background:#030D36 url(../officechange/img/img_tt.jpg) center top no-repeat;}
#Startup h2{background:#030D36 url(../startup/img/img_tt.jpg) center top no-repeat;}
#Netowner h2{background:#030D36 url(../netowner/img/img_tt.jpg) center top no-repeat;}
#Internationaltax h2{background:#030D36 url(../internationaltax/img/img_tt.jpg) center top no-repeat;}

/* User Contents */
.wrap1{margin:0 auto;background:#FFF;width:97%;text-align:left;}
.wrap1 h3{color:#0C278C;font-size:1.5em;line-height:1.3em;margin-bottom:20px;}
.wrap1 p{line-height:1.8em;padding:0 0.3em 1.5em;}
.wrap1 .box{background:url(../img_cmn/bg_linegray.png) left bottom repeat-x;margin-bottom:30px;}

/* ユーザー振り分けは表示させない */
div#byuser{display:none;height:0;}




/* Company title */
#Policy h2,#Payment h2,#Service h2,#Flow h2,#Recruit h2,#Contact h2,#Meetingform h2,#About h2,#Links h2,#Contact h2
{font-weight:bold;font-size:1.6em;color:#333;padding:40px 10px 40px 20px;text-align:left;display:block;margin:0 auto;}


/* Company Contents */
.wrap2{background:#FFF;width:97%;padding:0;margin:0 auto;text-align:left;}
.wrap2 h3{background:#E6F5F8;padding:15px 0 15px 20px;font-size:1.5em;line-height:1.3em;text-align:left;font-weight:normal;color:#333;margin-bottom:20px;clear:both;}
.wrap2 p{line-height:2em;margin:0 0.3em 1.5em;}
.wrap2 table{width:100%;margin:0 auto 40px;line-height:1.5em;}
.wrap2 table th{background:#DBE0F2;font-weight:bold;}
.wrap2 table th,.wrap2 table td{border:1px solid #AAA;padding:10px 5px;word-break: break-all;}

#Service .box2{margin-bottom:30px;}
#About .wrap2 iframe{margin-bottom:40px;}
#Flow .flowbox{text-align:center;background:url(../img_cmn/icon_arrow5.png) center bottom no-repeat;padding-bottom:30px;margin-bottom:10px;}
#Flow .flowboxlast{text-align:center;margin-bottom:40px;}


/* ContactForm */
#Contact #contents table{width:100%;margin-bottom:30px;line-height:1.7em;}
#Contact #contents table th{background:#E4E9F5;}
#Contact #contents table td{background:#FFF;padding:10px 0 20px;}
#Contact #contents table th,#Contact #contents table td{text-align:center;display:block;width:100%;border:none;}

input[type="text"],textarea {
    padding: 0.5em;
    outline: none;
    border: 1px solid #AAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	width:90%;
}
select{width: 90%;font-size:1.2em;color:#555;padding:6px 0;border:1px solid #AAA;}
input[type="text"],textarea {width: 90%;}
input[type="text"]:focus,textarea:focus{
    box-shadow: 0 0 7px #62A5DA;
    border: 1px solid #AAA;
}
.btn {text-align:center;margin-bottom:40px;}
.btn input{width:90%;margin:0 auto 20px;cursor:pointer;}

}