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

/*　□■□■□■□■□■□■□■□■□■　*/
/*　　　　　　　　　設定変更　　　　　　　*/
/*　■□■□■□■□■□■□■□■□■□　*/
/* インフォメーションの指定 */
/* #info-box {background: url("/img/sites/yoshimitu/base/info.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} */
#header #information {margin: 0;}

/* ロゴサイズと位置の指定 */
#header #logo {margin: -15px 0 10px 0;}
#logo img {width: 380px;}

/*　□■□■□■□■□■□■□■□■□■　*/
/*　　　　　　　　　設定追加　　　　　　　*/
/*　■□■□■□■□■□■□■□■□■□　*/
/* テンプレートG  メイン画像の背景をつける */
#top-img {background-color: #E8E1DB;}

#bg-box01 {border: 1px solid #bbbbbb;  color: #333333; overflow: hidden; background: url('../../../../img/sites/akarui-mirai/base/innefview01.jpg')  no-repeat bottom, right;}
@media screen and (max-width: 660px) {#bg-box01 {background: url('../../../../img/sites/akarui-mirai/base/innefview01.jpg')  no-repeat bottom, right;}}
#bg-box01 .inner-box {padding: 20px;}
#bg-box01 .white {background: rgba(252,242,242,0.85);}

.rinen span {font-size: 34px; letter-spacing: 0.01em; line-height: 1.5em;}
h5 {overflow: hidden;}
#atention01 #table01 {width: auto;}
#atention01 .box04 {padding: 10px 20px 5px 20px;}
#fukidashi05 {line-height: 1.2em;}
#renew #table01 {width: auto;}

/* テンプレートG  メイン画像の背景をつける
#top-img {background-color: #83ba0c;} */
.spacer_6px {margin: 0 0 6px 0; overflow: hidden;}
.image-spacer_left_w {overflow: visible;}
#right-col h6 {overflow: hidden;    width: 95%; float: right;}
.back_bule01 {background: #00A0CD!important;}
.back_orange01 {background: #FCA000!important;}

/* 横スクロール時のtable01の個別設定 */
#table01 {font-size: 85%;}
#table01 th {text-align: left;}
#table01 th.no {width: 5%;}
#table01 th.content {width: 40%;}
#table01 td {padding: 7px;}
.spacer_3px {margin: 0 0 3px 0; overflow: hidden;}
.rotate {transform: rotate(-1deg);}
a.no_decoration {text-decoration: none;}

#article_foot_bg01 {margin: 0 0 40px; padding: 500px 0 0px; position: relative;}
#article_foot_bg01::after {background: rgba(74, 140, 34, 1) url("/img/sites/3d-pattern-studio-osaka/base/title01.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 710px; height: 100%; position: absolute; top: -20px; left: -25px; padding: 20px 0; border-radius: 3px;}
#article_foot_bg01 #text01 .text01a {}

#article_foot_bg02 {margin: 0 0 40px; padding: 512px 0 0px; position: relative;}
#article_foot_bg02::after {background: rgba(74, 140, 34, 1) url("/img/sites/3d-pattern-studio-osaka/base/title02.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 710px; height: 100%; position: absolute; top: -20px; left: -25px; padding: 20px 0; border-radius: 3px;}
#article_foot_bg02 #text01 .text01a {}

#article_foot_bg03 {margin: 0 0 40px; padding: 512px 0 0px; position: relative;}
#article_foot_bg03::after {background: rgba(74, 140, 34, 1) url("/img/sites/3d-pattern-studio-osaka/base/title04.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 710px; height: 100%; position: absolute; top: -20px; left: -25px; padding: 20px 0; border-radius: 3px;}
#article_foot_bg03 #text01 .text01a {}

#article_foot_bg04 {margin: 0 0 40px; padding: 512px 0 0px; position: relative;}
#article_foot_bg04::after {background: rgba(74, 140, 34, 1) url("/img/sites/3d-pattern-studio-osaka/base/title03.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 710px; height: 100%; position: absolute; top: -20px; left: -25px; padding: 20px 0; border-radius: 3px;}
#article_foot_bg04 #text01 .text01a {}


@media screen and (max-width: 660px) {
.width660px {width: 96%; margin: 0 auto;}
#article_foot_bg01, #article_foot_bg02, #article_foot_bg03, #article_foot_bg04, #article_foot_bg05, #article_foot_bg05, #article_foot_bg06, #article_foot_bg07 {margin: 20px 0;}

#article_foot_bg01 {margin: 20px 0; padding: 255px 0 0;}
#article_foot_bg02 {margin: 0; padding: 255px 0 0;}
#article_foot_bg03 {margin: 0; padding: 265px 0 0;}
#article_foot_bg04 {margin: 0; padding: 255px 0 0;}
#article_foot_bg05 {margin: 0; padding: 255px 0 0;}
#article_foot_bg06 {margin: 0; padding: 255px 0 0;}
#article_foot_bg07 {margin: 0; padding: 255px 0 0;}
#article_foot_bg01::after,#article_foot_bg02::after,#article_foot_bg03::after,#article_foot_bg04::after,#article_foot_bg05::after,#article_foot_bg06::after,#article_foot_bg07::after {width: 100%; left: 0; background-size: 100%; margin: 0; top: 0; padding: 20px 0 0;}

#contents-p1 #right-col .article-center, #contents-p2 #left-col .article-left, #contents-p1 #right-col .nostyle-center, #contents-p2 #left-col .nostyle-left {margin: 0 0 10px 0;}
.width620px {width: 100%;}
#text01 .text01a {padding: 10px;}
}

/* 表示部分の基本設定 */
.thumbnail .position01 img, .thumbnail .position02 img, .thumbnail .position03 img, .thumbnail .position04 img, .thumbnail .position05 img, .thumbnail .position06 img, .thumbnail .position07 img, .thumbnail .position08 img, .thumbnail .position09 img, .thumbnail .position10 img, .thumbnail .position11 img, .thumbnail .position12 img, .thumbnail .position13 img, .thumbnail .position14 img, .thumbnail .position15 img, .thumbnail .position16 img, .thumbnail .position17 img, .thumbnail .position18 img, .thumbnail .position19 img, .thumbnail .position20 img, .thumbnail .position21 img, .thumbnail .position22 img, .thumbnail .position23 img, .thumbnail .position24 img, .thumbnail .position25 img, .thumbnail .position26 img, .thumbnail .position27 img, .thumbnail .position28 img, .thumbnail .position29 img, .thumbnail .position30 img, .thumbnail .position31 img, .thumbnail .position32 img, .thumbnail .position33 img, .thumbnail .position34 img, .thumbnail .position35 img, .thumbnail .position36 img, .thumbnail .position37 img, .thumbnail .position38 img, .thumbnail .position39 img, .thumbnail .position40 img, .thumbnail .position41 img, .thumbnail .position42 img, .thumbnail .position43 img, .thumbnail .position44 img, .thumbnail .position45 img, .thumbnail .position46 img, .thumbnail .position47 img, .thumbnail .position48 img, .thumbnail .position49 img, .thumbnail .position50 img, .thumbnail .position51 img, .thumbnail .position52 img, .thumbnail .position53 img, .thumbnail .position54 img, .thumbnail .position55 img, .thumbnail .position56 img, .thumbnail .position57 img, .thumbnail .position58 img, .thumbnail .position59 img, .thumbnail .position60 img {position: relative;}

.thumbnail .position01 img {left: -26px; top: 0;}
.thumbnail .position02 img {left: -29px; top: -8px;}
.thumbnail .position03 img {left: -56px; top: -12px;}
.thumbnail .position04 img {left: -94px; top: -23px;}
.thumbnail .position05 img {left: -87px; top: -33px;}
.thumbnail .position06 img {left: -219px; top: -27px;}
.thumbnail .position07 img {left: -93px; top: 0;}
.thumbnail .position08 img {left: -95px; top: -95px;}
.thumbnail .position09 img {left: -100px; top: -169px;}
.thumbnail .position10 img {left: -97px; top: -40px;}
.thumbnail .position11 img {left: -102px; top: -90px;}
.thumbnail .position12 img {left: -89px; top: -164px;}
.thumbnail .position13 img {left: -91px; top: -143px;}
.thumbnail .position14 img {left: -131px; top: -58px;}
.thumbnail .position15 img {left: -79px; top: -58px;}
.thumbnail .position16 img {left: -91px; top: -135px;}
.thumbnail .position17 img {left: -90px; top: -162px;}
.thumbnail .position18 img {left: -87px; top: -70px;}
.thumbnail .position19 img {left: -88px; top: -155px;}
.thumbnail .position20 img {left: -164px; top: -22px;}
.thumbnail .position21 img {left: -87px; top: -111px;}
.thumbnail .position22 img {left: -83px; top: -94px;}


@media screen and (max-width: 660px){ 
.thumbnail .position01 img, .thumbnail .position02 img, .thumbnail .position03 img, .thumbnail .position04 img, .thumbnail .position05 img, .thumbnail .position06 img, .thumbnail .position07 img, .thumbnail .position08 img, .thumbnail .position09 img, .thumbnail .position10 img, .thumbnail .position11 img, .thumbnail .position12 img, .thumbnail .position13 img, .thumbnail .position14 img, .thumbnail .position15 img, .thumbnail .position16 img, .thumbnail .position17 img, .thumbnail .position18 img, .thumbnail .position19 img, .thumbnail .position20 img, .thumbnail .position21 img, .thumbnail .position22 img, .thumbnail .position23 img, .thumbnail .position24 img, .thumbnail .position25 img, .thumbnail .position26 img, .thumbnail .position27 img, .thumbnail .position28 img, .thumbnail .position29 img, .thumbnail .position30 img, .thumbnail .position31 img, .thumbnail .position32 img, .thumbnail .position33 img, .thumbnail .position34 img, .thumbnail .position35 img, .thumbnail .position36 img, .thumbnail .position37 img, .thumbnail .position38 img, .thumbnail .position39 img, .thumbnail .position40 img, .thumbnail .position41 img, .thumbnail .position42 img, .thumbnail .position43 img, .thumbnail .position44 img, .thumbnail .position45 img, .thumbnail .position46 img, .thumbnail .position47 img, .thumbnail .position48 img, .thumbnail .position49 img, .thumbnail .position50 img, .thumbnail .position51 img, .thumbnail .position52 img, .thumbnail .position53 img, .thumbnail .position54 img, .thumbnail .position55 img, .thumbnail .position56 img, .thumbnail .position57 img, .thumbnail .position58 img, .thumbnail .position59 img, .thumbnail .position60 img {left: 0; top: 0;}
}



#footer-box {background: #064F60; color: rgba(255, 255, 255, 0.60);}
#footer-box a, #footer-box a:hover {color: rgba(255, 255, 255, 0.60); text-decoration: none;}
#footer-box a:hover {color: rgba(255, 255, 255, 0.90);}
#copyright {background: #064F60; color: rgba(255, 255, 255, 0.30); text-align: right; width: auto; padding: 40px 27px 10px 0; line-height: inherit;}
@media screen and (max-width: 660px){#copyright {rgba(255, 255, 255, 1); padding: 10px 10px 40px 10px;}}
#copyright span{padding: 0 10px;}
#footer-link {margin: 0 auto; width: 940px; padding: 20px 0 10px 0; height: auto; overflow: hidden;}
@media screen and (max-width: 660px){ 
#footer-link {display: none;}}

div#link ul.link li.icon_arrow {width: auto; margin: 0 16px; float: left; font-size: 115%; padding: 0 0 0 18px;}
.icon_arrow {position: relative;}
.icon_arrow::before{position: absolute; content:""; box-sizing: border-box; width: 12px; height: 12px; border: 1px solid rgba(255, 255, 255, 0.60); -webkit-border-radius: 50%; border-radius: 50%; margin: 2px 0 0 -1em;}
.icon_arrow::after{position: absolute; content:""; left: 6px; top: 6px; width: 3px; height: 3px; border-top: 1px solid rgba(255, 255, 255, 0.60); border-right: 1px solid rgba(255, 255, 255, 0.60); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
li.li_product {font-size: 80%; line-height: 1.5em;}
li.icon_arrow li:1th-child, li.icon_arrow li:2th-child, li.icon_arrow li:3th-child, li.icon_arrow li:4th-child {font-size: 100%;}

p.article {font-size: 120%; letter-spacing: 0.12em; line-height: 1.2em;}
#image-slice .picture01a p.add-text {line-height: 0.55em!important;}
h6 {overflow: hidden;}


#contents-p2 #left-col .company_info-left h2 {display: none;}
#contents-p2 #left-col .company_info-left table {width: 660px; margin: 5px auto 15px;}
.size_25px {font-size: 25px!important; line-height: 1.2em;}
#top-img {padding: 0; background-image: url("../../../../img/sites/yoshimitu/base/man_back.jpg"); border-top: 1px solid #064F60;}
#wrapper {background: url("../../../../img/sites/yoshimitu/base/header_back.png") no-repeat; border-top: 5px solid #064F60;}

html {overflow-y: scroll; overflow-x: hidden;}

/* #privacy */
#privacy {margin: 0 0 60px; padding: 60px; border: 1px solid #aaaaaa;}
#privacy h2 {font-size: 150%; font-family: serif; text-align: center; margin-bottom: 4em; font-weight: bold;}
#privacy h3 {font-size: 130%; font-family: serif; margin-bottom: 0.5em; font-weight: bold;}
#privacy p {font-size: 120%; font-family: serif; line-height: 1.4em;}
#privacy ol.decimal02 {margin: 0.5em 0;}
#privacy ol.decimal02 li {list-style-type: none; font-size: 120%; font-family: serif; padding: 0 0 0 2em; margin: 0 0 0.3em 0;}
#privacy ol.decimal02 li::before {margin: 0 0 0 -2em; padding: 0 0.8em 0 0;}
#privacy ol.decimal02 li:nth-of-type(1)::before {content: "(1)";}
#privacy ol.decimal02 li:nth-of-type(2)::before {content: "(2)";}
#privacy ol.decimal02 li:nth-of-type(3)::before {content: "(3)";}
#privacy ol.decimal02 li:nth-of-type(4)::before {content: "(4)";}
#privacy ol.decimal02 li:nth-of-type(5)::before {content: "(5)";}
#privacy ol.decimal02 li:nth-of-type(6)::before {content: "(6)";}
#privacy ol.decimal02 li:nth-of-type(7)::before {content: "(7)";}
#privacy ol.decimal02 li:nth-of-type(8)::before {content: "(8)";}
#privacy .spacer {margin: 0 0 40px;}

div#link ul.link li.icon_arrow {margin: 0 9px;}

div.right.width310px span {display: inline-block;}

@media screen and (max-width: 660px) {
#privacy {padding: 40px 30px;}
#privacy h2 {margin-bottom: 2em;}
#privacy .right {float: right;}
#privacy .spacer {margin: 0 0 20px;}
}


.width229px {width: 229px;}
.image-spacer_left_8px {margin: 0 8px 0 0; overflow: hidden;}
.image-spacer_right_8px {margin: 0 0 8px 0; overflow: hidden;}
@media screen and (max-width: 660px) {
.width229px {width: 100%;}
}

@media screen and (max-width: 660px) {
#header #logo {margin: 0;}
th.width100px,th.width200px {width: auto;}
#top-img {background-image: none; border-top: none; background-color: transparent;}
}

@media screen and (max-width: 660px) {
#contents-p1 #right-col .contact-center table, #contents-p2 #left-col .contact-left table {width: 100%;}
.hidden_box {padding: 0;}
.hidden_box label {display: block; right: 20px; padding: 0; border: none; cursor: pointer; position: absolute; top: -75px;}
.hidden_box label img {width: 50px;}
.hidden_box input {display: none;}/*チェック非表示*/
.hidden_box .hidden_show {height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 1.8s;}/*中身を非表示にしておく*/
.hidden_box input:checked ~ .hidden_show {padding: 0; height: auto; opacity: 1;}/*クリックで中身表示*/
.picture01a.for_home {background: url("../../../../img/sites/yoshimitu/base/IMG_8867.jpg") no-repeat scroll 0px -80px / 68% rgba(0, 0, 0, 0)!important;}
}