@media screen and (min-width:641px),
screen and (orientation: landscape){
#main-title { background: url(../images/concept/title04.jpg) no-repeat top center; }
.break { display: block; }
.c_text { width: 735px; color: #0a090a; font-size: 14px; line-height: 2; margin: 0 auto 30px; }
/*.c_text*/
/*page_concept01*/
.concept01_title { color: #0a090a; font-size: 24px; font-weight: 700; line-height: 2; letter-spacing: 0.1em; margin-bottom: 40px; }
.concept00_title { color: #0a090a; font-size: 30px; font-weight: 700; line-height: 2; letter-spacing: 0.1em; margin-bottom: 10px; }
/*.concept00_title*/
.concept01_text00 { color: #0a090a; font-size: 17px; font-weight: 500; line-height: 2; text-shadow: 2px 1px 4px #ffffff; padding:0 70px; margin-bottom:40px;}
.concept01_img { padding:0 70px; margin:15px 0px;}
/*.concept01_title*/
.concept01_text01 { color: #0a090a; font-size: 18px; font-weight: 700; line-height: 2; text-shadow: 2px 1px 4px #ffffff; }
/*.concept01_text01*/
.concept01_text02 { color: #0a090a; font-size: 22px; font-weight: 700; line-height: 2; }
.concept01_text03 { font-size: 14px; line-height: 1.8; color: #0a090a; /*.inner_text*/ }
.concept01_text03 .inner_text { color: #dc4d07; }
/*.concept01_text03*/
.bg01 { width: 800px; background-image: url(../images/concept/img01.jpg); background-repeat: no-repeat; background-position: top; padding: 190px 70px 27px; }
/*.bg01*/
.bg02 { width: 800px; background-image: url(../images/concept/img02.jpg); background-repeat: no-repeat; background-position: top; padding: 37px 0 35px; margin-bottom:30px; /*.floatbox*/ }
.bg02 .float_box { width: 740px; margin: 0 auto; /*.box*/ }
.bg02 .float_box .box { width: 224px; border: 1px solid #cecbaa; background-color: #ffffff; padding: 10px 10px 30px; /*&:nth-child(2n)*/ margin-right: 34px; /*&:nth-child(3n)*/ }
.bg02 .float_box .box:nth-child(2n) { padding: 10px 10px 55px; }
.bg02 .float_box .box:nth-child(3n) { margin-right: 0; }
/*.bg02*/
.box img { margin-bottom: 15px; }
/*page_concept02*/
.clump { width: 800px; background-color: #f3f2e6; padding: 120px 0 30px; margin-bottom: 50px; }
/*.clump*/
.icon { position: absolute; top: -16px; left: 345px; }
/*.icon*/
.concept02_title { color: #634d34; font-size: 32px; font-weight: 700; line-height: 2; text-align: center; letter-spacing: 0.1em; }
/*.concept02_title*/
.concept02_text { color: #0a090a; font-size: 19px; line-height: 2.5; letter-spacing: 0.1em; }
/*.concept02_text*/
.inner_list { width: 740px; border: 1px solid #cecbaa; background-color: #ffffff; padding: 50px 90px; margin: 0 auto; }
.inner_list .deco01 { position: absolute; top: 10px; left: 10px; }
.inner_list .deco02 { position: absolute; top: 10px; right: 10px; }
.inner_list .deco03 { position: absolute; bottom: 10px; left: 10px; }
.inner_list .deco04 { position: absolute; bottom: 10px; right: 10px; }
/*.inner_list*/
.photo { text-align: center; }
/*page_concept03*/
.concept03_title { color: #0a090a; font-size: 19px; font-weight: 700; line-height: 2.5; }
.float_box01 { width: 740px; margin: 0 auto; }
}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {
#main-title { background: url(../images/concept/title04.jpg) no-repeat top center; }
.break { display: block; }
.c_text { color: #0a090a; font-size: 1em; line-height: 2; margin: 0 auto 30px; width: 94%;}
/*.c_text*/
/*page_concept01*/
.concept01_title { color: #0a090a; font-size: 24px; font-weight: 700; line-height: 2; letter-spacing: 0.1em; margin-bottom: 40px; }
.concept00_title { color: #0a090a; font-size: 24px; font-weight: 700; line-height: 2; letter-spacing: 0.1em; margin-bottom: 10px; }
/*.concept00_title*/
.concept01_text00 { color: #0a090a; font-size: 1.0em; font-weight: 500; line-height: 2; text-shadow: 2px 1px 4px #ffffff; text-align: left; padding:0px 10px; margin-bottom:40px; }
.concept01_img { padding:0 5px; margin:5px 0px 10px; }
/*.concept01_title*/
.concept01_text01 { color: #0a090a; font-size: 1.0em; font-weight: 700; line-height: 2; text-shadow: 2px 1px 4px #ffffff; text-align: left; }
/*.concept01_text01*/
.concept01_text02 { color: #0a090a; font-size: 22px; font-weight: 700; line-height: 2; }
.concept01_text03 { font-size: 14px; line-height: 1.8; color: #0a090a; /*.inner_text*/ }
.concept01_text03 .inner_text { color: #dc4d07; }
/*.concept01_text03*/
.bg01 { background-image: url(../images/concept/img01.jpg); background-repeat: no-repeat; background-position: 50% 50%; padding: 13em 1rem 2em; }
/*.bg01*/
.bg02 { background-image: url(../images/concept/img02.jpg); background-repeat: no-repeat; background-position: top; background-size: cover; padding: 37px 0 35px; margin-bottom:30px; /*.floatbox*/ }
.bg02 .float_box { margin: 0 auto; width: 94%; }
.bg02 .float_box .box { border: 1px solid #cecbaa; background-color: #ffffff; padding: 10px 10px 30px; margin-bottom: 1em; }
.bg02 .float_box img { width: 100% !important;}
/*.bg02*/
.box img { margin-bottom: 15px; }
/*page_concept02*/
.clump { background-color: #f3f2e6; padding: 120px 0 30px; margin-bottom: 50px; }
/*.clump*/
.icon { position: absolute; top: -16px; left: 0; width: 100%; text-align: center;}
/*.icon*/
.concept02_title { color: #634d34; font-size: 1.5em; font-weight: 700; line-height: 1.5; text-align: center; letter-spacing: 0.1em; }
/*.concept02_title*/
.concept02_text { color: #0a090a; font-size: 19px; line-height: 2; letter-spacing: 0.1em; }
/*.concept02_text*/
.inner_list { border: 1px solid #cecbaa; background-color: #ffffff; padding: 2em 5%; margin: 0 auto; width: 94%; }
.inner_list .deco01 { position: absolute; top: 10px; left: 10px; }
.inner_list .deco02 { position: absolute; top: 10px; right: 10px; }
.inner_list .deco03 { position: absolute; bottom: 10px; left: 10px; }
.inner_list .deco04 { position: absolute; bottom: 10px; right: 10px; }
/*.inner_list*/
.photo { text-align: center; }
/*page_concept03*/
.concept03_title { color: #0a090a; font-size: 19px; font-weight: 700; line-height: 2; text-align: left; margin: 0 auto 1em; width: 94%; }
.concept03_title .break { display: inline;}
.float_box01 { margin: 0 auto; text-align: center; }
.float_box01 div { margin-bottom: 1em;}
}
}