@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("common.css");

@import url("menu.css");

/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */


.fv_content{
	width: 100%;
	margin-top: 100px;
	background-image:url("../home/top_back01.png");
	background-position: center;
	/*background-size: 130%;*/
	background-color:rgba(255, 248, 244,0.8);
	background-blend-mode:lighten;
	background-repeat: repeat-x;
	/*height: 70vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
	height: fit-content;
	padding: 10rem 0 5rem;
	
	background-size: cover;
}


.fv_container{
   display: grid;
    grid-template-columns: repeat(2, 1fr) 2fr repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.fv_car{
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	
	animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 0.7s;
	opacity: 0;
}

.fv_car img.car01{
	width: 65%;
	transform: scale(-1, 1);
	
}

.fv_car img.car02{
	width: 65%;
	transform: scale(-1, 1);
	margin: 0 auto 0 0 ;
	margin: 1rem 0 0 3rem;
}

.cathc_area{
	grid-row: 1 / 2;
	grid-column: 3 / 4;
	align-self: center;
	justify-self: center;
	padding-bottom: 5rem;
	
	animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 0.5s;
	opacity: 0;
}

/*
 
.anim-box.fadein.is-animated {
  animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}*/
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 

.top_catch_upside{
	position: relative;
}

.top_catch_upside > p{
	color: var(--yellow);
	font-weight: 500;
	background-color: var(--rightblue);
	border-radius: 50vh;
	padding: 0.5em 1em;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
	white-space: nowrap;
}

.top_catch_upside > p > span{
	color: #fff;
	font-size: 1.1rem;
}

.diagonal{
	position: absolute;
	bottom: -5%;
	left: 50%;
	transform: translateX(-50%) rotate(-45deg);
  -webkit- transform: translateX(-50%) rotate(-45deg);
	width: 35px;
    border: 0;
    border-top: 1px solid #333;
    margin: 0;
    padding: 0;
}

p.top_under_line{
	background:linear-gradient(transparent 70%, rgba(249, 248, 113, 1) 70%); 
	font-size: 2rem;
	letter-spacing: 0.1em;
	width: fit-content;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
	margin: 1rem 0 0.5rem;
	
}

p.top_catch{
	font-size: 2.3rem;
	font-weight: 600;
	width: fit-content;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
	color: var(--navy);
	letter-spacing: 0.1em;
}

p.top_catch > span{
	color: var(--orange);
}


.fv_illust{
	grid-row: 1 / 2;
	grid-column: 4 / 5;
	align-self: end;
	
	animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 1s;
	opacity: 0;
}



/* ----------------------------------------------------------
   CONTENTS AREA - PC
---------------------------------------------------------- */

/* ------ worries ------- */


.wrapper_worries{
/*	   background-image: linear-gradient(0deg, rgba(193, 199, 211, 1), rgba(186, 217, 238, 0.78) 53%, rgba(255, 255, 255, 1));*/
	background-image: url("../home/warry_back.png");
	background-position: bottom;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 3rem 20% 5rem;
}



.worries_box{
/*	margin: 0 20%;*/
	border: solid 3px #84B5DB;
	padding: 2.5rem 6rem;
	position: relative;
	background-color: #fff;
	border-radius: 23px;
	max-width: 1000px;
	
	 opacity: 0;
	margin: 0 auto;
}

 
.worries_box.is-active {
  animation: slideIn_b 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes slideIn_b {
  0% {
    transform: translateY(180px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.worry_deco01{
	position: absolute;
	bottom: -3rem;
	left: -5rem;
	width: 20%;
	max-width: 180px;
}

.worry_deco02{
	position: absolute;
	bottom: -3rem;
	right: -5rem;
	width: 20%;
	max-width: 180px;
}

p.next_mark{
	writing-mode: vertical-rl;
	font-size: 2rem;
	position: absolute;
	bottom: -8rem;
	left: 50%;
		transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
	z-index: 2;
}

p.worries_box_title{
	text-align: center;
	padding-bottom: 2rem;
	font-weight: 500;
	font-size: 1.2rem;
}


ul.worries_list li{
	padding: 0 1rem 1rem 35px;
	background-image: url("../home/check.png");
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: left 10px top 4px;
	border-bottom: dashed 1px #CCCCCC;
}

ul.worries_list li + li{
	margin-top: 1rem;
}


/* ------ introduction ------- */

.introduction_area{
	background-image: url("../home/introduction_back.jpg");
	margin-top: -5rem;
	position: relative;
	z-index: -1;
	width: 100%;
	padding: 9rem 20% 5rem;
}


.introduction_title h2.bg-wrap {
  position: relative;
  display: inline-block;
	left: 50%;
	transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  margin-top: 5px;
}
.introduction_title.is-active h2.bg-wrap::before {
  animation: bg 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  background: linear-gradient(transparent 70%, rgba(249, 248, 113, 1) 70%); 
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
}
.introduction_title h2.bg-wrap .inn {
  color: var(--navy);
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 600;
  /*padding: 5px 15px;*/
  position: relative;
  z-index: 1;
}
 
@keyframes bg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}


 
span.orange{
	color: var(--orange);
}


.introduction_flex{
	align-items: center;
	margin-top: 2rem;
}


.photo_area{
	width: 30%;
}

.photo_area img{
	width: 100%;
}

p.president_name{
	font-size: 0.8rem;
	text-align: center;
}

.introduction_text{
	width: 65%;
}

.gold_partner_box{
	padding: 1rem 2rem;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 10px 10px 0px 0px var(--orange);
	align-items: center;
	margin-top: 2rem;
	
	opacity: 0;
}

 
.gold_partner_box.is-active {
  animation: slideIn_b 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes slideIn_b {
  0% {
    transform: translateY(180px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.gold_partner_text{
	width: 60%;
}

.gold_partner_certificate{
	width: 38%;
}

.gold_partner_certificate img{
	width: 100%;
}

/* ------ strenght ------- */

.strenght_area{
	background-image: url("../home/strenght_back.jpg");
	background-size: 100% 100%;
	padding: 0 20% 4rem;
}

.strenght_item01,
.strenght_item02{
	opacity: 0;
	align-items: center;
}

.strenght_item01.is-active {
  animation: slideIn_r 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes slideIn_r {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.strenght_item02.is-active {
  animation: slideIn_l 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes slideIn_l {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}



.img_area{
	width: 30%;
}

.img_area img{
	width: 100%;
	box-shadow: 10px 10px 0px 0px #85B8DD;
	aspect-ratio: 1;
  object-fit: cover;
}

.text_area{
	width: 60%;
}

p.sub_com{
	background-color: var(--orange);
	border-radius: 50vh;
	color: #fff;
	padding: 0.3em 0.8em;
	width: fit-content;
	margin: 1rem 0;
}


.strenght_item02{
	margin-top: 2rem;
}


/* ------ contact ------- */

.contact_area{
	padding: 4rem 20%;
	text-align: center;
}

.contact_flex{
	justify-content: center;
	column-gap: 0.5rem;
}

p.contact_com{
	color: var(--navy);
	font-weight: 600;
	font-size: 1.5rem;
	background:linear-gradient(transparent 70%, rgba(249, 248, 113, 1) 70%); 
	display: inline;
	line-height: 4rem;
}

.tel_button{
	width: 48%;
	max-width: 450px;
	background-color: var(--rightblue);
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	padding: 1rem 1.5rem;
	border-radius: 50vh;
	
	
    position: relative;
    overflow: hidden;
    transition: color 0.5s;
    z-index: 1;
	
	justify-content: center;
	column-gap: 1rem;
}


.tel_button:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #fff;
  height: 600px;
  width: 600px;
  border-radius: 50%;
}

.tel_button:hover p.tell_number{
  color: var(--rightblue);
}

.tel_button:before {
  top: 100%;
  left: 100%;
  transition: all 1s;
}

.tel_button:hover:before {
  top: -80px;
  left: -80px;
}

.tel_button:active:before {
  background: #fff;
  transition: background 0s;
}


.contact_icon{
	width: 20%;
}

.contact_icon img{
	width: 100%;
}

p.tell_number{
	color: #fff;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1em;
	letter-spacing: 0.1em;
		
	transition: all 0.7s;
}

p.tell_number > span {
	font-size: 0.9rem;
	letter-spacing: normal;
	font-weight: 500;
}

button.orange_button{
	width: 48%;
	max-width: 450px;
	background-color: var(--orange);
	padding: 1rem 1.5rem;
	border-radius: 50vh;
	border: none;
	display: inline-block;
    position: relative;
    overflow: hidden;
    transition: color 0.5s;
    z-index: 1;
	
}

button.orange_button:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #fff;
  height: 600px;
  width: 600px;
  border-radius: 50%;
}

button.orange_button:hover p.mail_com{
  color: var(--orange);
}

button.orange_button:before {
  top: 100%;
  left: 100%;
  transition: all 1s;
}

button.orange_button:hover:before {
  top: -80px;
  left: -80px;
}

button.orange_button:active:before {
  background: #fff;
  transition: background 0s;
}



.mail_button{
	/*background-color: var(--orange);*/
	display: flex;
/*	justify-content: space-between;*/
	align-items: center;
/*	padding: 1rem 2rem;
	border-radius: 50vh;*/
	
	justify-content: center;
	column-gap: 1rem;
}

p.mail_com{
	color: #fff;
	text-align: center;
	font-weight: 700;
	transition: all 0.7s;
}




/* ------ flow ------- */

.flow_area{
	background-image: url("../home/flow_back.jpg");
	background-position: bottom 20% center;
	background-repeat: no-repeat;
	background-size: cover;
	
	
}

.filter{
	width: 100%;
	height: 100%;
	backdrop-filter: blur(3px);
	padding: 0 5% 4rem;
}

ul.flow_flex li{
	width: 15%;
	background-color: #fff;
	border-radius: 0 20px 20px 20px;
	position: relative;
	overflow: hidden;
	padding: 1.5rem 1rem;
}

p.namber{
	position: absolute;
	top: 0;
	left: 0;
		transform: translateX(-50%)translateY(-50%);
  -webkit- transform: translateX(-50%)translateY(-50%);
	border-radius: 50vh;
	height: 100px;
	width: 100px;
	background-color: var(--orange);
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0 1rem 1rem 0;
	font-weight: 600;
	color: #fff;
}

.flow_icon{
	width: 50%;
	margin: 0 auto 0.5rem;
}

.flow_icon img{
	width: 100%;
}

p.flow_list_title{
	text-align: center;
	font-size: 1.2rem;
	color: var(--navy);
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2em;
}


/* ------ voice ------- */


.voice_area{
	padding: 0 10% 4rem;
}

ul.voice_flex{
	opacity: 0;
}

 
ul.voice_flex.is-active {
  animation: slideIn_b 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes slideIn_b {
  0% {
    transform: translateY(180px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}


ul.voice_flex li{
	width: 47%;
	background-color: #fff;
	border-radius: 0 20px 20px 20px;
	border: solid 1px #707070;
	
	  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
}

.voice_image_title{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.voice_img,
.voice_img02{
	width: 33%;
	max-width: 180px;
	aspect-ratio: 1 / 1;
	border-radius: 0 0 20px 0;
	border: solid 1px #707070;
	border-top: none;
	border-left: none;
	overflow: hidden;
	padding-top: 0.5rem;
	background-color: #fff;
/*	width: 180px;
	height: 180px;*/
	
	
}

.voice_img02{
	padding: 0.5rem 0.5rem 0;
}

.voice_img img,
.voice_img02 img{
	width: 100%;
}



.voice_title_area{
	padding: 1.5rem 1rem;
	width: 67%;
}

p.voice_title{
	font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	background:linear-gradient(transparent 70%, rgba(249, 248, 113, 1) 70%); 
	display: inline;
}

p.voice_com{
	padding: 1rem 1rem 1.5rem;
}




/* ------ faq------- */

.faq_area{
	padding: 0 20% 4rem;
}

ul.faq_list li{
	border: 1px solid #707070;
	border-radius: 0 20px 20px 20px;
	background-color: #fff;
}

ul.faq_list li + li{
	margin-top: 2rem;
}

/*アコーディオンタイトル*/
.faq_q{
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-weight: 500;
    padding: 1rem 2rem 1rem 1rem;
    transition: all .5s ease;
	background-color: var(--green02);
	text-indent: -2em;
   padding-left: calc(2em + 1rem);
}

.faq_q > span{
	color: var(--rightblue);
	font-weight: 600;
}

/*アイコンの＋と×*/
.faq_q::before,
.faq_q::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.faq_q::before{
    top:48%;
    right: 1rem;
    transform: rotate(0deg);
    
}
.faq_q::after{    
    top:48%;
    right: 1rem;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.faq_q.close::before{
	transform: rotate(45deg);
}

.faq_q.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.paq_a {
    display: none;/*はじめは非表示*/
    background: #FDFFFC;
    padding: 1rem 2rem 1rem 1rem;
   text-indent: -2em;
   padding-left: calc(2em + 1rem);
	border-radius: 0 0 20px 20px;
	
	border-top: dashed 1px #707070;
}

.paq_a >span{
	color: var(--orange);
	font-weight: 600;
}



/* ------ official_site------- */
a.site_link{
	width: fit-content;
}

.official_site{
	width: 500px;
	margin: 0 auto;
	background-image: url("../home/official.jpg");
	background-position: center;
	text-align: center;
	border-radius: 12px;
}

.dark_filter{
	  background-color:rgba(255, 255, 255, 0.4);
  backdrop-filter: brightness(0.6);
	padding: 1rem;
	border-radius: 12px;
}

.site_logo{
	width: 60%;
	margin: 0 auto 0.5rem;
	padding: 1rem;
	background-color: #fff;
	border-radius: 20px;
}

.site_logo img{
	width: 100%;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 1299px){


    
/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */
	
.fv_content{
	margin-top: min(10vh, 50px);
	
}
	
.fv_container{
	display: flex;
	justify-content: center;
	column-gap: 1rem;
	
}

.fv_car{
	width: 20%;
	
}

.fv_car img.car01{
	width: 80%;
	
}

.fv_car img.car02{
	width: 80%;
}

.cathc_area{
	width: auto;
	
}	
	
.fv_illust{
	width: 20%;
	
}
	
.top_catch_upside > p{
	font-size: clamp(15px, 2.3vw, 24px);
}

	

/* ----------------------------------------------------------
   CONTENTS AREA - TA
---------------------------------------------------------- */	
	
/* ------ worries ------- */





.worries_box{
	max-width: none;
/*	margin:0 min(15vw, 300px);*/
      /*margin: 0 15vw;*/
	padding: 2.5rem 5vw;
}




	
	
	
/* ------ introduction ------- */

.introduction_area{
	padding: 9rem 15vw 5rem; 
}

.introduction_title h2.bg-wrap .inn {
	
	font-size: clamp(22px, 4vw, 35px);
}



	
/* ------ strenght ------- */

.strenght_area{
	
	padding: 0 15vw 4rem;
}
	
	
/* ------ contact ------- */

.contact_area{
	padding: 4rem 0;
}



p.contact_com{	
	font-size: 2rem;
}

.tel_button{
	justify-content: center;
	column-gap: 1rem;
}


.tel_button:before {
	height: 600px;
	width: 600px;
}




p.tell_number{
	
	font-size: clamp(20px, 2vw, 24px);
}




button.orange_button:before {
	height: 600px;
	width: 600px;
}





.mail_button{
		justify-content: center;
	column-gap: 1rem;
}



/* ------ flow ------- */



.filter{
	padding: 0 15vw 4rem;
}
	
	ul.flow_flex{
		flex-wrap: wrap;
		grid-row-gap: 1rem;
		column-gap: 1rem;
		justify-content: center;
	}

ul.flow_flex li{
	width: 30%;
}


.flow_icon{
	width: 30%;
	min-width: 70px;
	
}




	
@media only screen and (max-width: 1120px){
	
/* ------ voice ------- */


.voice_area{
	padding: 0 15vw 4rem;
}
	
ul.voice_flex{
	flex-wrap: wrap;
	grid-row-gap: 1rem;
}

ul.voice_flex li{
	
	width: 100%;
}

.voice_img,
.voice_img02{
	max-width: 150px;
	
}



	
	.voice_line_break{
		display: none;
	}


}
	

/* ------ faq------- */

.faq_area{
	padding: 0 15vw 4rem;
}
	
	
/* ------ official_site------- */


.official_site{
	width: 40%;
	min-width: 300px;
}


.site_logo{
	border-radius: 1vh;
}



	
}



  


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 750px) {
	
/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */
	
.fv_content{
	
	margin-top: 0;
	/*flex-wrap: nowrap;*/
	padding: 10rem 0 3rem ;
	background-size: cover;
	
}
	
.fv_container{
	flex-wrap: nowrap;
	
}

.fv_car{
	width: 10%;
	align-self: flex-start;
	transform: scale(1.3);
	min-width: 80px;
	
}



.fv_car img.car02{
	margin: 0.5rem 0 0 1rem;
}

.cathc_area{
	width: auto;
	position: relative;
	z-index: 3;
	
}	
	
.fv_illust{
	width: 10%;
	min-width: 80px;
	transform: scale(2.1);
	align-self: center;
	margin-top: 5rem;
}
	

	
	

.diagonal{
	width: 20px;
}



	
	
/* ----------------------------------------------------------
   CONTENTS AREA - SP
---------------------------------------------------------- */	
	
/* ------ worries ------- */

.wrapper_worries{
	padding: 0 0 10vh;
}



.worries_box{
	
	margin: 0 5%;
}

.worry_deco01{
	top: 88%;
	left: 50%;
	transform: translateX(-110%);
  -webkit- transform: translateX(-110%);
	min-width: 100px;
}

.worry_deco02{
	top: 88%;
	left: 53%;
	min-width: 100px;

}

p.next_mark{
	display: none;
}



	
/* ------ introduction ------- */

.introduction_area{
	padding: 9rem 5% 5rem;
	background-size: cover;
		
}


	
	
/* ------ strenght ------- */

.strenght_area{
	padding: 0 5% 4rem;
}


/* ------ contact ------- */

.contact_area{
	
	padding: 4rem 5%;
}

.contact_flex{
	flex-wrap: wrap;
	grid-row-gap: 1rem;
}

p.contact_com{
	font-size: clamp(22px, 4vw, 26px);
}

.tel_button{
	width: 100%;
}





button.orange_button{
	width: 100%;
}









/* ------ flow ------- */


.filter{
	padding: 0 5% 4rem;
}
	

ul.flow_flex li{
	width: 45%;
}

p.namber{
	padding: 0 1.5rem 1.5rem 0;
}


	
/* ------ voice ------- */


.voice_area{
	padding: 0 5% 4rem;
}


/* ------ faq------- */

.faq_area{
	padding: 0 5% 4rem;
}
		

.faq_q{
	padding-right: 3rem;
}



}
	

@media only screen and (max-width: 500px) {
	
/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */
	
.fv_content{
	overflow: hidden;
	
}
	


.fv_car{
	min-width: auto;
	transform: scale(2.8);
}



.cathc_area{
	white-space: nowrap;
	
}	
	
.fv_illust{
	min-width: auto;
	transform: scale(3.5) translateX(-5%);
	margin-top: 10rem;
}
	

	
	
/* ------ introduction ------- */







.introduction_flex{
	align-items: flex-end;
}


.photo_area{
	
	margin-bottom: -2rem;
}

.photo_area img{
	transform: scale(1.5);
}

p.president_name{
	margin-top: 3rem;
}

.introduction_text{
	position: relative;
	z-index: 3;
}

.gold_partner_box{
	flex-wrap: wrap;
}

.gold_partner_text{
	order: 2;
	width: 100%;
}

.gold_partner_certificate{
	order: 1;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
	

	
	
/* ------ strenght ------- */



.img_area{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}


.text_area{
	width: 100%;
	margin-top: 1rem;
}
	
	.order1{
		order: 1;
	}
	
	.order2{
		order: 2;
	}

	
	
}


	
/*** END ***/