﻿@charset "utf-8";

/* page_name */
#inic-teiki_content{
	position:relative;
	z-index:1;
	width:100%;
}
#inic-teiki_content .sitewrap{
	max-width:960px;
	margin:0 auto;
}
#inic-teiki_content .overwrap{
	width:100%;
	padding-left:5%;
	padding-right:5%;
}
#inic-teiki_content .fix:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
}
#inic-teiki_content .min{
	font-family: dnp-shuei-mincho-pr6n,'Noto Serif JP',"Yu Mincho", YuMincho, serif;
}
#inic-teiki_content .goti{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#inic-teiki_content .ttl_01 {
	text-align:center;
	letter-spacing:0.2em;
	margin-bottom:2em;
	font-size:2.2rem;
}
#inic-teiki_content .ttl_01 span{
	font-size:2.0rem;	
}
#inic-teiki_content .text{
	font-size:1.4rem;
	line-height:2.2;
}
#inic-teiki_content .img_box{
	line-height:1;
}
#inic-teiki_content img{
	max-width:100%;
	height:auto;
}
#inic-teiki_content small{
	color:#000;
}
#inic-teiki_content i{
	font-style:normal;
}

#inic-teiki_content .btn_style.w_btn a{
	max-width:270px;
	padding: 12px 10px;
	background:none;
	font-weight: 500;
}

/* */

#inic-teiki_content .kv{
    background: url(../img/inic-teiki__item.jpg) no-repeat center center;
    background-size: cover;
}
#inic-teiki_content .kv h1{
	height:390px;
	display:flex;
	align-items:center;
	margin:0;
	padding-left: 10%;
}
#inic-teiki_content .section{
	padding:70px 0;
}
#inic-teiki_content .lead .text{
	text-align:center;
}
#inic-teiki_content .lead .btn_style{
	margin:35px auto 60px
}
#inic-teiki_content .lead .img_tit{
	text-align:center;
	margin-bottom:30px;
}
#inic-teiki_content .lead .navis{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	text-align:center;
	font-size:1.2rem;
}
#inic-teiki_content .recommend{
	background:#ECECEC;
}
#inic-teiki_content .recommend .fix{
	max-width:960px;
	margin:0 auto 40px;
}
#inic-teiki_content .recommend .left_area {
	float:left;
	width:56.66%;
}
#inic-teiki_content .recommend .right_area {
	float:right;
	width:375px;
	width:39.375%;
}
#inic-teiki_content .recommend .txt_box{
	padding:35px 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:1.6rem;
	line-height:1.8;
}
#inic-teiki_content .recommend .txt_box span{
	display:inline-block;
	border-bottom:solid 1px;
	padding:5px 10px 5px;
}
#inic-teiki_content .recommend .txt_box strong{
	color:#946134;
	font-weight: 600;
}
#inic-teiki_content .recommend .area02 .txt_box{
	margin:30px 0;
}
#inic-teiki_content .recommend .left_area.area03{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:55px;	
}
#inic-teiki_content .recommend .bottom_area .ttl_01{
	line-height:1.8;
	font-size:2rem;
}
#inic-teiki_content .recommend .bottom_area .ttl_01 b{
	font-weight:500;
	font-size:2.5rem;	
}
#inic-teiki_content .point .left_area{
	float:left;
	width:585px;
	width: 61%;
	padding:0 30px;
	position: relative;
	z-index: 1;
	margin-bottom:30px;
}
#inic-teiki_content .point .left_area .box {
	position:relative;
}
#inic-teiki_content .point .left_area .box .text{
	padding-right:150px;	
}

#inic-teiki_content .point .left_area .flt_img{
	position: absolute;
	right:10px;
	bottom: 0;
}
#inic-teiki_content .point h3{
	display:flex;
	align-items:center;
	margin-bottom: 1.25em;
}
#inic-teiki_content .point h3 .ttl_head{
	font-size:3.6rem;
	border-bottom:solid 1px;
	white-space:nowrap;
}
#inic-teiki_content .point h3 .ttl_body{
	font-size:2rem;
	margin-left:20px;
	letter-spacing:0.1em;
}
#inic-teiki_content .point h3 .ttl_body span{
	font-size:1.6rem;
}
#inic-teiki_content .point .right_area{
	float:right;
	position: relative;
	z-index: 5;
	width: 37.5%;
}
#inic-teiki_content .point .left_area.area03{
	width:auto;
	float: none;
	position: relative;
	clear: left;
	padding-top:50px;
	padding-right: 0;
	padding-left:110px;
	margin-bottom: 65px;
}
#inic-teiki_content .point .left_area.area03 .box{
	background:#ac9684;
	padding:40px 50px;
	color: #fff;
}
#inic-teiki_content .point .left_area.area03 .img_tit{
	position:absolute;
	top:-25px;
}
#inic-teiki_content .point .left_area.area03 .flt_img{
	right:auto;
	left:0;
	bottom:auto;
	top:90px;
	z-index:10;
}
#inic-teiki_content .point .left_area.area03 .box:after{
	content:"";
	display:block;
	background:#ac9684;
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:50vw;
	z-index:-5;
}
#inic-teiki_content .point .left_area.area03 .text{
	font-size:1.7rem;
}
#inic-teiki_content .point .left_area.area03 .text span,
#inic-teiki_content .point .left_area.area03 .text li{
	font-size:1.4rem;
}
#inic-teiki_content .point .left_area.area03 ul{
	margin:0.75em 0;
}
#inic-teiki_content .point .left_area.area03 .text li i{
	font-style:normal;
	font-size:0.95rem;	
}
#inic-teiki_content .point .left_area.area03 .liner{
	position:relative;
	max-width:345px;
}
#inic-teiki_content .point .left_area.area03 .liner p{
	color:#C30D22;
	display:block;
	border-bottom:solid 1px #C30D22;
	font-size: 2.1rem;
}
#inic-teiki_content .point .left_area.area03 .liner p span{
	font-size: 1.7rem;
	color:#fff;
}
#inic-teiki_content .point .left_area.area03 .liner b{
	font-weight:normal;
	color:#fff;
	position:absolute;
	right:0;
	font-size: 1.4rem;
}
#inic-teiki_content .point .left_area.area03 .liner i{
	font-size: 1.7rem;
	font-style:normal;
}
#inic-teiki_content .point .left_area.area03 .liner + .text{
	margin-top:1.5em;
}
#inic-teiki_content .point .left_area.area03 small{
	position:absolute;
	bottom:30px;
	right:0;
}
#inic-teiki_content .point .wrap02 .left_area {
	float:left;
	width:400px;
	width:41.66%;
	padding: 0;
}
#inic-teiki_content .point .wrap02 .right_area {
	float:right;
	width:510px;
	width:53.125%;
}
#inic-teiki_content .point .wrap02 small{
	font-size:1.4rem;
	margin:0;
	text-align:left;
}
#inic-teiki_content .point .wrap02 .flt_img{
	display:block;
	margin:10px 0 20px auto;
}
#inic-teiki_content .point .wrap02 .in_box{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin:0;
}
#inic-teiki_content .point .wrap02 .in_box .flt_img{
	margin:0;
	margin-left:45px;
	margin-right: 45px;
}

#inic-teiki_content .special{
	background:#ECECEC;
}
#inic-teiki_content .special .box,
#inic-teiki_content .special .box .right_area{
	display:flex;
	justify-content:space-between;
}
#inic-teiki_content .special .box .left_area{
	width:450px;
	width:46.875%;
}
#inic-teiki_content .special .box .left_area *{
	text-align:left;
}
#inic-teiki_content .special .box .left_area h2{
	position:relative;
	padding:1em 0 1em;
	margin:0;
}
#inic-teiki_content .special .box .left_area h2 img{
	position:absolute;
	top:0;
	/*	transform:translate(-25%,-75%)*/
	margin-top: -15px;
	margin-left:-40px;
}
#inic-teiki_content .special .box .left_area small{
	margin-top:2em;
	text-indent:-1em;
	margin-left:1em;
}
#inic-teiki_content .special .box .right_area{
	width:455px;
	width:48%;

}
#inic-teiki_content .example ul{
	padding-top:90px;
	margin-bottom:35px;
}
#inic-teiki_content .example li + li{
	border-top:solid 1px #595757;
	padding-top:60px;
	margin-top:40px;
}
#inic-teiki_content .example li dl{
	display:flex;
	align-items: center;
}
#inic-teiki_content .example li dl dt{
	width:170px;
}
#inic-teiki_content .example li dl dt h3{
	margin-bottom:0.5em;
	position:relative;
}
#inic-teiki_content .example li dl dt h3 i{
	font-size:4.8rem;
	display:block;
	color:#DCDCDD;
	line-height:1;
	margin-bottom:-0.25em;
}
#inic-teiki_content .example li dl dt h3 i:first-letter{
	font-size:6.1rem;
}
#inic-teiki_content .example li dl dd{
	font-size:1.3rem;
	padding:0 20px;
	position:relative;
	text-align:center;
}
#inic-teiki_content .example li dl dd:nth-child(2){
}
#inic-teiki_content .example li dl dd.plus{
	font-size:5.5rem;
}
#inic-teiki_content .example li dl dd p{
	margin-top:1em;
}
#inic-teiki_content .example li dl dd .up{
	width:170px;
	padding-left:10px;
	padding-right:10px;
	letter-spacing:-0.03em;
	margin:-90px 0 10px;
	position:relative;
}
#inic-teiki_content .example li dl dd .up:before,
#inic-teiki_content .example li dl dd .up:after{
	content:"";
	width:1px;
	background:#221814;
	height:70%;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	transform:skewX(20deg);
}
#inic-teiki_content .example li dl dd .up:after{
	left:auto;
	right:0;
	transform:skewX(-20deg);
}
#inic-teiki_content .example li dl dd p b{
	font-weight:normal;
	font-size:1.6rem;
}
#inic-teiki_content .example li dl dd .img_box{
	min-height:150px;
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: flex-end;
}
#inic-teiki_content .example li dl dd.guide2{
	padding:0 50px;
	margin-right: 60px;
}
#inic-teiki_content .example li dl dd.end{
	padding-right:0;
}
#inic-teiki_content .step{
	background:#ECECEC;
}
#inic-teiki_content .step ul{
	display:flex;
	justify-content:space-between;
	position:relative;
	margin-bottom:45px;
}
#inic-teiki_content .step ul li{
	width:205px;
	text-align:center;
}
#inic-teiki_content .step h3{
	font-size:2.3rem;
	text-align:center;
	margin-bottom:1.5em;
}
#inic-teiki_content .step h3 i{
	font-size:1.2rem;
	display:block;
}
#inic-teiki_content .step li:nth-child(2) h3:before,
#inic-teiki_content .step li:nth-child(2) h3:after{
	content:"";
	display:block;
	height:1px;
	background:#595757;
	width:280px;
	top:30px;
	position:absolute;
}
#inic-teiki_content .step li:nth-child(2) h3:before{
	left:130px;
}
#inic-teiki_content .step li:nth-child(2) h3:after{
	right:130px;
}
#inic-teiki_content .step ul li .text{
	font-weight:600;
	font-size:1.6rem;
	margin-bottom:1.5em;
}
#inic-teiki_content .step ul li + li .figures{
	display:flex;
	justify-content:space-between;
}
#inic-teiki_content .step ul li .circle{
	width:95px;
	height:95px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:solid 1px #000;
	border-radius:50%;
	text-align:center;
	font-size:1.6rem;
	line-height:1.3;
}
#inic-teiki_content .step ul li .circle strong{
	font-size:3.8rem;
	font-weight:500;
	line-height:1;
}
#inic-teiki_content .step ul li .circle b{
	font-size:2.2rem;
}
#inic-teiki_content .step li .btn_style a{
	padding:8px;
	margin-top:5px;
}
#inic-teiki_content .step .left_wrap small{
	text-align:left;
}
#inic-teiki_content .what .ttl_img{
	text-align:center;
	margin-bottom:2em;
}
#inic-teiki_content .what .fbox{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	
}
#inic-teiki_content .what .fbox .left_area{
	width:500px;
	width:52%;
}
#inic-teiki_content .what .fbox .right_area{
	width:460px;
	width:48%;
	padding:4%;
}
#inic-teiki_content .what .fbox .ttl_01 {
	text-align:left;
	line-height:1.8;
	margin-bottom:1.5em;
}
.what_sec{
	background:#EFEFEF url(../../inic_teiki/stick_back.jpg) no-repeat;
	padding:130px 0 70px;
	background-position:30% 40%;
}
@media screen and (min-width: 1920px){
	.what_sec{
		background-position-x:calc(50% + 100px);
	}
}
.what_sec .blocks{
	position:relative;
	overflow:hidden;
	line-height:2.0;
}
.what_sec .blocks .texts{
	padding-right: 60%;
	position:relative;
	z-index:1;
}
.what_sec .blocks .texts .in_box{
	margin-left:auto;
	margin-right:0;
}
/*
.what_sec .blocks .img_box{
	position:absolute;
	left:40%;
	bottom:0;
}
.what_sec .blocks .img_box img{
	max-width:initial;
	width:calc(60vw);
}*/
.what_sec .blocks h3{
	margin-bottom:30px;
	letter-spacing: 0.1em;
	line-height:2.2;
}
.what_sec .blocks h3 strong{
	font-weight:normal;
	font-size: 30px;
	line-height:1;
	letter-spacing: 0.25em;
}
.what_sec .blocks .texts p{
	max-width:100%;
}
#inic-teiki_content .lineup .ttl_01{
	margin-bottom:1em;
	font-size:2.4rem;
}
#inic-teiki_content .lineup .ttl_01 span{
	font-size:2.0rem;
}
#inic-teiki_content .lineup p small{
	font-size:1.4rem;
	margin-bottom:3em;
}
#inic-teiki_content .lineup .items{
	display:flex;
	flex-wrap:wrap;
	margin:auto;
}
#inic-teiki_content .lineup .items li{
	width:198px;
	margin-right:32px;
	margin-bottom:40px;
	text-align:center;
}
#inic-teiki_content .lineup .items li:nth-child(4n){
	margin-right:0;
}
#inic-teiki_content .lineup .items li .text{
	line-height:1.8;
	margin-top:1em;
	font-size:1.5rem;
}
#inic-teiki_content .office{
	background:#EFEFEF;
}
#inic-teiki_content .office .box{
	display:flex;
	justify-content:space-between;
	max-width:960px;
	margin: 0 auto;
}
#inic-teiki_content .office .box .left_area{
	width:400px;
	width:41.66%;
	padding:0 35px;
}
#inic-teiki_content .office .box .right_area{
	width:57.5%;
}
#inic-teiki_content .office .ttl_01 {
	text-align:left;
	letter-spacing:0.1em;
	line-height:1.8;
	margin-bottom:0;
}
#inic-teiki_content .office .ttl_01 div{
	text-align:center;
}
#inic-teiki_content .office .ttl_01 strong{
	color:#956134;
	font-weight:500;
}
#inic-teiki_content .office .box .left_area p{
	margin-top:2em;
}
#inic-teiki_content .office .box .left_area .btn_style {
	margin-top:1em;	
}
#inic-teiki_content .qa .qalist{
	margin-bottom:3em;
}
#inic-teiki_content .qa .icon_q,
#inic-teiki_content .qa .icon_a{
	background-image:none;
	position:relative;
	padding-left:3em;
}
#inic-teiki_content .qa .icon_q:before,
#inic-teiki_content .qa .icon_a:before{
	content:"Q.";
	display:inline-block;
	position:absolute;
	left:1em;
}
#inic-teiki_content .qa .icon_a:before{
	content:"A.";
}

#inic-teiki_content .qa .icon_a p + p{
	margin-top:0.5em;
}

#inic-teiki_content .other .ttl_01{
	margin-bottom:0.5em;
}
#inic-teiki_content .other .ttl_01 + p{
	margin-bottom:3em;
	text-align:center;
}
#inic-teiki_content .other .banners{
	max-width:900px;
	margin:auto;
	font-size:1.4rem;
}
#inic-teiki_content .other .banners .left_area{
	float:left;
	width:48%;
}
#inic-teiki_content .other .banners .right_area{
	float:right;
	width:48%;
}
@media screen and (max-width: 980px){
	#inic-teiki_content .sitewrap,
	#inic-teiki_content .overwrap{
		max-width:100%;
		padding-left:20px;
		padding-right:20px;
	}

	#inic-teiki_content .recommend .fix{
		padding:0;
		margin: 0;
	}
	#inic-teiki_content .recommend .txt_box{
		font-size:1.8vw;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
	}
	#inic-teiki_content .recommend .txt_box span{
		display:inline;
		line-height:3;
	}
	#inic-teiki_content .special .box .left_area h2{
		margin-left:20px;
	}
	#inic-teiki_content .special .box .left_area h2 img{
		margin-left: -35px;
	}
	#inic-teiki_content .point .sitewrap,
	#inic-teiki_content .point .overwrap{
		padding:0;
	}
	#inic-teiki_content .point .wrap02 .right_area{
		padding-right:20px;
	}
	#inic-teiki_content .lineup .items li{
		width: 23%;
		margin-right: 2.5%;
	}
	#inic-teiki_content .what_sec{
		background-position:45% 0%;
		background-size:200%;
	}
	#inic-teiki_content .example li dl dd{
		padding-left:10px;
		padding-right:10px;
	}
	#inic-teiki_content .example li dl dd.guide2{
		padding-left:10px;
		padding-right:10px;		
	}
	#inic-teiki_content .office .overwrap{
		padding:0;
	}
	#inic-teiki_content .office .box .left_area{
		padding:0 15px;
		width:50%;
	}
}
@media screen and (max-width: 767px){
	#inic-teiki_content .sitewrap,
	#inic-teiki_content .overwrap{
		padding-left:15px;
		padding-right:15px;
	}
	#inic-teiki_content .kv{
	    background: url(../img/inic-teiki__item--sp.jpg) no-repeat center center;
	    background-size: cover;
	}
	#inic-teiki_content .kv h1{
		height:376px;
		padding: 0 30px 30px 0;
		align-items: flex-end;
		justify-content: flex-end;
	}
	#inic-teiki_content .kv h1 img{
		max-width:192px;
	}
	#inic-teiki_content .section{
		padding: 40px 0 60px;
	}
	#inic-teiki_content .ttl_01{
		margin-bottom:1.75em;
		letter-spacing: 0.1em;
	}
	#inic-teiki_content .text{
		font-size:1.2rem;
		/* text-align: center; */
	}
	#inic-teiki_content .img_box img{
		width:100%;
	}
	#inic-teiki_content .lead .img_tit{
		margin-bottom:2em;
	}
	#inic-teiki_content .lead .navis{
		justify-content:flex-start;
	}
	#inic-teiki_content .lead .navis li{
		width:calc(100% / 3);
	}
	#inic-teiki_content .lead .navis li:nth-child(n+4){
		margin-top:30px;
	}
	#inic-teiki_content .recommend .overwrap{
		padding-left:0;
		padding-right:0;
	}
	#inic-teiki_content .recommend .left_area {
		float:none;
		width:auto;
	}
	#inic-teiki_content .recommend .right_area {
		float:none;
		width:auto;
	}
	#inic-teiki_content .recommend .txt_box{
		font-size:1.6rem;
		padding:20px 0;
		margin-bottom:0.5em;
	}
	#inic-teiki_content .recommend .area02 .txt_box{
		margin:0 0 0.5em;
	}
	#inic-teiki_content .recommend .area02 .img_box{
		margin:0 10% 10%;
	}
	#inic-teiki_content .recommend .left_area.area03{
		margin: 0 0 7.5%;
	}
	#inic-teiki_content .recommend .left_area.area03 .img_box{
		width:41.5%;
	}
	#inic-teiki_content .recommend .left_area.area03 .txt_box{
		width:59%;
		padding: 0;
	}
	#inic-teiki_content .recommend .txt_box span{
		line-height:2.8;
	}
	#inic-teiki_content .recommend .bottom_area .ttl_01{
		font-size:1.0rem;
		margin-bottom: 3.0em;
	}
	#inic-teiki_content .recommend .bottom_area .ttl_01 span{
		font-size:1.4rem;
	}
	#inic-teiki_content .recommend .bottom_area .ttl_01 b{
		font-size:1.8rem;
	}
	#inic-teiki_content .point .left_area{
		float:none;
		width:auto;
	}
	#inic-teiki_content .point .right_area{
		float:none;
		width:auto;
	}
	#inic-teiki_content .point .wrap01,
	#inic-teiki_content .point .wrap01 .box{
		display:flex;
		flex-direction:column;
	}
	#inic-teiki_content .point .wrap01 .left_area{
		padding:15px;
		margin: 0;
	}
	#inic-teiki_content .point .area01{
		order:2;
	}
	#inic-teiki_content .point .area02{
		order:1;
	}
	#inic-teiki_content .point .area03{
		order:3;
	}
	#inic-teiki_content .point .left_area .flt_img{
		position:static;
		margin:auto;
		display:block;
		order: 1;
	}
	#inic-teiki_content .point h3{
		align-items:flex-start;
	}
	#inic-teiki_content .point h3 .ttl_body{
		font-size: 1.8rem;
		margin-top:0.6em;
	}	
	#inic-teiki_content .point h3 .ttl_body span{
		font-size:1.5rem;
	}
	#inic-teiki_content .point .left_area .box .text{
		padding:0;
	}
	#inic-teiki_content .point .wrap02 .box p{
			text-align:center;
	}
	#inic-teiki_content .point .wrap02 .box p .center_left{
			text-align:left;
			display:inline-block;
	}	
	#inic-teiki_content .point .area01 .box .text{
		order:5;		
		margin-top:15px;
	}
	#inic-teiki_content .point .left_area.area03{
		padding-top:80px;
	}
	#inic-teiki_content .point .left_area.area03 .flt_img{
		top:0;
		right: 30px;
		left: auto;
		position:absolute;
		margin: auto;
		width:116px;
		animation:right_in 1.0s ease-out forwards;
	}
	#inic-teiki_content .point .left_area.area03 .box{
		padding:40px 0 20px 20px;

	}
	#inic-teiki_content .point .left_area.area03 .img_tit img{
		animation:left_in 1.0s ease-out forwards;		
	}
	#inic-teiki_content .point .left_area.area03 small{
		position:static;
		margin-top:15px;
		text-align: right;
		margin-left: auto;
		width: 100%;
		color:#fff;
	}
	#inic-teiki_content .point .left_area.area03 .liner{
		max-width:20em;
	}
	#inic-teiki_content .point .wrap02 .left_area,
	#inic-teiki_content .point .wrap02 .right_area{
		width:auto;
		float:none;
	}
	#inic-teiki_content .point .wrap02,
	#inic-teiki_content .point .wrap02 .box{
		display:flex;
		flex-direction:column;
	}
	#inic-teiki_content .point .wrap02 .right_area{
		padding-left:15px;
		padding-right:15px;
		margin-bottom: 30px;
	}
	#inic-teiki_content .point .wrap02 .flt_img{
		position:static;
		margin:0 auto 15px;;
	}
	#inic-teiki_content .point .wrap02 .in_box {
		flex-direction:column;
	}
	#inic-teiki_content .point .wrap02 .area03{
		margin:0;
	}
	#inic-teiki_content .point .wrap02 .area03 .box .text{
		width:100%;
		margin-top: 1em;
	}
	#inic-teiki_content .special .box{
		display:block;
	}
	#inic-teiki_content .special .box .left_area{
		width:auto;
	}
	#inic-teiki_content .special .box .left_area h2 {
		text-align:center;
		margin-top:5%;
	}
	#inic-teiki_content .special .box .left_area img{
		display:inline-block;
	}
	#inic-teiki_content .special .box .left_area div{
		text-align:center;
		display:inline-block;
	}
	#inic-teiki_content .special .box .left_area small{
		margin:0.5em 0 2em;
		padding-left: 1em;
	}
	#inic-teiki_content .special .box .right_area{
		width:auto;
		margin:0 15px;
		display:block;
	}
	#inic-teiki_content .special .box .right_area .img_box + .img_box{
		margin-top:30px;
	}
	#inic-teiki_content .example .btn_style{
		margin: 1em auto 150px;
	}
	#inic-teiki_content .example ul{
		padding:0;
	}
	#inic-teiki_content .example li dl{
		margin:0 15px;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:flex-start
	}
	#inic-teiki_content .example li dl dt{
		position:relative;
		padding-left:15px;
		padding-bottom:50px;
		width:50%;
		order:1;
	}
	#inic-teiki_content .example li dl dt:after{
		content:"";
		width:1px;
		height:120px;
		background:#000;
		display:block;
		position:absolute;
		left: 110px;
		top: 40px;
		transform:rotate(45deg);
	}
	#inic-teiki_content .example li dl dt h3 i{
		margin-left:-15px;
	}
	#inic-teiki_content .example li dl dd{
		width:50%;
		order:3;
	}
	#inic-teiki_content .example li dl dd.coffee img{
		max-width:88px;
	}
	#inic-teiki_content .example li dl dd.plus{
		display:none;
	}
	#inic-teiki_content .example li dl dd.tokuten{
		width: 66%;
		padding: 0;
	}
	#inic-teiki_content .example li dl dd.tokuten img{
		max-width:172px;
	}
	#inic-teiki_content .example li dl dd.tokuten small{
		white-space:nowrap;
	}
	#inic-teiki_content .example li dl dd.guide{
		width:100%;
		display:flex;
		justify-content:center;
		margin-top:15px;
	}
	#inic-teiki_content .example li dl dd .up,
	#inic-teiki_content .example li dl dd .g_body{
		width:50%;
	}
	#inic-teiki_content .example li dl dd .up{
		position:relative;
		margin:0;
		display:flex;
		align-items:center;
		justify-content:center;
		width: 60%;
	}
	#inic-teiki_content .example li dl dd .g_body{
		width:40%;
	}
	#inic-teiki_content .example li dl dd .up:before,
	#inic-teiki_content .example li dl dd .up:after{
		transform: rotate(-10deg);
		width:40%;
		height:1px;
		right:15px;
		left:auto;
		top:50%;
		margin-top:33%;
		bottom:auto;
	}
	#inic-teiki_content .example li dl dd .up:after{
		transform: rotate(10deg);
		margin-top:-33%;
	}
	#inic-teiki_content .example li dl dd.guide img,
	#inic-teiki_content .example li dl dd.guide2 img{
		max-width:113px;
	}
	#inic-teiki_content .example li dl dd.guide2{
		order:2;
		width:50%;
		margin: 0;
		padding:0;
		padding-left:20px;
		margin-top:30%;
	}
	#inic-teiki_content .example li + li dl dd.coffee {
		margin-top:-30%;		
	}
	#inic-teiki_content .example li dl dd.end{
		width:100%;
		display:flex;
		justify-content:center;
		flex-direction:column-reverse;
		padding: 0 15px;
	}
	#inic-teiki_content .example li dl dd.end p{
		font-weight:500;
	}
	#inic-teiki_content .example li dl dd.end p span{
		position:relative;
		display:inline-block;
		padding:0 15px;
		margin:0 0 10px
	}
	#inic-teiki_content .example li dl dd.end p span:before,
	#inic-teiki_content .example li dl dd.end p span:after{
		content:"";
		width:1px;
		background:#221814;
		height:70%;
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		transform:skewX(20deg);
	}
	#inic-teiki_content .example li dl dd.end p span:after{
		left:auto;
		right:0;
		transform:skewX(-20deg);
	}
	#inic-teiki_content .example .center_wrap small{
		text-align:left;
		text-indent:-1em;
		margin-left:1em;
	}
	#inic-teiki_content .step ul{
		flex-direction:column;
		margin: 0 auto 15px;
		max-width: 312px;
	}
	#inic-teiki_content .step ul li{
		position:relative;
		padding-left: 60px;
		width: auto;
		max-width:312px;
		min-height: 200px;
	}
	#inic-teiki_content .step ul li h3{
		position:absolute;
		left:15px;
	}
	#inic-teiki_content .step li:before{
		content:"";
		display:block;
		height:120px;
		background:#595757;
		width:1px;
		top:50px;
		left:30px;
		position:absolute;
	}
	#inic-teiki_content .step li:nth-child(3):before,
	#inic-teiki_content .step li:nth-child(2) h3:before,
	#inic-teiki_content .step li:nth-child(2) h3:after{
		display:none;
	}
	#inic-teiki_content .step ul li + li .figures{
		justify-content:center;
	}
	#inic-teiki_content .step ul li .circle{
		margin:0 5px
	}
	#inic-teiki_content .step ul li .circle strong{
		font-size:3.0rem;
	}
	#inic-teiki_content .step ul li:nth-child(3){
		min-height: 0px;
	}
	#inic-teiki_content .step .left_wrap small{
		text-indent:-1em;
		margin-left:1em;
	}
	#inic-teiki_content .what{
		padding-bottom:0;
	}
	#inic-teiki_content .what .ttl_img{
		margin-bottom:1em;
	}
	#inic-teiki_content .what .ttl_img img{
		max-width: 206px;
	}
	#inic-teiki_content .what .sitewrap,
	#inic-teiki_content .what .overwrap{
		padding:0;
	}
	#inic-teiki_content .what .fbox {
		display:block;
	}
	#inic-teiki_content .what .fbox .left_area{
		width:100%;
	}
	#inic-teiki_content .what .fbox .right_area{
		width:100%;
		padding: 30px 15px;
	}
	#inic-teiki_content .what .fbox .ttl_01{
		text-align:center;
		font-size:1.8rem;
	}
	#inic-teiki_content .what_sec{
		background-image:none;
		padding: 0 0 40px;
		background-color: #F2F2F2;
	}

	#inic-teiki_content .what_sec .blocks h3{
		font-size: 1.35rem;
		text-align:center;
	}
	#inic-teiki_content .what_sec .blocks h3 strong{
		font-size: 2.0rem;
	}
	#inic-teiki_content .what_sec .blocks .texts{
		padding-left:15px;
		padding-right:15px;
		font-size:1.2rem;
	}
	#inic-teiki_content .lineup .items{
		margin:0 15px;
	}
	#inic-teiki_content .lineup .items li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}
	#inic-teiki_content .lineup .items li:nth-child(2n){
		margin-right:0;
	}
	#inic-teiki_content .office .box .left_area{
		width:auto;
	}
	#inic-teiki_content .office .box .left_area h2 {
	}
	#inic-teiki_content .office .box .left_area h2 img{
		display:inline-block;
		vertical-align:top;
	}
	#inic-teiki_content .office .box .left_area h2 div{
		text-align:center;
	}
	#inic-teiki_content .office .box .left_area p{
		text-align:center;
	}
	#inic-teiki_content .office .box .left_area .img_box {
		margin:15px -15px 0;
	}
	#inic-teiki_content .office .box .left_area .img_box + .text{
		text-align:center;
	}
	#inic-teiki_content .other .banners .left_area{
		width:auto;
		float:none;
		margin:0 -5px 15px;
		text-align:center;
	}
	#inic-teiki_content .other .banners .right_area{
		width:auto;
		float:none;
		margin:0 -5px 0;
		text-align:center;
	}
	#inic-teiki_content .other .banners a p{
		padding:0 5px;
		font-size:1.2rem;
	}
}
@media screen and (max-width: 374px){
	#inic-teiki_content .example li dl dd.guide{
		padding:0;
		justify-content: space-between;
	}
	#inic-teiki_content .example li dl dd .up{
		font-size:1.2rem
	}
	#inic-teiki_content .example .center_wrap small{
		font-size:1.1rem;
	}
	#inic-teiki_content .ttl_01{
		font-size:1.8rem;
	}
	#inic-teiki_content .what_sec .blocks h3{
		font-size:1.2rem;
	}
	#inic-teiki_content .what_sec .blocks h3 strong{
		font-size:2rem;
		letter-spacing: 0.1em;
	}
	#inic-teiki_content .lineup p small{
		font-size:1.2rem;
	}
}