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

/* =============================================================================
  	『move】fadein
   ========================================================================== */
img {
    max-width: 100%;
}

.photo-list {
    width: 100%;
    margin: 0 auto;
   /*display: flex;
    flex-wrap: wrap; */
}
.photo-list li {
    /*width: 49%;*/
    /*margin-right: 2%;*/
    margin-bottom: 2%;
}

/* animation */
.scr-target {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
}

.scr-target.is-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 2s;
}

/* ～tb */
@media screen and (max-width: 768px) {
    .photo-list li:nth-child(2n) {
        margin-right: 0;
    }
}

/* tb～ */
@media screen and (min-width: 769px) {
    .photo-list li:nth-child(3n) {
        margin-right: 0;
    }
}


/* =============================================================================
  	『move】 parallax(none jQuery)
   ========================================================================== */
.parallax-content {
  clip-path: inset(0);
  height:auto;
  box-sizing:border-box;
  color: #fff;
  text-align:center;
}
.parallax-content-1::after {
  content:'';
  position:fixed;
  top:0;
  left:0;
  z-index:-10;
  width:100%;
  height:100%;
  background-image: url(../img/pc_parallax.jpg);
  background-size:cover;
}



/* =============================================================================
   reset
   ========================================================================== */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

.body{
	margin: 0!important;
}

/** {box-sizing: border-box;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
}*/

html, 
body {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}


#home{
	background-color: #fff;
}
    
#home figure{
	margin: 0;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

#home li {
  list-style: none;
}


a {
	border: none;
	text-decoration: none;
	outline: none;
    color: #2a2a2a;
}


a, a:hover, a:hover img {
    text-decoration: none;
}

img{
	max-width :100%; 
	vertical-align: middle;
	border : none;
	padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}







/*------------------
  text
  ------------------*/
body{
	color: #2a2a2a;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
	letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6{font-weight: normal;}

h1, h2, h3, h4, h5, h6,pre, blockquote,ul, ol,dl, address, p{ margin: 0; padding: 0;}


body p{
	font-size: 18px;
	font-weight: bold;
}

body .text_emphasis{
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif, "Noto Sans JP", "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#home{
	margin: 0;
    line-height: 1.6;
	color: #2a2a2a;
	font-size: 18px;
	text-align: justify;
}

#home .text_center{
	text-align: center;
}

#home .bold{
	font-weight: bold;
}

/*#home .contents h2{
	margin: 0 auto;
    text-align: left;
    line-height: 1.6;
	font-size: 140px;
	font-family: "Tilt Warp", serif;
	font-weight: 400;
	letter-spacing: 0px;
	color: #000;
}*/ 

#home h2,#home h3{
	margin: 0 auto;
	text-align:center;
    line-height: 1.6;
    font-size: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 1%;
}

#home h3{
    font-size: 25px;
}



#home section h2 span.sub{
	font-size: 14px;
	color: #656565;
	display: inline-block;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
}

#home section div.sen{
    display: block;
    background-color: #000;
    width: 7%;
    height: 1.5px;
    position: absolute;
    left: 0;
    top: 50%;
}

/*マーカー*/
#home span.maker{
	background: linear-gradient(transparent 50%, #54D6FF 50%);
}

/*------------------
  a
  ------------------*/
#home .wrapper a{
	text-decoration: none;
	color: #333;
}

/*------------------
  表示制御
  ------------------*/
.sp{display: none;}
#home .sp-visible{visibility: hidden;}



/*------------------
  メインビジュアル
  ------------------
/*mvはフル幅で貫通
#home .mv{
    display: block;
/*    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);*/
	/*画像が1.5倍の大きさからゆっくり小さく(等倍:1)なる　設定1
	position: relative;
  	height: 829px;
  	overflow: hidden;
}

/*画像が1.5倍の大きさからゆっくり小さく(等倍:1)なる　設定2
#home .mv::before {
   content: '';
   display: block;
   height: 100%;
   background-image:url(../../images/top/pc_mv.webp) ;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   -webkit-animation: zoom 10s 1;
   animation: zoom 10s 1;
   animation-fill-mode: forwards;
}*/

  

/*mvに重ねるテキスト
#home .mv .text_1{
	text-align: center;
  	/*上下左右中央に寄せる場合
  	position: absolute;
  	margin: 0 auto;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	/*上下位置を調整*/
	/*margin-top: -86px;
    margin-top: 32px;
} */


/*------------------
 　CONTACT　
  ------------------
#home .side-conversion {
	display: block;
	position: fixed;
	right: 0;
	top: 191px;
	z-index: 1;
	width: 120px;
}

#home div.side-conversion:hover{
	opacity: 0.5;
	transition: 0.3s;
}*/


/*------------------
  googlefont
------------------*/
/*ゴシック系　英字に
#home .hind{
	font-family: 'Hind', sans-serif;
}

/*ゴシック系　英字に
#home .lato{
	font-family: 'Lato', sans-serif;
}

/*ゴシック系　丸みあり　数字に
#home .varelaRound{
	font-family: 'Varela Round', sans-serif;
}

/*ゴシック系　数字に
#home .montserrat{
	font-family: 'Montserrat', sans-serif;
}*/

/*#home .webfont_01{
	font-family: "Tilt Warp", serif;
    font-weight: 400;
}*/

.webfont_02{
	font-family: "Oswald", serif;
	font-weight: 400;
}

/*----------------
contentsArea
-----------------*/
#home .wrapper{
 margin: 0 auto;
 position:relative;
}

#home .wrapper section{
    margin: 14% 0 9%;
}

#home .wrapper .contents{
	margin: 0 auto;
	width: 80%;
	max-width: 1200px;
}


/*------------------
 　header
  ------------------*/
header {
	position: fixed;
    width: 100%;
    z-index: 99;
	top: 2%;
}

header div.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header div.flex a.logo{
	width: 50%;
}

header a.logo figure{
	width: 180px;
    margin: 0;
    margin-left: 2%;
}

header a.logo figure img{
	width:100%
}

/*-------btn-------*/
header div.flex div.btn{
	width:50%;
	margin-right: 2%;
	margin-right: 9px;
}

header div.btn a {
	margin: 0 0 0 auto;
    color: #fff;
    font-size: 16px;
    padding: 11px 0px;
    border-radius: 33px;
    background-color: #12BD79;
    display: block;
    width: 34%;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    border: solid 2px #12BD79;
}

header div.btn a:hover {
    color: #12BD79;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #12BD79;
	font-weight:bold;
}


/*------------------
 　section_00
  ------------------*/	
#home section#fv{
	margin: 8% 0;
}

#home section#fv div.photo{
	position: relative;
}

#home section#fv div.photo figure{
	margin: 0 0 0 auto;
	width: 80%;
	max-width: 1227px;
}

#home section#fv div.photo div.textContainer{
	position: absolute;
	z-index: 1;
    top: 14%;
	left: 3%;
}

#home section#fv div.photo div.textContainer p:first-child{
	font-size: 45px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif, "Noto Sans JP", "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #2A2A2A;
	margin-bottom: 3%;
	line-height: 1.5;
}

#home section#fv div.photo div.textContainer p:last-child{
	font-size: 22px;
	color: #143470;
}


#home section#fv div.photo div.dlBtns{
    position: absolute;
    bottom: -19%;
    right:3%;
	width: 88%;
}

#home section#fv div.photo div.dlBtns ul{
	margin: 0 0 0 auto;
	display: flex;
	justify-content: space-between;
}

#home section#fv div.photo div.dlBtns ul li{
    width: 49%;
    background-color: #fff;
    padding: 2% 0;
    border-radius: 11px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
} 

#home section#fv div.photo div.dlBtns ul li div.btnContaier{
	width:90%;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}

#home section#fv div.photo div.dlBtns ul li div.btnContaier p{ 
	width:48%;
	font-size: 16px;
    letter-spacing: 0;
}

#home section#fv div.photo div.dlBtns ul li div.btnContaier p span{
	background: linear-gradient(transparent 45%, #b6ecd8 45%);
}


/*-------btn-------*/
#home section#fv div.photo div.dlBtns ul li div.btnContaier div.btn{
	width:45%;
	margin-right: 9px;
}

#home section#fv div.photo div.dlBtns ul li div.btnContaier div.btn a {
	margin: 0 0 0 auto;
    color: #fff;
    font-size: 16px;
    padding: 11px 0px;
    padding: 5% 0px;
    border-radius: 9px;
    background-color: #12BD79;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: normal;
    letter-spacing: 2px;
    border: solid 2px #12BD79;
}

#home section#fv div.photo div.dlBtns ul li div.btnContaier div.btn a:hover {
    color: #12BD79;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #12BD79;
	font-weight:bold;
}

/*------------------
 　section_01
  ------------------*/
#home section#risks h2{
	font-size: 25px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 5%;
}

#home section#risks h2 span.adjustment_01{
	font-size: 35px;
	color: #12BD79;
	margin: 0 1%;
}

#home section#risks figure img{
	margin: 0 auto;
	display: block;
	width: 489px;
}

#home section#risks .type2 {
    background: linear-gradient(90deg, #12BD79 0%, #12BD79 50%, #C8F0E0 50%, #C8F0E0 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 8% 0;
}

#home section#risks .type2 div.typeContainer{
	margin: 0 auto;
	width: 80%;
	max-width: 1200px;
}

#home section#risks .type2 div.typeContainer h3 {
	font-size: 30px;
	text-align: left;
	margin-bottom: 14%;
}

#home section#risks .type2 div.typeContainer > ul li.list h3::before {
    content: "";
    background-color: #fff;
    width: 50px;
    height: 2px;
    display: inline-block;
    margin-right: 2%;
    transform: translate(0px, -9px);
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child h3 {
	color:#12BD79;
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child h3::before {
    background-color:#12BD79;
}

#home section#risks .type2 div.typeContainer > ul{
	display: flex;
	justify-content: space-between;
}

#home section#risks .type2 div.typeContainer > ul li.list{
	width: 45%;
}

#home section#risks .type2 div.typeContainer > ul li.list p{
	position: relative;
}

#home section#risks .type2 div.typeContainer > ul li.list p:not(:last-child){
	margin-bottom: 9%;
}

#home section#risks .type2 div.typeContainer > ul li.list p::before{
    content: "";
    background-image: url(../img/quote.webp);
    display: inline-block;
    background-size: cover;
    width: 27px;
    height: 23px;
    position: absolute;
    top: -14px;
    left: 25px;
}

#home section#risks .type2 div.typeContainer > ul li.list p.listText{
    border-radius: 10px;
    padding: 3% 3%;
    position: relative;
	/*height: 55px;*/
}


#home section#risks .type2 div.typeContainer > ul li.list:first-child{
	/*background-color: #12BD79;
	padding: 5% 0;*/
	color: #fff;
}

#home section#risks .type2 div.typeContainer > ul li.list:first-child p.listText{
	background-color: rgb(255 255 255 / 20%);
}

#home section#risks .type2 div.typeContainer > ul li.list:first-child p.listText::before{
    background-image: url(../img/quote_01.svg);
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child{
	/*background-color: #C8F0E0;
	padding: 5% 0;*/
	color: #2a2a2a;
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child p.listText::before{
    background-image: url(../img/quote_02.svg);
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child p.listText{
	background-color: rgb(255 255 255 / 51%);
}

#home section#risks .type2 div.typeContainer > ul li.list div.conclusion ul{
	display: flex;
	justify-content: space-between;
}

#home section#risks .type2 div.typeContainer > ul li.list div.conclusion ul li:first-child{
	width: 10%;
}

#home section#risks .type2 div.typeContainer > ul li.list div.conclusion ul li:last-child{
	width: 90%;
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child div.conclusion ul li img{
	filter: brightness(0) saturate(100%) invert(57%) sepia(83%) saturate(2503%) hue-rotate(117deg) brightness(97%) contrast(86%);
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child div.conclusion ul li p{
	color: #12BD79;
}

#home section#risks .type2 div.typeContainer > ul li.list div.conclusion{
	display: block;
    margin-top: 15%;
}

/*#home section#risks .type2 div.typeContainer > ul li.list:first-child div.conclusion{
	   margin-top: 17%;
}*/


/*------------------
 　section_02
  ------------------*/
#home section#protect{
	position: relative;
}

#home section#protect h2{
	font-size: 20px;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 5%;
	color: #12BD79;
}

#home section#protect h2 span.adjustment_01{
	font-size: 35px;
	color: #12BD79;
}

#home section#protect h2 span.adjustment_01{
	font-size: 35px;
	color: #12BD79;
	margin-right: 1%;
}



#home section#protect .contents ul{
	margin: 0 auto;
	display: flex;
	justify-content: center;
	column-gap: 6%;
	align-items: center;
}

#home section#protect .contents ul li:first-child{
	width: 30%;
}

#home section#protect .contents ul li:first-child figure img{
	width: 100%;
}

#home section#protect .contents ul li:last-child{
	/*width: 69%;*/
}

#home section#protect figure.triangle_01 img{
	display: block;
    margin: 0 auto;
}

#home section#protect figure.triangle_01{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -51%;
    z-index: 1;
}


/*------------------
 　section_03
  ------------------*/
#home section#start{
	position: relative;
	background-color: #12BD79;
    padding: 14% 0 9%;
}

#home section#start .contents{
	text-align: center;
}

#home section#start p.introductoryText{
    font-size: 40px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
	margin-bottom: 4%;
    color: #2a2a2a;
    background-color: #ffff;
    padding: 5px 25px;
}

#home section#start p.small{
	font-size: 22px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-weight: normal;
}

#home section#start h2{
	font-size: 40px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 5%;
	color: #fff;
	letter-spacing: 2px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif, "Noto Sans JP", "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#home section#start h2 span.emphasis{
	color: #FFF177;
}

#home section#start .contents div.materialsContainer{
	background-color: #fff;
	width: 100%;
	padding: 6% 0;
    border-radius: 14px;
	position: relative;
}

#home section#start .contents div.materialsContainer figure.decoration{
	position: absolute;
    width: 21%;
    top: -47%;
    right: 4%;
}


#home section#start .contents div.mb_01{
	margin-bottom: 5%;
}	

#home section#start .contents div.materialsContainer ul{
	margin: 0 auto;
	width: 80%;
	display: flex;
	justify-content: space-between;
}

#home section#start .contents div.materialsContainer ul li:first-child{
	width: 33%;
    margin-top: 2%;
}

#home section#start .contents div.materialsContainer ul li:last-child{
	width: 61%;
}

#home section#start .contents div.materialsContainer ul li:last-child p{
	text-align:justify;
}

#home section#start .contents div.materialsContainer ul li:last-child p.emphasis{
	color: #2a2a2a;
    margin-bottom: 2%;
}

#home section#start .contents div.materialsContainer ul li:last-child p.emphasis span{
	font-size: 35px;
	font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    margin-left: 0.5%;
}

#home section#start .contents div.materialsContainer ul li:last-child h3{
	color: #12BD79;
	font-size: 22px;
	margin-bottom: 2%;
	text-align:justify;
}

#home section#start .contents div.materialsContainer ul li:last-child div.btn{
	text-align: right;
}

#home section#start .contents div.materialsContainer ul li:last-child div.btn{
	text-align: right;
}

#home section#start .contents div.materialsContainer ul li:last-child p.mb_1{
	margin-bottom: 6%;
}

#home section#start .contents div.materialsContainer ul li:last-child div.btn a {
    color: #fff;
    margin: 0 0 0 auto;
    font-size: 16px;
    padding: 12px 22px;
    font-weight: bold;
    border-radius: 28px;
    background-color: #2a2a2a;
    display: block;
    width: 37%;
    text-align: center;
	border: solid 2px #2a2a2a;
}

#home section#start .contents div.materialsContainer ul li:last-child div.btn a:hover {
    color: #2a2a2a;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #2a2a2a;
}

#home section#start figure.triangle_01 img {
    display: block;
    margin: 0 auto;
	filter: brightness(0) saturate(100%) invert(57%) sepia(83%) saturate(2503%) hue-rotate(117deg) brightness(97%) contrast(86%);
}

#home section#start figure.triangle_01{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -4%;
    z-index: 1;
}








/*------------------
 　section_04
  ------------------*/
#home section#educationTraining{
	position: relative;
    margin: 12% 0 9%;
}

#home section#educationTraining p.intro {
	font-size: 22px;
	position: relative;
	display: inline-block;
	padding: 0 45px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
    margin-bottom: 1%;
}

#home section#educationTraining p.intro:before, 
#home section#educationTraining p.intro:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: black;

}

#home section#educationTraining p.intro:before {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	left:0;
}

#home section#educationTraining p.intro:after {
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	right: 0;
}

#home section#educationTraining h2{
	color: #143470;
	font-size: 40px;
    margin-bottom: 6%;
}

#home section#educationTraining figure{
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 45%;
}

#home section#educationTraining figure.triangle_01 {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -50%;
    z-index: 1;
}


/*------------------
 　section_05
  ------------------*/
#home .wrapper section#onlineTraining{
	margin: 0;
}

#home section#onlineTraining{
	position: relative;
	background-color: #CBECFF;
    padding: 14% 0 12%;
}

#home section#onlineTraining p.intro{
    text-align: center;
    font-size: 25px;
    margin-bottom: 1.5%;
}

#home section#onlineTraining h2.logo{
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 45%;
    margin-bottom: 8%;
}

#home section#onlineTraining div.explanation{
    background-color: #fff;
	border-radius: 16px;
    padding: 7% 0;
}

#home section#onlineTraining div.explanation > ul{
    display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 90%;
}

#home section#onlineTraining div.explanation > ul li:first-child{
    width: 36%;
}

#home section#onlineTraining div.explanation > ul li:last-child{
    width: 61%;
}

#home section#onlineTraining div.explanation > ul li:last-child > p{
    margin-bottom: 5%;
}

#home section#onlineTraining div.explanation > ul li p.flex{
    display: flex;
	line-height: 1.4;
	color: #143470;
	margin-bottom: 0;
	font-size: 16px;
}

#home section#onlineTraining div.explanation > ul li p.mb_01{
	margin-bottom: 2%;
}


#home section#onlineTraining div.explanation > ul li p.flex:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
	color: #143470;
    margin-right: 1%;
}

#home section#onlineTraining div.contents h4{
	font-size: 25px;
	color: #143470;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10%;
}

#home section#onlineTraining div.contents h4 span{
	background:linear-gradient(transparent 45%, #FFDB60 45%);
}

#home section#onlineTraining figure.circle{
	margin: 9% auto;
	width: 20%;
}

#home section#onlineTraining figure.circle img{
	margin: 0 auto;
	display: block;
}

#home section#onlineTraining div.contents h5{
	font-size: 22px;
	font-weight: bold;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif, "Noto Sans JP", "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	margin-bottom: 1.5%;
}

#home section#onlineTraining div.contents h5::before{
    content: '';
    display: inline-block;
    background-color: #2a2a2a;
    height: 2px;
    width: 30px;
    transform: translate(0px, -6px);
    margin-right: 1%;
}

#home section#onlineTraining div.contents ul.curriculum{
	display: flex;
	justify-content: space-between;
    margin-bottom: 5%;
}

#home section#onlineTraining div.contents ul.curriculum div.container{
    margin: 0 auto;
	width: 90%;
	padding: 9% 0;
}

#home section#onlineTraining div.contents ul.curriculum li{
	background-color: rgba(255, 255, 255, 0.8);
    border-radius: 15px;
    width: 49%;
}

#home section#onlineTraining div.contents ul.curriculum li h6{
	font-size: 16px;
    margin-bottom: 5%;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
}

#home section#onlineTraining div.contents p.last{
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-bottom: 3%;
	font-size: 18px;
	color: #1B4BA4;
}

#home section#onlineTraining div.contents p.last span.black{
	color: #2a2a2a;
}


#home section#onlineTraining div.contents p.last span.big{
	font-size: 30px;
    margin: 0 3px;
}


/*-------btn-------*/
#home section#onlineTraining div.contents div.btn{
	text-align: center;
	margin: 0 auto;
}

#home section#onlineTraining div.contents div.btn a {
	color: #fff;
    margin: 0 auto;
    font-size: 16px;
    padding: 18px 22px;
    border-radius: 33px;
    background-color: #143470;
    display: block;
    width: 30%;
    text-align: center;
    font-weight: normal;
    letter-spacing: 2px;
	border: solid 2px #143470;
}

#home section#onlineTraining div.contents div.btn a:hover {
    color: #143470;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #143470;
	font-weight:bold;
}



/*------------------
 　section_06
  ------------------*/
#home .wrapper section#conversion{
	margin: 0;
}

#home section#conversion .parallax-content ul.wp{
    padding-top: 24%;
}

#home section#conversion .parallax-content div.experience{
	padding-bottom: 19%;
}

#home section#conversion .parallax-content ul.wp{
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
    margin-bottom: 2%;
}

#home section#conversion .parallax-content ul.wp li{
	width: 49%;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(9px);/*ブラー効果*/
    -webkit-backdrop-filter: blur(9px);
    position: relative;
    border-radius: 18px;
}

#home section#conversion .parallax-content ul.wp li:first-child{
    padding: 9% 0 4%;
}

#home section#conversion .parallax-content ul.wp li:last-child{
    padding: 7% 0 4%;
}


#home section#conversion .parallax-content ul.wp li figure img{
	display: block;
	margin: 0 auto;
	width: 100%;
}

#home section#conversion .parallax-content ul.wp li figure{
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 40%;
    top: -28%;
}


#home section#conversion .parallax-content ul.wp li > div.textContainer{
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

#home section#conversion .parallax-content ul.wp li h4{
    color: #2a2a2a;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align:center;
    line-height: 1.4;
    margin-bottom: 6%;
}

#home section#conversion .parallax-content ul.wp li:first-child h4{
    margin-bottom: 8%;
}


/*-------btn-------*/
#home section#conversion .parallax-content ul.wp li div.textContainer div.btn{
	text-align: center;
	margin: 0 auto;
}

#home section#conversion .parallax-content ul.wp li div.textContainer div.btn a {
	color: #fff;
    margin: 0 auto;
    font-size: 18px;
    padding: 15px 22px;
    border-radius:8px;
    background-color: #12BD79;
    display: block;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
	border: solid 2px #12BD79;
}

#home section#conversion .parallax-content ul.wp li div.textContainer div.btn a:hover {
    color: #12BD79;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #12BD79;
}

#home section#conversion .parallax-content div.experience div.bg{
	background-color: #fff;
    border-radius: 13px
}

#home section#conversion .parallax-content div.experience ul{
	margin: 0 auto;
	width: 75%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6% 0 4%;
	color: #2a2a2a;
}

#home section#conversion .parallax-content div.experience ul li:first-child{
	width: 48%;
	text-align: justify;
}

#home section#conversion .parallax-content div.experience ul li:first-child p.text02{
    background: linear-gradient(transparent 41%, #C9D7F2 41%);
    color: #1B4BA4;
    font-size: 18px;
    margin-bottom: 5%;
	display: inline;
}

#home section#conversion .parallax-content div.experience ul li:first-child p.text02 .big{
    font-size: 30px;
}

#home section#conversion .parallax-content div.experience ul li:first-child p.text02 .black{
    color: #2a2a2a;
}

#home section#conversion .parallax-content div.experience ul li:first-child h6{
    color: #143470;
    font-size: 35px;
    font-weight: bold;
    margin-left: -22px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif, "Noto Sans JP", "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#home section#conversion .parallax-content div.experience ul li:last-child{
	width: 40%;
}


/*-------btn-------*/
#home section#conversion .parallax-content div.experience ul li div.btn{
	text-align: center;
	margin: 0 auto;
}

#home section#conversion .parallax-content div.experience ul li div.btn a {
	color: #fff;
    margin: 0 auto;
    font-size: 18px;
    padding: 15px 22px;
    border-radius: 33px;
    background-color: #143470;
    display: block;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
	border: solid 2px #143470;
}

#home section#conversion .parallax-content div.experience ul li div.btn a:hover {
    color: #143470;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #143470;
}






/*------------------
 　footer
  ------------------*/
footer {
    background-color: #F1F1F1;
	padding: 9% 0;
}

footer div.flexCOntainer{
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    width: 740px;
    column-gap: 8%;
}

footer div.flexCOntainer figure{
    margin: 0;
	flex-grow: 1;
}

footer div.flexCOntainer figure img{
    width: 100%;
}
    
footer div.flexCOntainer div.info{
	flex-grow: 1;
}

footer div.flexCOntainer div.info p.tell{
    font-size: 32px;
	margin-bottom: 1%;
	letter-spacing: 3px;
}

footer div.flexCOntainer div.info p.tell::before{
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 26px;
    content: "\f095";
    margin-right: 1%;
	transform: translate(0px, -2px);
}

footer div.flexCOntainer div.info p.time{
	font-size: 16px;
	margin-bottom: 1%;
}

footer div.flexCOntainer div.info p.maill{
	font-size: 16px;
}

footer div.flexCOntainer div.info p.maill::before{
	display: inline-block;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e0";
    margin-right: 1%;
}










/* //全体ここまで */
/* =================================================================================

スマホ・タブレット
961px以上のタブレットはPCコーディング

==================================================================================== */
@media only screen and (max-width: 960px){	
	
/* =============================================================================
  	『move】 parallax(none jQuery)
   ========================================================================== */
.parallax-content-1::after {
  background-image: url(../img/sp_parallax.jpg);
}
	
.parallax-content {
    padding: 31% 0 14%;
}

/*------------------
  表示制御
  ------------------*/
.pc{display: none;}
.sp{display: block;}
.pc-visible{visibility: hidden;}


#home p{
	margin: 0;
    line-height: 26px;
	font-size: clamp(0.875rem, 0.786rem + 0.45vw, 1rem);/*values(min:14px,max16px)viewport(min320px,max768px)*/
}

#home .contents h2 {
    padding-bottom: 15px;
	padding-top: 23px;
	line-height: 30px;
	font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem);/*values(min:18px,max22px)viewport(min320px,max768px)*/
}
	
	
#home .contents h3{
	line-height: 1.6;
	font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem);/*values(min:18px,max22px)viewport(min320px,max768px)*/
	margin-bottom: 2%;
}
	
	
#home .wrapper .contents{
	width: 95%;
}	


/*------------------
 　header
  ------------------*/
header {
    top: 1.5%;
}

header a.logo figure{
	width: 77%;
    margin-left: 6%;
}

header a.logo figure img{
	width:100%
}

/*-------btn-------*/
header div.flex div.btn{
	margin-right: 3%;
}

header div.btn a {
    font-size: 15px;
    padding: 6px 0px;
    width: 93%;
}


/*------------------
 　section_00
  ------------------*/	
#home section#fv {
    margin: 22% 0 12%;
}

#home section#fv div.photo figure{
	width: 87%;
}

#home section#fv div.photo div.textContainer{
	top: 7%;
	left: 3%;
}

#home section#fv div.photo div.textContainer p:first-child{
	font-size: clamp(1.5rem, 1.455rem + 0.22vw, 1.563rem);/*values(min:24px,max25px)viewport(min320px,max768px)*/
    line-height: 1.6;
	margin-bottom: 6%;
}

#home section#fv div.photo div.textContainer p:last-child{
	font-size: clamp(0.875rem, 0.83rem + 0.22vw, 0.938rem);/*values(min:14px,max15px)viewport(min320px,max768px)*/
    line-height: 1.6;
}
	
#home section#fv div.photo div.dlBtns {
    bottom: -58%;
    right: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
}	    
	
#home section#fv div.photo div.dlBtns ul {
    display: block;
	position: relative;
}

#home section#fv div.photo div.dlBtns ul li div.btnContaier {
    width: 85%;
    display: block;
}
	
#home section#fv div.photo div.dlBtns ul li	{
	width: 78%;
    padding: 6%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	bottom: 17%;
	position: absolute;
}
	
#home section#fv div.photo div.dlBtns ul li:first-child{	
	border-radius: 0 20px 20px 0;
    margin-bottom: 52%;
    left: 0;
}
	
#home section#fv div.photo div.dlBtns ul li:last-child{
    border-radius: 20px 0 0 20px;
    right: 0;
}
	
#home section#fv div.photo div.dlBtns ul li div.btnContaier p {
    width: 100%;
    font-size: 16px;
	margin-bottom: 5%;
}
	
#home section#fv div.photo div.dlBtns ul li div.btnContaier div.btn {
    width: 100%;
    margin-right: 9px;
}
	
	
/*------------------
 　section_01
  ------------------*/
#home section#risks {
    margin: 84% 0 9%;
}
	
#home section#risks h2{
	font-size:clamp(1.25rem, 1.205rem + 0.22vw, 1.313rem);/*values(min:20px,max21px)viewport(min320px,max768px)*/
    margin-bottom: 8%;
    line-height: 1.3;
}

#home section#risks h2 span.adjustment_01{
	font-size:clamp(2.125rem, 2.08rem + 0.22vw, 2.188rem);/*values(min:34px,max35px)viewport(min320px,max768px)*/
	margin: 0 1%;
}

#home section#risks figure img{
	width:77%;
}


#home section#risks .type2 {
    display: block;
    width: 100%;
    padding: 11% 0;
}

#home section#risks .type2 div.typeContainer{
    width: 95%;
}

#home section#risks .type2 div.typeContainer h3 {
	font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem);/*values(min:18px,max22px)viewport(min320px,max768px)*/
	text-align: left;
	margin-bottom: 14%;
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child h3 {
    display: flex;
	line-height: 1.4;
}
	
#home section#risks .type2 div.typeContainer > ul li.list h3::before {
    content: "";
    background-color: #fff;
    width: 21px;
    height: 2px;
    display: inline-block;
    margin-right: 5%;
}
	
#home section#risks .type2 div.typeContainer > ul li.list:first-child h3{
	margin-bottom: 29%;
}	
	
	
#home section#risks .type2 div.typeContainer > ul li.list:first-child h3::before {
    transform: translate(0px, -7px);
}
	
	
#home section#risks .type2 div.typeContainer > ul li.list:last-child h3::before {
    transform: translate(0px, 10px);
	width: 39px;
}

#home section#risks .type2 div.typeContainer > ul{
    column-gap: 7%;
    justify-content: center;
}

#home section#risks .type2 div.typeContainer > ul li.list{
	width: 45%;
}

#home section#risks .type2 div.typeContainer > ul li.list p:not(:last-child){
   margin-bottom: 17%;
}

#home section#risks .type2 div.typeContainer > ul li.list p::before{
	width: 20px;
	height: 17px;
	top: -6px;
	left: 16px;
}

#home section#risks .type2 div.typeContainer > ul li.list p.listText {
    padding: 15% 5%;
    line-height: 1.5;
    letter-spacing: 0;
 }	

#home section#risks .type2 div.typeContainer > ul li.list:first-child p.listText::before{
    background-image: url(../img/quote_01.webp);
}

#home section#risks .type2 div.typeContainer > ul li.list:last-child p.listText::before{
    background-image: url(../img/quote_02.webp);
}
	
#home section#risks .type2 div.typeContainer > ul li.list div.conclusion ul{
	display:block;
}

#home section#risks .type2 div.typeContainer > ul li.list div.conclusion ul li:first-child{
	width: 100%;
}

#home section#risks .type2 div.typeContainer > ul li.list div.conclusion ul li:last-child{
	width: 100%;
}
	
#home section#risks .type2 div.typeContainer > ul li.list:first-child div.conclusion{
	   margin-top: 17%;
}

#home section#risks .type2 div.typeContainer > ul li.list p.listText{
	height: 55px;
}
	
	
	
	

/*------------------
 　section_02
  ------------------*/
#home section#protect h2{
	font-size:clamp(1.25rem, 1.205rem + 0.22vw, 1.313rem);/*values(min:20px,max21px)viewport(min320px,max768px)*/
	text-align: center;
    margin-bottom: 7%;
}

#home section#protect h2 span.adjustment_01{
	font-size:clamp(2.188rem, 2.143rem + 0.22vw, 2.25rem);/*values(min:35px,max36px)viewport(min320px,max768px)*/
	margin-right: 1%;
    line-height: 1.6;
}

#home section#protect .contents ul{
	display: block;
	align-items: center;
}

#home section#protect .contents ul li:first-child{
	width: 100%;
}

#home section#protect .contents ul li:last-child{
	width: 100%;
}
	
#home section#protect figure.triangle_01 img{
   display: block;
	margin: 0 auto;
	width: 17%;
}

#home section#protect figure.triangle_01{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -14%;
}
	

	
#home section#protect .contents ul li:last-child figure{
	margin-bottom: 9%;
}
	
	
#home section#protect .contents ul li:last-child figure img{
	display: block;
    margin: 0 auto;
    width: 66%;
}
	
    
#home section#protect .contents ul li:last-child p{
	text-align: center;
}



	
/*------------------
 　section_03
  ------------------*/
#home section#start{
	position: relative;
	background-color: #12BD79;
	padding: 22% 0 14%;
}

#home section#start p.introductoryText{
	font-size: clamp(1.563rem, 1.518rem + 0.22vw, 1.625rem);/*values(min:25px,max26px)viewport(min320px,max768px)*/
	padding: 15px 0;
	width: 86%;
	line-height: 1.4;
	margin-bottom: 11%;
}

#home section#start p.small{
	font-size: clamp(1rem, 0.955rem + 0.22vw, 1.063rem);/*values(min:16px,max17px)viewport(min320px,max768px)*/
}

#home section#start h2{
	font-size: clamp(2.188rem, 2.143rem + 0.22vw, 2.25rem);/*values(min:35px,max36px)viewport(min320px,max768px)*/
	margin-bottom: 5%;
	letter-spacing: 2px;
    line-height: 1.3;
	margin-top: -20px;
}

#home section#start .contents div.materialsContainer{
	padding: 6% 0;
    border-radius: 14px;
	padding-bottom: 13%;
}	
	
#home section#start .contents div.mb_01{
	margin-bottom: 5%;
}	


#home section#start .contents div.materialsContainer ul{
	width: 95%;
	display:block;
}
	
#home section#start .contents div.materialsContainer ul li:first-child,
#home section#start .contents div.materialsContainer ul li:last-child{
    display: block;
    width: 90%;
	margin: 0 auto;
    margin-top: -55%;
}	        

#home section#start .contents div.materialsContainer ul li:first-child{
	width: 90%;
    margin-top: 2%;
}



#home section#start .contents div.materialsContainer ul li:last-child p{
	text-align:justify;
}
	
#home section#start .contents div.materialsContainer ul li:last-child figure{
	margin-bottom: 3%;	
}
	        
#home section#start .contents div.materialsContainer ul li:last-child figure img{
	width: 90%;
}

#home section#start .contents div.materialsContainer ul li:last-child p.emphasis{
	text-align: center;
    margin-bottom: 9%;
	font-size: clamp(1.25rem, 1.205rem + 0.22vw, 1.313rem);/*values(min:20px,max21px)viewport(min320px,max768px)*/
}

#home section#start .contents div.materialsContainer ul li:last-child p.emphasis span{
	font-size: clamp(2.188rem, 2.143rem + 0.22vw, 2.25rem);/*values(min:35px,max36px)viewport(min320px,max768px)*/
    margin-left: 0.5%;
}

#home section#start .contents div.materialsContainer ul li:last-child h3{
	font-size: clamp(1.25rem, 1.205rem + 0.22vw, 1.313rem);/*values(min:20px,max21px)viewport(min320px,max768px)*/
	margin-bottom: 2%;
    text-align: justify;
    line-height: 1.5;
}

#home section#start .contents div.materialsContainer ul li:last-child div.btn{
	text-align: center;
}

#home section#start .contents div.materialsContainer ul li:last-child p.mb_1{
	margin-bottom: 11%;
    line-height: 1.6;
}

#home section#start .contents div.materialsContainer ul li:last-child div.btn a {
    margin:0 auto;
    font-size: clamp(1rem, 0.955rem + 0.22vw, 1.063rem);/*values(min:16px,max17px)viewport(min320px,max768px)*/
    padding: 12px 22px;
    width: 80%;
}

#home section#start figure.triangle_01{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -2.5%;
    z-index: 1;
}

#home section#start .contents div.materialsContainer figure.decoration {
    width: 25%;
    top: -48%;
    right: 0;
}
	
	
	

/*------------------
 　section_04
  ------------------*/
#home section#educationTraining{
	margin: 25% 0 16%;
}

#home section#educationTraining p.intro {
    font-size: clamp(1.063rem, 1.018rem + 0.22vw, 1.125rem);/*values(min:17px,max18px)viewport(min320px,max768px)*/
    line-height: 1.4;
    text-align: center;
	padding: 0 45px;
}

#home section#educationTraining h2{
	font-size: clamp(1.875rem, 1.83rem + 0.22vw, 1.938rem);/*values(min:30px,max31px)viewport(min320px,max768px)*/
    margin-bottom: 6%;
}

#home section#educationTraining figure{
    width: 83%;
}

#home section#educationTraining figure.triangle_01{
	bottom: -39%;
}
	
	
/*------------------
 　section_05
  ------------------*/
#home section#onlineTraining{
	position: relative;
	background-color: #CBECFF;
    padding: 26% 0 21%;
}

#home section#onlineTraining p.intro{
    font-size: clamp(1.063rem, 1.018rem + 0.22vw, 1.125rem);/*values(min:17px,max18px)viewport(min320px,max768px)*/
    margin-bottom: 0;
    line-height: 1.5;    
}

#home section#onlineTraining h2.logo{
    width: 58%;
}

#home section#onlineTraining div.explanation{
    padding: 10% 0 8%;
}

#home section#onlineTraining div.explanation > ul{
	width: 90%;
}

#home section#onlineTraining div.explanation > ul li:first-child{
    width: 100%;
}

#home section#onlineTraining div.explanation > ul li:last-child{
    width: 100%;
}
	
#home section#onlineTraining div.explanation > ul li:last-child figure{
   margin-bottom: 8%;
}


#home section#onlineTraining div.explanation > ul li:last-child > p{
    margin-bottom: 5%;
}

#home section#onlineTraining div.explanation > ul li p.flex{
	line-height: 1.5;
	font-size: clamp(0.875rem, 0.83rem + 0.22vw, 0.938rem);/*values(min:14px,max15px)viewport(min320px,max768px)*/
}

#home section#onlineTraining div.explanation > ul li p.mb_01{
	margin-bottom: 4%;
}


#home section#onlineTraining div.contents h4{
	font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem);/*values(min:18px,max22px)viewport(min320px,max768px)*/
	line-height: 1.5;
	margin-bottom: 5%;
}

#home section#onlineTraining figure.circle{
	margin: 12% auto;
	width: 20%;
}


#home section#onlineTraining div.contents h5{
	font-size: 18px;
	margin-bottom: 3.5%;
}

#home section#onlineTraining div.contents h5::before{
    margin-right:2%;
}

#home section#onlineTraining div.contents ul.curriculum{
    margin-bottom: 8%;
}

#home section#onlineTraining div.contents ul.curriculum div.container{
    padding: 13% 0;
}

#home section#onlineTraining div.contents ul.curriculum li{
	background-color: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    width: 49%;
}

#home section#onlineTraining div.contents ul.curriculum li h6{
    font-size: 14px;
    margin-bottom: 7%;
    line-height: 1.5;
}
	
#home section#onlineTraining div.contents ul.curriculum div.container figure.mt_01{
   margin-top: 8%;
}	

#home section#onlineTraining div.contents p.last{
	margin-bottom: 5%;
	font-size: clamp(0.875rem, 0.83rem + 0.22vw, 0.938rem);/*values(min:14px,max15px)viewport(min320px,max768px)*/
}
	
#home section#onlineTraining div.contents p.last span.big{
	font-size: clamp(1.875rem, 1.83rem + 0.22vw, 1.938rem);/*values(min:30px,max31px)viewport(min320px,max768px)*/
    margin: 0 3px;
}


/*-------btn-------*/
#home section#onlineTraining div.contents div.btn a {
    font-size: 16px;
    padding: 18px 22px;
    border-radius: 33px;
    width: 65%;
}


	
	
	
	
	
	


/*------------------
 　section_06
  ------------------*/
#home section#conversion .parallax-content ul.wp{
    padding-top: 13%;
}
	
#home .wrapper section#conversion .contents {
   width: 90%;
}

#home section#conversion .parallax-content div.experience{
    padding-bottom: 9%;
}

#home section#conversion .parallax-content ul.wp{
	display: block;
	margin-bottom: 7%;
}

#home section#conversion .parallax-content ul.wp li{
	width: 100%;
}

#home section#conversion .parallax-content ul.wp li:first-child{
    margin-bottom: 34%;
	padding: 22% 0 9%;
}

#home section#conversion .parallax-content ul.wp li:last-child{
    padding-top: 16%;
	padding-bottom: 9%;
}

#home section#conversion .parallax-content ul.wp li figure{
    width: 58%;
}
	
#home section#conversion .parallax-content ul.wp li:first-child figure{
    top: -36%;
}
	
#home section#conversion .parallax-content ul.wp li:last-child figure{
    top: -37%;
}

#home section#conversion .parallax-content ul.wp li h4{
    font-size: clamp(1.25rem, 1.205rem + 0.22vw, 1.313rem);/*values(min:20px,max21px)viewport(min320px,max768px)*/
    letter-spacing: 0px;
    margin-bottom: 8%;
}

#home section#conversion .parallax-content div.experience ul{
	width: 90%;
	display: block;
	padding: 15% 0 12%;
}

#home section#conversion .parallax-content div.experience ul li:first-child{
	width:100%;
	text-align: center;
}
	
#home section#conversion .parallax-content div.experience ul li:first-child p.text01{
    font-size: clamp(1rem, 0.955rem + 0.22vw, 1.063rem);/*values(min:16px,max17px)viewport(min320px,max768px)*/
	margin-bottom: 5%;
}

#home section#conversion .parallax-content div.experience ul li:first-child p.text02{
	font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem);/*values(min:18px,max22px)viewport(min320px,max768px)*/
    margin-bottom: 5%;
}

#home section#conversion .parallax-content div.experience ul li:first-child p.text02 .big{
    font-size: 30px;
}

#home section#conversion .parallax-content div.experience ul li:first-child h6{
    font-size:clamp(1.625rem, 1.58rem + 0.22vw, 1.688rem);/*values(min:26px,max27px)viewport(min320px,max768px)*/
    margin-left: -22px;
    margin-top: 5%;
    margin-bottom: 8%;
}

#home section#conversion .parallax-content div.experience ul li:last-child{
	width: 100%;
}

	
/*------------------
 　footer
  ------------------*/
footer {
    padding: 27% 0;
}

footer div.flexCOntainer{
    display: block;
    width: 100%;
}

footer div.flexCOntainer figure{
	margin-bottom: 8%;
}

footer div.flexCOntainer figure img{
	width: 68%;
	display: block;
	margin: 0 auto;
}
    
footer div.flexCOntainer div.info{
	display: block;
	margin: 0 auto;
	text-align: center;
}

footer div.flexCOntainer div.info p.tell{
    font-size: 32px;
    margin-bottom: 6%;
}

footer div.flexCOntainer div.info p.tell::before{
    font-size: 26px;
    margin-right: 1%;
}

footer div.flexCOntainer div.info p.time{
	font-size: 16px;
    margin-bottom: 4%;
}

footer div.flexCOntainer div.info p.maill{
	font-size: 16px;
}

footer div.flexCOntainer div.info p.maill::before{
    content: "\f0e0";
    margin-right: 1%;
}	




	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}/* //スマホ・タブレットコーディング(ここまで) */
/* =================================================================================

タブレットだけ
     
==================================================================================== */
@media screen and (min-width:768px)and (max-width:960px){

/*#home p {
	font-size: 16px;
}
	
#home .contents h2 {
  font-size: 106px;
}
	
#home section#about .contents h2::after {
	 margin-top: 9.5%;
}
	
#home .contents h3 {
    font-size: 18px;
}*/
	
header div.btn a {        
	width: 48%;
}

header a.logo figure {
    width: 65%;
}
	
#home section#fv {
	margin: 16% 0 12%;
}

#home section#fv div.photo div.textContainer p:first-child {
    font-size: 45px;
}

#home section#fv div.photo div.textContainer p:last-child {
	font-size: 25px;
}

#home section#fv div.photo div.dlBtns {
	bottom: -40%;
}
	
	
#home section#fv div.photo div.dlBtns ul li:first-child {
    margin-bottom: 36%;
}
	
	
#home section#fv div.photo div.textContainer {
	top: 11%;
}
	
#home section#risks h2 br,
#home section#protect h2 br,
#home section#protect .contents ul li:last-child p br,
#home section#start h2 br,
#home section#start p.introductoryText br,
#home section#educationTraining p.intro br,
#home section#onlineTraining p.intro br,
#home section#onlineTraining div.contents h4 br{
	display: none;
}
	
#home section#risks {
    margin: 59% 0 9%;
}
	
#home section#risks .type2 div.typeContainer > ul li.list p.listText {
	padding: 9% 3%;
}	
	
#home section#risks .type2 div.typeContainer > ul li.list p:not(:last-child) {
	margin-bottom: 11%;
 }
	
#home section#risks .type2 div.typeContainer > ul li.list:first-child h3 {
    margin-bottom: 14%;	
}
	
#home section#risks .type2 div.typeContainer > ul li.list h3{
	margin-bottom: 14%;	
}
	
#home section#risks .type2 div.typeContainer > ul li.list p.listText {
    height: 34px;
}
	
#home .wrapper section#protect .contents {
  width: 80%;
}
	
/*#home section#risks .type2 div.typeContainer > ul li.list:first-child div.conclusion {
	margin-top: 26%;
 }*/
	
#home section#start {
	padding: 13% 0 9%;
}

#home section#start .contents div.materialsContainer ul li:last-child figure img {
    width: 76%;
}
	
#home section#start .contents div.materialsContainer ul li:last-child div.btn a {
    padding: 17px 22px;
}

#home section#start .contents div.materialsContainer ul li:last-child p.mb_1 {
    margin-bottom: 7%;
}
	
#home section#start .contents div.materialsContainer figure.decoration {
	width: 25%;
	top: -13%;
	right: 4%;
}
	
#home section#start .contents div.materialsContainer ul li:last-child p.emphasis {
	margin-bottom: 5%;
	font-size: 25px;
}
	
#home section#start p.introductoryText {
    margin-bottom: 6%;
}
	
#home section#start .contents div.materialsContainer ul li:last-child{
	width: 90%;
	margin: 0 auto;
    margin-top: -59%;
}
	
#home section#educationTraining p.intro {
    font-size: 25px;
}
	
#home section#educationTraining figure {
     width: 66%;
}
	
#home section#educationTraining h2 {
     font-size: 35px;
}
	
#home section#educationTraining {
     margin: 19% 0 13%;
}
	
#home section#onlineTraining {
	padding: 17% 0 9%;
}
#home section#onlineTraining figure.triangle_01 {
	bottom: -1.7%;
}

#home section#onlineTraining figure.circle {
    margin: 9% auto;
}

#home section#onlineTraining {
    padding: 17% 0 13%;
}
	
#home section#conversion .parallax-content ul.wp li:first-child {
    margin-bottom: 27%;
}
	
.parallax-content {
   padding: 22% 0 10%;
}

#home section#conversion .parallax-content ul.wp li:first-child {
	padding: 24% 0 9%;
}

#home section#conversion .parallax-content ul.wp li:last-child {
	padding-top: 21%;
}

 footer {
    padding: 13%;
}

footer div.flexCOntainer figure img {
   width: 55%;
}
	
footer div.flexCOntainer div.info p.tell {
	margin-bottom: 2%;
}
	
footer div.flexCOntainer div.info p.time {
	margin-bottom: 1%;
}


}

/* =================================================================================

スマホだけ

==================================================================================== */
@media screen and (min-width:375px)and (max-width:428px){
	

}

/* =================================================================================

PCコーディングだけ/961px以上～
     
==================================================================================== */
@media screen and (min-width:961px){
/*.sp{display: none;}
.pc{display: block;}*/
	
	
	
}

/* =================================================================================

タブレット以上/モニター(普通)以下

==================================================================================== */
@media screen and (min-width:961px)and (max-width:1200px){

#home section#risks .type2 div.typeContainer {
    width: 95%;
}
#home section#risks .type2 div.typeContainer > ul li.list p.listText {
    height: 71px;
}
	
#home section#start .contents div.materialsContainer figure.decoration {
    top: -31%;
}
	
#home section#educationTraining {
    margin: 15% 0 9%;
}
	
#home section#educationTraining figure.triangle_01 {
    bottom: -51%;
}
	
#home section#onlineTraining figure.triangle_01 {
    bottom: -3.2%;
}
	
		
}	
/* =================================================================================

モニター(wide)だけ

==================================================================================== */
@media screen and (min-width:1500px){
header div.btn a {
    width: 23%;
}
	
#home section#protect figure.triangle_01 {
    bottom: -59%;
}
	
#home section#start figure.triangle_01{
    bottom: -3%;
}
	
#home section#educationTraining figure.triangle_01 {
    bottom: -43%;
}

#home section#conversion .parallax-content ul{
    padding-top: 19%;
}
#home section#conversion .parallax-content div.experience {
    padding-bottom: 19%;
}
	
#home section#fv div.photo figure {
    max-width: 1500px;
}
	
#home section#fv div.photo div.dlBtns {
    bottom: -11%;
    right: 3%;
}
	
#home .wrapper section {
    margin: 10% 0 9%;
}

#home section#fv div.photo div.textContainer {
    top: 18%;
}
	
#home section#fv div.photo div.dlBtns {
    width: 79%;
}
	
#home section#fv div.photo div.textContainer p:first-child {
    font-size: 60px;
}
	
#home section#fv div.photo div.textContainer p:last-child {
    font-size: 27px;
}
	
#home section#onlineTraining {
    padding: 12% 0 12%;
}
	
#home section#start {
    padding: 12% 0 9%;
}
	
#home section#fv div.photo div.dlBtns ul li div.btnContaier p {
    font-size: 17px;
}
	
#home section#fv div.photo div.dlBtns ul li div.btnContaier div.btn a {
    font-size: 20px;
    font-weight: bold;
}

}