@charset "utf-8";
  .cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
} .tsudanuma_mainwrap img{
max-width:100%;
text-shadow: 
black 1px 1px 10px, black -1px 1px 10px,
black 1px -1px 10px, black -1px -1px 10px;
} .sp_block{
display: none;
}
.sp_block02{
display: none;
}
.sp_inlineblock02{
display: none;
}
.pc_none{
display: none;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.pc_none{
display:block;
}
.sp_block{
display: block;
}
.sp_none{
display: none !important;
}
}
@media screen and (min-width: 0px) and (max-width:500px) {
.sp_block02{
display: block;
}
.sp_inlineblock02{
display: inline-block;
}
.sp_none02{
display: none !important;
}
}
.tsudanuma_mainwrap{
width: 100%;
margin: 0 auto;
clear: both;
}
.tsudanuma_mainwrap *{
box-sizing:border-box;
}
.tsudanuma_mainwrap a {
text-decoration: none;
}
.rinka_inner p,
.text_en,
.ttl_box p,
.tsudanuma_mainwrap h2,
.tsudanuma_mainwrap h3,
.tsudanuma_mainwrap h4,
.tsudanuma_mainwrap h5,
.tsudanuma_mainwrap h6,
.tsudanuma_mainwrap .subttl,
.tsudanuma07,
.tsudanuma08{ 
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.tsudanuma_mainwrap p {
text-align:left;
font-size: 16px;
line-height:2;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma_mainwrap p {
text-align: left;
font-size:14px;
line-height:30px;
}
}
.tsudanuma_mainwrap .subttl{
display: block;
font-size: 24px;
text-align: center;
margin: 10px 0 100px;
}
.tsudanuma_mainwrap h4 {
text-align: center;
font-size: 22px;
letter-spacing: 5px;
line-height: 42px;
}
.tsudanuma_mainwrap .point_text_ttl{
font-size: 21px;
letter-spacing: 5px;
margin-bottom: 30px;
line-height: 28px;
}
.tsudanuma_mainwrap .graphbox_p{
font-size: 18px;
margin-bottom: 25px;
line-height: 24px;
}
.text_bold{
font-weight:bold;
}
.section_inner{
max-width:960px;
position:relative;
margin:0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma_mainwrap .subttl{
margin: 10px 0 40px;
}
.tsudanuma_mainwrap h3 {
font-size: 30px;
}
.tsudanuma_mainwrap h4 {
margin: 0 0 30px 0;
letter-spacing: inherit;
line-height: 34px;
}
.tsudanuma_mainwrap .graphbox_p {
text-align: center;
}
.point_box{
border: 2px dotted #e4cfb5;
padding: 20px;
}
}
.section_inner a img{
transition:.5s all;
}
.section_inner a:hover img{
opacity:.7;
}  .bnr01{
position:fixed;
top: 20%;
right:-0.5%;
z-index:100;
}
.bnr01 a{
display:block;
transition: all 0.6s;
}
.bnr01 a:hover{
opacity:0.8;
}
.tsudanuma_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/tsudanuma_modelhouse/rinka_bg.jpg) fixed no-repeat;
background-position:top center;
height: 900px;
background-size: cover;
background-attachment: fixed;
}
@media screen and (min-width: 0px) and (max-width:450px) {
.tsudanuma_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/tsudanuma_modelhouse/rinka_bg.jpg) fixed no-repeat;
background-position:center center;
background-size:contain;
}
}
.tsudanuma_top_inner {
position: relative;
width: 960px;
margin: 0 auto;
}
.tsudanuma_logo {
display: block;
margin: 0 auto 30px;
position: relative;
top: 30px;
}
.tsudanuma_ttl{
display:block;
margin:0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma_top {
width: 100%;
background-size: 156%;
background-attachment: inherit;
height: auto;
}
.tsudanuma_top_inner {
width: 100%;
}
.tsudanuma_logo {
width: 33%;
left: 5%;
top: 20px;
margin-bottom:20px;
}
.tsudanuma_ttl{
width:48%;
padding:0 0 10%;
margin:0 auto;
} .bnr01{
display:none;
}
} .tsudanuma_link{
max-width: 960px;
margin:30px auto;
}
.tsudanuma_link ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.tsudanuma_link ul li a{
display:block;
width:300px;
margin:0 0 0 auto;
text-align: center;
padding:8px 0 12px;
background-color: #fff;
border:1px solid #fff;
color:#000;
transition:.5s all;
font-size: 18px;
}
.tsudanuma_link ul li:nth-child(2):nth-child(5){
margin:0 30px;
}
.tsudanuma_link ul li:nth-child(-n+3){
margin-bottom: 10px;
} .tsudanuma_link ul li a:hover{
background-color: #000000;
color:#fff;
border:1px solid #000;
}
@media screen and (max-width: 767px) {
.tsudanuma_link{
max-width: 96%;
}
.tsudanuma_link ul li{
width:49%;
}
.tsudanuma_link ul li a{
display:block;
width:100%;
background-color: #fff;
border:1px solid #000;
color:#000;
} .tsudanuma_link ul li:nth-child(1) a{
height:58px;
display:flex;
align-items: center;
justify-content: center;
}
.tsudanuma_link ul li:nth-child(2):nth-child(5){
margin:0 0;
}
.tsudanuma_link ul li:nth-child(-n+3){
margin-bottom: 10px;
}
.tsudanuma_link ul li{
margin-bottom: 10px;
}
} .rinka{
background:url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/tsudanuma_modelhouse/rinka_thema_bg.jpg) no-repeat bottom center;
}
.rinka_inner{
padding-top:55px;
padding-bottom:35px;
}
.rinka_inner p{
font-size:21px;
margin-bottom:60px;
text-align:center;
}
.rinka_inner p:nth-of-type(2){
margin-bottom:30px;
}
.rinka_inner .bold{
font-weight:bold;
font-size:36px;
margin-bottom:35px;
}
.rinka_inner .rinka_copy{
font-size:28px;
}
.rinka_inner .thema_box p:first-child{
padding-bottom:20px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.rinka_inner{
padding-top:35px;
padding-bottom:35px;
}
.rinka_inner p{
margin-bottom:30px;
font-size:16px;
}
.rinka_inner p:nth-of-type(2){
padding-bottom:15px;
}
.rinka_inner .bold{
font-size:22px;
margin-bottom:20px;
}
.rinka_inner .rinka_copy{
font-size:20px;
}
} .tsudanuma01{
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 44%,#262626 44%,#262626 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 44%,#262626 44%,#262626 100%);
}
.tsudanuma02{
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 44%,#5f3422 44%,#5f3422 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 44%,#5f3422 44%,#5f3422 100%);
}
.tsudanuma03{
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 44%,#1e445b 44%,#1e445b 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 44%,#1e445b 44%,#1e445b 100%);
}
.tsudanuma04{
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 44%,#a22044 44%,#a22044 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 44%,#a22044 44%,#a22044 100%);
}
.tsudanuma05{
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 44%,#183634 44%,#183634 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 44%,#183634 44%,#183634 100%);
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma01{
background:none;
}
.tsudanuma01 .figure_box{
background:#262626;		
}
.tsudanuma02{
background:none;
}
.tsudanuma02 .figure_box{
background:#5f3422;		
}
.tsudanuma03{
background:none;
}
.tsudanuma03 .figure_box{
background:#1e445b;		
}
.tsudanuma04{
background:none;
}
.tsudanuma04 .figure_box{
background:#a22044;		
}
.tsudanuma05{
background:none;
}
.tsudanuma05 .figure_box{
background:#183634;		
}
}
.tsudanuma01 .section_inner{
padding-top:85px;
}
.tsudanuma02 .section_inner{
padding-top:100px;
}
.tsudanuma03 .section_inner{
padding-top:95px;
}
.tsudanuma04 .section_inner{
padding-top:100px;
}
.tsudanuma05 .section_inner{
padding-top:100px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma01 .section_inner{
padding-top:20px;
}
.tsudanuma02 .section_inner{
padding-top:20px;
}
.tsudanuma03 .section_inner{
padding-top:20px;
}
.tsudanuma04 .section_inner{
padding-top:20px;
}
.tsudanuma05 .section_inner{
padding-top:20px;
}	
}
.figure a img{
transition:.3s all;
-webkit-transform: translatez(0); 
}
.figure a:hover img{
opacity:.7;
} .ttl_box{
width: 125px;
height: 125px;
position: absolute;
text-align: center;
background: #fff;
border-radius: 50%;
padding-top: 40px;
z-index:30;
letter-spacing: 5px;
}
.ttl_box .ttl1{
display:inline-block;
line-height:1.0;
padding-bottom:5px;
}
.ttl_box .sub_ttl{
display:inline-block;
font-size:14px;
line-height:1.0;
} .ttl_box_01{
border:solid 1px #9c0000;
}
.ttl_box_01 .ttl1{
color:#931d22;
font-size:19px;
} .ttl_box_02{
border:solid 1px #004800;
}
.ttl_box_02 .ttl1{
font-size:20px;
color:#064726;
} .ttl_box_03{
border:solid 1px #825c40;
}
.ttl_box_03 .ttl1{
font-size:20px;
color:#7f5b40;
}
@media screen and (min-width: 0px) and (max-width:767px) { .ttl_box{
width: 70%;
height: auto;
border-radius: 0%;
margin:30px auto 20px;
}
.ttl_box .ttl1{
letter-spacing:2px;
} .ttl_box_01{
padding:8px 5px 5px;
}
.ttl_box_01 .ttl1{
font-size:16px;
} .ttl_box_02{
padding:8px 5px 5px;
}
.ttl_box_02 .ttl1{
font-size:18px;
} .ttl_box_03{
padding:8px 5px 5px;
}
.ttl_box_03 .ttl1{
font-size:18px;
}	
}
.text_box{
position:absolute;
width:330px;
background-color:#fff;
padding:28px 25px;
z-index:10;
}
.text_box .text_en{
text-align: center;
margin-bottom: 25px;
}
.text_box .text_en:after{
content: "";
display: block;
max-width: 100px;
width: 100%;
height: 1px;
margin: 0 auto;
background:#000000;
margin-top:10px;
}
.visual{
text-align:right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.text_box{
padding:0px 3%;
margin:0 auto;
width:100%;
}
.text_box .text_box_ttl{
margin:0;
line-height:1.0;		
}
.text_box .text_bold{
text-align:center;
}
} .tsudanuma_section:nth-of-type(odd) .text_box{
right:6.5%;
top:15%;
}
.tsudanuma_section:nth-of-type(2n) .text_box{
left:6.5%;
top:15%;
}
.tsudanuma_section:nth-of-type(odd) .ttl_box{
right:3.125%;
top:5%;
}
.tsudanuma_section:nth-of-type(2n) .ttl_box{
left:3.125%;
top:5%;
}
.tsudanuma_section:nth-of-type(odd) .visual{
text-align:left;
}
.tsudanuma_section:nth-of-type(2n) .visual{
text-align:right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma_section:nth-of-type(odd) .text_box{
position:static;
}
.tsudanuma_section:nth-of-type(2n) .text_box{
position:static;
}
.tsudanuma_section:nth-of-type(odd) .ttl_box{
position:static;
}
.tsudanuma_section:nth-of-type(2n) .ttl_box{
position:static;
}
.tsudanuma_section:nth-of-type(odd) .visual{
text-align:center;
}
.tsudanuma_section:nth-of-type(2n) .visual{
text-align:center;
}
} .tsudanuma_section .figure_box{
display:flex;
padding:50px 0;
}
.tsudanuma_section .figure_box .figure{
flex-basis:calc(76%*1/4);
color:#fff;
margin:0 3%;
}
.tsudanuma_section .figure_box .text_bold{
display:inline-block;
padding:20px 0 15px;
}
.tsudanuma_section .figure_box .figcaption{
font-size:16px;
line-height:1.8;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma_section .figure_box{
flex-wrap:wrap;
padding:20px 0 10px;
}
.tsudanuma_section .figure_box .figure{
flex-basis:calc(60%*1/2);
margin:0 10%;
}
.tsudanuma_section .figure_box .figcaption{
margin-bottom:30px;
font-size:14px;
}
.tsudanuma_section .figure_box .text_bold{
padding:10px 0 10px;
}
}
@media screen and (min-width: 0px) and (max-width:500px) {
.tsudanuma_section .figure_box .figure{
flex-basis:calc(84%*1/2);
margin:0 4%;
}
.tsudanuma_section .figure_box .figcaption{
max-width:195px;
}
}
.section_point{
font-size:24px;
line-height:1.8;
letter-spacing: 5px;
text-align:center;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.section_point{
font-size:20px;
}
} .tsudanuma06 .section_inner{
padding:100px 0 90px;
}
.tsudanuma06 .ttl_box{
position:absolute;
top:3%;
left:10%;
}
.tsudanuma06 .section_point{
margin-bottom:90px;
}
.tsudanuma06 .figure_box{
display:flex;
flex-wrap:wrap;
}
.tsudanuma06 .figure{
flex-basis:calc(88%*1/2);
margin:0 3%;
}
.tsudanuma06 .figcaption{
line-height: 1.8;
margin-bottom:35px;
}
.tsudanuma06 .figcaption .text_bold{
display: inline-block;
padding:0 0 12px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma06 .section_inner{
padding:40px 0 20px;
}
.tsudanuma06 .ttl_box{
position:static;
}
.tsudanuma06 .section_point{
font-size:20px;
margin-bottom:40px;
}
.tsudanuma06 .figcaption{
font-size:14px;
margin-bottom:30px;
}
.tsudanuma06 .figcaption .text_bold{
padding:0 0 8px;
}
} .tsudanuma07{
background:#f2f2f2;
padding:90px 0 130px;
}
.tsudanuma07 .ttl_box {
position: absolute;
top:-30px;
left: 10%;
}
.tsudanuma07 .tsudanuma_h3{
font-size:36px;
text-align:center;
line-height:1.4;
letter-spacing:5px;
margin-bottom:60px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma07{
padding:40px 0 60px;
}
.tsudanuma07 .section_inner{
width:95%;
margin:0 auto;
}
.tsudanuma07 .ttl_box {
position: static;
}
.tsudanuma07 .tsudanuma_h3{
font-size:24px;
letter-spacing:3px;
margin-bottom:30px;
}
}
.tsudanuma07 .section_point{
margin: 0 0 65px 0;
} .point_box_a,
.point_box_b,
.graphbox{
margin-bottom:90px;
}
.point_text{
float:left;
}
.tsudanuma_mainwrap p.point_text_p{
padding-bottom:20px;
}
.point_img{
float: right;
width: 48%;
text-align: center;
}
.point_box_a .point_text{ 
width: 52%;
}
.point_box_b{
display:flex;
align-items:flex-end;
}
.point_box_b .point_text_box{ 
flex-basis: 48%;
}
.point_box_b .point_img_box{
flex-basis:52%;
text-align:center;
padding-left:40px;
}
.point_box_c_flex{
display: flex;
}
.point_box_c .point_text{ 
flex-basis: 48%;
}
.point_box_c .small{
padding-top:50px;
}
.point_box_c .point_img{
flex-basis:52%;
text-align:right;
}
.point_box_d .point_box_d_flex{
display:flex;
}
.point_box_d .point_text_box02{ 
flex-basis: 48%;
}
.point_box_d  .small{
padding-top:140px;
}
.point_box_d .point_img{
flex-basis:52%;
text-align: center;
}
.img03 {
margin: 20px auto;
text-align: center;
width: 80%;
}
.point_box_b .point_text_box .img{ 
text-align:center;
padding:10px 0;
}
.point_box_c{
margin-bottom:65px;
}
.img_style01 {
margin:-50px 0 0 20px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma07 .section_inner{
width:95%;
margin:0 auto;
}
.tsudanuma07 .section_point{
margin: 0 0 30px 0;
}
.point_box_a,
.point_box_b{
margin-bottom:100px;
}
.point_box_a .point_text{ 
width: 100%;
font-size: 15px;
}
.point_box_b .point_text{ 
width: 100%;
font-size: 15px;
}	
.graphbox{
margin-bottom:50px;
}
.tsudanuma07 .point_text{
width: 100%;
line-height: 28px;
float: none;
margin: 0 auto 20px;
}
.tsudanuma_mainwrap p.point_text_p{
padding-bottom:0px;
}
.point_img{
float: none;
width: 95%;
max-width: 400px;
margin: 0 auto;
}
.img_style01 {
margin:0;
}
.point_box_b {
display:block;
}
.point_box_b .point_img_box{
width:90%;
max-width: 320px;
margin:20px auto;
padding:0;
}
.point_box_c_flex{
display:block;
}
.point_box_c .small{
padding-top:0;
}
.point_box_d .point_box_d_flex{
display:block;
}
.point_box_d  .small{
padding-top:0;
}
}
.graphbox {
margin-top: 30px;
}
.graphbox_left {
width: 48%;
float: left;
}
.graphbox_right {
width: 47%;
float: right;
}
.graphbox_inner {
height: 320px;
}
.graphbox_left p,
.graphbox_right p{
text-align: left;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.graphbox {
background: #f8f7f6;
padding: 30px 20px;
}
.graphbox_left,
.graphbox_right {
float: none;
width: 95%;
margin: 0 auto;
}
.graphbox_left img,
.graphbox_right img{
max-width:100%;
}
.graphbox_left p {
font-size: 15px;
line-height: 24px;
margin: 10px 0 40px;
border-bottom: 1px dashed #adadad;
padding-bottom: 20px;
}
.graphbox_right p {
font-size: 15px;
line-height: 24px;
margin: 10px 0 0;
}
.graphbox_inner {
height: auto;
text-align: center;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.point_box_c .point_text{ 
width: 100%;
font-size: 15px;
}
.point_box_c .img02.pc_none,
.point_box_c .img03.pc_none{
text-align: center;	
} 
.point_box_d .point_text{ 
width: 100%;
font-size: 15px;
}
.img03 {
width: 90%;
max-width: 320px;
}
} .tsudanuma08{
background:#e7d4e5;
margin-bottom:40px;
}
.tsudanuma08 .section_inner{
padding:90px 0;
}
.tsudanuma08 .tsudanuma_h3{
font-size:36px;
text-align:center;
line-height:1.4;
letter-spacing:5px;
margin-bottom:60px;
}
.tsudanuma08 .tsudanuma_ul{
margin:0 8.5% 80px;
}
.tsudanuma08 .tsudanuma_ul li{
font-size:18px;
line-height:1.5;
background-color:#fff;
padding:15px;
border:solid 1px #919191;
border-radius:10px;
margin-bottom:30px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma08 .section_inner{
padding:40px 0;
}
.tsudanuma08 .tsudanuma_h3{
font-size:24px;
letter-spacing:3px;
margin-bottom:30px;
}
.tsudanuma08 .tsudanuma_ul{
margin:0 3% 40px;
}
.tsudanuma08 .tsudanuma_ul li{
font-size:16px;
padding:15px;
margin-bottom:20px;
}
} .tsudanuma08 .page_nav{
display:flex;
flex-wrap:wrap;
margin:55px 3% 0;
}
.tsudanuma08 .page_nav .page_nav_li{
flex-basis:calc(90%*1/5);
margin:0 1%;
}
.tsudanuma08 .page_nav .page_nav_p{
text-align:center;
font-weight:bold;
font-size:18px;
line-height:1.5;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma08 .page_nav{
flex-wrap:wrap;
margin:40px 3% 0;
}
.tsudanuma08 .page_nav .page_nav_li{
flex-basis:calc(88%*1/3);
margin:0 2% 20px;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.sp_bnr img {
display: block;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.tsudanuma08 .page_nav .page_nav_p{
font-size:16px;
}
} .tsudanuma09_flex {
display: flex;
flex-wrap: wrap;
margin: 0 0 30px 0;
}
.tsudanuma09_flex02 {
display: flex;
flex-wrap: wrap;
margin: 0 0 65px 0;
}
.tsudanuma09_item {
margin: 10px 1% 20px 1%;
flex-basis: calc(92%*1/4);
text-align: center;
}
.tsudanuma09_item .tsudanuma09_txt_01 {
font-size: 16px;
font-weight: 500;
margin: 0 0 2px 0;
text-align: center;
}
.tsudanuma09_item .tsudanuma09_txt_02 {
font-size: 14px;
line-height: 20px;
text-align: center;
}
.img02 {
margin: 20px auto;
width:80%;
}
.tsudanuma09 .tsudanuma09_ttl {
text-align: center;
font-size: 21px;
letter-spacing: 4px;
}
.small p {
font-size: 12px;
line-height:1.4;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.tsudanuma09_item {
margin: 20px 1%;
flex-basis: calc(96%*1/2);
}
.img02 {
width:90%;
max-width: 320px;
}
}
@media screen and (min-width:768px) {
.moviebox{background: #eee;margin: -40px auto 2%;padding: 4% 0;width: 100%;}
.moviebox .moviebox_inner{margin: 0 auto;width: 640px;height: 360px;}
.moviebox iframe{width: 100%;height: 100%;}
}
@media screen and (max-width:767px) {
.moviebox{background: #eee;margin: -40px auto -5%;padding: 8% 0;width: 100%;}
.moviebox .moviebox_inner{margin: 0 auto;width: 90%;}
.moviebox iframe{width: 100%;height: 270px;}
}