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


/* -------------------------------- mainvisual */

#mainvisual {
}

.slider li {
	
}

.mainvisual_text {
	writing-mode: vertical-rl;
	position:absolute;
	right:10vw;
	top:50px;
	font-size:24px;
	font-weight:bold;
	line-height:1.7em;
	opacity: 0;
	text-shadow: 1px 1px 5px #fff;
}

.mainvisual_text2 {
	writing-mode: vertical-rl;
	position:absolute;
	right:22vw;
	top:50px;
	font-size:24px;
	font-weight:bold;
	line-height:1.7em;
	opacity: 0;
	text-shadow: 1px 1px 5px #fff;
}

.mainvisual img {
	width:100%;
}

.key_cont {
    position: relative;
    height: unset;
}

/*---TOPメインテキスト---*/

h2.mainvisual_text {
    animation: fadeIn_txt 4s ease 0.2s 1 forwards;
}

@keyframes fadeIn_txt {
    0% {opacity: 0}
    100% {opacity: 1}
}

h2.mainvisual_text2 {
    animation: fadeIn_txt 4s ease 1.2s 1 forwards;
}

@keyframes fadeIn_txt {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* -------------------------------- section_01 */

#section_01 {
	margin-top:50px;
}

.section_01 {
	background-image:url(../images/index/section01_back.png);
	max-width:1020px;
	margin:0 auto;
}

.section_01_container {
	background-image:url(../images/index/section01_1.png);
	max-width:900px;
	margin:0 auto;
	height:auto;
	background-repeat:no-repeat;
	background-position:center;
	
}

.section_01 h2.title_01 {
	padding-left:0px;
	padding-top:15px;
	text-align: center;

}

.section_01 h2.title_02 {
	font-size:7vw;
	font-weight:bold;
	background-image:url(../images/index/section01_5.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:90%;
	height:auto;
	text-align: center;
	margin:0 auto;
}

.section_01 h2.title_03 {
	font-size:6vw;
	font-weight:bold;
	color:#EF7C1B;
		text-align: center;
	padding:15px 0;
}

.section_01_img {
	padding:15px;
}

.section_01_img img {
	width:100%
}

.section_01 .container_wrap {
	position:relative;
}

.section_01_text {
	background:rgba(255,255,255,0.8);
	padding:15px;
    position: static;
    max-width: 700px;
	line-height:2em;
}

.accent {
	font-weight:bold;
	font-size:21px;
}

#section_02 {
	padding:25px 0;
}

.section_02 .title_01 {
	text-align: center;
	padding-top: 25px;
}

.section_02_container {
	background-image: url("../images/index/section02_back.jpg");
	background-size: cover;
	background-position: top;
	height:auto;
	background-repeat: no-repeat;
}

.flex_box {
	display:flex;
	justify-content: center;
	flex-direction: column-reverse;
	align-items: center;
}

.section_02 .box {
	background-image: url("../images/index/section2_box.png");
	background-repeat: no-repeat;
	width:240px;
	height:280px;
	margin:5px 5px;
	text-align: center;
	padding-top:15px;
}

.section_02 .box_text {
	font-size:20px;
	font-weight:bold;
	padding-top:10px;
}

#section_03 {
	padding:25px 0;
	background:#F3F3F5;
	background-image: url("../images/index/section03_back.png");
	background-position: -175px 0px;
}

.title_03 {
	text-align: center;
}

.title_03 {
    text-align: center;
    padding-bottom: 25px;
}

.title_03 img,.title_04 img,.title_05 img,.title_06 img,.title_07 img,.title_08 img {
	width:95%;
}

.section_03 .box_title {
	color:#fff;
	font-weight:bold;
	font-size:20px;
	padding-top:5px;
}

.section_03 .box {
	background-image: url("../images/index/section03_box.png");
	background-repeat: no-repeat;
	width:298px;
	height:393px;
	margin:25px 5px;
	text-align: center;
	padding-top:15px;
}

.section_03 .circle {
	background-image: url("../images/index/section03_circle.png");
	background-repeat: no-repeat;
	width:115px;
	height:115px;
	margin:25px 10px 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	font-size:17px;
}

.section_03 .row01 {
	margin-top:30px;
}

.section_03_text_all {
	z-index: 1000;
	height:203px;
	position: absolute;
	left: 0;
  	right: 0;
    margin: 125px auto;
	text-align: center;
}

.section_03_text_wrap {
	text-align: left;
	background:#fff;
	max-width:888px;
	padding:60px 15px 15px 15px;
	font-size:5vw;
	font-weight:bold;
	margin:0px  auto;
}



.orange {
	background:#EF7C1B;
	color:#fff;
	display:inline-block;
	padding:0 5px;
	margin:5px;
}

.black {
	margin:5px;
}

.yellow {
	background-image:url("../images/index/section3_under.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	display:inline;
}

.arrow {
	text-align: center;
	margin-bottom: -50px;
	margin-top:50px;
}

.arrow img {
	width:80%;
}

#section_04 {
	padding:25px 0;
	background-image: url(../images/common/mizutama.png);
}

.section_04 .title_04,.section_05 .title_05,.section_06 .title_06,
.section_07 .title_07,.section_08 .title_08 {
	text-align: center;
}

.section_04_container .flex_box {
    display: flex;
    justify-content: center;
    background: url(../images/index/sp/1x/syatyosan.png);
    height: 660px;
    background-repeat: no-repeat;
    position: relative;
    background-position: top center;
    margin-top: 50px;
}

.section_04 .left_side {
	background:url(../images/index/sp/1x/happy.png);
	display: flex;
    padding: 0;
    max-width: 411px;
    height: 375px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 90%;
    position: relative;
    top: 155px;
}


.section_04 .box_text_tate {
	  -ms-writing-mode: horizontal-tb;
	  writing-mode:horizontal-tb;
	font-size:7vw;
	font-weight:bold;
	line-height: 1.8em;
	
	padding-right:15px;
}

.section_04 .box {

	margin:0px;
}

.section_04_container .box01, .section_04_container .box02 {
    width: 100%;
    margin: 50px auto 0;
}

.section_04_container .box01 .top, .section_04_container .box02 .top {
    padding: 0;
    margin-bottom: 20px;
}

.section_04_container .box01 .contents ,.section_04_container .box02 .contents{
    background: rgba(92,93,93,0.2);
    display: flex;
    padding: 20px 0;
	justify-content: center;
    flex-wrap: wrap;
	width: 90%;
    max-width: 555px;
    margin: 0 auto;
}

.section_04_container .box01 .content, .section_04_container .box02 .content {
    margin: 0 10px;
    width: 90%;
}

.section_04_container .box01 .content .pic, .section_04_container .box02 .content .pic {
    width: 190px;
    height: 140px;
    background: #fff;
    margin: 0 auto;
}

#section_05 {
	background:#FEF1E6;
	padding:15px;
}

.section5_inner {
	background:#fff;
	background-position: center;
	background-repeat: no-repeat;
	width:auto;
	height:auto;
	margin:25px auto 0 auto;
}

.section5_inner_wrap {
	padding-top:25px;
}
 
.section_05 .box_title {
	font-weight:bold;
	border-bottom:solid 8px #3E3A39;
	display: inline-block;
	text-align: center;
	font-size:7vw;
}

.section_05 .title_wrap2 {
	text-align: center;
	padding-top:0px;
}

.section_05 .sub_title {
	font-size:22px;
	font-weight:bold;
	text-align: center;
}

.section_05 .accent {
	font-size:6vw;
}

.section5_inner_wrap .flex_box {
	padding:15px 0;
}

.section5_inner_wrap .out {
	flex-direction: row;
}

.about1 .flex_box {
	padding:0 15px;
}

.about1 .flex_box img {
    width:100%;
}

.photoside {
	text-align: center;
}

.photoside img {
	width:90%;
}

.about1 .accent {
	font-size:20px;
}

.about1 .textside {
	padding:15px 0;
}

.about2 .textside {
	background:#FFE1CC;
	width:auto;
	height:auto;
	padding:15px;
	font-weight:bold;
	font-size:19px;
	line-height:1.8em;
}

.price {
}

.price_box_title {
	background:#EF7C1B;
	padding:10px 5px;
	color:#fff;
	text-align: center;
	font-weight:bold;
	font-size:19px;
}

.price_box {
	border:solid 4px #3E3A39;
	margin:5px;
	padding:15px;
	width: 90%;
}

.price .flex_box {
	max-width:870px;
	justify-content: space-between;
	margin:0 auto;
}

.price_yen {
	font-size:27px;
	font-weight:bold;
	text-align: center;
}

.notice {
	display: flex;
	justify-content: space-around;
	max-width:765px;
	margin:0 auto;
}

.notice_box {
	background:rgba(239,124,27,0.48);
	width:auto;
	margin:10px;
}

.notice_box .flex_box {
	align-items: center;
	padding: 15px 0 0 0;
}

.text1 {
	font-weight:bold;
	font-size:6vw;
	text-align: center;
	padding:10px;
}

.text2 {
	background:#fff;
	padding:10px;
	border:solid 8px rgba(239,124,27,0.48);
	border-top: 0;
	font-weight:bold;
	font-size:5vw;
}

.text3 {
	background:#fff;
	padding:10px;
	border:solid 8px rgba(239,124,27,0.48);
	border-top: 0;
	font-size:5vw;
}

.orange2 {
	color:#EF7C1B;
}

#kyuto {

	background-image:url("../images/index/kyuto_back.png");
	padding:25px 0 70px 0;
	
}

#kyuto .section5_inner {
	background:#FEF1E6;
	padding:15px;	
	background-repeat: no-repeat;
	width:auto;
	height:auto;
	margin:25px auto 0 auto;
}

#kyuto {

}

.kyuto_title {
	font-size:6vw;
	font-weight:bold;
	text-align: center;
	padding-bottom:10px;
}

.kyuto_text {
	padding-top:10px;
}

.list {
	padding:10px;
}

.kyuto {
	padding:0px;
	padding-bottom:25px;
	width:100%;
}

.kyuto_img {
	text-align: center;
}

.kyuto_img img {
	width:90%;
}

.kyuto_flex_box {
	display: flex;
	flex-direction: column;
	padding:0px;
}

.case {
	display:block;

}

.case_box {
	border:solid 5px #5C5D5D;
	font-weight:bold;
	background-image:url("../images/index/check.png");
	background-repeat:no-repeat;
	padding:10px 10px 10px 30px;
	width:auto;
	margin-bottom: 10px;
	margin-right:10px;
}

#fix .section5_inner {
	background:#FEF1E6;
	padding:15px;	
	width:auto;
	height:auto;
	margin:25px auto 0 auto;
}

.fix .flex_box {
	padding:0px;
}

.fix .textside {
	padding-left:0px;
}

.other_box {
	margin:10px;
}

.other_box img {
}

#section_06 {
	/* padding:70px 0; */
	background-image:url("../images/index/section6_back.png");
}

.fukidashi {
    background-position: center;
    background-image: url(../images/index/section6_fukidashi.png);
    background-repeat: no-repeat;
    padding: 10px;
    width: 100%;
    height: auto;
    font-weight: bold;
    font-size: 6vw;
    line-height: 2em;
    margin-left: 0;
    background-size: 200%;
}

#section_06 .flex_box {
	flex-wrap: wrap;
	flex-direction: unset;
}

.section_06_container .picbox {
    margin-bottom: 20px;
}

#section_07 {
	padding:25px;
	background:#FCFBED;
}

.section_07_text {
	font-size:20px;
	font-weight:bold;
	max-width:900px;
    margin: 25px auto 0 auto;
}

#section_07 .accent {
	font-size:24px;
	border-bottom:solid 4px #E71F19;
	line-height:1.8em;
}



#section_08 {
	background-image: url("../images/index/section8_back.png");
	padding:70px 0;
}

.section_08_container .one {
    margin-bottom: 200px;
	margin-top: 200px;
}

.section_08_container .three {
    margin-top: 200px;
	background-position: 80% 10px;
}

.section_08_container .five {
    margin-top: 200px;
	background-position: 35% 28%;
}

.section_08_container .seven {
    margin-top: 200px;
	background-position: 70% 0%;
}

.section_08_container .one .feature_box {
    background: url(../images/index/1x/one2.png);
    position: absolute;
    top: -130px;
	left: unset;
    background-size: 100%;
    background-repeat: no-repeat;
}

.section_08_container .two .feature_box {
    background: url(../images/index/1x/two2.png);
    position: absolute;
    top: -130px;
    right: unset;
    background-size: 100%;
    background-repeat: no-repeat;
}

.section_08_container .three .feature_box {
    background: url(../images/index/1x/three2.png);
    position: absolute;
    top: -130px;
    left: unset;
    background-size: 100%;
    background-repeat: no-repeat;
}

.section_08_container .four .feature_box {
    background: url(../images/index/1x/four2.png);
    position: absolute;
    top: -130px;
    right: unset;
    background-size: 100%;
    background-repeat: no-repeat;
}

.section_08_container .five .feature_box {
    background: url(../images/index/1x/five2.png);
    position: absolute;
    top: -130px;
    left: unset;
	background-size: 100%;
    background-repeat: no-repeat;
}

.section_08_container .six .feature_box {
    background: url(../images/index/1x/six2.png);
    position: absolute;
    top: -130px;
    right: unset;
	background-size: 100%;
    background-repeat: no-repeat;
}

.section_08_container .seven .feature_box {
    background: url(../images/index/1x/seven2.png);
    position: absolute;
    top: -130px;
    left: unset;
	background-size: 100%;
    background-repeat: no-repeat;
}



.feature_flex_box {
	height: 268px;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	margin:70px auto;
	justify-content: center;
}

.feature_flex_box02 {
    height: 268px;
    margin: 0px auto 100px 0;
    position: relative;
    width: 100%;
	margin-top: 180px;
	display:flex;
	justify-content: center;
}



.number {
	border-bottom:solid 5px #EF7C1B;
	font-size:30px;
	margin:0 auto;
	text-align: center;
	width:50px;
}

.number_wrap {
	text-align: center;	
}

.feature_box {
	background-repeat: no-repeat;
	width:90%;
	height:262px;
	margin:0 25px;
	padding:25px;
	max-width: 405px;
}


.feature_box:nth-child(odd) {
	background-image:url("../images/index/section8_fukidashi1.png");
}

.feature_box:nth-child(even) {
	background-image:url("../images/index/section8_fukidashi2.png");
	margin:20px;
}

.container {
	padding:25px 15px;
	font-size:20px;
	font-weight:bold;
}

@media screen and (max-width:425px) {
	.container  {
		margin-top: unset;
	}
}

.link_btn {
	background: #EF7C1B;
    color: #fff;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    text-align: unset;
    width: 245px;
    margin: 0 auto;
    transition: opacity 0.5s;
}

.link_btn:hover {
	opacity:0.5;
}

.link_btn .fa-chevron-circle-right {
	padding-left:10px;
	color:#fff;
}

.number {
	font-family: 'Lato', sans-serif;
	font-weight:900;
}

.flex_box_row {
	flex-direction: row;
}