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

body{
margin:0;
padding:0;
color:#333333;
}
img {
	max-width:100%;
	height: auto;/*高さ自動*/
}
a {
    display:block;
    color: var(--link-color);
    text-decoration-line: none;
}
a:hover { 
    color: var(--linkhover-color);
}

a{
transition: all 0.35s ease;
}
a:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-filter: alpha(opacity=50);
}


.contents{
width:1200px;
margin:20px auto;
}
header{
margin:30px auto 10px;
}

header .head_logo{
display:flex;
 justify-content: space-between;
}

.mv {
    background: #dcebea;
    height: 30vh;
    width: 100%;
    margin: 0;
    padding: 0;
}

.mv .mv_bg {
    background: url(../img/mv.png) no-repeat center center #dcebea;
    width: 1200px;
    height: 30vh;
    margin: auto;
    padding: 0;
    background-size: cover;
    position: relative;
}

.mv .mv_in {
    margin: 0;
    padding: 20px 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;

}
.mv h2{
font-size:2.5em;
text-align:center;
font-weight:bold;  text-shadow:0 0 15px #fff;

}
.mv p{
font-weight:bold;

}
.center{
text-align:center;}

.link_box{
display:flex;
 justify-content: space-between;
}

.link_box a{
text-decoration:none;
display:block;
font-weight:bold;
text-align:center;
background-image: linear-gradient(45deg, #71c5b1 0%, #009688 100%);
    transition: .4s;

color:#fff;
border-radius:16px;
    font-size: 1.3em;
padding:10px 0;
    flex: 0 0 48.6666666667%;
    max-width: 48.6666666667%;
}

.link_box a:nth-child(1){
background-image: linear-gradient(45deg, #f19494 0%, #ff6055 100%);
    transition: .4s;

}
.link_box a p{
margin:1%;

}

.link_box a p:nth-child(1){
font-size:1.6em;

}


.link_box a p:nth-child(2):after {
    font-family: "Font Awesome 5 Free";
    content: "\f152";
    font-weight: 900;
    margin-left: 10px;
}



.houjin_btn{
font-weight:bold;
text-align:center;
background:#ccc;
border-radius:16px;
padding:20px 0;
}
.houjin_btn a{
text-decoration:none;
display:block;
}

.page_box{
display:flex;
 justify-content: space-between;
}
.page_box a{
text-decoration:none;
display:block;
text-align:center;
    background: #22a485;
    color: #fff;
border-radius:16px;
padding:20px 0;
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;

}
.page_box h3{
	border-bottom:1px dotted #fff;
	width:90%;
	margin:auto;
	padding-bottom:10px;
}
.page_tit{
margin: 10% 0 1%;
    width: 100%;
padding:20px 0;
    background: #f4f4f4;
	text-align:center;
}
.page_tit h2{
font-size:2.5em;
color:#2f7e6b;
    margin: 0;
}


.support_box{
display:flex;
 justify-content: space-between;
}

.support_box div{
text-decoration:none;
display:block;
text-align:center;
    border: 2px solid #22a485;
border-radius:16px;
padding:0 0 10px;
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;

}

.support_box div h4{
color: #ffffff;
    font-size: 1.3em;
    background: #22a485;
    padding: 10px 0;
	    margin: 0 0 20px;
    border-top-left-radius: 16px;
	border-top-right-radius: 16px;

}
.support_box div img{
height:120px;

}
.support_box div ul{
margin: 10px 20px;
padding:0;

}
.support_box div ul li{
margin:0;
padding:0;
    list-style:none;

	    text-align: left;

}
.support_box div ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f560";
    font-weight: 900;
    margin-right: 10px;
	color: #22a485;
}
.sub_tit{
margin:50px 0;
font-size:2em;
color: #22a485;
}

.page_tit h3{
font-size:1.5em;
color:#d57b75;
margin:0;
}
.otoku_box1{
display:flex;
    justify-content: center;
	    align-items: center;
}

.otoku_box1 div{
margin:1%;

}
.otoku_box1 div h3{
color: #22a485;
font-size:2em;
}

.style1{
color:#d57b75;
}
.style2{
font-size:2em;
}
.small{
font-size:12px;
}

.kome li{
	display:flex;
	list-style:none;
	color:#666;
	font-size:0.8em;
}
.kome li span:nth-child(1){
padding-right:20px;
	
	

}

/* ボックス全体 */
.cstm-box-memo {
   margin: 2em auto; /* 外側余白 */
   padding: 1em 2em 2em; /* 内側余白 */
   background-color: #3b978121;
   border-radius: 5px; /* 角の丸み */
   max-width: 1000px; /* 最大幅 */
}

/* タイトル部分 */
.cstm-box-memo .box-title {
   color: #006c60; /* 文字色 */
   font-size: 1.1em; /* 文字サイズ */
   font-weight: bold; /* 太字 */
   line-height: 2; /* 行の高さ */
}

/* タイトルのアイコン */
.cstm-box-memo .box-title::before {
   font-family: "Font Awesome 5 Free"; /* アイコンフォント */
   content: "\f304"; /* メモアイコン */
   margin-right: 5px; /* アイコンと文字の間隔 */
}

/* ボックス内段落の余白リセット */
.cstm-box-memo p { margin: 0;}

.cstm-box-memo ul {
    display: flex;
    list-style: none;
    margin: 10px 0;
    justify-content: space-between;
	font-size:1.2em;
}

.cstm-box-memo ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    font-weight: 900;
    margin-right: 10px;
	color: #22a485;
}


.copyright {
    text-align: center;
    padding: 1rem 0;
    background-color: #22a485;
    color: #fff;
    font-size: 12px;
}
.company{
	border-top:2px dotted #ccc;
	margin-top:5%;
	padding:3% 0;
}

.company h4{
	text-decoration:underline;
	font-size:1.2em;
}

.company strong{
	color: #22a485;
	font-size:1.2em;
	display:block;
}

.tel{
display:block;

text-align:center;
border-radius:16px;
padding:10px 0;
border:3px solid #cbe5df;
margin:5% 0;
}



.net_box{
display:flex;
 justify-content: space-between;
}

.net_box div{
font-weight:bold;
border-radius:16px;
text-align:center;
    font-size: 1.3em;
padding:10px 0 30px;
    flex: 0 0 48.6666666667%;
    max-width: 48.6666666667%;
	background:#e6bebc4a;
}
.net_box div:nth-child(2){

	background:#cdeae76b;
}
.net_box  div a{
text-decoration:none;
display:block;
font-weight:bold;
text-align:center;
background-image: linear-gradient(45deg, #71c5b1 0%, #009688 100%);
    transition: .4s;
width:80%;
color:#fff;
border-radius:16px;
    font-size: 1.3em;
padding:10px 0;
margin:auto;

}

.net_box div:nth-child(1) a{
background-image: linear-gradient(45deg, #f19494 0%, #ff6055 100%);
    transition: .4s;

}
.net_box a p{
margin:1%;

}

.net_box a p:nth-child(1){
font-size:1.1em;

}

.net_box a p:nth-child(2){
font-size:16px;

}
.net_box a p:nth-child(2):after {
    font-family: "Font Awesome 5 Free";
    content: "\f152";
    font-weight: 900;
    margin-left: 10px;
}

.net_box p{
font-size:20px;}


.n01{
	background:#cc0000;
	color:#fff;
	padding:0 10px;
}
.n02{
	background:#136a62;
	color:#fff;
	padding:0 10px;
}
.w01{
	color:#cc0000;
font-size:2em;
}
.w02{
	color:#136a62;
font-size:2em;
}
.network{
display:flex;
 justify-content: space-between;
 margin-top:30px;
}


.network div{
text-decoration:none;
display:block;
text-align:center;
    background: #49c7a91a;
border-radius:16px;
padding:0 0 10px;
    flex: 0 0 22.6666666667%;
    max-width: 22.6666666667%;

}
.network div h3{

color:#22a485;


}
.network div p{
font-weight:bold;
}
.network div p span{
color:#22a485;
font-size:2em;
}
.network div img{
width:80%;
	border-radius:16px;
	    height: 100px;
    object-fit: cover;
}