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


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






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

.h2_ttl {
    border-bottom: 4px solid #c7c7c7;
}

.h2_ttl:after {
    display: none;
}

section.content div.inner ul.exampleBox{
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	column-gap: 20px;
}


section.content div.inner ul.exampleBox:not(:first-child){
	margin-top: 85px;
}

section.content div.inner ul.exampleBox li p{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
	font-weight: normal;
}


section.content div.inner ul.exampleBox li.left{
	width:12%;
}

section.content div.inner ul.exampleBox li.right{
	width:88%;
}

/*section.content div.inner ul.exampleBox li.right div.dlArea a:hover {
	opacity: 0.4;
}*/

/*section.content div.inner ul.exampleBox li.right div.dlArea a::after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    font-size:clamp(1.438rem, 1.36rem + 0.16vw, 1.563rem);/*values(min:23px,max25px)viewport(min768px,max2000px)
    display: inline-block;
    transform: translate(4px, 1px);
}*/

section.content div.inner div.dlArea{
	background-color: #C1E5F5;
	padding: 30px 0 27px;
	margin-top: 30px;
    width: 78%;
}

section.content div.inner div.dlArea ul{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	column-gap: 20px;
	column-gap: 42px;
	align-items: center;
}

section.content div.inner div.dlArea ul li:first-child{
	width:40%;
}

/*section.content div.inner ul.exampleBox li:last-child div.dlArea ul li:last-child{
	width:55%;
}*/

section.content div.inner ul.exampleBox li:last-child p.btntext{
	font-weight: bold;
    margin-bottom: 15px;
	text-align: center;
}
    

/*------btn-------*/

section.content div.inner ul.exampleBox li:last-child div.btn {
    width: 100%;
    margin-right: 9px;
}

section.content div.inner ul.exampleBox li:last-child div.btn a {
    margin: 0 0 0 auto;
    color: #fff;
    font-size: clamp(1.063rem, 0.985rem + 0.16vw, 1.188rem);
    padding: 11px 0px;
    padding: 5% 0px;
    border-radius: 9px;
    background-color: #117ad6;
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    border: solid 2px #117ad6;
    font-weight: bold;
}

section.content div.inner ul.exampleBox li:last-child div.btn a:hover {
    color: #117ad6;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #117ad6;
    font-weight: bold;
}

/*------// btn-------*/







/*------------------
 　section_02
  ------------------*/
section#conclusion div.inner{
    margin: 0 auto;
    border-top: 5px solid #156082;
}

section#conclusion p{
	margin: 0 auto;
	text-align: center;
	margin-top: 90px;
	font-size: 1.6rem;
    line-height: 2.6rem;
}

div.col_list_3 a.colorAdjustment{
	color: #00B0F0;
}

div.col_list_3 a.colorAdjustment:hover{
	color: #fff;
}

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

スマホ(768px以上からPCコーディング)
961 

==================================================================================== */
@media only screen and (max-width: 767px){	
/*------------------
  表示制御
  ------------------*/
.pc{display: none;}
.sp{display: block;}
.pc-visible{visibility: hidden;}


.h2_ttl {
    border-bottom: none;
	margin-bottom: 7px;
}    

div.inner p.borderTop{
    border-top: 4px solid #c7c7c7;
    padding-top: 16px;
}
	
section#conclusion p {
    margin-top: 49px;
    font-size: 4vw;
    line-height: 1.6; 
}
	
section.content div.inner ul.exampleBox li.left {
    width: 16%;
}
	
section.content div.inner ul.exampleBox li.right {
    width: 84%;
}

section.content div.inner div.dlArea ul{
	display: block;
	column-gap: 20px;
}
	
section.content div.inner div.dlArea {
    width: 100%;
}

section.content div.inner div.dlArea ul li:first-child{
    margin: 0 auto;
	width:90%;
}
	
section.content div.inner div.dlArea ul li:first-child {
    margin-bottom: 9px;
}

section.content div.inner div.dlArea a {
    padding: 19px 0px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    display: block;
    background-color: #FFF;
    border: 1px solid #117ad6;
    color: #117ad6;
    letter-spacing: 0rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 2.8rem;
    line-height: 1.4;
	width: 90%;
    margin: 0 auto;
    font-size: 2.8rem;
    line-height: 1.4;
}
	
section.content div.inner ul.exampleBox:not(:first-child) {
    margin-top: 65px;
}
	
	
}/* //スマホコーディング(ここまで) */
/* =================================================================================

スマホだけ

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

}
/* =================================================================================

PCコーディングだけ/768px以上～
     
==================================================================================== */
@media screen and (min-width:768px){
	
	
}
/* =================================================================================

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

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

}
/* =================================================================================

モニター(wide)だけ

==================================================================================== */
@media screen and (min-width:1500px){


	
	
}