body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
.top {
overflow: hidden;
width: 100%;
height:72px;
}
#wrapper {
width: 100%;
}
section {
width: 100%;
background-color: #f1d202;
padding-top: 45px;
padding-bottom: 8px;
}
#contents1 {
font-size: 24px;
font-weight: bold;
color: #FFF;
text-align: center;
width: 325px;
border: 5px solid #000;
padding: 2%;
margin: 0 auto;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
#contents2 {
text-align: center;
font-size: 48px;
font-weight: bold;
color: #000;
margin: 0 0 1% 0;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
section p {
width: 550px;
margin: 0 auto;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #000;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
p {
width: 800px;
margin: 8px auto;
font-size: 16px;
text-align: center;
color: #333;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
.square_btn {
width: 150px;
margin: 3% auto;
display: block;
padding: 0.8em 2em;
text-decoration: none;
color: #000;
border: solid 1px #000;
border-radius: 40px;
transition: .4s;
font-size: 14px;
font-weight: bold;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
.square_btn:hover {
background: #000;
color: white;
}
h1 {
text-align: center;
margin: 3% auto 2%;
font-size: 26px;
color: #333;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
aside {
background-color: #333;
}
#aside {
color: #fff;
text-align: center;
padding: 10px 0 3px;
}
h2 {
margin: 30px auto 0;
font-size: 30px;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
#aside p {
color: #fff;
text-align: center;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
#button {
background-color: #f1d202;
padding: 5px 0;
width: 100%;
}
h3 {
text-align: center;
font-size: 30px;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
#services {
width: 800px;
margin: 2% auto;
overflow: hidden
}
.service {
float: left;
width: 44%;
border: 3px solid #f1d202;
margin: 1%;
padding: 1%;
font-size: 13px;
text-align: center;
font-weight: bold
}
.service2 {
float: left;
width: 42%;
border: 3px solid #f1d202;
margin: 1%;
padding: 2%;
font-size: 13px;
text-align: center;
font-weight: bold;
}
footer {
background-color: #d2d2d2;
width: 100%;
padding: 2% 0;
}
#followme {
height: 5%;
width: 140px;
margin: 0 auto;
}
.sns {
height: auto;
width: inherit;
margin: 0 auto;
text-align: center;
}
#ijust {
width: 157px;
margin:2% auto 3%;
}
.pankuzu {
background-color: #f1d202;
width: 100%;
padding: 1% 0 0.7% 0;
text-decoration: none;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
.pankuzu span {
margin: 0 0 0 2%;
}
.midashi {
background-color: #efefee;
padding: 1.8% 0 1% 0;
width: 100%;
text-align: center;
position: relative;
}
.midashi img {
width: 360px;
}
.midashi2 {
width: 230px;
text-align: center;
position: absolute;
}
.midashi2 .smallprofile {
margin: 8px 0 0;
}
#text h1 {
width: 800px;
color: #333;/*文字色*/
padding: 0.8em 0;/*上下の余白*/
//border-top: solid 2px #efefee;/*上線*/
//border-bottom: solid 3px #efefee;/*下線*/
margin: 46px auto 28px;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}
#englishtext {
width: 683px;
margin: 0 auto 52px;
}
.opportunity {
width: 583px;
margin: 76px auto 41px;
}
.midashiwaku {
width: 110px;
padding: 13px 830px 11px 30px;
background-color: #efefee;
color: #333;
font-weight: bold;
margin: 20px auto 25px;
}
#englishtext img {
width: 683px;
}
.opportunity img {
width: 583px;
}
#profileus {
margin: 5% 0 3% 0;
}
#profileus p {
text-align: left;
width: 910px;
font-size: 15px;
color: #333;
}
table {
height: 50px;
width: 910px;
margin: 0 auto 75px;
border-collapse:collapse;
}
#profileus2 table tr {
border-bottom: 1px solid #d2d2d2;
}
#profileus2 table th {
width: 64px;
padding: 2px 55px 2px 0;
}
#profileus2 table td {
padding: 2%;
}
#wrapper div#pcboy {
width: 100%;
margin: 0 auto -6px;
overflow: hidden;
}
#dekirudekinai {
margin: 50px auto;
}
#dekirudekinai2 {
width: 684px;
overflow: hidden;
margin: 0 auto;
}
.dekirudekinai2 {
width: 126px;
border: 2px solid #000;
font-size: 21px;
padding: 15px 76px;
float: left;
margin: 30px;
color: #333;
}
#serviceus p {
text-align: left;
width: 910px;
font-size: 15px;
color: #333;
}
.dekirudekinai3 {
width: 110px;
padding: 13px 830px 11px 30px;
border: 1px solid #000;
color: #333;
font-weight: bold;
margin: 20px auto 25px;
}
#serviceus {
margin: 0 auto 100px;
}
.sampleimage p{
width:400px;
text-align: left;
}
.sampleimage {
width: 420px;
float: left;
margin: 50px 43px 0;
}
.sampleimage img {
border: 1px solid #ccc
}
.sampleimage img:hover {
transform: scale(1.1); /*画像の拡大率*/
transition-duration: 0.3s; /*変化に掛かる時間*/
border: 1px solid #ccc
}
#site {
overflow: hidden;
width: 1015px;
margin: 25px auto 100px;
}
#flow {
margin: 55px 0 120px;
}
#flow p {
text-align: left;
width: 910px;
font-size: 15px;
color: #333;
}
.flowmidashi {
width: 266px;
padding: 14px 712px 11px 25px;
background-color: #f1d202d1;
color: #333;
font-weight: bold;
margin: 38px auto 25px;
}
#wrapper #topick {
width: 585px;
margin: 37px auto;
}
#wrapper #topick #oshirase {
font-size: 18px;
width: 21%;
margin: 0 0 0 3%;
font-weight: bold;
color: #333;
}
div#oshirase2 {
padding: 0.8em 0;
border-top: solid 2px #d2d2d2;
border-bottom: solid 3px #d2d2d2;
}
#wrapper #topick #oshirase2 p {
text-align:left;
}
#wrapper #topick #oshirase2 span {
color: red;
}
/* スライダー */
.bxslider3 {
overflow: hidden;
}
.bxslider3 .bxslider {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.bxslider3 ul li img {
width: 100%;
height: auto;
}
.bxslider3 ul li {
opacity: 0.5;
}
.bxslider3 ul li.active {
opacity: 1;
}
.bxslider3 .bx-viewport {
overflow: visible !important;
}
/* ページトップ */
#for_top {
position: fixed;
bottom: 0px;
right: 40px;
z-index: 10;
}
div#form {
margin: 43px auto;
}
/* コンタクトフォーム */
input[type="text"] {
width: 500px;
height: 25px;
}
input[type="email"] {
width: 500px;
height: 25px;
}
input[type="tel"] {
width: 500px;
height: 25px;
}
textarea {
width: 500px;
height: 190px;
}
p.form_tit {
font-weight: bold;
width: 500px;
text-align: left;
}
input[type="submit"] {
border: 1px solid #000;
color: #fff;
background-color: #333;
width: 21%;
padding: 2%;
}
form {
margin: 0 auto 55px;
}
.form_tit .require {
color: #F00;
font-size: 12px;
}
div#error {
margin: 135px auto;
}
.page {
max-height: inherit;
max-width: 100%;
}
.page {
background-color: #efefee;
}
.page img {
width: 90%;
padding: 0 5%;
}
.pc{
display: none;
}
.sp{
display: block;
}
@media screen and (min-width:320px){
/*----------------------------------------320px以上で適用する内容*/
#wrapper {
width: 100%;
overflow: hidden;
}
.top {
height: 51px;
}
#wrapper #toplogo {
padding: 14px 11px 0;
width: 102px;
}
#wrapper #toplogo img {
width: 92px;
height: auto;
}
#nav-drawer {
position: relative;
left: 90%;
bottom: 30px;
}
/*ヘッダーまわりはサイトに合わせて調整してください*/
header {
padding:10px;
background: skyblue;
}
#nav-drawer {
position: relative;
}
/*チェックボックス等は非表示に*/
.nav-unshown {
display:none;
}
/*アイコンのスペース*/
#nav-open {
display: inline-block;
width: 30px;
height: 22px;
vertical-align: middle;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
position: absolute;
height: 3px;/*線の太さ*/
width: 25px;/*長さ*/
border-radius: 3px;
background: #555;
display: block;
content: '';
cursor: pointer;
}
#nav-open span:before {
bottom: -8px;
}
#nav-open span:after {
bottom: -16px;
}
/*閉じる用の薄黒カバー*/
#nav-close {
display: none;/*はじめは隠しておく*/
position: fixed;
z-index: 99;
top: 0;/*全体に広がるように*/
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
/*中身*/
#nav-content {
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 85%;
max-width: 330px;
height: 100%;
background: #000;
transition: .3s ease-in-out;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
opacity: 0.6;
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
display: block;/*カバーを表示*/
opacity: .5;
}
#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);/*中身を表示（右へスライド）*/
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
.nabinaka {
text-align: left;
padding: 20px 35px;
border-bottom: 1px solid #ccc;
}
.nabinaka a {
color: #fff;
text-decoration: none;
}
div#navi {
display: none;
}
#logomark {
margin: -4% 36% 4%;
width: 56%;
}
#logomark img {
width: 50%;
}
#contents1 {
font-size: 14px;
width: 77%;
border: 3px solid #000;
padding: 4%;
}
#contents2 {
font-size: 28px;
}
section p {
width: 84%;
font-size: 12px;
margin: 6% auto 0;
}
section {
padding-bottom: 10px;
}
h1 {
margin: 8% auto 4%;
font-size: 18px;
width: 73%;
}
p {
width: 93%;
font-size: 13px;
margin: 0 auto;
}
.square_btn {
margin: 9% auto;
}
#aside {
padding: 1px 0 3px;
}
h2 {
margin: 20px auto 0;
font-size: 25px;
}
h3 {
font-size: 24px;
}
.service {
float: none;
width: 80%;
margin: 8px auto;
padding: 9px 0;
}
.service2 {
float: none;
width: 80%;
margin: 8px auto;
padding: 18px 2px;
}
#services {
width: 100%;
}
.footericon {
width: 117px;
margin: 0 auto;
}
#followme {
width: 97px;
}
#followme img {
width: 96px;
text-align: center;
}
.sns img {
width: 27px;
}
.sns {
width: 60px;
}
.ijust img {
width: 30px;
}
#ijust {
width: 110px;
margin: 1% auto 2%;
}
#ijust img {
width: 110px;
height: auto;
}
.pankuzu {
background-color: #f1d202;
padding: 1% 0;
}
.midashi2 strong {
font-size: 12px;
}
.smallprofile img {
width: 55%;
}
.midashi img {
width: 233px;
}
.midashi2 {
top: 23%;
right: 15%;
}
#dekirudekinai {
margin: 24px auto;
}
#dekirudekinai2 {
width: 100%;
}
.dekirudekinai2 {
width: 126px;
font-size: 18px;
padding: 11px 60px;
float: none;
margin: 22px auto;
color: #333;
text-align: center;
}
.midashiwaku {
padding: 8px 61% 5px 3%;
margin: 15px auto;
}
#serviceus {
width: 100%;
}
#serviceus p {
width: 96%;
font-size: 13px;
}
.dekirudekinai3 {
padding: 8px 60% 5px 3%;
margin: 15px auto;
}
#text h1 {
width: 100%;
margin: 4% auto 0;
font-size: 15px;
}
#englishtext {
width: 301px;
margin: 0 auto 17px;
}
#englishtext img {
width: 300px;
}
.opportunity {
width: 100%;
margin: 24px 1% 27px;
}
.opportunity img {
width: 97%;
}
#pcboy {
display: none;
}
#profileus p {
width: 96%;
font-size: 12px;
}
table {
width: 96%;
}
#profileus2 table th {
width: 2%;
text-align: left;
font-size: 13px;
padding: 0;
}
#profileus2 table td {
font-size: 13px;
width: 13%;
padding: 4% 0 4% 3%;
}
#site {
width: 100%;
margin: 5% auto 16%;
}
.sampleimage {
width: 100%;
float: none;
margin: 0 auto;
}
.sampleimage img {
border: 1px solid #ccc;
width: 99%;
margin: 6% auto 0;
}
.sampleimage p {
width: 98%;
text-align: left;
}
#wrapper #topick {
width: 96%;
}
p.form_tit {
width: 88%;
}
input[type="text"] {
width: 94%;
margin: 0 auto;
border: 1px solid #ccc;
}
input[type="email"] {
width: 94%;
margin: 0 auto;
border: 1px solid #ccc;
}
input[type="tel"] {
width: 94%;
margin: 0 auto;
border: 1px solid #ccc;
}
textarea {
width: 94%;
margin: 0 auto;
border: 1px solid #ccc;
}
#flow p {
width: 96%;
font-size: 13px;
}
.flowmidashi {
width: 98%;
padding: 8px 60% 6px 3%;
margin: 32px auto 21px;
}
div#form {
margin: 26px auto;
}
#for_top {
position: fixed;
bottom: 0px;
left: 78%;
z-index: 10;
}
}
@media screen and (min-width:375px){
/*-------------------------------------------375px以上で適用する内容*/
.midashi2 {
top: 17%;
right: 21%;
}
.midashiwaku {
padding: 8px 65% 5px 3%;
}
.dekirudekinai3 {
padding: 8px 64% 5px 3%;
}
#contents1 {
font-size: 18px;
}
}
@media screen and (min-width:411px){
/*-------------------------------------------411px以上で適用する内容*/
#contents1 {
font-size: 19px;
}
.midashi2 {
top: 18%;
right: 23%;
margin: 0 auto;
}
.midashiwaku {
padding: 8px 67% 5px 3%;
}
.dekirudekinai3 {
padding: 8px 66% 5px 4%;
}
div#oshirase {
width: 19%;
margin: 0 0 0 3%;
}
}
@media screen and (min-width:768px){
/*-------------------------------------------768px以上で適用する内容*/
.pc{
display: block;
}
.sp{
display: none;
}
#contents1 {
font-size: 23px;
width: 48%;
}
#contents1 {
font-size: 25px;
width: 43%;
}
#contents2 {
font-size: 40px;
}
.midashi2 {
top: 15%;
right: 35%;
}
.flowmidashi {
width: 48%;
padding: 8px 38% 6px 3%;
}
#flow p {
width: 82%;
font-size: 14px;
}
.midashiwaku {
padding: 8px 69% 5px 3%;
}
#serviceus p {
width: 80%;
font-size: 14px;
}
.dekirudekinai3 {
padding: 8px 70% 5px 2%;
}
#site {
overflow: hidden;
width: 94%;
}
.sampleimage {
width: 44%;
float: left;
margin: 0 3% 4%;
}
#text h1 {
font-size: 23px;
}
#englishtext {
width: 55%;
}
#englishtext img {
width: 100%;
}
.opportunity {
width: 70%;
margin: 5% auto 6%;
}
#profileus p {
width: 80%;
font-size: 13px;
}
table {
width: 78%;
}
section p {
width: 56%;
font-size: 16px;
margin: 3% auto 0;
}
.square_btn {
margin: 6% auto;
}
#logomark {
margin: 0% 42% 2%;
width: 37%;
}
#logomark img {
width: 42%;
}
}
@media screen and (min-width:1024px){
/*-------------------------------------------1040px以上で適用する内容*/
.top {
overflow: hidden;
width: 100%;
height:72px;
}
#wrapper {
width: 100%;
}
#wrapper #toplogo {
width: 180px;
text-align: center;
float: left;
padding: 14px 0 2px 0;
}
#wrapper #toplogo img {
width: 140px;
}
#nav-drawer {
display: none;
}
div#navi {
display: block;
}
#wrapper .globalNav {
list-style: none;
width:auto;
float :right;
}
#wrapper .globalNav li {
float: left;
}
#wrapper .globalNav li a {
display: block;
padding: 15px 15px;
text-align: center;
text-decoration: none;
color: #333;
}
a :hover {
color: #ccc;
}
#wrapper .globalNav #contact {
display: block;
padding: 16px 30px;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #000;
}
#logomark {
width: 125px;
margin:1% auto;
}
#logomark img {
width: 100%;
}
section {
width: 100%;
background-color: #f1d202;
padding-top: 45px;
padding-bottom: 8px;
}
#contents1 {
font-size: 24px;
font-weight: bold;
color: #FFF;
text-align: center;
width: 325px;
border: 5px solid #000;
padding: 2%;
margin: 0 auto;
}
#contents2 {
text-align: center;
font-size: 48px;
font-weight: bold;
color: #000;
margin: 0 0 1% 0;
}
section p {
width: 550px;
margin: 0 auto;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #000;
}
p {
width: 800px;
margin: 8px auto;
font-size: 16px;
text-align: center;
color: #333;
}
.square_btn {
width: 150px;
margin: 3% auto;
display: block;
padding: 0.8em 2em;
text-decoration: none;
color: #000;
border: solid 1px #000;
border-radius: 40px;
transition: .4s;
font-size: 14px;
font-weight: bold;
}
.square_btn:hover {
background: #000;
color: white;
}
h1 {
text-align: center;
margin: 3% auto 2%;
font-size: 26px;
color: #333;
}
aside {
background-color: #333;
}
#aside {
color: #fff;
text-align: center;
padding: 10px 0 3px;
}
h2 {
margin: 30px auto 0;
font-size: 30px;
}
#aside p {
color: #fff;
text-align: center;
}
#button {
background-color: #f1d202;
padding: 5px 0;
width: 100%;
}
h3 {
text-align: center;
font-size: 30px;
}
#services {
width: 800px;
margin: 2% auto;
overflow: hidden
}
.service {
float: left;
width: 44%;
border: 3px solid #f1d202;
margin: 1%;
padding: 1%;
font-size: 13px;
text-align: center;
font-weight: bold
}
.service2 {
float: left;
width: 42%;
border: 3px solid #f1d202;
margin: 1%;
padding: 2%;
font-size: 13px;
text-align: center;
font-weight: bold;
}
footer {
background-color: #d2d2d2;
width: 100%;
padding: 2% 0;
}
.footericon {
width: 148px;
margin: 0 auto;
}
#followme {
width: 148px;
}
#followme img {
width: 146px;
}
.sns {
height: auto;
width: inherit;
margin: 0 auto;
text-align: center;
}
.sns img {
width: 47px;
}
#ijust {
width: 110px;
margin: 2% auto 3%;
}
.pankuzu {
background-color: #f1d202;
width: 100%;
padding: 1% 0 0.7% 0;
text-decoration: none;
}
.pankuzu span {
margin: 0 0 0 2%;
}
.midashi {
background-color: #efefee;
padding: 1.8% 0 1% 0;
width: 100%;
text-align: center;
position: relative;
}
.midashi img {
width: 360px;
}
.midashi2 {
width: 230px;
text-align: center;
position: absolute;
top: 17%;
right: 43%;
}
.midashi2 strong {
font-size: 17px;
}
.midashi2 .smallprofile {
margin: 8px 0 0;
}
.smallprofile img {
width: 85%;
}
#text h1 {
width: 800px;
color: #333;/*文字色*/
padding: 0.8em 0;/*上下の余白*/
//border-top: solid 2px #efefee;/*上線*/
//border-bottom: solid 3px #efefee;/*下線*/
margin: 46px auto 28px;
}
#englishtext {
width: 683px;
margin: 0 auto 52px;
}
.opportunity {
width: 583px;
margin: 76px auto 41px;
}
.midashiwaku {
width: 110px;
padding: 13px 830px 11px 30px;
background-color: #efefee;
color: #333;
font-weight: bold;
margin: 20px auto 25px;
}
#englishtext img {
width: 683px;
}
.opportunity img {
width: 583px;
}
#profileus {
margin: 5% 0 3% 0;
}
#profileus p {
text-align: left;
width: 910px;
font-size: 15px;
color: #333;
}
table {
height: 50px;
width: 910px;
margin: 0 auto 75px;
border-collapse:collapse;
}
#profileus2 table tr {
border-bottom: 1px solid #d2d2d2;
}
#profileus2 table th {
width: 64px;
padding: 2% 0 1% 2%;
font-size: 16px;
}
#profileus2 table td {
padding: 3% 40% 2% 4%;
width: 84%;
font-size: 15px;
}
#wrapper div#pcboy {
width: 100%;
margin: 0 auto -6px;
overflow: hidden;
}
#dekirudekinai {
margin: 50px auto;
}
#dekirudekinai2 {
width: 684px;
overflow: hidden;
margin: 0 auto;
}
.dekirudekinai2 {
width: 126px;
border: 2px solid #000;
font-size: 21px;
padding: 15px 76px;
float: left;
margin: 30px;
color: #333;
}
#serviceus p {
text-align: left;
width: 910px;
font-size: 15px;
color: #333;
}
.dekirudekinai3 {
width: 110px;
padding: 13px 830px 11px 30px;
border: 1px solid #000;
color: #333;
font-weight: bold;
margin: 20px auto 25px;
}
#serviceus {
margin: 0 auto 100px;
}
.sampleimage p{
width:400px;
text-align: left;
}
.sampleimage {
width: 420px;
float: left;
margin: 50px 43px 0;
}
.sampleimage img {
border: 1px solid #ccc
}
#site {
overflow: hidden;
width: 1015px;
margin: 25px auto 100px;
}
#flow {
margin: 55px 0 120px;
}
#flow p {
text-align: left;
width: 910px;
font-size: 15px;
color: #333;
}
.flowmidashi {
width: 266px;
padding: 14px 712px 11px 25px;
background-color: #f1d202d1;
color: #333;
font-weight: bold;
margin: 38px auto 25px;
}
#wrapper #topick {
width: 585px;
margin: 37px auto;
}
#wrapper #topick #oshirase {
font-size:18px;
font-weight: bold;
color: #333;
}
div#oshirase2 {
padding: 0.8em 0;
border-top: solid 2px #d2d2d2;
border-bottom: solid 3px #d2d2d2;
}
#wrapper #topick #oshirase2 p {
text-align:left;
}
#wrapper #topick #oshirase2 span {
color: red;
}
/* スライダー */
.bxslider3 {
overflow: hidden;
}
.bxslider3 .bxslider {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.bxslider3 ul li img {
width: 100%;
height: auto;
}
.bxslider3 ul li {
opacity: 0.5;
}
.bxslider3 ul li.active {
opacity: 1;
}
.bxslider3 .bx-viewport {
overflow: visible !important;
}
/* ページトップ */
#for_top {
position: fixed;
bottom: 0px;
right: 40px;
z-index: 10;
}
div#form {
margin: 43px auto;
}
/* コンタクトフォーム */
input[type="text"] {
width: 500px;
height: 25px;
}
input[type="email"] {
width: 500px;
height: 25px;
}
input[type="tel"] {
width: 500px;
height: 25px;
}
textarea {
width: 500px;
height: 190px;
}
p.form_tit {
font-weight: bold;
width: 500px;
text-align: left;
}
form {
margin: 0 auto 55px;
}
.form_tit .require {
color: #F00;
font-size: 12px;
}
div#error {
margin: 135px auto;
}
}
p #shorui {
text-align: left;
}