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

/*スマホ用スタイル*/
@media screen and (max-width: 767px){


/*
 セクション間余白
----------------------------------------------------------- */
section {padding: 30px 0;}
.cta {padding: ;}
.cta2 {padding: ;}
.tsunostroll .mv {padding: 0;}
.tsunostroll .sec01 {padding: ;}
.tsunostroll .sec02 {padding: 0 0 30px;}
.tsunostroll .sec03 {padding: 0 0 30px;}
.tsunostroll .sec04 {padding: 0;}
.tsunostroll .sec05 {padding: ;}
.footer_nav {padding: ;}
footer {padding: 30px 0;}

/*
 はみ出し画像中央
----------------------------------------------------------- */
.wic1 img {width: 100%;}
.wic1 {margin-left: -15px; margin-right: -15px;}

.wic2 img {width: 100%;}
.wic2 {margin-left: -15px; margin-right: -15px;}

.wic3 img {width: 100%;}
.wic3 {margin-left: -15px; margin-right: -15px;}

/*
 Header
----------------------------------------------------------- */
header .contact {
	padding-right: 40px;
}
header .logo {
	height: 50px;
}
header .logo img {
	max-height: 50px;
}
header .fbox > * {width: 50%;}
.line_icon {
	padding-right: 0px;
}
/*
 Nav
----------------------------------------------------------- */
#nav_toggle{
	position: absolute;
	top: 18px; /**/
	right: 8px; /**/
	width: 40px; /**/
	height: 30px;
}
#nav_toggle div{
	position: relative;
	width: 30px; /**/
	margin: 0 auto;
}
#nav_toggle span {
	display: block;
	height: 4px;
	background: #24c9d1;
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	border-radius: 3px;
}
#nav_toggle span:nth-child(1){
	top: 5px; /**/
}
#nav_toggle span:nth-child(2) {
	top: 15px; /**/
}
#nav_toggle span:nth-child(3) {
	top: 25px; /**/
}
.open #nav_toggle span:nth-child(1) {
	top: 12px; /**/
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 12px; /**/
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
nav ul.container {
	flex-direction: column;
	padding-left: 0;
	padding-right: 0;
}
nav > .container > li {
	width: 100%;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #fff;
}
nav > .container > li:nth-child(n + 6) {
	border-bottom: none;
}
nav li a {
    flex-direction: row;
    color: #fff;
}
.nav_jp {
	padding-bottom: 0;
	padding-right: 10px;
}
nav li {
	position: relative;
	width: 50%;
    border-left: 1px solid #cef0f2;
    display: flex;
    justify-content: center;
    align-items: center;
}
nav li:first-of-type {
	border-left: none;
}
nav .container > li:before {
	position: absolute;
	content: "";
	right: 10px;
	width: 8px;
	height: 12px;
	background-image: url(../img/sp_menu_arrow.png);
}
nav .container > li:nth-child(5) {
	border-right: none;
}
nav .icon_list li a {
	font-size: 2.5em;
	background-color: #fff;
	padding: 12px 0;
}
/*
 共通部分
----------------------------------------------------------- */
.head_ttl {
	padding: 15px 0 15px;
	margin-bottom: 30px;
}
.head_ttl .cmn_ttl_ja {
	margin-bottom: 5px;
}
.cmn_ttl_en {
	font-size: 3rem;
}
.cmn_ttl_ja {
	margin-bottom: 30px;
}
.cmn_ttl_ja:after {
	left: 25%;
	width: 50%;
}
/*
 MV
----------------------------------------------------------- */
.tsunostroll .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
  }
/*
 sec01
----------------------------------------------------------- */
.tsunostroll .sec01 h2 {
	font-size: 1.2em;
}
.tsunostroll .sec01 .sec01_img {
	width: 100%;
}
.tsunostroll .sec01 .sec01_txt {
	width: 100%;
}
/*
 sec02
----------------------------------------------------------- */
.tsunostroll .sec02 h2 {
	font-size: 1.3em;
	margin-bottom: 30px;
}
.tsunostroll .sec02 .sec02_mdl_img {
	width: 100%;
}
.tsunostroll .sec02 .sec02_mdl_txt_area {
	width: 100%;
}
.tsunostroll .sec02 .sec02_ttl {
	font-size: 1.2em;
	margin-bottom: 30px;
}
.tsunostroll .sec02 .sec02_mdl_ttl {
	font-size: 1.2em;
	margin-bottom: 15px;
}
.tsunostroll .sec02 .sec02_top_txt {
	padding-bottom: 30px;
	text-align: left;
}
.tsunostroll .sec02 .sec02_sub_ttl01 {
	font-size: 1.1em;
	margin-left: 0;
}
.tsunostroll .sec02 .sec02_sub_ttl02 {
	font-size: 1.1em;
	margin-left: 0;
}
.tsunostroll .sec02 .sec02_mdl_btn {
	width: 100%;
    padding: 5px 45px;
}
/*
 sec03
----------------------------------------------------------- */
.tsunostroll .sec03 h2 {
	font-size: 1.3em;
	margin-bottom: 30px;
}
.tsunostroll .sec03 .fbox > li:nth-child(-n + 3) {
	margin-bottom: 0;
}
.tsunostroll .sec03 .fbox > li:nth-child(-n + 5) {
	margin-bottom: 30px;
}
/*
 sec04
----------------------------------------------------------- */
.tsunostroll .sec04 h2 {
	font-size: 1.3em;
	margin-bottom: 30px;
}
.tsunostroll .sec04 .sec04_img {
	width: 100%;
}
.tsunostroll .sec04 .sec04_txt {
	width: 100%;
}
.tsunostroll .sec04 .sec04_btn {
	width: 100%;
    padding: 5px 35px;
}
.tsunostroll .sec04 .tsunostroll_btn {
	margin-bottom: 30px;
}
/*
 sec05
----------------------------------------------------------- */


/*
 Footer
----------------------------------------------------------- */
footer {
	padding-top: 40px;
	padding-bottom: 40px;
}

/*
 Page Top
----------------------------------------------------------- */
.pagetop {
	bottom: 20px;
	right: 5px;
}

/*
 stretchはここから
----------------------------------------------------------- */

/*
 mv
----------------------------------------------------------- */
.stretch .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
}
/*
sec01
----------------------------------------------------------- */
.stretch .sec01 .sec01_str_btn {
	height: 45px;
	line-height: 45px;
}
.stretch .sec01 .sec01_top_img h2 {
	font-size: 1.3em;
	margin-bottom: 15px;
}
.stretch .sec01 .sec01_top_txt h2 {
	margin-bottom: 15px;
	font-size: 1.1em;
}
.stretch .sec01 .sec01_top_txt_btm_area {
	padding: 15px;
}
.stretch .sec01 .sec01_stretch_list h2 {
	margin-bottom: 15px;
	font-size: 1.3em;
}
.stretch .sec01 .sec01_mdl_img {
	width: 100%;
}
.stretch .sec01 .sec01_mdl_txt {
	width: 100%;
}
.stretch .sec01 .sec01_mdl_txt h3 {
	margin-bottom: 15px;
	font-size: 1.1em;
}
.stretch .sec01 .sec01_mdl_txt_btm_area {
	padding: 15px;
}
.stretch .sec01 .stretch_btn {
	margin-bottom: 30px;
  }
/*
 bunmeiはここから
----------------------------------------------------------- */

/*
 mv
----------------------------------------------------------- */
.bunmei .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
}
/*
sec01
----------------------------------------------------------- */
.bunmei .sec01 .sec01_top_img{
	float: none;
	padding: 0 0 30px 0;
}
.bunmei .sec01 .sec01_mdl_img{
	width: 100%;
}
.bunmei .sec01 .sec01_mdl_txt{
	width: 100%;
}
.bunmei .sec01 .sec01_btm_box {
	padding: 15px;
}
.bunmei .sec01 .sec01_btm_img{
	width: 100%;
}
.bunmei .sec01 .sec01_btm_txt{
	width: 100%;
}
.bunmei .sec01 .sec01_btm_area_ttl {
	width: 100%;
}
.bunmei .sec01 .sec01_btm_area_txt {
	width: 100%;
}
.bunmei .sec01 .bunmei_btn {
	margin-bottom: 30px;
}
/*
 nangokuはここから
----------------------------------------------------------- */

/*
 mv
----------------------------------------------------------- */
.nangoku .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
}
/*
sec01
----------------------------------------------------------- */
.nangoku .sec01 .sec01_bg {
	padding: 15px 0;
	margin-bottom: 15px;
}
.nangoku .sec01 .sec01_mdl_box {
	padding: 15px;
}
.nangoku .sec01 .sec01_bg .fbox:nth-child(even) {
	flex-direction: column;
}
.nangoku .sec01 .sec01_mdl_img{
	width: 100%;
}
.nangoku .sec01 .sec01_mdl_txt{
	width: 100%;
}
.nangoku .sec01 .sec01_btm_box {
	padding: 15px;
}
.nangoku .sec01 .sec01_btm_img{
	width: 100%;
}
.nangoku .sec01 .sec01_btm_txt{
	width: 100%;
}
.nangoku .sec01 .sec01_btm_area_ttl {
	width: 100%;
}
.nangoku .sec01 .sec01_btm_area_txt {
	width: 100%;
}
.nangoku .sec01 .nangoku_btn {
	margin-bottom: 30px;
}

/*
 suzukiはここから
----------------------------------------------------------- */

/*
 mv
----------------------------------------------------------- */
.suzuki .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
}
/*
sec01
----------------------------------------------------------- */

.suzuki .sec01 .sec01_top_img{
	float: none;
	padding: 0 0 30px 0;
}
.suzuki .sec01 .sec01_mdl_img{
	width: 100%;
}
.suzuki .sec01 .sec01_mdl_txt{
	width: 100%;
}
.suzuki .sec01 .sec01_btm_box {
	padding: 15px;
}
.suzuki .sec01 .sec01_btm_img{
	width: 100%;
}
.suzuki .sec01 .sec01_btm_txt{
	width: 100%;
}
.suzuki .sec01 .sec01_btm_area_ttl {
	width: 100%;
}
.suzuki .sec01 .sec01_btm_area_txt {
	width: 100%;
}
.suzuki .sec01 .suzuki_btn {
	margin-bottom: 30px;
}
/*
 sesamiはここから
----------------------------------------------------------- */

/*
 mv
----------------------------------------------------------- */
.sesami .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
}
/*
sec01
----------------------------------------------------------- */
.sesami .sec01 .sec01_bg {
	padding: 15px 0;
	margin-bottom: 15px;
}
.sesami .sec01 .sec01_mdl_box {
	padding: 15px;
}
.sesami .sec01 .sec01_mdl_img{
	width: 100%;
}
.sesami .sec01 .sec01_mdl_txt{
	width: 100%;
}
.sesami .sec01 .sec01_btm_box {
	padding: 15px;
}
.sesami .sec01 .sec01_btm_img{
	width: 100%;
}
.sesami .sec01 .sec01_btm_txt{
	width: 100%;
}
.sesami .sec01 .sec01_btm_area_ttl {
	width: 100%;
}
.sesami .sec01 .sec01_btm_area_txt {
	width: 100%;
}
.sesami .sec01 .sesami_btn {
	margin-bottom: 30px;
}
/*
 yanoはここから
----------------------------------------------------------- */

/*
 mv
----------------------------------------------------------- */
.yano .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
}
/*
sec01
----------------------------------------------------------- */
.yano .sec01 .sec01_bg {
	padding: 15px 0;
	margin-bottom: 15px;
}
.yano .sec01 .sec01_mdl_box {
	padding: 15px;
}
.yano .sec01 .sec01_mdl_img{
	width: 100%;
}
.yano .sec01 .sec01_mdl_txt{
	width: 100%;
}
.yano .sec01 .sec01_btm_box {
	padding: 15px;
}
.yano .sec01 .sec01_btm_img{
	width: 100%;
}
.yano .sec01 .sec01_btm_txt{
	width: 100%;
}
.yano .sec01 .sec01_btm_area_ttl {
	width: 100%;
}
.yano .sec01 .sec01_btm_area_txt {
	width: 100%;
}
.yano .sec01 .yano_btn {
	margin-bottom: 30px;
}

/*
 tsunostはここから
----------------------------------------------------------- */

/*
 mv
----------------------------------------------------------- */
.tsunost .mv {
	background-image: url(../img/sp_tsn_mv_bg.png);
	height: 300px;
	background-size: cover;
	background-position: center;
}
/*
sec01
----------------------------------------------------------- */
.tsunost .sec01 .sec01_top_img{
	float: none;
	padding: 0 0 30px 0;
}
.tsunost .sec01 .sec01_mdl_h2 {
	margin-bottom: 15px;
	font-size: 1.2em;
}
.tsunost .sec01 .sec01_mdl_box ul:nth-child(odd) {
	flex-direction: column;
}
.tsunost .sec01 .sec01_mdl_img{
	width: 100%;
}
.tsunost .sec01 .sec01_mdl_txt{
	width: 100%;
}
.tsunost .sec01 .sec01_btm_box {
	padding: 15px;
}
.tsunost .sec01 .sec01_btm_img{
	width: 100%;
}
.tsunost .sec01 .sec01_btm_txt{
	width: 100%;
}
.tsunost .sec01 .sec01_btm_area_ttl {
	width: 100%;
}
.tsunost .sec01 .sec01_btm_area_txt {
	width: 100%;
}
.tsunost .sec01 .tsunost_btn {
	margin-bottom: 30px;
}

}/*スマホ用スタイルend*/