.pc {
display:block;
}
.sp {
display:none;
}
.tab2 {
display:none;
} body {
color: #593D1E;
font-family: 'Kosugi Maru', sans-serif;
text-align: center;
margin: 0 auto;
height: 100%;
-webkit-text-size-adjust: 100%;
}
#wrap {
width:100%;
text-align:center;
margin:0 auto;
}
#layout {
width:100%;
text-align:center;
margin:0 auto;
overflow:hidden;
}
.width {
width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.width60 {
width: 60%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.width30 {
width: 30%;
text-align:center;
margin-left:auto;
margin-right:auto;
} h1 {
background: url(//www.tsuitachinokai.or.jp/img/common/title_bg.png) center top no-repeat;
font-family: 'Kosugi Maru', sans-serif;
text-align: center;
font-size: 200%;
font-weight: bold;
letter-spacing: 0.2em;
padding-right: 20px;
margin-bottom: 50px;
}
h1 strong {
display: block;
font-weight: normal;
font-size: 45%;
letter-spacing: 0.1em;
color: #E0AB00;
text-align: center;
}
h1 span {
font-size: 50%;
margin-top: -5px;
font-weight: bold;
display: block;
color: #973939;
font-family: 'Abel', sans-serif;
}
.adult h1,
#recruit h1,
#recruitment h1,
#entrysheet h1,
#entry_thanks h1,
#j_kirin h1,
#j_kirinclub h1,
#j_mahora h1,
#j_syukuresare h1,
#j_hortecosmo h1,
#j_equal h1,
#y_mamugurio h1,
#y_toikaru h1,
#y_syukuresare h1,
#y_syukuresare2 h1,
#y_tomari h1,
#y_gurio h1,
#y_wakuwaku h1,
#s_syukuresare h1 {
background: url(//www.tsuitachinokai.or.jp/img/common/title_bg2.png) center top no-repeat;
font-family: 'Kosugi Maru', sans-serif;
text-align: center;
font-size: 200%;
font-weight: bold;
letter-spacing: 0.2em;
padding-right: 0px;
margin-bottom: 50px;
}
h2 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 180%;
margin-bottom: 30px;
line-height: 160%;
position: relative;
padding: 15px 0 15px 70px;
background: url(//www.tsuitachinokai.or.jp/img/common/h2Bg.png) center left no-repeat;
border-bottom: 4px double #D9CEC4;
}
h2 span {
margin-top: -5px;
margin-left: 20px;
padding: 8px 30px;
font-size: 40%;
font-weight: normal;
color: #FFF;
background: #AC6648;
vertical-align: middle;
font-family: 'Abel', sans-serif;
letter-spacing: 0.2em;
border-radius: 100px;
}
.adult h2,
#recruit h2,
#recruitment h2,
#entrysheet h2,
#entry_thanks h2,
#j_kirin h2,
#j_kirinclub h2,
#j_mahora h2,
#j_syukuresare h2,
#j_hortecosmo h2,
#j_equal h2,
#y_mamugurio h2,
#y_toikaru h2,
#y_syukuresare h2,
#y_syukuresare2 h2,
#y_tomari h2,
#y_gurio h2,
#y_wakuwaku h2 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 180%;
margin-bottom: 30px;
line-height: 160%;
position: relative;
padding: 15px 0 15px 0px;
background: none;
border-bottom: 4px double #D9CEC4;
}
h3 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 140%;
font-weight: normal;
background: #3FA24A url(//www.tsuitachinokai.or.jp/img/common/flower.png) center right no-repeat;
color: #FFF;
margin-top: 40px;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 5px;
}
.adult h3,
#recruit h3,
#recruitment h3,
#entrysheet h3,
#entry_thanks h3,
#j_kirin h3,
#j_kirinclub h3,
#j_mahora h3,
#j_syukuresare h3,
#j_hortecosmo h3,
#j_equal h3,
#y_mamugurio h3,
#y_toikaru h3,
#y_syukuresare h3,
#y_syukuresare2 h3,
#y_tomari h3,
#y_gurio h3,
#y_wakuwaku h3 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 140%;
font-weight: normal;
background: #3FA24A;
color: #FFF;
margin-top: 40px;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 5px;
}
h4 {
font-family: 'Kosugi Maru', sans-serif;
font-size: 140%;
text-align: left;
border-left: 6px solid #973939;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 10px;
}
p {
font-size: 100%;
line-height: 180%;
margin-bottom: 20px;
text-align: left;
font-family: 'Kosugi Maru', sans-serif;
}
ul.text {
text-align: left;
font-size: 100%;
padding-bottom: 20px;
}
ul.text li {
line-height: 180%;
padding: 0 0 0 10px;
margin-bottom: 10px;
list-style: inside;
}
ul.text2 {
text-align: left;
font-size: 100%;
padding-bottom: 20px;
}
ul.text2 li {
line-height: 180%;
padding: 0 0 10px 0;
margin-bottom: 10px;
list-style: inside;
border-bottom: 2px dotted #D9CEC4;
}
ul.text3 {
text-align: left;
font-size: 120%;
font-weight: bold;
padding-bottom: 20px;
}
ul.text3 li {
padding: 0 0 10px 0;
margin-bottom: 10px;
list-style: none;
border-bottom: 2px dotted #BFA989;
}
ul.text3 li:before {
content: "●";
color: #FF8E00;
display: block;
float: left;
line-height: 20px;
margin-right: 5px;
margin-top: 5px;
text-align: center;
font-weight: bold;
border-radius: 50%;
}
ul.pdf {
text-align: left;
font-size: 100%;
padding-bottom: 20px;
}
ul.pdf li {
line-height: 200%;
padding: 5px 0 5px 45px;
margin-bottom: 10px;
list-style: none;
background: url(//www.tsuitachinokai.or.jp/img/common/pdf.png) center left no-repeat;
}
dl.text {
counter-reset: my-counter;
list-style: none;
}
dl.text dt {
font-family: 'Kosugi Maru', sans-serif;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
position: relative;
text-align: left;
font-weight: bold;
font-size: 120%;
}
dl.text dt:before {
content: "●";
color: #FF8E00;
display: block;
float: left;
line-height: 20px;
margin-right: 5px;
margin-top: 5px;
text-align: center;
font-weight: bold;
border-radius: 50%;
}
dl.text dd {
text-align: left;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 0px;
font-size: 100%;
border-top: 2px dotted #BFA989;
}
dl.text2 dt {
font-family: 'Kosugi Maru', sans-serif;
margin-bottom: 5px;
padding-top: 0;
padding-bottom: 5px;
position: relative;
text-align: left;
font-weight: bold;
font-size: 110%;
border-bottom: 2px dotted #BFA989;
}
dl.text2 dd {
text-align: left;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 0px;
font-size: 90%;
}
dl.text3 dt {
font-family: 'Kosugi Maru', sans-serif;
padding-top: 0;
padding-bottom: 5px;
position: relative;
text-align: left;
font-weight: bold;
font-size: 110%;
}
dl.text3 dd {
text-align: left;
margin-bottom: 20px;
margin-left: 35px;
padding-bottom: 0px;
font-size: 85%;
} #header {
border-top: 4px solid #79544E;
}
#h_top {
}
#h_t_left {
float: left;
}
#h_t_left p {
font-size: 85%;
margin-top: 10px;
}
#h_t_right {
float: right;
width: 18%;
background: #79544E;
padding: 8px 10px 10px;
border-radius: 0 0 10px 10px;
box-sizing: border-box;
}
#h_t_right p {
float: left;
color: #FFF;
width: 55%;
font-size: 80%;
margin-bottom: 0;
text-align: center;
}
#h_t_right ul li {
list-style: none;
float: left;
}
#h_t_right ul li a {
padding: 5px;
background: #FFF;
color: #79544E;
margin-left: 5px;
border: 1px solid #8C3F3D;
border-radius: 100px;
}
#h_btm {
margin-top: 10px;
}
#h_b_left {
float: left;
}
#h_b_left p {
margin-bottom: 0;
}
#h_b_right {
width: 75%;
float: right;
} #navi {
}
#navi ul li {
float: right;
width: 16.6666%;
font-size: 95%;
box-sizing: border-box;
font-weight: bold;
background: url(//www.tsuitachinokai.or.jp/img/navi/border.png) top left no-repeat;
}
#navi ul li:nth-child(1) {
box-sizing: border-box;
background: url(//www.tsuitachinokai.or.jp/img/navi/border.png) top left no-repeat, url(//www.tsuitachinokai.or.jp/img/navi/border.png) top right no-repeat;
}
#navi ul li span {
margin-top: -4px;
display: block;
font-size: 60%;
letter-spacing: 0.1em;
}
#navi ul li a {
padding: 40px 0 20px 0;
display: block;
color: #593D1E;
border-bottom: 3px solid #FFF;
}
#navi ul li:nth-child(6) a { background: url(//www.tsuitachinokai.or.jp/img/navi/icon01.svg) center 7px no-repeat;}
#navi ul li:nth-child(5) a { background: url(//www.tsuitachinokai.or.jp/img/navi/icon02.svg) center 7px no-repeat;}
#navi ul li:nth-child(4) a { background: url(//www.tsuitachinokai.or.jp/img/navi/icon03.svg) center 7px no-repeat;}
#navi ul li:nth-child(3) a { background: url(//www.tsuitachinokai.or.jp/img/navi/icon04.svg) center 7px no-repeat;}
#navi ul li:nth-child(2) a { background: url(//www.tsuitachinokai.or.jp/img/navi/icon05.svg) center 7px no-repeat;}
#navi ul li:nth-child(1) a { background: url(//www.tsuitachinokai.or.jp/img/navi/icon06.svg) center 7px no-repeat;}
#navi ul li a span {
color: #AC6648;
font-family: 'Abel', sans-serif;
}
#navi ul li a:hover {
text-decoration: none;
transition: 0.3s;
}
#navi ul li a#cat-nav-1:hover { border-bottom: 3px solid #CC5129;}
#navi ul li a#cat-nav-2:hover { border-bottom: 3px solid #BB89B5;}
#navi ul li a#cat-nav-3:hover { border-bottom: 3px solid #7981B5;}
#navi ul li a#cat-nav-4:hover { border-bottom: 3px solid #5CB6C7;}
#navi ul li a#cat-nav-5:hover { border-bottom: 3px solid #D9882D;}
#navi ul li a#cat-nav-6:hover { border-bottom: 3px solid #76BE23;}
#navi ul li:nth-child(6) a:hover {
border-bottom: 3px solid #CC5129;
}
#home #navi ul li a#cat-nav-1 { border-bottom: 3px solid #CC5129;}
#company #navi ul li a#cat-nav-2 { border-bottom: 3px solid #BB89B5;}
#service #navi ul li a#cat-nav-3 { border-bottom: 3px solid #7981B5;}
#information #navi ul li a#cat-nav-4 { border-bottom: 3px solid #5CB6C7;}
#recruit #navi ul li a#cat-nav-5 { border-bottom: 3px solid #D9882D;}
#recruitment #navi ul li a#cat-nav-5,
#entrysheet #navi ul li a#cat-nav-5,
#entry_thanks #navi ul li a#cat-nav-5,
#j_kirin #navi ul li a#cat-nav-5,
#j_kirinclub #navi ul li a#cat-nav-5,
#j_mahora #navi ul li a#cat-nav-5,
#j_syukuresare #navi ul li a#cat-nav-5,
#j_hortecosmo #navi ul li a#cat-nav-5,
#j_equal #navi ul li a#cat-nav-5,
#y_mamugurio #navi ul li a#cat-nav-5,
#y_toikaru #navi ul li a#cat-nav-5,
#y_syukuresare #navi ul li a#cat-nav-5,
#y_syukuresare2 #navi ul li a#cat-nav-5,
#y_tomari #navi ul li a#cat-nav-5,
#y_gurio #navi ul li a#cat-nav-5,
#y_wakuwaku #navi ul li a#cat-nav-5 { border-bottom: 3px solid #D9882D;}
#contact #navi ul li a#cat-nav-6 { border-bottom: 3px solid #76BE23;} #container {
background: #FBF7F1;
}
section {
padding: 0 0 80px 0;
}
#home section {
padding: 100px 0 100px 0;
}
#home section + section {
padding: 0 0 100px 0;
}
.column2 {
width: 48%;
float: left;
margin-bottom: 20px;
margin-right: 4%;
}
.column2:nth-child(2n) {
margin-right:0;
}
.column3 {
width: 31%;
float: left;
margin-bottom: 20px;
margin-right: 3.5%;
}
.column3:nth-child(3n) {
margin-right: 0;
}
.column4 {
width: 23.5%;
float: left;
margin-right: 2%;
margin-bottom: 20px;
}
.column4:nth-child(4n) {
margin-right: 0;
}
.column2Box {
width: 50%;
float: left;
}
.column3Box {
width: 33.33333%;
float: left;
box-sizing: border-box;
}
.l_box {
float: left;
width: 55%;
}
.r_box {
float: right;
width: 40%;
} #main {
position: relative;
z-index: 10;
}
#mainBg {
position: relative;
z-index: 11;
background: url(//www.tsuitachinokai.or.jp/img/common/main_bg.png) center top no-repeat;
margin-top: -70px;
padding-top: 50px;
}
#mainBgBox {
padding: 30px 0 150px;
background: url(//www.tsuitachinokai.or.jp/img/content/top/top_concept.png) right bottom no-repeat;
}
#top_concept {
padding-top: 20px;
}
.top_c_left {
width: 45%;
margin-top: 30px;
}
.title01 {
background: #DB9020;
text-align: center;
padding: 5px 0;
border-radius: 100px;
color: #FFF;
font-size: 140%;
margin-bottom: 30px;
}
.title02 {
background: #D46D8A;
text-align: center;
padding: 5px 0;
border-radius: 100px;
color: #FFF;
font-size: 140%;
margin-bottom: 30px;
}
.title03 {
background: #1AB383;
text-align: center;
padding: 5px 0;
border-radius: 100px;
color: #FFF;
font-size: 140%;
margin-bottom: 30px;
} figure {
margin: 0 auto;
position: relative;
overflow: hidden;
background: #000;
border-right: 1px solid #F3F2E8;
border-bottom: 1px solid #F3F2E8;
border-radius: 10px;
}
figure:hover:after {
transform: scale(1);
}
figcaption p {
position: absolute;
text-align: center;
background: #FFF;
margin: 0;
padding: 10px 0 15px;
width: 60%;
font-weight: bold;
top: 35%;
left: 20%;
border-radius: 5px;
color: #593D1E;
font-size: 130%;
}
figcaption p span {
display: block;
font-size: 50%;
margin-top: -5px;
letter-spacing: 0.2em;
color: #AC6648;
}
figure img {
opacity: .5;
transition: all 1.2s ease-out;
}
figure:hover img {
opacity: .9;
transform: scale(1.2);
} #newsUl {
text-align:left;
margin-bottom: 30px;
}
#newsUl ul {
}
#newsUl ul li {
padding: 30px 0 30px 0;
list-style: none;
border-bottom: 1px dotted #666;
font-size: 100%;
}
#newsUl ul li span {
background: #FF8E00;
font-weight: bold;
color: #FFF;
margin-right: 20px;
padding: 5px 30px;
font-size: 80%;
border-radius: 3px;
text-transform:uppercase;
}
#newsUl ul li a {
padding-left: 20px;
color: #593D1E;
}
#newsUl ul li a:hover {
color: #F58E02;
} #listNavi {
background: #79544E;
padding: 15px 0;
font-size: 70%;
-webkit-text-size-adjust: none;
}
#listNavi div {
text-align: left;
color: #FFF;
}
#listNavi span {
background: url(//www.tsuitachinokai.or.jp/img/common/listBg.png) center left no-repeat;
padding-left: 15px;
}
#listNavi a {
text-decoration: underline;
color: #FFF;
}
#prtMainBg {
background: url(//www.tsuitachinokai.or.jp/img/common/prtBg.png) center top no-repeat;
padding: 50px 0;
background-size: cover;
}
#prtMain {
background: url(//www.tsuitachinokai.or.jp/img/common/prtBg2.png) top right no-repeat;
padding: 200px 0 0;
}
#prtMain h1 {
}
#prtMain h1 span {
} .slider {
margin: 40px auto;
}
.slide_main　{
text-align: center;
margin: 0 auto;
position: relative;
}
.slide_img {
text-align: center;
margin: 0 auto;
width: 100%;
padding: 0 5px;
box-sizing: border-box;
}
.slide_img img {
text-align: center;
margin: 0 auto;
width: 100%;
border-radius: 5px;
}
.slide-arrow {
position: absolute;
top: 50%;
margin-top: -40px;
z-index: 30;
}
.prev-arrow {
left: 30px;
width: 50px;
height: 50px;
}
.next-arrow {
right: 30px;
width: 50px;
height: 50px;
}
.slide_img p {
margin-bottom: 5px;
line-height: 120%;
} #content {
float: right;
width: 780px;
}
.box {
position: relative;
padding-bottom: 20px;
margin-bottom: 40px;
border-bottom: 3px dotted #CCBCB6;
}
.left_box {
width: 30%;
float: left;
}
.right_box {
width: 70%;
float: right;
} .left_joyo_maru_box {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_joyo_maru_box2 {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 85px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_joyo_maru_box {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 100px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_joyo_maru_box2 {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 110px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.right_joyo_waku_box {
background: #F6E6D0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_joyo_waku_box:hover{
background: #DB9020;
transition: 0.3s;
}
.right_joyo_waku_box img {
border-radius: 10px;
}
.right_joyo_waku_box div {
position: relative;
}
.right_joyo_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 28% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_joyo_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
font-weight: bold;
}
.right_joyo_waku_box a p {
color: #593D1E;
}
.right_joyo_waku_box a p:hover {
color: #F58E02;
}
.right_joyo_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 2em;
border-radius: 5px;
display: inline-block;
}
.right_joyo_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_joyo_waku_box2 {
background: #E3A954;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_joyo_waku_box2:hover{
background: #DB9020;
transition: 0.3s;
cursor: pointer;
}
.right_joyo_waku_box2 img {
border-radius: 10px;
}
.right_joyo_waku_box2 strong {
display: block;
padding: 15px 0 10px;
color: #FFF;
line-height: 120%;
}
#home .right_joyo_waku_box2 strong {
display: block;
padding: 20px 0 20px;
color: #FFF;
font-size: 130%;
line-height: 120%;
}
#recruitment .right_joyo_waku_box2 strong {
display: block;
padding: 9px 0;
color: #FFF;
font-size: 100%;
line-height: 120%;
}
.right_joyo_waku_box2 div {
position: relative;
}
.right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 8% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#home .right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 13% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 8% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
.right_joyo_waku_box2 a p {
color: #593D1E;
}
.right_joyo_waku_box2 a p:hover {
color: #F58E02;
}
.right_joyo_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 15px 2em;
border-radius: 5px;
display: inline-block;
}
.right_joyo_waku_box2 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} .left_yawata_maru_box {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_yawata_maru_box2 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 85px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_yawata_maru_box3 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 65px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 100px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box2 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 110px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box3 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 90px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.right_yawata_waku_box {
background: #F4E1E0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box img {
border-radius: 10px;
}
.right_yawata_waku_box div {
position: relative;
}
.right_yawata_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_yawata_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
font-weight: bold;
}
.right_yawata_waku_box a p {
color: #593D1E;
}
.right_yawata_waku_box a p:hover {
color: #F58E02;
}
.right_yawata_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 2em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_yawata_waku_box2 {
background: #DD8FA3;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box2:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box2 img {
border-radius: 10px;
}
.right_yawata_waku_box2 strong {
display: block;
padding: 15px 0 10px;
color: #FFF;
line-height: 120%;
}
#home .right_yawata_waku_box2 strong {
display: block;
padding: 20px 0 20px;
color: #FFF;
font-size: 130%;
line-height: 120%;
}
#recruitment .right_yawata_waku_box2 strong {
display: block;
padding: 9px 0;
color: #FFF;
font-size: 100%;
line-height: 120%;
}
.right_yawata_waku_box2 div {
position: relative;
}
.right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 12% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
font-weight: bold;
}
#home .right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 15% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 11% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
.right_yawata_waku_box2 a p {
color: #593D1E;
}
.right_yawata_waku_box2 a p:hover {
color: #F58E02;
}
.right_yawata_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 15px 1.5em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box2 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_yawata_waku_box3 {
background: #F4E1E0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box3:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box3 img {
border-radius: 10px;
}
.right_yawata_waku_box3 strong {
display: block;
padding: 15px 0 10px;
color: #FFF;
line-height: 120%;
}
.right_yawata_waku_box3 div {
position: relative;
}
.right_yawata_waku_box3 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 20% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
font-weight: bold;
}
.right_yawata_waku_box3 a p {
color: #593D1E;
}
.right_yawata_waku_box3 a p:hover {
color: #F58E02;
}
.right_yawata_waku_box3 p span {
background: rgba(255,255,255,0.85);
padding: 15px 1.5em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box3 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} .left_seika_maru_box {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 100px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 100px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box2 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 110px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box3 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 250px;
height: 250px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box2 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box3 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 90px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box4 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 55px 20px;
width: 200px;
height: 200px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.right_seika_waku_box {
background: #D2F0E7;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_seika_waku_box:hover {
background: #1AB383;
transition: 0.3s;
}
.right_seika_waku_box img {
border-radius: 10px;
}
.right_seika_waku_box div {
position: relative;
}
.right_seika_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_seika_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
font-weight: bold;
}
.right_seika_waku_box a p {
color: #593D1E;
}
.right_seika_waku_box a p:hover {
color: #F58E02;
}
.right_seika_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 1em;
border-radius: 5px;
display: inline-block;
}
.right_seika_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_seika_waku_box2 {
background: #D2F0E7;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_seika_waku_box2:hover {
background: #1AB383;
transition: 0.3s;
}
.right_seika_waku_box2 img {
border-radius: 10px;
}
.right_seika_waku_box2 div {
position: relative;
}
.right_seika_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
.right_seika_waku_box2 a p {
color: #593D1E;
}
.right_seika_waku_box2 a p:hover {
color: #F58E02;
}
.right_seika_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 15px 0.8em;
border-radius: 5px;
display: inline-block;
}
.right_seika_waku_box2 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_seika_waku_box3 {
background: #D2F0E7;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_seika_waku_box3:hover {
background: #1AB383;
transition: 0.3s;
}
.right_seika_waku_box3 img {
border-radius: 10px;
}
.right_seika_waku_box3 div {
position: relative;
}
.right_seika_waku_box3 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 100%;
}
.right_seika_waku_box3 a p {
color: #593D1E;
}
.right_seika_waku_box3 a p:hover {
color: #F58E02;
}
.right_seika_waku_box3 p span {
background: rgba(255,255,255,0.85);
padding: 18px 0.8em;
border-radius: 5px;
display: inline-block;
}
.right_seika_waku_box3 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} .waku img {
border-radius: 10px;
margin-bottom: 20px;
}
.maru img {
border-radius: 100%;	
}
.caption {
border-bottom: 2px dotted #79544E;
padding-bottom: 5px;
font-size: 140%;
}
dl.flow {
position: relative;
}
dl.flow dt {
background: #E0AB00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 25%;
float: left;
padding: 2px 0px;
text-align: center;
margin-bottom: 15px;
color: #FFF;
box-sizing: border-box;
position: relative;
}
dl.flow dt::before {
background: url(//www.tsuitachinokai.or.jp/img/common/arrow.png) bottom left no-repeat;
content: "";
left: 45%;
padding-bottom: 31px;
width: 13px;
height: 7px;
position: absolute;
}
dl.flow dt.noarrow::before {
background: none;
}
dl.flow dd {
width: 70%;
float: right;
text-align: left;
padding: 2px 0px;
margin-bottom: 15px;
box-sizing: border-box;
}
dl.flow2 {
position: relative;
}
dl.flow2 dt {
background: #E0AB00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 35%;
float: left;
padding: 2px 0px;
text-align: center;
margin-bottom: 15px;
color: #FFF;
box-sizing: border-box;
position: relative;
}
dl.flow2 dt::before {
background: url(//www.tsuitachinokai.or.jp/img/common/arrow.png) bottom left no-repeat;
content: "";
left: 45%;
padding-bottom: 31px;
width: 13px;
height: 7px;
position: absolute;
}
dl.flow2 dt.noarrow::before {
background: none;
}
dl.flow2 dd {
width: 60%;
float: right;
text-align: left;
padding: 2px 0px;
margin-bottom: 15px;
box-sizing: border-box;
}
.white_box {
background: #FFF;
border: 3px solid #EFE7E8;
padding: 20px 20px 10px 20px;
box-sizing: border-box;
border-radius: 10px;
} #sidebar {
float: left;
width: 23%;
}
.sideMain h3 {
margin-bottom: 0;
padding: 10px 0 5px;
text-align: center;
border-radius: 100px;
line-height: 100%;
font-size: 140%;
font-weight: normal;
background: #3FA24A;
color: #FFF;
margin-top: 40px;
}
.sideMain h3 span {
font-size: 60%;
display: block;
font-weight: normal;
letter-spacing: 0.2em;
}
#company .sideMain h3 { background: #BB89B5; }
#service .sideMain h3 { background: #7981B5; }
#information .sideMain h3 { background: #5CB6C7; }
#contact .sideMain h3 { background: #76BE23; }
#news .sideMain h3 { background: #FF8E00; }
#recruit .sideMain h3,
#recruitment .sideMain h3,
#entrysheet .sideMain h3,
#entry_thanks .sideMain h3,
#j_kirin .sideMain h3,
#j_kirinclub .sideMain h3,
#j_mahora .sideMain h3,
#j_syukuresare .sideMain h3,
#j_hortecosmo .sideMain h3,
#j_equal .sideMain h3,
#y_mamugurio .sideMain h3,
#y_toikaru .sideMain h3,
#y_syukuresare .sideMain h3,
#y_syukuresare2 .sideMain h3,
#y_tomari .sideMain h3,
#y_gurio .sideMain h3,
#y_wakuwaku .sideMain h3 {
margin-bottom: 0;
padding: 10px 0 5px;
text-align: center;
border-radius: 100px;
line-height: 100%;
font-size: 140%;
font-weight: normal;
background: #D9882D;
color: #FFF;
margin-top: 40px;
}
.sideMain ul li {
list-style: none;
box-sizing: border-box;
position: relative;
line-height: 120%;
padding-left: 25px;
}
.sideMain ul li a {
background: url(//www.tsuitachinokai.or.jp/img/side/border.png) bottom left repeat-x;
}
.sideMain ul li:before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
box-sizing: border-box;
left: 0;
top: 20px;
}
#company .sideMain ul li:before { border: 4px solid #BB89B5; }
#service .sideMain ul li:before { border: 4px solid #7981B5; }
#service .sideMain ul li:before { border: 4px solid #E78D01; }
#service .sideMain ul + ul li:before { border: 4px solid #1AB383; }
#service .sideMain ul + ul + ul li:before { border: 4px solid #1AB383; }
#information .sideMain ul li:before { border: 4px solid #5CB6C7; }
#recruit .sideMain ul li:before { border: 4px solid #D9882D; }
#entrysheet .sideMain ul li:before,
#entry_thanks .sideMain ul li:before,
#recruitment .sideMain ul li:before,
#j_kirin .sideMain ul li:before,
#j_kirinclub .sideMain ul li:before,
#j_mahora .sideMain ul li:before,
#j_syukuresare .sideMain ul li:before,
#j_hortecosmo .sideMain ul li:before,
#j_equal .sideMain ul li:before,
#y_mamugurio .sideMain ul li:before,
#y_toikaru .sideMain ul li:before,
#y_syukuresare .sideMain ul li:before,
#y_syukuresare2 .sideMain ul li:before,
#y_tomari .sideMain ul li:before,
#y_gurio .sideMain ul li:before,
#y_wakuwaku .sideMain ul li:before { border: 4px solid #D9882D; }
#contact .sideMain ul li:before { border: 4px solid #76BE23; }
#news .sideMain ul li:before { border: 4px solid #FF8E00; }
.sideMain ul li a {
text-align: left;
width: 100%;
padding: 20px 0;
display: block;
color: #593D1E;
} #footer {
background: #FFF url(//www.tsuitachinokai.or.jp/img/footer/footer_bg.png) center top no-repeat;
padding-top: 80px;
}
#f_main {
margin-top: 100px;
padding-bottom: 100px;
background: url(//www.tsuitachinokai.or.jp/img/footer/f_main_bg.png) center bottom no-repeat;
background-size: contain;
}
.f_left {
float: left;
width: 30%;
}
.f_left p {
line-height: 150%;
}
.f_left ul li {
list-style: none;
text-align: left;
float: left;
font-size: 85%;
padding-right: 20px;
}
.f_left ul li a {
color: #593D1E;
}
.f_right {
float: right;
width: 60%;
}
.sitemap {
float: right;
text-align: left;
margin-left: 7%;
}
.sitemap a {
color: #593D1E;
}
.sitemap:nth-child(1) dl dt {
width: 160px;
}
.sitemap:nth-child(3) dl dt {
width: 160px;
}
.sitemap:nth-child(3) {
margin-left: 0;
}
.sitemap dl {
margin-bottom: 30px;
}
.sitemap dl dt {
border-bottom: 1px dotted #973939;
font-size: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
font-weight: bold;
}
.sitemap dl dd {
font-size: 85%;
margin-bottom: 10px;
padding-left: 10px;
background: url(//www.tsuitachinokai.or.jp/img/footer/arrow.png) center left no-repeat;
}
address {
text-align: center;
font-style: normal;
color: #FFF;
font-size: 80%;
margin-top: -5px;
padding: 20px 0;
background: url(//www.tsuitachinokai.or.jp/img/footer/footer_address.png) center bottom no-repeat;
background-size: cover;
} div.normalTbl input {
font-size: 100%;
height: 25px;
color: #666;
}
div.normalTbl select {
color: #666;
font-size: 100%;
}
div.normalTbl textarea {
color: #666;
font-size: 100%;
border-color: #CCC;
}
.icon {
padding-bottom: 4px;
}
.formButton {
text-align:center;
margin:0 auto;
display: block;
margin-top: 40px;
}
.formButton input {
padding:20px 10%;
text-align: center;
margin: 0 auto;
border-style: none;
background:#FF9800;
color: #FFF;
font-weight: bold;
font-size: 100%;
border-radius: 4px;
cursor: pointer;
}
.formButton input:hover {
transition: 0.3s;
background: #D46D8A;
}
.loading {
width: 100%;
height: 100%;
background: rgba(255,255,255,1.0);
position: fixed;
top: 0;
left: 0;
z-index: 20000;
}
.loading img {
width: 70px;
height: 70px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
} .btn {
background: #FF9800;
color: #FFF;
font-size: 100%;
margin: 0 auto;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.btn a {
color: #FFFFFF;
transition: 0.3s;
text-decoration: none;
display: block;
padding: 15px 0 ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.btn a:hover {
color: #FFFFFF;
transition: 0.3s;
text-decoration: underline;
background-color: #F24029;
}
.btn2 {
background: #973939;
text-align: center;
font-size: 95%;
margin: 0 auto 10px;
border-radius: 5px;
}
.btn2 a {
color: #FFF;
transition: 0.3s;
text-decoration: none;
display: block;
padding: 15px 0;
font-weight: bold;
border-radius: 5px;
}
.btn2 a:hover {
transition: 0.3s;
text-decoration: none;
color: #FFF;
background: #FF9800;
} #page-top {
position: fixed;
bottom: 10px;
right: 10px;
font-size: 80%;
z-index: 50;
background: url(//www.tsuitachinokai.or.jp/img/footer/balloon.png) center top no-repeat;
padding-top: 100px;
padding-left: 20px;
padding-right: 20px;
}
#page-top a {
background: #79544E;
text-decoration: none;
color: #fff;
padding: 20px 15px;
text-align: center;
display: block;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
#page-top a:hover {
text-decoration: none;
background: #973939;
} #recruit h2.entry-title {
display: none;
}
.back_recruit {
border-top: 1px solid #D9CEC4;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 0px;
text-align: center;
}
.entry-footer {
border: 1px solid #E5DDC8;
background: #FFF;
padding: 15px;
margin: 50px 0;
}
.pageback {
border-top: 4px solid #009E3E;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
.author {
display: none;
}
.navigation {
display: none;
}
.pagination {
clear: both;
margin-top: 50px;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #fff; background: #79544E; }
.pagination a:hover{
color: #fff; background: #E0AB00; }
.pagination .current{
padding: 10px 15px 10px 15px;
color: #FFF; background: #E0AB00; }
@media only screen and (max-width: 413px) {
.pagination {
font-size: 12px;
line-height: 12px;
}
.pagination span, .pagination a {
padding: 8px 10px 8px 10px;
}
.pagination .current{
padding: 8px 10px 8px 10px;
}
} @media only screen and (max-width: 768px) {
.pc {
display: block;
}
.sp {
display:none;
}
.width {
width:95%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#h_t_right {
float: right;
width: 25%;
background: #79544E;
padding: 8px 10px 10px;
border-radius: 0 0 10px 10px;
box-sizing: border-box;
}
#navi ul li {
float: right;
width: 16.6666%;
font-size: 85%;
box-sizing: border-box;
font-weight: bold;
background: url(//www.tsuitachinokai.or.jp/img/navi/border.png) top left no-repeat;
}
#content {
float: none;
width: 100%;
}
#sidebar {
float: none;
width: 100%;
}
.sideMain ul li {
list-style: none;
box-sizing: border-box;
position: relative;
width: 50%;
float: left;
line-height: 120%;
padding-left: 25px;
background: url(//www.tsuitachinokai.or.jp/img/side/border.png) bottom left repeat-x;
}
.sideMain ul li:before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
box-sizing: border-box;
left: 0;
top: 20px;
}
.sideMain ul li a {
text-align: left;
width: 100%;
padding: 20px 0;
display: block;
color: #593D1E;
} .left_joyo_maru_box {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 65px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_joyo_maru_box2 {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_joyo_maru_box {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 65px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_joyo_maru_box2 {
background: #F6E6D0;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.right_joyo_waku_box {
background: #F6E6D0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_joyo_waku_box:hover{
background: #DB9020;
transition: 0.3s;
}
.right_joyo_waku_box img {
border-radius: 10px;
}
.right_joyo_waku_box div {
position: relative;
}
.right_joyo_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
.right_joyo_waku_box a p {
color: #593D1E;
}
.right_joyo_waku_box a p:hover {
color: #F58E02;
}
.right_joyo_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 2em;
border-radius: 5px;
display: inline-block;
}
.right_joyo_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_joyo_waku_box2 {
background: #E3A954;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_joyo_waku_box2:hover{
background: #DB9020;
transition: 0.3s;
cursor: pointer;
}
.right_joyo_waku_box2 img {
border-radius: 10px;
}
.right_joyo_waku_box2 strong {
display: block;
padding: 15px 0 10px;
color: #FFF;
line-height: 120%;
}
#home .right_joyo_waku_box2 strong {
display: block;
padding: 5px 0 10px;
color: #FFF;
font-size: 110%;
line-height: 120%;
}
.right_joyo_waku_box2 div {
position: relative;
}
.right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 8% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
#home .right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 8% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
.right_joyo_waku_box2 a p {
color: #593D1E;
}
.right_joyo_waku_box2 a p:hover {
color: #F58E02;
}
.right_joyo_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 15px 1.5em;
border-radius: 5px;
display: inline-block;
}
.right_joyo_waku_box2 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} .left_yawata_maru_box {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 65px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_yawata_maru_box2 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_yawata_maru_box3 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 55px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 65px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box2 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box3 {
background: #F4E1E0;
border-radius: 100%;
vertical-align: middle;
padding: 55px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.right_yawata_waku_box {
background: #F4E1E0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box img {
border-radius: 10px;
}
.right_yawata_waku_box div {
position: relative;
}
.right_yawata_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 20% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
.right_yawata_waku_box a p {
color: #593D1E;
}
.right_yawata_waku_box a p:hover {
color: #F58E02;
}
.right_yawata_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 2em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_yawata_waku_box2 {
background: #DD8FA3;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box2:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box2 img {
border-radius: 10px;
}
.right_yawata_waku_box2 strong {
display: block;
padding: 15px 0 10px;
color: #FFF;
line-height: 120%;
}
#home .right_yawata_waku_box2 strong {
display: block;
padding: 5px 0 10px;
color: #FFF;
font-size: 110%;
line-height: 120%;
}
.right_yawata_waku_box2 div {
position: relative;
}
.right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 8% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
#home .right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 8% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
.right_yawata_waku_box2 a p {
color: #593D1E;
}
.right_yawata_waku_box2 a p:hover {
color: #F58E02;
}
.right_yawata_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 15px 1.5em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box2 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} .left_seika_maru_box {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 70px 10px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 70px 10px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box2 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 80px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box3 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 45px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box2 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 65px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box3 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 75px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box4 {
background: #BAE8DA;
border-radius: 100%;
vertical-align: middle;
padding: 55px 20px;
width: 180px;
height: 180px;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.right_seika_waku_box {
background: #D2F0E7;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_seika_waku_box:hover {
background: #1AB383;
transition: 0.3s;
}
.right_seika_waku_box img {
border-radius: 10px;
}
.right_seika_waku_box div {
position: relative;
}
.right_seika_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 20% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_seika_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 20% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
font-weight: bold;
}
.right_seika_waku_box a p {
color: #593D1E;
}
.right_seika_waku_box a p:hover {
color: #F58E02;
}
.right_seika_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 1em;
border-radius: 5px;
display: inline-block;
}
.right_seika_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} #footer {
background: #FFF url(//www.tsuitachinokai.or.jp/img/footer/footer_bg3.png) center top no-repeat;
padding-top: 80px;
background-size: 100%;
}
#f_main {
margin-top: 100px;
padding-bottom: 100px;
background: url(//www.tsuitachinokai.or.jp/img/footer/f_main_bg.png) center bottom no-repeat;
background-size: 100%;
}
.f_left {
float: none;
width: 45%;
margin: 0 auto 50px;
}
.f_left p {
line-height: 150%;
text-align: center;
}
.f_left ul li {
list-style: none;
text-align: center;
float: none;
display: inline;
font-size: 85%;
padding-right: 20px;
}
.f_left ul li a {
color: #593D1E;
}
.f_right {
float: none;
width: 100%;
}
.sitemap {
float: right;
text-align: left;
margin-left: 4%;
}
.sitemap a {
color: #593D1E;
}
.sitemap:nth-child(1) dl dt {
width: 200px;
}
.sitemap:nth-child(1) dl dt {
width: 200px;
}
.sitemap:nth-child(3) dl dt {
width: 200px;
}
.sitemap:nth-child(3) {
margin-left: 0;
}
.sitemap dl {
margin-bottom: 30px;
}
.sitemap dl dt {
border-bottom: 1px dotted #973939;
font-size: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
font-weight: bold;
}
.sitemap dl dd {
font-size: 85%;
margin-bottom: 10px;
padding-left: 10px;
background: url(//www.tsuitachinokai.or.jp/img/footer/arrow.png) center left no-repeat;
}
}  @media only screen and (max-width: 750px) {
.pc {
display: none;
}
#header {
border-top: 4px solid #79544E;
}
#h_top {
}
#h_t_left {
float: left;
}
#h_t_left p {
font-size: 85%;
margin-top: 10px;
}
#h_t_right {
float: right;
width: 30%;
background: #79544E;
padding: 8px 10px 10px;
border-radius: 0 0 10px 10px;
box-sizing: border-box;
}
#h_t_right p {
float: left;
color: #FFF;
width: 55%;
font-size: 80%;
margin-bottom: 0;
text-align: center;
}
#h_t_right ul li {
list-style: none;
float: left;
}
#h_t_right ul li a {
padding: 5px;
background: #FFF;
color: #79544E;
margin-left: 5px;
border: 1px solid #8C3F3D;
border-radius: 100px;
}
#h_btm {
margin-top: -10px;
}
#h_b_left {
float: none;
}
#h_b_left p {
margin-bottom: 0;
}
#h_b_right {
margin-top: 10px;
width: 100%;
float: none;
} #main {
position: relative;
z-index: 10;
}
#mainBg {
position: relative;
z-index: 11;
background: url(//www.tsuitachinokai.or.jp/img/common/main_bg.png) center top no-repeat;
margin-top: -70px;
padding-top: 50px;
}
#mainBgBox {
padding: 0px 0 450px;
background: url(//www.tsuitachinokai.or.jp/img/content/top/top_concept.png) right bottom no-repeat;
background-size: 100%;
}
#top_concept {
padding-top: 20px;
}
.top_c_left {
width: 100%;
margin-top: 0px;
}
.f_right {
float: right;
width: 100%;
}
.sitemap {
float: right;
text-align: left;
margin-left: 7%;
}
.sitemap a {
color: #593D1E;
}
.sitemap:nth-child(1) dl dt {
width: 120px;
}
.sitemap:nth-child(3) dl dt {
width: 120px;
}
.sitemap:nth-child(3) {
margin-left: 0;
}
}  @media only screen and (max-width: 640px) {
.pc {
display:none;
}
.sp {
display:block;
}
.width {
width:95%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.width60 {
width:95%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.width30 {
width:95%;
text-align:center;
margin-left:auto;
margin-right:auto;
} h1 {
background: url(//www.tsuitachinokai.or.jp/img/common/title_bg2.png) center top no-repeat;
font-family: 'Kosugi Maru', sans-serif;
text-align: center;
font-size: 200%;
font-weight: bold;
letter-spacing: 0.2em;
padding-right: 0px;
margin-bottom: 50px;
}
h1 strong {
display: block;
font-weight: normal;
font-size: 45%;
letter-spacing: 0.1em;
color: #E0AB00;
text-align: center;
}
h1 span {
font-size: 50%;
margin-top: -5px;
font-weight: bold;
display: block;
color: #973939;
font-family: 'Abel', sans-serif;
}
.adult h1,
#recruit h1 {
background: url(//www.tsuitachinokai.or.jp/img/common/title_bg2.png) center top no-repeat;
font-family: 'Kosugi Maru', sans-serif;
text-align: center;
font-size: 200%;
font-weight: bold;
letter-spacing: 0.2em;
padding-right: 20px;
margin-bottom: 50px;
}
h2 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 180%;
margin-bottom: 30px;
line-height: 130%;
position: relative;
padding: 15px 0 15px 70px;
letter-spacing: 0.1em;
background: url(//www.tsuitachinokai.or.jp/img/common/h2Bg.png) center left no-repeat;
border-bottom: 4px double #D9CEC4;
}
h2 span {
display: table-cell;
margin-top: 0px;
margin-left: 0px;
padding: 5px 30px;
font-size: 40%;
font-weight: normal;
color: #FFF;
background: #AC6648;
vertical-align: middle;
font-family: 'Abel', sans-serif;
letter-spacing: 0.1em;
border-radius: 100px;
}
.adult h2,
#recruit h2 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 180%;
margin-bottom: 30px;
line-height: 160%;
position: relative;
padding: 15px 0 15px 0px;
background: none;
border-bottom: 4px double #D9CEC4;
}
h3 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 140%;
font-weight: normal;
background: #3FA24A url(//www.tsuitachinokai.or.jp/img/common/flower.png) center right no-repeat;
color: #FFF;
margin-top: 40px;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 5px;
}
.adult h3 {
font-family: 'Kosugi Maru', sans-serif;
text-align: left;
font-size: 140%;
font-weight: normal;
background: #3FA24A;
color: #FFF;
margin-top: 40px;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 5px;
}
h4 {
font-family: 'Kosugi Maru', sans-serif;
font-size: 140%;
text-align: left;
border-left: 6px solid #973939;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 10px;
} #header {
border-top: 4px solid #79544E;
}
#h_top {
display: none;
}
#h_btm {
margin-top: 20px;
margin-bottom: 20px;
}
#h_b_left {
float: left;
}
#h_b_left p {
margin-bottom: 0;
}
#h_b_right {
margin-top: 0px;
width: 45%;
float: right;
} #navi {
display: none;
} #container {
background: #FBF7F1;
}
section {
padding: 0 0 80px 0;
}
#home section {
padding: 100px 0 100px 0;
}
#home section + section {
padding: 0 0 100px 0;
}
.column2 {
width: 100%;
float: none;
margin-bottom: 20px;
margin-right: 0%;
}
.column2:nth-child(2n) {
margin-right:0;
}
.column3 {
width: 48%;
float: left;
margin-bottom: 20px;
margin-right: 2%;
}
.column3:nth-child(3n) {
margin-right: 2%;
}
.column3:nth-child(2n) {
margin-right: 0;
}
.column4 {
width: 23.5%;
float: left;
margin-right: 2%;
margin-bottom: 20px;
}
.column4:nth-child(4n) {
margin-right: 0;
}
.column2Box {
width: 50%;
float: left;
}
.column3Box {
width: 90%;
float: none;
box-sizing: border-box;
text-align: center;
margin: 0 auto 10px;
}
.l_box {
float: none;
width: 100%;
}
.r_box {
float: none;
width: 100%;
} #main {
position: relative;
z-index: 10;
}
#mainBg {
position: relative;
z-index: 11;
background: url(//www.tsuitachinokai.or.jp/img/common/main_bg.png) center top no-repeat;
margin-top: -50px;
padding-top: 50px;
}
#mainBgBox {
padding: 50px 0 250px;
background: url(//www.tsuitachinokai.or.jp/img/content/top/top_concept.png) right bottom no-repeat;
background-size: 100%;
}
#top_concept {
padding-top: 20px;
}
.top_c_left {
width: 100%;
margin-top: 0;
}
.title01 {
background: #DB9020;
text-align: center;
padding: 5px 0;
border-radius: 100px;
color: #FFF;
font-size: 140%;
margin-bottom: 20px;
}
.title02 {
background: #D46D8A;
text-align: center;
padding: 5px 0;
border-radius: 100px;
color: #FFF;
font-size: 140%;
margin-bottom: 20px;
}    #prtMainBg {
background: url(//www.tsuitachinokai.or.jp/img/common/prtBg.png) center top no-repeat;
padding: 50px 0;
background-size: cover;
}
#prtMain {
background: url(//www.tsuitachinokai.or.jp/img/common/prtBg2.png) top right no-repeat;
padding: 200px 0 0;
background-size: 70%;
}
#prtMain h1 {
}
#prtMain h1 span {
}  #content {
float: none;
width: 100%;
}
.box {
position: relative;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 3px dotted #CCBCB6;
}
.left_box {
width: 100%;
float: none;
}
.right_box {
width: 100%;
float: none;
} .left_joyo_maru_box {
background: #F6E6D0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
.left_joyo_maru_box2 {
background: #F6E6D0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
#home .left_joyo_maru_box {
background: #F6E6D0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
#home .left_joyo_maru_box2 {
background: #F6E6D0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
.right_joyo_waku_box {
background: #F6E6D0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_joyo_waku_box:hover{
background: #DB9020;
transition: 0.3s;
}
.right_joyo_waku_box img {
border-radius: 10px;
}
.right_joyo_waku_box div {
position: relative;
}
.right_joyo_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 30% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_joyo_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 23% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 100%;
}
.right_joyo_waku_box a p {
color: #593D1E;
}
.right_joyo_waku_box a p:hover {
color: #F58E02;
}
.right_joyo_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 2em;
border-radius: 5px;
display: inline-block;
}
#recruitment .right_joyo_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 10px 0.8em;
border-radius: 5px;
display: inline-block;
}
.right_joyo_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_joyo_waku_box2 {
background: #E3A954;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_joyo_waku_box2:hover{
background: #DB9020;
transition: 0.3s;
cursor: pointer;
}
.right_joyo_waku_box2 img {
border-radius: 10px;
}
.right_joyo_waku_box2 strong {
display: block;
padding: 10px 0 15px;
color: #FFF;
font-size: 120%;
}
#home .right_joyo_waku_box2 strong {
display: block;
padding: 10px 0 15px;
color: #FFF;
font-size: 120%;
line-height: 120%;
}
#recruitment .right_joyo_waku_box2 strong {
display: block;
padding: 10px 0 15px;
color: #FFF;
font-size: 88%;
line-height: 120%;
}
.right_joyo_waku_box2 div {
position: relative;
}
.right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 12% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#home .right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 12% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_joyo_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 8% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 100%;
}
.right_joyo_waku_box2 a p {
color: #593D1E;
}
.right_joyo_waku_box2 a p:hover {
color: #F58E02;
}
.right_joyo_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 15px 1.5em;
border-radius: 5px;
display: inline-block;
}
#recruitment .right_joyo_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 10px 0.8em;
border-radius: 5px;
display: inline-block;
}
.right_joyo_waku_box2 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} .left_yawata_maru_box {
background: #F4E1E0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
.left_yawata_maru_box2 {
background: #F4E1E0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
.left_yawata_maru_box3 {
background: #F4E1E0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box {
background: #F4E1E0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box2 {
background: #F4E1E0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
#home .left_yawata_maru_box3 {
background: #F4E1E0;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
¥
.right_yawata_waku_box {
background: #F4E1E0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box img {
border-radius: 10px;
}
.right_yawata_waku_box div {
position: relative;
}
.right_yawata_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_yawata_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 100%;
}
.right_yawata_waku_box a p {
color: #593D1E;
}
.right_yawata_waku_box a p:hover {
color: #F58E02;
}
.right_yawata_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 15px 2em;
border-radius: 5px;
display: inline-block;
}
#recruitment .right_yawata_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 10px 1em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_yawata_waku_box2 {
background: #DD8FA3;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box2:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box2 img {
border-radius: 10px;
}
.right_yawata_waku_box2 strong {
display: block;
padding: 10px 0 15px;
color: #FFF;
font-size: 120%;
}
#home .right_yawata_waku_box2 strong {
display: block;
padding: 10px 0 15px;
color: #FFF;
font-size: 120%;
line-height: 120%;
}
#recruitment .right_yawata_waku_box2 strong {
display: block;
padding: 10px 0 15px;
color: #FFF;
font-size: 88%;
line-height: 120%;
}
.right_yawata_waku_box2 div {
position: relative;
}
.right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 15% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
#home .right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 15% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 120%;
}
#recruitment .right_yawata_waku_box2 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 10% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 100%;
}
.right_yawata_waku_box2 a p {
color: #593D1E;
}
.right_yawata_waku_box2 a p:hover {
color: #F58E02;
}
.right_yawata_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 15px 1.5em;
border-radius: 5px;
display: inline-block;
}
#recruitment .right_yawata_waku_box2 p span {
background: rgba(255,255,255,0.85);
padding: 10px 0.8em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box2 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_yawata_waku_box3 {
background: #F4E1E0;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_yawata_waku_box3:hover {
background: #D46D8A;
transition: 0.3s;
}
.right_yawata_waku_box3 img {
border-radius: 10px;
}
.right_yawata_waku_box3 strong {
display: block;
padding: 15px 0 10px;
color: #FFF;
line-height: 120%;
}
.right_yawata_waku_box3 div {
position: relative;
}
.right_yawata_waku_box3 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 30% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
font-weight: bold;
}
.right_yawata_waku_box3 a p {
color: #593D1E;
}
.right_yawata_waku_box3 a p:hover {
color: #F58E02;
}
.right_yawata_waku_box3 p span {
background: rgba(255,255,255,0.85);
padding: 15px 1.5em;
border-radius: 5px;
display: inline-block;
}
.right_yawata_waku_box3 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
} .left_seika_maru_box {
background: #BAE8DA;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box {
background: #BAE8DA;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
box-sizing: border-box;
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box2 {
background: #BAE8DA;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
#home .left_seika_maru_box3 {
background: #BAE8DA;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box2 {
background: #BAE8DA;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
margin: 0 auto 20px;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box3 {
background: #BAE8DA;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.left_seika_maru_box4 {
background: #BAE8DA;
border-radius: 5px;
vertical-align: middle;
padding: 10px 10px;
width: 100%;
height: auto;
box-sizing: border-box;
text-align: center;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}
.right_seika_waku_box {
background: #D2F0E7;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_seika_waku_box:hover {
background: #1AB383;
transition: 0.3s;
}
.right_seika_waku_box img {
border-radius: 10px;
}
.right_seika_waku_box div {
position: relative;
}
.right_seika_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 30% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 130%;
}
#recruitment .right_seika_waku_box p {
position:absolute;
display:block;
top:0;
left:0;
padding: 25% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 100%;
font-weight: bold;
}
.right_seika_waku_box a p {
color: #593D1E;
}
.right_seika_waku_box a p:hover {
color: #F58E02;
}
.right_seika_waku_box p span {
background: rgba(255,255,255,0.85);
padding: 10px 1em;
border-radius: 5px;
display: inline-block;
}
.right_seika_waku_box p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}
.right_seika_waku_box3 {
background: #D2F0E7;
padding: 7px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}
.right_seika_waku_box3:hover {
background: #1AB383;
transition: 0.3s;
}
.right_seika_waku_box3 img {
border-radius: 10px;
}
.right_seika_waku_box3 div {
position: relative;
}
.right_seika_waku_box3 p {
position:absolute;
display:block;
top:0;
left:0;
padding: 20% 0;
width:100%;
height:100%;
text-align: center;
vertical-align: middle;
font-size: 100%;
}
.right_seika_waku_box3 a p {
color: #593D1E;
}
.right_seika_waku_box3 a p:hover {
color: #F58E02;
}
.right_seika_waku_box3 p span {
background: rgba(255,255,255,0.85);
padding: 10px 0.5em;
border-radius: 5px;
display: inline-block;
}
.right_seika_waku_box3 p span em {
font-style: normal;
font-size: 70%;
display: block;
margin-top: -5px;
}  #sidebar {
float: none;
width: 100%;
margin-bottom: 50px;
}
.sideMain ul li ul li{
display: none;
}
.sideMain ul li a br {
display: none;
} #footer {
background: #FFF url(//www.tsuitachinokai.or.jp/img/footer/footer_bg2.png) center top no-repeat;
padding-top: 30px;
background-size: contain;
}
#f_main {
margin-top: 100px;
padding-bottom: 100px;
background: url(//www.tsuitachinokai.or.jp/img/footer/f_main_bg.png) center bottom no-repeat;
background-size: 200%;
}
.f_left {
float: none;
width: 100%;
}
.f_left p {
text-align: center;
line-height: 150%;
}
.f_left ul {
display: none;
}
.f_right {
display: none;
float: right;
width: 60%;
}
address {
text-align: center;
font-style: normal;
color: #FFF;
font-size: 80%;
margin-top: -5px;
padding: 20px 0;
background: url(//www.tsuitachinokai.or.jp/img/footer/footer_address.png) center bottom no-repeat;
background-size: cover;
}
.normalTbl table td,
.normalTbl2 table td {
display: block;
width: auto;
padding: 15px;
}
.normalTbl table th,
.normalTbl2 table th {
display: block;
width: auto;
padding: 15px;
} .btn {
background: #FF9800;
color: #FFF;
font-size: 120%;
margin: 0 auto;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.btn a {
color: #FFFFFF;
transition: 0.3s;
text-decoration: none;
display: block;
padding: 20px 0 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.btn a:hover {
color: #FFFFFF;
transition: 0.3s;
text-decoration: underline;
background-color: #F24029;
}
}