@charset "UTF-8";
/*csw*/
.contents_float *{
	box-sizing: border-box;
	}

.mgt35{
	margin-top: 35px;
	}


/*h*/
.h_csw{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
	border-radius: 20px;
	background: url('../../img/service/csw/h_csw.jpg') no-repeat;
	background-size: cover;
	box-shadow: 0px 5px 5px 0px rgba(204,204,204,0.5);
	}


.h_bg_e5e5e5{
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	margin: 40px 0 20px;
	padding: 0 30px;
	background: #e5e5e5;
	border-radius: 5px;
	font-size: 1.42em;
                                position: relative;
	}
.h_bg_e5e5e5:before{
	content: '';
                                display: block;
                                width: 10px;
                                height: 80px;
                                background: #66aa56;
                                position: absolute;
                                top: 0;
                                left: 0;
	border-radius: 5px 0 0 5px;
	}

.grid_01_wrap{
                                display: grid;
                                grid-template-columns: repeat(3, 1fr);
                                }
.grid_01_item{
                                border-right: 1px solid #cccccc;
                                padding: 20px;
                                }
.grid_01_item:first-of-type{
                                padding: 20px 20px 20px 0;
                                }
.grid_01_item:last-of-type{
                                border-right: none;
                                padding: 20px 0 20px 20px;
                                }
.grid_01_item h5{
                                text-align: center;
                                }
.grid_01_item img.grid_01_item_img{
                                display: block;
                                width: 100px;
                                height: auto;
                                margin: 20px auto;
                                }
.grid_01_item ul{
                                list-style-type: none;
                                }
.grid_01_item ul li{
                                padding-left: 20px;
                                margin-bottom: 0.2em;
	position: relative;
                                font-weight: bold;
                                }
.grid_01_item ul li:before{
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-color: #ff637d;
	position: absolute;
	top: 3px;
	left: 0;
	}
.grid_01_item:first-of-type ul li:before{
	background-color: #f57434;
	}
.grid_01_item:last-of-type ul li:before{
	background-color: #009eff;
	}
.grid_02_01_wrap{
                                display: grid;
                                grid-template-columns: 470px 270px;
                                grid-template-rows: 120px minmax(80px, auto);
                                }
.grid_02_02_wrap{
                                display: grid;
                                grid-template-columns: 270px 470px;
                                grid-template-rows: 120px minmax(80px, auto);
                                }
.grid_02_01_wrap .ttl_fuk{
                                grid-row: 1 / 2;
	grid-column: 1 / 2;
                                }
.grid_02_02_wrap .ttl_fuk{
                                grid-row: 1 / 2;
	grid-column: 2 / 3;
                                }
.ttl_fuk h5{
	display: flex;
	align-items: center;
                                justify-content: center;
                                width: 450px;
                                height: 80px;
                                border-radius: 80px;
                                color: #ffffff;
                                font-size: 1.42em;
                                text-align: center;
                                position: relative;
                                }
.grid_02_01_wrap .ttl_fuk h5.ttl_01{
	background: #f57434;
                                }

.grid_02_02_wrap .ttl_fuk h5.ttl_02{
	background: #ff637d;
                                }
.grid_02_01_wrap .ttl_fuk h5.ttl_03{
	background: #009eff;
                                }
.ttl_fuk h5:after{
	content:'';
                                display: block;
                                width: 40px;
                                height: 60px;
                                position: absolute;
                                bottom: -40px;
                                }
.grid_02_01_wrap .ttl_fuk h5.ttl_01:after{
                                right: -20px;
                                background: url('../../img/service/csw/ttl_fuk_01.svg') no-repeat;
                                background-size: cover;
                                }
.grid_02_02_wrap .ttl_fuk h5.ttl_02:after{
                                left: -20px;
                                background: url('../../img/service/csw/ttl_fuk_02.svg') no-repeat;
                                background-size: cover;
                                }
.grid_02_01_wrap .ttl_fuk h5.ttl_03:after{
                                right: -20px;
                                background: url('../../img/service/csw/ttl_fuk_03.svg') no-repeat;
                                background-size: cover;
                                }
.grid_02_01_wrap .grid_02_img_wrap{
                                grid-row: 1 / 3;
	grid-column: 2 / 3;
                                padding-left: 30px;
                                }
.grid_02_02_wrap .grid_02_img_wrap{
                                grid-row: 1 / 3;
	grid-column: 1 / 2;
                                padding-right: 30px;
                                }
.grid_02_01_wrap .grid_02_img_wrap img,.grid_02_02_wrap .grid_02_img_wrap img{
                                display: block;
                                width: 240px;
                                height: 200px;
                                }
.grid_02_01_wrap .grid_02_txt_wrap{
                                grid-row: 2 / 3;
	grid-column: 1 / 2;
                                padding-right: 40px;
                                }
.grid_02_02_wrap .grid_02_txt_wrap{
                                grid-row: 2 / 3;
	grid-column: 2 / 3;
                                padding-left: 40px;
                                }


.grid_03_wrap{
                                display: grid;
	grid-template-columns: repeat(2, 1fr);
                                gap: 20px;
                                }
.grid_03_item{
                                display: flex;
                                justify-content: space-between;
                                border-radius: 10px;
                                }
.grid_03_item h5{
                                width: 120px;
                                display: flex;
	align-items: center;
                                justify-content: center;
                                flex-flow: column;
                                border-radius: 10px 0 0 10px;
                                position: relative;
                                color: #ffffff;
                                }
.grid_03_item h5:after{
                                content: '';
                                position: absolute;
                                top: 0;
                                right: -20px;
                                width: 20px;
                                height: 100%;
                                clip-path: polygon(0 0, 100% 50%, 0 100%);
                                }
.grid_03_item .txt_wrap{
                                display: flex;
	align-items: center;
                                width: calc(100% - 140px);
                                padding: 20px;
                                }
.grid_03_item.item_01{
                                background: #fde3d6;
                                }
.grid_03_item.item_01 h5,.grid_03_item.item_01 h5:after{
                                background: #f57434;
                                }
.grid_03_item.item_02{
                                background: #ffe0e5;
                                }
.grid_03_item.item_02 h5,.grid_03_item.item_02 h5:after{
                                background: #ff637d;
                                }
.grid_03_item.item_03{
                                background: #ccecff;
                                }
.grid_03_item.item_03 h5,.grid_03_item.item_03 h5:after{
                                background: #009eff;
                                }
.grid_03_item.item_04{
                                background: #e2f1df;
                                }
.grid_03_item.item_04 h5,.grid_03_item.item_04 h5:after{
                                background: #66aa55;
                                }

.grid_04_wrap{
                                display: grid;
	grid-template-columns: 420px 300px;
                                gap: 30px;
                                padding-bottom: 25px;
                                border-bottom: 1px solid #cccccc;
                                }
.grid_04_wrap:last-of-type{
                                padding-bottom: 0;
                                border-bottom: none;
                                }
.grid_04_wrap .shoulder{
                                display: inline-flex;
                                justify-content: center;
	align-items: center;
                                height: 36px;
                                border-radius: 36px;
                                margin-bottom: 10px;
                                padding: 0 20px;
                                color: #ffffff;
                                font-size: 1.142em;
                                font-weight: bold;
                                }
.grid_04_wrap .shoulder.shoulder_01{
                                background: #f57434;
                                }
.grid_04_wrap .shoulder.shoulder_02{
                                background: #ff637d;
                                }
.grid_04_wrap .shoulder.shoulder_03{
                                background: #009eff;
                                }

.grid_04_wrap .grid_04_img_wrap img{
                                display: block;
                                width: 100%;
                                height: auto;
                                }
ul.mgt20{
                                list-style-type: none;
                                }

.info_wrap{
                                margin-top: 40px;
                                border: 2px solid #66aa55;
                                border-radius: 10px;
                                }

.info_ttl{
                                display: flex;
                                justify-content: center;
	align-items: center;
                                height: 84px;
                                background: #66aa55;
                                border-radius: 7px 7px 0 0;
                                }
.info_ttl img{
                                display: block;
                                width: 415px;
                                height: auto;
                                }
.grid_info_wrap{
                                display: grid;
	grid-template-columns: repeat(2,1fr);
                                }
.grid_info_item{
                                padding: 20px;
                                }
.grid_info_item:first-of-type{
                                border-right: 1px solid #66aa55;
                                }
.grid_info_item:last-of-type{
                                border-left: 1px solid #66aa55;
                                }

.grid_info_item h5.txt_16{
                                display: flex;
	align-items: center;
                                }

.grid_info_item h5.txt_16:before{
                                content: '';
                                display: inline-block;
                                width: 10px;
                                height: 26px;
                                background: #66aa55;
                                margin-right: 10px;
                                border-radius: 2px;
                                }
/* Media Queries
==========================================================================*/
@media screen and (min-width: 979px) {
}

@media screen and (max-width:799px) {
.contents_float aside ul.mgt10 li{
	list-style-type: none;
	}

.inner.csw_wrap{
	width: 100%;
	}

.contents_wrap,.contents_float aside{
	width: 93.75%;
	margin-left: auto;
	margin-right: auto;
	}

.mgt35{
	margin-top: 17.5px;
	}

.mgt40{
	margin-top: 20px;
	}

/*h*/
.h_csw{
	display: block;
	width: 100%;
	height: auto;
                                aspect-ratio: 3/2;
	margin-bottom: 5px;
	border-radius: 0;
	background: url('../../img/service/csw/h_csw.jpg') no-repeat;
	background-size: cover;
	box-shadow: 0px 2.5px 2.5px 0px rgba(204,204,204,0.5);
	}

.h_bg_e5e5e5{
	height: auto;
	margin: 30px 0 20px;
	padding: 20px 20px 20px 30px;
	border-radius: 5px;
	}
.h_bg_e5e5e5:before{
                                height: 100%;
	}

.grid_01_wrap{
                                grid-template-columns: none;
                                grid-template-rows: repeat(3, auto);
                                }
.grid_01_item{
                                display: grid;
                                grid-template-columns: 100px auto;
                                grid-template-rows: repeat(2, auto);
                                gap: 20px;
                                border-right: none;
                                border-bottom: 1px solid #cccccc;
                                padding: 20px 5px;
                                }
.grid_01_item:first-of-type{
                                padding: 0 5px 20px 5px;
                                }
.grid_01_item:last-of-type{
                                border-bottom: none;
                                padding: 20px 5px;
                                }
.grid_01_item h5{
                                grid-row: 1 / 2;
	grid-column: 1 / 3;
                                }
.grid_01_item img.grid_01_item_img{
                                grid-row: 2 / 3;
	grid-column: 1 / 2;
                                margin: 0 auto;
                                }
.grid_01_item ul{
                                grid-row: 2 / 3;
	grid-column: 2 / 3;
                                }
.grid_02_01_wrap{
                                display: grid;
                                grid-template-columns: none;
                                grid-template-rows: repeat(3, auto);
                                }
.grid_02_02_wrap{
                                display: grid;
                                grid-template-columns: none;
                                grid-template-rows: repeat(3, auto);
                                }
.grid_02_01_wrap .ttl_fuk{
                                grid-row: auto
	grid-column: auto;
                                }
.grid_02_02_wrap .ttl_fuk{
                                grid-row: auto;
	grid-column: auto;
                                }
.ttl_fuk h5{
                                width: 100%;
                                margin-bottom: 50px;
                                }

.ttl_fuk h5:after{
                                bottom: -48px;
                                }
.grid_02_01_wrap .ttl_fuk h5.ttl_01:after{
                                right: auto;
                                left: 50%;
                                transform: translateX(-50%);
                                }
.grid_02_02_wrap .ttl_fuk h5.ttl_02:after{
                                left: 50%;
                                transform: translateX(-50%);
                                }
.grid_02_01_wrap .ttl_fuk h5.ttl_03:after{
                                right: auto;
                                left: 50%;
                                transform: translateX(-50%);
                                }

.grid_02_01_wrap .grid_02_img_wrap{
                                grid-row: auto;
	grid-column: auto;
                                padding-left: 0;
                                }
.grid_02_02_wrap .grid_02_img_wrap{
                                grid-row: auto;
	grid-column: auto;
                                padding-right: 0;
                                }
.grid_02_01_wrap .grid_02_img_wrap img,.grid_02_02_wrap .grid_02_img_wrap img{
                                margin: 0 auto 15px;
                                }
.grid_02_01_wrap .grid_02_txt_wrap{
                                grid-row: auto;
	grid-column: auto;
                                padding-right: 0;
                                }
.grid_02_02_wrap .grid_02_txt_wrap{
                                grid-row: auto;
	grid-column: auto;
                                padding-left: 0;
                                }


.grid_03_wrap{
                                display: grid;
	grid-template-columns: repeat(1, 1fr);
                                gap: 20px;
                                }



.grid_04_wrap{
                                display: grid;
	grid-template-columns: none;
	grid-template-rows: repeat(2, 1fr);
                                gap: 10px;
                                padding-bottom: 20px;
                                border-bottom: 1px solid #cccccc;
                                }

.info_ttl{
                                height: 58px;
                                padding: 0 20px;
                                }
.info_ttl img{
                                width: 100%;
                                }
.grid_info_wrap{
	grid-template-columns: none;
	grid-template-rows: repeat(2,auto);
                                }
.grid_info_item{
                                padding: 20px;
                                }
.grid_info_item:first-of-type{
                                border-right: none;
                                border-bottom: 1px solid #66aa55;
                                }
.grid_info_item:last-of-type{
                                border-left: none;
                                border-top: 1px solid #66aa55;
                                }

}